p { 
hyphens: auto; 
}

/* ================================
   TAHOMA
   ================================ */

@font-face {
    font-family: 'TahomaCustom';
    src: url('../templates/shaper_helixultimate/fonts/Tahoma.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TahomaCustom';
    src: url('../templates/shaper_helixultimate/fonts/Tahoma-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* ================================
   VERDANA
   ================================ */

@font-face {
    font-family: 'VerdanaCustom';
    src: url('../templates/shaper_helixultimate/fonts/Verdana.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'VerdanaCustom';
    src: url('../templates/shaper_helixultimate/fonts/Verdana-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'VerdanaCustom';
    src: url('../templates/shaper_helixultimate/fonts/Verdana-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'VerdanaCustom';
    src: url('../templates/shaper_helixultimate/fonts/Verdana-Bold-Italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}


#sp-top-bar {
    background: #333333;
    color: #aaaaaa;
    padding: 8px 0;
    font-size: 0.875rem;
}

#sp-header {
background-color: #E9E9EB !important;
height: 80px !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
box-shadow: none !important;
}

#sp-header .logo {
display: inline-flex !important;
margin-top: 10px !important;
margin-bottom: 10px !important;
}


#sp-header .logo-image {
    height: 90x !important;
}


#sp-menu{}


.sp-menu-item{}



sp-dropdown-inner{}


sp-dropdown-items{}



@media screen and (max-width: 320px) {
    .team-chef .sppb-person-image {
        margin-right: 0px;
	}
	
	.copyright{
		font-size: 8px;
		background-color: red;
		padding: 5px;
	}
}


@media screen and (min-width: 321px) {
    .team-chef .sppb-person-image {
        margin-right: 10px;
	}
	
		.copyright{
		font-size: 10px;
	}
}



@media (min-width:576px) {
	
	.copyright{
		font-size: 12px;
	}
}
@media (min-width:768px){
	
		.copyright{
		font-size: 14px;
	}
	
}
@media (min-width:992px){
}

@media (min-width:1200px){}
@media (min-width:1400px){}



@media screen and (max-width: 320px) {
    .team-chef .sppb-person-image {
        margin-right: 0px;
	}
}


@media screen and (min-width: 321px) {
    .team-chef .sppb-person-image {
        margin-right: 10px;
	}
}


team-mitglied{

}


/* ================================
   Menü Einstellung
   ================================ */


.sp-megamenu-parent>li .sp-menu-badge{
	padding: 5px 20px 25px;
	font-size: 12px;
	font-weight: bold;
}


/* ================================
   Boxen Einstellung
   ================================ */


.rahmen {
  border: 10px solid #0345bf;
  border-radius: 20px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
  padding: 20px;
}

.ueberschrift {
padding: 5px 5px 5px 15px;
background: #0345bf;
color: #ffffff;
margin-bottom: 20px;
}






/* ================================
   Standard für alle Größen (auch Mobil / Klein)
   ================================ */

.wotag-box {
    background-color: #FF0000;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
	padding: 3px;
    font-size: 14px; /* evtl. mobil etwas kleiner */
}

.titel {
    font-size: 14px;
}

.box {
    font-size: 13px;
    line-height: 14px;
    text-align: center;
	padding: 3px;
}

.art {
    font-size: 10px;
}

.time {
    font-size: 9px;
}


/* ================================
   Ab 1400px (Desktop / Große Bildschirme)
   Hier nur überschreiben, was größer/anders sein soll!
   ================================ */
@media screen and (min-width: 1400px) {
    .wotag-box {
        font-size: 16px;
    }

    .titel {
        font-size: 16px;
    }

    .box {
        font-size: 14px;
    }

    .art {
        font-size: 12px;
		color: white;
	}
	
	.time {
    font-size: 10px;
}

}









/* ================================
    Kennen lernen

.kennen-lernen .icon-box{
	width: 80px;
	height: 80px;
	background-color: red;
}

.kennen-lernen .icon-text{
	color: white;
}

   ================================ */