@charset "utf-8";
/* © 2015 - 2025 */

* { box-sizing: border-box; }

body {
	font-weight: 400;
	color: rgba(70,70,70,1.00);
	background-color: rgba(255,255,255,0.80) !important
}
html {
	background-color: rgba(255,255,255,1.00)   !important;
	font-family: "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}
body {
	font-size: 1em;
}
header {
	width: 100%;
	height: 60px !important;
	padding-right: 2%;
	box-sizing: border-box;
	background-image: url("pic/logo-ryago.svg") !important;
	background-position: 97% center;
	background-repeat: no-repeat;
	background-size: 200px;
	background-color: rgba(255,255,255,1);
	position: fixed;
	top:0px !important;
	margin-top: 0px !important;
	z-index:998;
	pointer-events: none;
	border-bottom: 2px solid rgba(0,0,0,0.5);
}
main {
	width: 100%;
	padding: 80px 0% 0px 0% !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-bottom: 64px;
}
header .container {
	font-size: 12px;
	text-align: right;
	height: 30px;
}
main {
	color: rgba(255,255,255,1.00);
	background-color: rgba(255,255,255,0.5);
	min-height:calc(100vh - 28px);
	margin-bottom: 0px;
}

main h1, 
main h2, 
main h3


{ color:rgba(100,100,100,1.00) !important; line-height:1.25; font-weight: normal; }


footer {
	width: 100%;
	position: relative;
	bottom: 0px;
	height: 28px;
	text-align: center;
	font-size: 60%;
	color: rgba(68,71,74,1.00);
	font-family: inherit;
	background-color: rgba(0,0,0,0.80);
	line-height: 28px;
	z-index:100;
}
/* CLOCK */
	
div#clock {
	width: auto;
	margin-right: 16px;
	margin-top: 19px;
	float: right;
	text-align: right;
	color: rgb(45,45,45);
}
div#time, div#date, div#uhrtext {
	font-family: inherit;
	font-weight: 400;
	font-size: 90%;
	display: inline-block;
}
div#time {
	width: auto;
}
div#date {
	width: auto;
	padding: 0 0 0 16px;
}
div#uhrtext {
	width: auto;
	padding: 0 0 0 6px;
}
#time span.trennung {
	width: 2px;
}
#time span {
	display: inline-block;
	text-align: center;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background-color: rgba(217,217,217,0.00)
}
#time span.hour, #time span.minute {
	border-right: dotted thin rgba(140,140,140,1.00);
}
#time span.hour, #time span.minute, #time span.second {
	font-weight: 700;
}
/* Liste - Content Buttons */


ul.homeMenu { 
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-content: flex-start;

min-width: 90vw !important;

}



main ul li a, main ul li a:hover, main ul li a:visited, main ul li a:active, main ul li a:focus, main ul li a:link, main ul li ul li a, main ul li ul li a:hover, main ul li ul li a:visited, main ul li ul li a:active, main ul li ul li a:focus, main ul li ul li a:link { color: rgba(244,244,244,1.00); }
main ul li, main ul li a, main ul li span, main ul li ul {	display: inline-block; }

main ul li {
	background-color: rgba(250,250,250,0.67);
	width: auto;
	margin: 8px 8px;
	color: rgba(0,0,0,1.00);
	padding: 1%;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	text-align: center;
} 

main ul.homeMenu li { 
    flex: 1; 
    max-width: 230px; 
    min-width: 230px; 
} 

main ul li a { 
    width: 80%;
    margin: 5%;
    padding: 7% 5% 65% 5%;
    background-color: #22a6b5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='white'%3E%3Cpath d='M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H600v-80h160v-480H200v480h160v80H200Zm240 0v-246l-64 64-56-58 160-160 160 160-56 58-64-64v246h-80Z'/%3E%3C/svg%3E");
    
    
    background-size: 85%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    color: rgba(233,233,233,1.00);
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.33);
    box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.33);
    font-size: 12px !important;
    font-weight: bold;
    letter-spacing: 0.5px;
}
main ul li a:hover {
	background-color: #22a6b5;
	color: rgba(245,245,245,1.00);
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 1px 0 rgba(0,0,0,0.7);
	box-shadow: 0px 0px 1px 0 rgba(0,0,0,0.7);
	-webkit-border-radius: 14px;
	border-radius: 14px;
} 


main ul.homeMenu li a { 
    width: 95%;
    margin: 2.5%;
    padding: 16px 4px 0px 4px; 
    min-height: 158px;
}



main ul li a.startseite {
	background-image: url(pic/startseite.svg);
}
main ul li a.speiseplan-erstellen {
	background-image: url(pic/speiseplan-erstellen.svg);
}

main ul li a.gaestebestellung,
main ul li a.fruehstueckbestellung,
main ul li a.essenbestellung {
	background-image: url(pic/essenbestellung.svg) !important;
}
main ul li a.getraenkebestellung {
	background-image: url(pic/getraenkelieferung.svg);
}
main ul li a.lebensmittel,
main ul li a.speisenverwaltung {
	background-image: url(pic/speisenverwaltung.svg);
}

main ul li a.bestellungen,
main ul li a.rechnungen {
	background-image: url(pic/rechnungen.svg);
}
main ul li a.cafe {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cg/%3E%3Cg%3E%3Cpath d='M21.9,8.89l-1.05-4.37c-0.22-0.9-1-1.52-1.91-1.52H5.05C4.15,3,3.36,3.63,3.15,4.52L2.1,8.89 c-0.24,1.02-0.02,2.06,0.62,2.88C2.8,11.88,2.91,11.96,3,12.06V19c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2v-6.94 c0.09-0.09,0.2-0.18,0.28-0.28C21.92,10.96,22.15,9.91,21.9,8.89z M18.91,4.99l1.05,4.37c0.1,0.42,0.01,0.84-0.25,1.17 C19.57,10.71,19.27,11,18.77,11c-0.61,0-1.14-0.49-1.21-1.14L16.98,5L18.91,4.99z M13,5h1.96l0.54,4.52 c0.05,0.39-0.07,0.78-0.33,1.07C14.95,10.85,14.63,11,14.22,11C13.55,11,13,10.41,13,9.69V5z M8.49,9.52L9.04,5H11v4.69 C11,10.41,10.45,11,9.71,11c-0.34,0-0.65-0.15-0.89-0.41C8.57,10.3,8.45,9.91,8.49,9.52z M4.04,9.36L5.05,5h1.97L6.44,9.86 C6.36,10.51,5.84,11,5.23,11c-0.49,0-0.8-0.29-0.93-0.47C4.03,10.21,3.94,9.78,4.04,9.36z M5,19v-6.03C5.08,12.98,5.15,13,5.23,13 c0.87,0,1.66-0.36,2.24-0.95c0.6,0.6,1.4,0.95,2.31,0.95c0.87,0,1.65-0.36,2.23-0.93c0.59,0.57,1.39,0.93,2.29,0.93 c0.84,0,1.64-0.35,2.24-0.95c0.58,0.59,1.37,0.95,2.24,0.95c0.08,0,0.15-0.02,0.23-0.03V19H5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 60% !important;
    
}

main ul li a.bestellkontrolle {
    
	background-image: url(pic/bestellkontrolle.svg);
}
main ul li a.bestellvorschau {
	background-image: url(pic/bestellvorschau.svg);
}
main ul li a.logbuch {
	background-image: url(pic/logbuch.svg);
}
main ul li a.bettenverwaltung {
	background-image: url(pic/bettenverwaltung.svg);
}
main ul li a.profil {
	background-image: url(pic/profil.svg);
}
main ul li a.speiseplan,
main ul li a.speiseplan-herunterladen {
	background-image: url(pic/pdf-download.svg);
}
main ul li a.abmelden {
	background-image: url(pic/abmelden.svg);
	background-color: rgba(187,4,7,1.00);
}
main ul li a.cafe-import,
main ul li a.lebensmittel-import,
main ul li a.csv-import {
	background-image: url(pic/csvimport.svg) !important;
}

main ul li a.Cafe-Verwalten,
main ul li a.Lebensmittel-Verwalten,
main ul li a.speisen,
main ul li a.verwalten
{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cg/%3E%3Cg%3E%3Cpath d='M21,5c-1.11-0.35-2.33-0.5-3.5-0.5c-1.95,0-4.05,0.4-5.5,1.5c-1.45-1.1-3.55-1.5-5.5-1.5S2.45,4.9,1,6v14.65 c0,0.25,0.25,0.5,0.5,0.5c0.1,0,0.15-0.05,0.25-0.05C3.1,20.45,5.05,20,6.5,20c1.95,0,4.05,0.4,5.5,1.5c1.35-0.85,3.8-1.5,5.5-1.5 c1.65,0,3.35,0.3,4.75,1.05c0.1,0.05,0.15,0.05,0.25,0.05c0.25,0,0.5-0.25,0.5-0.5V6C22.4,5.55,21.75,5.25,21,5z M21,18.5 c-1.1-0.35-2.3-0.5-3.5-0.5c-1.7,0-4.15,0.65-5.5,1.5V8c1.35-0.85,3.8-1.5,5.5-1.5c1.2,0,2.4,0.15,3.5,0.5V18.5z'/%3E%3Cg%3E%3Cpath d='M17.5,10.5c0.88,0,1.73,0.09,2.5,0.26V9.24C19.21,9.09,18.36,9,17.5,9c-1.7,0-3.24,0.29-4.5,0.83v1.66 C14.13,10.85,15.7,10.5,17.5,10.5z'/%3E%3Cpath d='M13,12.49v1.66c1.13-0.64,2.7-0.99,4.5-0.99c0.88,0,1.73,0.09,2.5,0.26V11.9c-0.79-0.15-1.64-0.24-2.5-0.24 C15.8,11.66,14.26,11.96,13,12.49z'/%3E%3Cpath d='M17.5,14.33c-1.7,0-3.24,0.29-4.5,0.83v1.66c1.13-0.64,2.7-0.99,4.5-0.99c0.88,0,1.73,0.09,2.5,0.26v-1.52 C19.21,14.41,18.36,14.33,17.5,14.33z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 60% !important;
} 




main ul li a.geburtstage,
main ul li a.restaurant-kalender
{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm0-12H5V6h14v2zm-7 5h5v5h-5z'/%3E%3C/svg%3E") !important;
    background-size: 60% !important;
}


main ul li a.zimmer-wechsel
    {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='white'%3E%3Cpath d='m560-200 160-160-56-56-64 62v-166h-80v166l-64-62-56 56 160 160ZM360-440h80v-166l64 62 56-56-160-160-160 160 56 56 64-62v166ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E");
    background-size: 118px !important;
    background-position: center 85%;
}


main ul li a.mitarbeiterverwaltung,
main ul li a.mitarbeiter { background-image: url(pic/mitarbeiterverwaltung.svg); } 




main ul li a.logging {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='white'%3E%3Cpath d='M740-208v-112h-40v128l86 86 28-28-74-74ZM480-800 243-663l237 137 237-137-237-137ZM120-321v-318q0-22 10.5-40t29.5-29l280-161q10-5 19.5-8t20.5-3q11 0 21 3t19 8l280 161q19 11 29.5 29t10.5 40v159h-80v-116L479-434 200-596v274l240 139v92L160-252q-19-11-29.5-29T120-321ZM720 0q-83 0-141.5-58.5T520-200q0-83 58.5-141.5T720-400q83 0 141.5 58.5T920-200q0 83-58.5 141.5T720 0ZM480-491Z'/%3E%3C/svg%3E");
}
main ul li a.auswertung {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='white'%3E%3Cpath d='M120-120v-80l80-80v160h-80Zm160 0v-240l80-80v320h-80Zm160 0v-320l80 81v239h-80Zm160 0v-239l80-80v319h-80Zm160 0v-400l80-80v480h-80ZM120-327v-113l280-280 160 160 280-280v113L560-447 400-607 120-327Z'/%3E%3C/svg%3E");
}
main ul li a.feedback {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='white'%3E%3Cpath d='m320-240 160-122 160 122-60-198 160-114H544l-64-208-64 208H220l160 114-60 198ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E");
}




main ul li a.logging, main ul li a.auswertung, main ul li a.feedback { 
    
    background-size: 118px;
    background-position: center 85%;
    background-color: goldenrod;
    
} 


main ul li a.gaestebestellung, 
main ul li a.fruehstueckbestellung, 
main ul li a.essenbestellung, 
main ul li a.lebensmittel { 
    
    
    background-color: green;
    
    
} 

main ul li a.restaurant-kalender, 
main ul li a.zimmer-wechsel, 
main ul li a.geburtstage  { 
    
    
    background-color: cornflowerblue;
    
    
} 
main ul li a.csv-import, 
main ul li a.lebensmittel-import, 
main ul li a.speisen, 
main ul li a.mitarbeiter, 
main ul li a.Lebensmittel-Verwalten  { 
    
    
    background-color: black;
    
    
}

main ul li a.bestellkontrolle, 
main ul li a.bestellvorschau, 
main ul li a.bestellungen, 
main ul li a.rechnungen, 
main ul li a.speiseplan { 
    
    background-color: crimson;
    
    
}

















main ul li span {
	height: 48px;
	line-height: 48px;
	width: 100%;
}
main ul li ul {
	width: 100%;
}
main ul li ul li { /* width:33% */;
	min-height: none;
	background-color: rgba(255,255,255,0);
	margin: 0;
	padding: 0;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
/* FLEX-MOD Zimmerliste */	
main ul li ul {
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin: auto;
}
main ul li ul li {
	align-self: flex-end;
	width: 76px;
	height: 76px;
}
main ul li ul li:last-child {
	clear: right;
}
main ul li ul li a.logged {
	background-color: rgba(95,167,0,1.00);
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.0);
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.0);
}
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////   Content   /////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */




/* hauptcontainer */
main div.mainContent {
	
	min-height: calc(100vh - 450px);
	min-width: 100%;
	max-width: 100%;
	justify-content: space-around;
	display: inline-flex !important;
	margin: 0px;
	flex-wrap: wrap;
	
	padding:30px 16px 100px 16px;
	
	
}



html, body, #page, main, main div.mainContent {
	box-sizing: border-box;
}









div.terminbg {
    width: 100%;
}







/* allgemeiner Navigationebalken */
main div.navibalken, main div.navibalken a, main div.navibalken span {
	height: 48px;
	line-height: 48px;
	text-align: center;
}
main div.navibalken {
	float: left;
	width: 100%;
	min-width:100%;
	display: block;
	font-size: 24px;
	font-weight: 700;
	background: rgba(0,0,0,0.20);
}
main div.navibalken a, main div.navibalken span {
	display: inline-block;
	background-color: rgba(0,111,183,0.67);
	font-size: 16px;
	font-weight: 400;
	background-size: 42px;
	background-repeat: no-repeat;
}
main div.navibalken a:hover, main div.navibalken span:hover {
	background-color: rgba(0,111,183,1);
	color: rgba(255,255,255,1.00);
}
main div.navibalken a:visited, main div.navibalken a:focus, main div.navibalken a:active, main div.navibalken a:link {
	color: rgba(255,255,255,1.00);
}
main div.navibalken a:first-child, main div.navibalken span:first-child {
	float: left;
	background-image: url(pic/left.svg);
	background-position: center left;
	padding: 0 12px 0 48px;
}
main div.navibalken a:last-child, main div.navibalken span:last-child {
	float: right;
	background-image: url(pic/right.svg);
	background-position: center right;
	padding: 0 48px 0 12px;
}
/* Essenauswahl - Essenbestellung: */

div.contentabschnitt {
	display: inline-block;
	width: 96%;
	margin: 24px 0;
	float: left;
	clear: both; /*overflow:hidden;*/
	padding: 2%;
	background: rgb(250,250,250);
	color: rgb(39,39,39);
	text-align: left;
	min-height: 360px;
	padding-bottom:90px !important
}
div.contentabschnitt h8 {
	display: block;
	color: rgba(42,42,42,1.00);
	font-size: 140%;
	font-weight: 400;
}
span.info {
	display: block;
	width: 100%;
	color: rgb(255,0,0);
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 48px;
}
div#foodlist {
	background-color: rgba(255, 255, 255, 0.8);
	margin-top: 4px;
	min-height: 64px;
	padding: 2%;
	width: 96%;
}
/* Kopfzeile */
div.foodcheckhead, div.fooddescrhead, div.foodcounthead {
	display: inline-block;
	float: left;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	padding: 0 1%;
}
div.foodcheckhead {
	background-color: rgba(0,111,183,1);
	width: 10%;
}
div.fooddescrhead {
	background-color: rgba(0,0,0,0.67);
	width: 80%;
	text-align: left !important;
}
div.foodcounthead {
	background-color: rgba(0,111,183,1);
	width: 10%;
}
/* Liste */

div.foodrow {
	min-height: 128px;
	border-bottom: rgba(0,0,0,0.2) solid 0.5px;
	border-top: rgba(0,0,0,0.2) solid 0.5px;
	display: block;
	width: 100%;
	background-color: rgba(250,250,250,1.00);
	float: left;
}
div.foodcheck, div.fooddescr, div.foodcount {
	display: inline-block;
	float: left;
	padding: 1%;
	text-align: center;
	margin: 4px 0;
	height: auto;
	min-height: 170px;
	max-height: 90px;
}
div.foodcheck, div.foodcount {
	width: 10%;
}
div.fooddescr {
	background-color: rgb(255,255,255);
	text-align: left;
	width: 80%;
	position: relative;
    min-height: 210px;
}



div.fooddescr.meat, span.meat {
	background: rgba(255,229,229,1.00) !important;
}
div.fooddescr.fish, span.fish {
	background: rgba(214,237,255,1.00) !important;
}
div.fooddescr.veget, span.veget {
	background: rgba(232,255,226,1.00) !important;
}
div.fooddescr.vegan, span.vegan {
	background: rgba(151,255,230,1.00) !important;
}
div.fooddescr.op, span.op {
	background: rgba(15,228,255,1.00) !important;
}







div.foodcheck {
	clear: left;
}
div.foodcount {
	clear: right;
}
form#formularOrderDinks div#foodList div.fooddescr span,  form#formularOrderFood div#foodList div.fooddescr span {
	display: inline-block;
	line-height: 20px;
	min-height: 20px;
	text-align: left;
	padding: 4px;
}
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(1), form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(3), form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(5),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(1), form#formularOrderFood div#foodList div.fooddescr span:nth-child(3), form#formularOrderFood div#foodList div.fooddescr span:nth-child(5) {
	width: 96px;
	clear: left;
	float: left;
}
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(2), form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(4),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(2), form#formularOrderFood div#foodList div.fooddescr span:nth-child(4) {
	width: 37%;
	font-style: italic;
	float: left;
}


form#formularOrderFood div#foodList div.fooddescr span:nth-child(2) { width:52%; }
form#formularOrderFood div#foodList div.fooddescr span:nth-child(1),
form#formularOrderFood div#foodList div.fooddescr span:nth-child(3),
form#formularOrderFood div#foodList div.fooddescr span:nth-child(4),
form#formularOrderFood div#foodList div.fooddescr span:nth-child(5),
form#formularOrderFood div#foodList div.fooddescr span:nth-child(6),
form#formularOrderFood div#foodList div.fooddescr span:nth-child(7) { display:none !important }


form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(6), form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(7),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(6), form#formularOrderFood div#foodList div.fooddescr span:nth-child(7) {
	width: auto;
	padding: 4px 4px 4px 8px;
	float: left;
}
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(1), form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(2),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(1), form#formularOrderFood div#foodList div.fooddescr span:nth-child(2) {
	font-size: 22px;
	font-weight: 700;
}
/* Optionales */
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(8), form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(9), form#formularOrderFood div#foodList div.fooddescr span:nth-child(8), form#formularOrderFood div#foodList div.fooddescr span:nth-child(9) {
	display: block;
	position: absolute;
	left: 57%;
	width: 17%;
	font-style: italic;
	font-size: inherit;
	font-weight: 100;
}
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(8), form#formularOrderFood div#foodList div.fooddescr span:nth-child(8) {
	top: 12px;
}
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(9), form#formularOrderFood div#foodList div.fooddescr span:nth-child(9) {
	top: 36px;
}
/* Bemerkungen */
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(10), form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(11), form#formularOrderFood div#foodList div.fooddescr span:nth-child(10), form#formularOrderFood div#foodList div.fooddescr span:nth-child(11) {
	display: block;
	position: absolute;
	right: 4%;
	width: 19%;
	font-style: italic;
	font-size: inherit;
	font-weight: 100;
}
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(10), form#formularOrderFood div#foodList div.fooddescr span:nth-child(10) {
	top: 12px;
}
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(11), form#formularOrderFood div#foodList div.fooddescr span:nth-child(11) {
	top: 36px;
}
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(9) textarea, form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(11) textarea, form#formularOrderFood div#foodList div.fooddescr span:nth-child(9) textarea, form#formularOrderFood div#foodList div.fooddescr span:nth-child(11) textarea {
	background-color: rgba(250,255,172,1.00);
}
/* Farbcodes */
div.foodcheck, div.foodcount {
	background-color: #1fa4d0; 
    min-height: 210px;
}
div.foodcheck.drink, div.foodcount.drink {
	background-color: #1464C4;
}
div.foodcheck.fix, div.foodcount.fix {
	background-color: #4B4B4B;
}
/* IconCodes */
div.foodcount {
}
form#formularOrderDrinks div#foodList div.foodcount div:nth-child(1), form#formularOrderFood div#foodList div.foodcount div:nth-child(1) {
	display: block;
	width: 100%;
	margin-bottom: 12px;
}
form#formularOrderDrinks div#foodList div.foodcount div:nth-child(2), form#formularOrderDrinks div#foodList div.foodcount div:nth-child(3), form#formularOrderDrinks div#foodList div.foodcount div:nth-child(4), form#formularOrderDrinks div#foodList div.foodcount div:nth-child(5),  form#formularOrderFood div#foodList div.foodcount div:nth-child(2), form#formularOrderFood div#foodList div.foodcount div:nth-child(3), form#formularOrderFood div#foodList div.foodcount div:nth-child(4), form#formularOrderFood div#foodList div.foodcount div:nth-child(5) {
	display: block;
	width: 46%;
	height: 48px;
	margin: 2%;
	background-color: rgba(0,0,0,0.33);
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 90%;
	opacity:0.1;
	position:relative;
}



form#formularOrderDrinks div#foodList div.foodcount.breakfastLogo div:nth-child(2), form#formularOrderFood div#foodList div.foodcount.breakfastLogo div:nth-child(2) {
	background-image: url(pic/fruehstueck-01.svg); opacity:1; 
}
form#formularOrderDrinks div#foodList div.foodcount.lunchLogo div:nth-child(2), form#formularOrderFood div#foodList div.foodcount.lunchLogo div:nth-child(2) {
	background-image: url(pic/mittagessen-01.svg); opacity:1; 
}
form#formularOrderDrinks div#foodList div.foodcount.dinnerLogo div:nth-child(2), form#formularOrderFood div#foodList div.foodcount.dinnerLogo div:nth-child(2) {
	background-image: url(pic/abendbrot-01.svg); opacity:1; 
}
form#formularOrderDrinks div#foodList div.foodcount.gluten div:nth-child(3), form#formularOrderFood div#foodList div.foodcount.gluten div:nth-child(3) {
	background-image: url(pic/gluten-01.svg); opacity:1;
}
form#formularOrderDrinks div#foodList div.foodcount.lactose div:nth-child(4), form#formularOrderFood div#foodList div.foodcount.lactose div:nth-child(4) {
	background-image: url(pic/lactose-01.svg); opacity:1;
}
form#formularOrderDrinks div#foodList div.foodcount.diabetics div:nth-child(5), form#formularOrderFood div#foodList div.foodcount.diabetics div:nth-child(5) {
	background-image: url(pic/diabetics-01.svg); opacity:1;
}





span.foodname, span.fooddescription, span.foodcomment {
	display: block;
	width: 100%;
	float: left;
}
span.foodname {
	color: rgba(0,111,183,1);
	font-size: 120%;
	font-weight: 700;
}
span.fooddescription {
	font-size: 100%;
	font-weight: 400;
	margin-top: 4px;
}
span.foodcomment {
	font-size: 90%;
	font-weight: 400;
	font-style: italic;
	margin-top: 4px;
}
/* Label  -  Check Button */
.foodc input[type="checkbox"] {
	height: 44px !important;
	margin-left: 4px !important;
	margin-top: 4px !important;
	visibility: hidden;
	width: 44px !important;
}
.foodc {
	position: relative;
	margin: 24px auto;
	display: block;
	height: 56px;
	width: 56px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.1) 53%, rgba(0,0,0,0) 63%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.1) 53%, rgba(0,0,0,0) 63%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.1) 53%, rgba(0,0,0,0) 63%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.1) 53%, rgba(0,0,0,0) 63%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.1) 53%, rgba(0,0,0,0) 63%); /* W3C */
	box-shadow: 0 1px 1px white inset, 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.foodc label {
	position: absolute;
	width: 86%;
	height: 86%;
	left: 7%;
	top: 7%;
	
	
background: #feffff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5) inset, 0 2px 0 rgba(255, 255, 255, 1);
	cursor: pointer;
	
}




.foodc label::after {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 48px;
	width: 48px;
	content:'';
	background-image:url("pic/erase-02.svg");
	background-size:24px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-color: rgba(255,216,217,0.00);border-radius:50%;
	
}
.foodc label:hover::after {
	opacity: 0.25;
}
.foodc input[type="checkbox"]:checked + label::after {
	opacity: 0.90;
}














.foodc.regular label::after {
	background-image:url("pic/getraenkelieferung.svg");
	
	background-position: center -11px !important;
	background-size:48px !important;
	
}
.foodc.regular label:hover::after {
	opacity: 0.25;
}
.foodc.regular input[type="checkbox"]:checked + label::after {
	opacity: 0.90;
	background-color: rgba(90,130,0,1.00);
}




















/* Anzahl Auswählen */

.foodcount div input {
	-webkit-appearance: textfield;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	user-select: text;
	background-color: #fafafa none repeat scroll 0 0;
	border-bottom-style: inset;
	border-bottom-width: 2px;
	border-left-style: inset;
	border-left-width: 2px;
	border-right-style: inset;
	border-right-width: 2px;
	border-top-style: inset;
	border-top-width: 2px;
	color: #232323;
	display: inline-block;
	font-family: inherit;
	font-size: 2rem;
	font-weight: 400;
	line-height: normal;
	letter-spacing: normal;
	box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.35) inset;
	margin-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	
	box-sizing: border-box;
	padding-bottom: 1px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 7px;
	text-align: -webkit-auto;
	text-align: center;
	text-indent: 0px;
	text-shadow: none;
	text-transform: none;
	outline: 0 none;
	width: 100%;
}
.foodcount div input:active, .foodcount div input:focus {
	background-color: #acd059;
}
main div.mainContent div.contentabschnitt form#formularOrderDrinks div#foodList div button[name='btnSubmit'][type='submit'], main div.mainContent div.contentabschnitt form#formularOrderFood div#foodList div button[name='btnSubmit'][type='submit'], main div.mainContent div.contentabschnitt form#formularOrderFood div#foodList button[name='btnSubmit'][type='submit'] {
	margin-top: 16px;
	display: block;
	float: right;
	padding: 12px 0;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	outline: none;
	border: rgba(22,46,0,0.30) 1px solid;
	font-size: 24pt;
	text-shadow: 0px 1px 0px #cdcdcd;
	background: #8fc400;
	background: -moz-linear-gradient(top, #8fc400 0%, #8fc400 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #8fc400 0%, #8fc400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8fc400 0%, #8fc400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8fc400 0%, #8fc400 100%); /* IE10+ */
	background: linear-gradient(to bottom, #8fc400 0%, #8fc400 100%); /* W3C */
}
main div.mainContent div.contentabschnitt form#formularOrderDrinks div#foodList div button[name='btnSubmit'][type='submit']:hover, main div.mainContent div.contentabschnitt form#formularOrderFood div#foodList div button[name='btnSubmit'][type='submit']:hover, main div.mainContent div.contentabschnitt form#formularOrderFood div#foodList button[name='btnSubmit'][type='submit']:hover {
	text-shadow: 0px 1px 0px #000000;
	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #45484d 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #45484d 0%, #000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #45484d 0%, #000000 100%); /* IE10+ */
	background: linear-gradient(to bottom, #45484d 0%, #000000 100%); /* W3C */
}
/* Speiseplan erstellen */

div.option {
	background-color: rgba(0,0,0,0.15);
	border-radius: 5px;
	float: right;
	clear: both;
	margin-bottom: 16px;
	padding: 12px;
	text-align: left !important;
	width: 256px;
	font-size: 16px;
	line-height: 14px;
}
input.nofood[type="checkbox"] {
	display: inline-block;
	height: 12px;
	width: 12px;
	line-height: 14px;
	margin-right: 12px;
	float: left;
}
button.adminedit2[type="submit"] {
	background: #222;
	border-radius: 5px;
	color: #fff;
	font-weight: 400;
	margin: 12px 0px 2px 0px;
	float: right;
	padding: 2px;
	width: 99%;
	text-align: center;
	height: 28px;
	line-height: 24px;
}
button.adminedit2[type="submit"]:hover {
	background: #fff;
	color: #000;
	cursor: pointer;
}
/* Default Buttons */
button[type="submit"], button[type="submit"]:visited, button[type="submit"]:active, button[type="submit"]:link, button:focus, button, button:visited, button:active, button:link, button:focus {
	display: block;
	padding: 6px 44px;
	clear: both;
	font-size: 20px;
}
button[type="submit"], button[type="submit"]:link, button[type="submit"]:visited, button, button:link, button:visited {
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.67);
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.67);
}
button[type="submit"]:active, button[type="submit"]:focus, button:active, button:focus {
	-webkit-box-shadow: 0px 0px 1px 0 rgba(0,0,0,1.00);
	box-shadow: 0px 0px 1px 0 rgba(0,0,0,1.00);
}
button[type="submit"], button {
	color: rgba(38,38,38,1.00);
	background: #fceabb;
	background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background: -o-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background: -ms-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
}
button[type="submit"]:hover, button:hover {
	color: rgba(255,255,255,1.00);
	background-color: #aebcbf;
	background: #aebcbf;
	background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
	background: -webkit-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
	background: -o-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
	background: -ms-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
	background: linear-gradient(to bottom, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
}
div.editpart100:nth-child(1) {
	clear: right;
}
div.editpart100 {
	display: block;
	width: 29%;
	padding: 6px 0%;
	float: left;
	margin: 24px 0 12px 3%;
	position: relative;
}
div.flow3 {
	display: inline-block;
	width: 100%;
	float: left;
	text-align: center;
	height: 32px;
	line-height: 32px;
}
/* 
#results {
    background-color: rgba(197, 220, 136, 1);
    display: none;
    width: 93%;
}

#searchItems li {
    display: none;
    list-style-type: none;
}

#searchItems li a {
    color: rgba(66, 70, 63, 1);
}
*/


















/* Speisen zu Speiseplan hinzufügen --> Button und Auflistung: */
div.mainContent div.contentabschnitt > div:nth-child(4) {
	clear: left;
}
div.mainContent div.contentabschnitt > div:nth-child(4), div.mainContent div.contentabschnitt > div:nth-child(5), div.mainContent div.contentabschnitt > div:nth-child(6) {
	min-height: 128px;
	width: 27%;
	padding: 90px 1.5% 48px 1.5%;
	background-color: rgba(0,111,183,1.00);
	display: inline-block;
	float: left;
	margin: 32px 1.5%;
	-webkit-border-radius: 40px 0 40px 0;
	border-radius: 40px 0 40px 0;
	background-position: center top;
	background-size: 80px;
	background-repeat: no-repeat;
}
/*div.mainContent div.contentabschnitt > div:nth-child(4)	{background-image:url(pic/fruehstueck-01.svg);}
div.mainContent div.contentabschnitt > div:nth-child(5) {background-image:url(pic/mittagessen-01.svg);}
div.mainContent div.contentabschnitt > div:nth-child(6) {background-image:url(pic/abendbrot-01.svg);}*/													   

.breakfast {
	background-image: url(pic/fruehstueck-01.svg);
}
.lunch {
	background-image: url(pic/mittagessen-01.svg);
}
.dinner {
	background-image: url(pic/abendbrot-01.svg);
}
div.flow3:nth-child(4) {
	width: 96%;
	margin-left: 1.5%;
	float: left;
	text-align: center;
	height: 64px;
	line-height: 64px;
}
/*div.flow3:nth-child(4) button.adminedit[type='submit'] { background-color: rgba(167,183,8,1.00); height:40px; line-height:26px; width:100%;
														 background-image:url(pic/hinzufuegen-01.svg); background-size:100%;
														 background-position:center center; background-repeat:no-repeat;
														 -webkit-border-radius: 36px; border-radius: 36px; color: rgba(243,243,243,1.00);}*/
														 
/*div.flow3:nth-child(4) button.adminedit[type='submit']:hover { 	color:rgba(233,233,233,1.00);
																background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
																/*background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
																/*background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
																/*background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
																/*background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */
																  /*}*/

button.adminedit[name='btnSubmitDishes'] {
	background-color: rgba(167,183,8,1.00);
	height: 40px;
	line-height: 26px;
	width: 100%;
	background-image: url(pic/hinzufuegen-01.svg);
	background-size: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-border-radius: 36px;
	border-radius: 36px;
	color: rgba(243,243,243,1.00);
}
button.adminedit[name='btnSubmitDishes']:hover {
	color: rgba(233,233,233,1.00);
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* IE10+ */
	background: linear-gradient(to bottom, #7d7e7d 0%, #0e0e0e 100%); /* W3C */
}
div.mainContent div.contentabschnitt > div:nth-child(4) ul li, div.mainContent div.contentabschnitt > div:nth-child(5) ul li, div.mainContent div.contentabschnitt > div:nth-child(6) ul li {
	display: block;
	float: left;
	background-color: rgba(250,250,250,0.67);
	width: 98%;
	margin: 1%;
	color: rgba(0,0,0,1.00);
	padding: 0px 0% 1% 0%;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	text-align: center;
	min-height: none;
}
div.mainContent div.contentabschnitt > div:nth-child(4) ul li span:nth-child(2) a, div.mainContent div.contentabschnitt > div:nth-child(5) ul li span:nth-child(2) a, div.mainContent div.contentabschnitt > div:nth-child(6) ul li span:nth-child(2) a {
	background-image: url(pic/erase-01.svg);
	background-size: 32px;
	background-position: 9px center;
	background-repeat: no-repeat;
	width: 80%;
	margin: 0 5% 0 5%;
	padding: 0 5%;
	background-color: rgba(245,34,37,1.00);
	-webkit-border-radius: 7px;
	border-radius: 7px;
	color: rgba(233,233,233,1.00);
	font-size: 18px;
	line-height: 32px;
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.33);
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.33);
}
div.mainContent div.contentabschnitt > div:nth-child(4) ul li span:nth-child(2) a:hover, div.mainContent div.contentabschnitt > div:nth-child(5) ul li span:nth-child(2) a:hover, div.mainContent div.contentabschnitt > div:nth-child(6) ul li span:nth-child(2) a:hover {
	background-size: 38px;
	background-color: rgba(180,0,0,1.00);
	color: rgba(255,255,255,1.00);
	font-size: 20px;
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.67);
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.67);
	background-position: 7px center;
}
div.mainContent div.contentabschnitt > div:nth-child(4) ul li span:nth-child(1), div.mainContent div.contentabschnitt > div:nth-child(5) ul li span:nth-child(1), div.mainContent div.contentabschnitt > div:nth-child(6) ul li span:nth-child(1) {
	display: block;
	float: left;
	height: auto;
	line-height: 24px;
	width: 100%;
	padding: 8px 0 12px 0;
	font-size: 21px;
	color: rgba(33,33,33,1.00);
	font-weight: 400;
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
/* Freie Buttons */
a.backLink, a.newSiteLink, a.backLink:visited, a.newSiteLink:visited, a.backLink:active, a.newSiteLink:active, a.backLink:link, a.newSiteLink:link, a.backLink:focus, a.newSiteLink:focus {
	display: block;
	position: absolute;
	top: -50px;
	padding: 6px 44px;
	color: rgba(38,38,38,1.00);
	-webkit-border-radius: 8px;
	border-radius: 8px;
	float: left;
}
a.newSiteLink {
	right: 90px;
	
	top:64px !important;
	
	
}











a.backLink, a.newSiteLink, a.backLink:link, a.newSiteLink:link, a.backLink:visited, a.newSiteLink:visited {
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.67);
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.67);
}

















a.backLink:active, a.newSiteLink:active, a.backLink:focus, a.newSiteLink:focus {
	-webkit-box-shadow: 0px 0px 1px 0 rgba(0,0,0,1.00);
	box-shadow: 0px 0px 1px 0 rgba(0,0,0,1.00);
}
a.backLink {
	background: #fceabb;
	background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background: -o-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background: -ms-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
}
a.newSiteLink {
	background: #bfd255;
	background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background: -o-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
}
a.backLink:hover, a.newSiteLink:hover {
	color: rgba(255,255,255,1.00);
	background: #aebcbf;
	background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
	background: -webkit-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
	background: -o-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
	background: -ms-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
	background: linear-gradient(to bottom, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
}
/* Speiseverwaltung / Getränkebestellung:  3er / 2er Auswahl */

main div.mainContent form#formularChooseDishes div, main div.mainContent form#formularChooseDrinks div {
	display: inline-block;
	padding: 2%;
	background-color: rgba(250,250,250,0.67);
	margin: 0 1%;
}
main div.mainContent form#formularChooseDishes div {
	width: 27%;
}
main div.mainContent form#formularChooseDrinks div {
	width: 44%;
}
main div.mainContent form#formularChooseDishes div, main div.mainContent form#formularChooseDishes div button, main div.mainContent form#formularChooseDrinks div, main div.mainContent form#formularChooseDrinks div button {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	color: rgba(255,255,255,1.00);
}
main div.mainContent form#formularChooseDishes div button, main div.mainContent form#formularChooseDrinks div button {
	background-position: center;
	background-size: contain;
	background-size: 100%;
	background-repeat: no-repeat;
	background-color: rgba(0,111,183,0.88);
}
main div.mainContent form#formularChooseDishes div button:hover, main div.mainContent form#formularChooseDrinks div button:hover {
	background-color: rgba(0,111,183,1);
}
main div.mainContent form#formularChooseDishes div:nth-child(1) button {
	background-image: url(pic/variableSpeisen-01.svg);
}
main div.mainContent form#formularChooseDishes div:nth-child(2) button {
	background-image: url(pic/festeSpeisen-01.svg);
}
main div.mainContent form#formularChooseDishes div:nth-child(3) button {
	background-image: url(pic/getraenke-01.svg);
}
main div.mainContent form#formularChooseDrinks div:nth-child(1) button {
	background-image: url(pic/softdrinks.svg);
}
main div.mainContent form#formularChooseDrinks div:nth-child(2) button {
	background-image: url(pic/alkohol.svg);
}
main div.mainContent form#formularChooseDishes div button, main div.mainContent form#formularChooseDrinks div button {
	display: block;
	width: 100%;
	text-align: center;
	outline: 0;
	border: none;
	margin: 0;
	padding: 256px 0 24px 0;
	font-size: 133%;
	color: rgba(255,255,255,1.00);
}
main div.mainContent form#formularChooseDishes div button, main div.mainContent form#formularChooseDrinks div button {
	background-size: contain;
}
/* Speisen Filtern - Abschnitt ___ bei Speisen verwalten    &   Essen bestellen*/

main div.mainContent div.contentabschnitt span.info {
	font-size: 133%;
	text-align: center;
	display: inline-block;
	margin: 0;
	padding: 24px 0px;
}
main div.mainContent div.contentabschnitt form#filterAdmistrateDishes, main div.mainContent div.contentabschnitt form#filterDishesBasics, main div.mainContent div.contentabschnitt form#filterOrderFood {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	background-color: rgba(200,200,200,1.00);
}
main div.mainContent div.contentabschnitt form#filterAdmistrateDishes:hover, main div.mainContent div.contentabschnitt form#filterDishesBasics, main div.mainContent div.contentabschnitt form#filterOrderFood:hover {
	background-color: rgba(190,190,190,1.00);
}
main div.mainContent div.contentabschnitt form#filterAdmistrateDishes div:nth-child(1), main div.mainContent div.contentabschnitt form#filterDishesBasics div:nth-child(1), main div.mainContent div.contentabschnitt form#filterOrderFood div:nth-child(1) {
	width: 94%;
	height: auto;
	padding: 4px 1% 48px 5%;
	margin: 8px 0;
	background-image: url(pic/settings-01.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 60px;
	display: block;
}
main div.mainContent div.contentabschnitt form#filterAdmistrateDishes div input, main div.mainContent div.contentabschnitt form#filterDishesBasics div input, main div.mainContent div.contentabschnitt form#filterAdmistrateDishes div label, main div.mainContent div.contentabschnitt form#filterDishesBasics div label, main div.mainContent div.contentabschnitt form#filterOrderFood div input, main div.mainContent div.contentabschnitt form#filterOrderFood div label {
	display: block;
	float: left;
	line-height: 14px;
	margin-top: 16px
}
main div.mainContent div.contentabschnitt form#filterAdmistrateDishes div input, main div.mainContent div.contentabschnitt form#filterDishesBasics div input, main div.mainContent div.contentabschnitt form#filterOrderFood div input {
	width: 30px;
}
main div.mainContent div.contentabschnitt form#filterAdmistrateDishes div label, main div.mainContent div.contentabschnitt form#filterDishesBasics div label, main div.mainContent div.contentabschnitt form#filterOrderFood div label {
	margin-right: 20px;
}
main div.mainContent div.contentabschnitt form#filterAdmistrateDishes div div, main div.mainContent div.contentabschnitt form#filterDishesBasics div div, main div.mainContent div.contentabschnitt form#filterOrderFood div div {
	display: block;
	float: right;
	width: 44px;
	height: 44px;
	margin: 0px;
	padding: 2px;
	background: #d2ff30; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #d2ff30 0%, #abdc28 100%); /* FF3.6+ */
	background: -webkit-radial-gradient(center, ellipse cover, #d2ff30 0%, #abdc28 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #d2ff30 0%, #abdc28 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #d2ff30 0%, #abdc28 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #d2ff30 0%, #abdc28 100%); /* W3C */
	-webkit-border-radius: 23px;
	border-radius: 23px;
}
main div.mainContent div.contentabschnitt form#filterAdmistrateDishes div div button, main div.mainContent div.contentabschnitt form#filterDishesBasics div div button, main div.mainContent div.contentabschnitt form#filterOrderFood div div button {
	display: block;
	margin: 0px;
	width: 44px;
	height: 44px;
	font-size: 0px;
	text-align: center;
	padding: 0px;
	color: rgba(0,0,0,0);
	background-color: #f6f8f9;
	background-image: url(pic/aktualsieren-01.svg);
	background-size: 36px 36px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-border-radius: 22px;
	border-radius: 22px;
}
main div.mainContent div.contentabschnitt form#filterAdmistrateDishes div div button:hover, main div.mainContent div.contentabschnitt form#filterDishesBasics div div button:hover, main div.mainContent div.contentabschnitt form#filterOrderFood div div button:hover {
	background-color: rgba(224,255,0,0.10);
}
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.foodcheck div a, main div.mainContent div.contentabschnitt form#formularAdministrateDish div.foodcheck div a, main div.mainContent div.contentabschnitt form#filterOrderFood div.foodcheck div a {
	display: block;
	background-image: url(pic/edit-01.svg);
	margin: auto;
	padding: 64px 2% 12px 2%;
	font-size: 14px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80px;
	color: rgba(255,255,255,1.00);
}
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.foodcheck div a:hover, main div.mainContent div.contentabschnitt form#formularAdministrateDish div.foodcheck div a:hover, main div.mainContent div.contentabschnitt form#filterOrderFood div.foodcheck div a:hover {
	background-size: 70px;
	padding: 60px 2% 16px 2%;
	font-size: 13px;
}
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.foodcount, main div.mainContent div.contentabschnitt form#formularAdministrateDish div.foodcount, main div.mainContent div.contentabschnitt form#filterOrderFood div.foodcount {
	color: rgba(255,255,255,1.00);
	font-size: 14px;
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: top;
}
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.foodcount.visible, main div.mainContent div.contentabschnitt form#formularAdministrateDish div.foodcount.visible {
	background-image: url(pic/24h-visible.svg);
}
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.foodcount.hidden, main div.mainContent div.contentabschnitt form#formularAdministrateDish div.foodcount.hidden {
	background-image: url(pic/24h-invisible.svg);
}
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.foodcount.frueh.visible, main div.mainContent div.contentabschnitt form#formularAdministrateDish div.foodcount.frueh.visible {
	background-image: url(pic/frueh-visible.svg);
}
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.foodcount.mittag.visible, main div.mainContent div.contentabschnitt form#formularAdministrateDish div.foodcount.mittag.visible {
	background-image: url(pic/mittag-visible.svg);
}
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.foodcount.abend.visible, main div.mainContent div.contentabschnitt form#formularAdministrateDish div.foodcount.abend.visible {
	background-image: url(pic/abend-visible.svg);
}
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.foodcount.frueh.hidden, main div.mainContent div.contentabschnitt form#formularAdministrateDish div.foodcount.frueh.hidden {
	background-image: url(pic/frueh-invisible.svg);
}
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.foodcount.mittag.hidden, main div.mainContent div.contentabschnitt form#formularAdministrateDish div.foodcount.mittag.hidden {
	background-image: url(pic/mittag-invisible.svg);
}
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.foodcount.abend.hidden, main div.mainContent div.contentabschnitt form#formularAdministrateDish div.foodcount.abend.hidden {
	background-image: url(pic/abend-invisible.svg);
}
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.fooddescr span, main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span {
	display: inline-block;
	line-height: 20px;
	float: left;
	text-align: left;
	padding: 4px;
}
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.fooddescr span:nth-child(1), main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.fooddescr span:nth-child(3), main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.fooddescr span:nth-child(5), main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span:nth-child(1), main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span:nth-child(3), main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span:nth-child(5) {
	width: 10%;
	clear: left;
}
main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span.dishesplanPDF:nth-child(6) {
	width: 20%;
	margin-right: 1%;
	display: block;
	float: left;
}
main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span.dishesplanPDF:nth-child(7) {
	width: 40%;
	margin-right: 1%;
	display: block;
	float: left;
}
main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span.dishesplanPDF:nth-child(8) {
	width: 20%;
	display: block;
	float: left;
}
main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span.dishesplanPDF:nth-child(6), main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span.dishesplanPDF:nth-child(7), main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span.dishesplanPDF:nth-child(8) {
	border: 0.5px solid rgba(86,86,86,0.33);
	min-height: 50px;
	background-color: rgba(236,236,236,0.33);
	text-align: center;
}
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.fooddescr span:nth-child(2), main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.fooddescr span:nth-child(4), main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span:nth-child(2), main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span:nth-child(4) {
	width: 85%;
	font-style: italic;
}
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.fooddescr span:nth-child(1), main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.fooddescr span:nth-child(2), main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span:nth-child(1), main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span:nth-child(2) {
	font-size: 24px;
	font-weight: 700;
}
/* Erweiterung für Vorspeise - Hauptgericht - Nachspeise */

main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div:nth-child(12) {
	display:none;
}





main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(13),  main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(15) {
	font-size: 80%;
}
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(14) {
	font-size: 90%;
}
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(13) {
	width: 20%;
	margin-right: 1%;
	float: left;
	clear: left;
display: inline-block;

}
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(14) {
	width: 57%;
	margin-right: 1%;
	display: block;
	float: left;
}
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(15) {
	width: 20%;
	display: block;
	float: left;
}
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(13),  main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(14),  main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(15) {
	border: 0.5px solid rgba(86,86,86,0.33);
	min-height: 50px;
	background-color: rgba(255,255,255,0.73);
	text-align: center;
	margin-top: 80px;
	
	
	
	
	
	
}



span.noMobile { display: none !important; }


div.dishesplanPDF { box-sizing: border-box; padding:6px;  }






/* BEARBEITEN DIALOGE */
main div.mainContent form#formularOrderDishesEmployee, main div.mainContent form#formularEditOrderDrinks, main div.mainContent form#formularAdministrateBeds, main div.mainContent form#formularAdministrateDishes, main div.mainContent form#formularEditDishes, main div.mainContent form#formularOwnData, main div.mainContent form#formularAdministrateEmployee {
	display: block;
	float: left;
	background-color: rgba(0,111,183,0.82);
	background-size: 300px 300px;
	background-position: top left;
	background-repeat: no-repeat;
	border: rgba(255,255,255,1) solid 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	color: rgba(255,255,255,1.00);
	width: 62%;
	padding: 3% 3% 3% 27%;
	min-height: 300px;
}
main div.mainContent form#formularOrderDishesEmployee {
	background-image: url(pic/mitarbeiterspeisung.svg);
}
main div.mainContent form#formularEditOrderDrinks {
	background-image: url(pic/getraenkelieferung.svg);
}
main div.mainContent form#formularAdministrateBeds {
	background-image: url(pic/bett.svg);
}
main div.mainContent form#formularEditDishes, main div.mainContent form#formularAdministrateDishes {
	background-image: url(pic/speisenverwaltung.svg);
}
main div.mainContent form#formularOwnData {
	background-image: url(pic/profil.svg);
	padding-top: 32px !important;
}
main div.mainContent form#formularAdministrateEmployee {
	background-image: url(pic/mitarbeiterverwaltung.svg);
}
main div.mainContent form#formularOrderDishesEmployee div, main div.mainContent form#formularEditOrderDrinks div, main div.mainContent form#formularAdministrateBeds div, main div.mainContent form#formularAdministrateDishes div, main div.mainContent form#formularEditDishes div, main div.mainContent form#formularOwnData div, main div.mainContent form#formularAdministrateEmployee div {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 4px;
}
/* Spaltenbreite Links Rechts */
main div.mainContent form#formularOrderDishesEmployee div div:nth-child(1), main div.mainContent form#formularEditOrderDrinks div div:nth-child(1), main div.mainContent form#formularAdministrateBeds div div:nth-child(1), main div.mainContent form#formularAdministrateDishes div div:nth-child(1), main div.mainContent form#formularEditDishes div div:nth-child(1), main div.mainContent form#formularOwnData div div:nth-child(1), main div.mainContent form#formularAdministrateEmployee div div:nth-child(1) {
	display: block;
	float: left;
	width: 30%;
}
main div.mainContent form#formularOrderDishesEmployee div div:nth-child(2), main div.mainContent form#formularEditOrderDrinks div div:nth-child(2), main div.mainContent form#formularAdministrateBeds div div:nth-child(2), main div.mainContent form#formularAdministrateDishes div div:nth-child(2), main div.mainContent form#formularEditDishes div div:nth-child(2), main div.mainContent form#formularOwnData div div:nth-child(2), main div.mainContent form#formularAdministrateEmployee div div:nth-child(2) {
	display: block;
	float: left;
	width: 70%;
}
/* Buttons in den Dialogen */
main div.mainContent form#formularOrderDishesEmployee button[type='submit'], main div.mainContent form#formularEditOrderDrinks button[type='submit'], main div.mainContent form#formularEditOrderDrinks button[type='reset'], main div.mainContent form#formularAdministrateBeds button[type='submit'], main div.mainContent form#formularAdministrateBeds button[type='reset'], main div.mainContent form#formularAdministrateDishes button[type='submit'], main div.mainContent form#formularAdministrateDishes button[type='reset'], main div.mainContent form#formularEditDishes button[type='submit'], main div.mainContent form#formularEditDishes button[type='reset'], main div.mainContent form#formularDishesPlan button[type='submit'], main div.mainContent form#formularBedList button[type='submit'], main div.mainContent form#formularEmployeePlan button[type='submit'], main div.mainContent form#formularAdministrateEmployee button[type='submit'], main div.mainContent form#formularAdministrateEmployee button[type='reset'], main div.mainContent form#formularOwnData button[type='submit'], main div.mainContent form#formularOwnData button[type='reset'] {
	padding: 8px 0;
	margin: 8px 0px;
	width: 320px;
	float: right;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	outline: none;
	border: 0px;
}
main div.mainContent form#formularOrderDishesEmployee button[type='submit'], main div.mainContent form#formularEditOrderDrinks button[type='submit'], main div.mainContent form#formularAdministrateBeds button[type='submit'], main div.mainContent form#formularAdministrateDishes button[type='submit'], main div.mainContent form#formularEditDishes button[type='submit'], main div.mainContent form#formularAdministrateEmployee button[type='submit'], main div.mainContent form#formularOwnData button[type='submit'] {
	margin-top: 24px;
	background: #e6f0a3;
	background: -moz-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%); /* W3C */
}
main div.mainContent form#formularEditOrderDrinks button[type='reset'], main div.mainContent form#formularAdministrateBeds button[type='reset'], main div.mainContent form#formularAdministrateDishes button[type='reset'], main div.mainContent form#formularEditDishes button[type='reset'], main div.mainContent form#formularOwnData button[type='reset'], main div.mainContent form#formularAdministrateEmployee button[type='reset'] {
	color: rgba(236,236,236,1.00);
	background: #f85032; /* Old browsers */
	background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* W3C */
}
main div.mainContent form#formularOrderDishesEmployee button[type='submit']:hover, main div.mainContent form#formularEditOrderDrinks button[type='submit']:hover, main div.mainContent form#formularEditOrderDrinks button[type='reset']:hover, main div.mainContent form#formularAdministrateBeds button[type='submit']:hover, main div.mainContent form#formularAdministrateBeds button[type='reset']:hover, main div.mainContent form#formularAdministrateDishes button[type='submit']:hover, main div.mainContent form#formularAdministrateDishes button[type='reset']:hover, main div.mainContent form#formularEditDishes button[type='submit']:hover, main div.mainContent form#formularEditDishes button[type='reset']:hover, main div.mainContent form#formularAdministrateEmployee button[type='submit']:hover, main div.mainContent form#formularAdministrateEmployee button[type='reset']:hover, main div.mainContent form#formularOwnData button[type='submit']:hover, main div.mainContent form#formularOwnData button[type='reset']:hover {
	background: #aebcbf; /* Old browsers */
	background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); /* IE10+ */
	background: linear-gradient(to bottom, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); /* W3C */
}
/* Länge von Select Feldern korrigieren */
main div.mainContent form#formularAdministrateDishes input, main div.mainContent form#formularAdministrateDishes textarea, main div.mainContent form#formularEditDishes input, main div.mainContent form#formularEditDishes textarea, main div.mainContent form#formularAdministrateEmployee input, main div.mainContent form#formularAdministrateBeds input[type='number'] {
	padding: 8px 2%;
	display: block;
	margin: 0;
	width: 95.75%;
}
main div.mainContent form#formularEditDishes select, main div.mainContent form#formularAdministrateDishes select, main div.mainContent form#formularAdministrateEmployee select {
	padding: 8px;
	display: block;
	margin: 0;
	width: 100%;
}
/* Sonderregung Speisen Verwalten Dialog */	
/* Speisen Bearbeiten - Radio Buttons */
main div.mainContent form#formularEditDishes div:first-child, main div.mainContent form#formularAdministrateDishes div:first-child {
	background-color: rgba(0,0,0,.33);
	line-height: 30px;
	margin: 0 0 20px 0;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
main div.mainContent form#formularEditDishes div:first-child input:first-child, main div.mainContent form#formularAdministrateDishes div:first-child input:first-child {
	margin-left: 16px;
}
/* Spalte Links mit Bezeichnungen - BG-Farbe Vererbung verhindern */
main div.mainContent form#formularEditDishes div div:first-child, main div.mainContent form#formularAdministrateDishes div div:first-child {
	background-color: rgba(255,255,255,0.00);
}
/* Checkboxen nach Rechts einrücken */
main div.mainContent form#formularEditDishes div:nth-child(3) input:first-child, main div.mainContent form#formularAdministrateDishes div:nth-child(3) input:first-child {
	margin-left: 30%;
}
/* RadioButtons und Checkboxen von standardbreite befreien */
main div.mainContent form#formularEditOrderDrinks div input[type='checkbox'], main div.mainContent form#formularEditDishes div input[type='radio'], main div.mainContent form#formularEditDishes div input[type='checkbox'], main div.mainContent form#formularAdministrateDishes div input[type='radio'], main div.mainContent form#formularAdministrateDishes div input[type='checkbox'] {
	display: inline-block;
	float: left;
	width: 32px;
	margin-top: 8px;
	height: 15px;
}
/* Label für die RadioButtons und Checkboxen */
main div.mainContent form#formularEditDishes div label, main div.mainContent form#formularAdministrateDishes div label {
	display: inline-block;
	float: left;
	clear: right;
	height: 30px;
	margin-right: 16px;
}
/* Zeile mit Preis - Inputfeld schmaler */
main div.mainContent form#formularEditOrderDrinks div:nth-child(3) div:nth-child(2) input, main div.mainContent form#formularEditDishes div:nth-child(7) div:nth-child(2) input, main div.mainContent form#formularAdministrateDishes div:nth-child(7) div:nth-child(2) input {
	width: 30%;
	margin: 0 12px 0 0;
	float: left;
}
/* Bettendialog - Checkbox etwas nach unten setzen */
main div.mainContent form#formularAdministrateBeds div:nth-child(4) {
	margin-top: 12px;
	height: 20px;
}
/* DEFAULT LIST */

main div.mainContent ul.defaultList {
	width: 100%;
	background-color: rgba(0,111,183,1.00);
	padding-top: 4px;
}
main div.mainContent ul.defaultList li {
	width: 99.5%;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin: 0;
	padding: 8px 0.25%;
	color: rgba(0,0,0,1.00);
}
main div.mainContent ul.defaultList li:nth-child(odd) {
	background-color: rgba(255,255,255,0.60);
}
main div.mainContent ul.defaultList li:nth-child(even) {
	background-color: rgba(255,255,255,0.90);
}
main div.mainContent ul.defaultList li:hover {
	background-color: rgba(255,255,255,1);
}
main div.mainContent ul.defaultList li a {
	margin: 0;
	padding: 4px 0 4px 40px;
	color: rgba(0,0,0,1.00);
	line-height: 22px;
	display: block;
	float: left;
	background-image: url(pic/pdf-01.svg);
	background-size: 32px 32px;
	background-position: left;
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,0.00);
	background-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0;
	box-shadow: none;
}
main div.mainContent ul.defaultList li a:hover {
	color: rgba(0,111,183,1.00);
	width: auto;
	background-image: url(pic/pdfdl-01.svg);
	padding: 4px 0 4px 48px;
}
main div.mainContent ul.defaultList li div, main div.mainContent ul.defaultList li span {
	line-height: 24px;
	display: inline-block;
	float: left;
	text-align: left;
	height: auto;
}
main div.mainContent ul.defaultList li span.invisible {
	display: none;
}
main div.mainContent ul.defaultList li div input[type='radio'] {
	height: 24px;
	width: 24px;
	line-height: 24px;
	vertical-align: middle;
	text-align: center;
}
main div.mainContent ul.defaultList li span {
	width: 40%;
}
/* Logbuch speziell */
main div.mainContent ul.defaultList li span:nth-child(1), main div.mainContent ul.defaultList li span:nth-child(2) {
	width: 30%;
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,0.00);
	background-color: transparent;
	box-sizing: border-box;
}
main div.mainContent ul.defaultList.controlling li span:nth-child(1) {
	width: 70%;
}
main div.mainContent ul.defaultList li span:nth-child(1) {
	padding: 4px 0 4px 36px;
	background-position: left;
	background-size: 20px 20px;
}
main div.mainContent ul.defaultList li span:nth-child(1) {
	background-image: url(pic/user-01.svg);
}
main div.mainContent ul.defaultList.controlling li span:nth-child(1) {
	background-image: url(pic/info-01.svg);
}  /* Sonderreglung -> Bestellvorschau und Kontrolle */
main div.mainContent ul.defaultList li span:nth-child(2) {
	color: rgba(0,111,183,1);
	background-color: rgba(255,255,255,1.00);
	padding: 2px 0 2px 80px;
	background-position: 40px 2px;
	border: rgba(0,111,183,1) 0.67px solid;
	background-size: 24px 24px;
	margin-top: 1px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
}
main div.mainContent ul.defaultList li span:nth-child(2) {
	background-image: url(pic/logintime-01.svg);
}
main div.mainContent ul.defaultList.controlling li span:nth-child(2) {
	background-image: url(pic/pfeil-01.svg);
}  /* Sonderreglung -> Bestellvorschau und Kontrolle */
/* Mitarbeiter & Betten Liste */
main div.mainContent form#formularBedList ul.defaultList li div:nth-child(1), main div.mainContent form#formularEmployeePlan ul.defaultList li div:nth-child(1) {
	margin: 0 12px;
}
main div.mainContent form#formularBedList ul.defaultList li div:nth-child(2), main div.mainContent form#formularBedList ul.defaultList li div:nth-child(3), main div.mainContent form#formularBedList ul.defaultList li div:nth-child(4) {
	width: 110px;
}
main div.mainContent form#formularEmployeePlan ul.defaultList li div:nth-child(2), main div.mainContent form#formularEmployeePlan ul.defaultList li div:nth-child(3), main div.mainContent form#formularEmployeePlan ul.defaultList li div:nth-child(4) {
	width: 30%;
}
/* Icon bei Checkbox */
main div.mainContent form#formularBedList ul.defaultList li div:nth-child(2), main div.mainContent form#formularEmployeePlan ul.defaultList li div:nth-child(2) {
	background-size: 18px 18px;
	background-position: left;
	background-repeat: no-repeat;
	width: 240px;
	padding: 0px 0px 0px 21px;
}
main div.mainContent form#formularBedList ul.defaultList li div:nth-child(2) {
	background-image: url(pic/zimmer-01.svg);
}
main div.mainContent form#formularEmployeePlan ul.defaultList li div:nth-child(2) {
	background-image: url(pic/user-01.svg);
}
/* Sonderregung Button */
main div.mainContent form#formularBedList button[type='submit'], main div.mainContent form#formularEmployeePlan button[name='btnEditMitarbeiter'][type='submit'] {
	float: left;
	background-size: 48px 48px;
	background-position: 20px bottom;
	background-repeat: no-repeat;
	background-color: rgba(0,111,183,1.00);
	color: rgba(255,255,255,1.00);
	text-align: right;
	width: 270px;
	padding-right: 42px;
	font-size:80%;
}
main div.mainContent form#formularBedList button[type='submit'] {
	background-image: url(pic/bett.svg);
}
main div.mainContent form#formularEmployeePlan button[name='btnEditMitarbeiter'][type='submit'] {
	background-image: url(pic/profil.svg);
}
main div.mainContent form#formularBedList button[type='submit']:hover, main div.mainContent form#formularEmployeePlan button[name='btnEditMitarbeiter'][type='submit']:hover {
	background-color: rgba(33,33,33,1.00);
}


























div.importer input {
	margin: 0px 0px 0px 0px !important;
	border: none;
	outline: none;
	position: relative;
	padding: 0px;
}
div.importer input[type='submit'], input[type='submit']:active, input[type='submit']:focus, input[type='submit']:hover {
	display: inline-block;
	width: auto !important;
	padding: 12px 24px 12px 24px;
	border-radius: 8px 8px 8px 8px;
	font-size: 1.2rem;
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.4);
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.4)
}
div.importer form.importFormCSV {
	display: inline-block;
	float: left;
	width: 100%;
	margin-left: 0px;
	background: rgba(228,228,228,1.00);
	padding: 24px;
	box-sizing: border-box;
	font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif' !important;
	-webkit-box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.4);
	box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.4);margin-bottom: 24px;
}
div.importer form.importFormCSV > input[type='submit'], form.importFormCSV > input[type='submit']:active, form.importFormCSV > input[type='submit']:focus, form.importFormCSV > input[type='submit']:hover {
	background: rgba(0,108,255,1.00);
	color: rgba(255,255,255,1.00);
	opacity: 0.7;
	display: inline-block;
	float: left;
	width: auto !important;
	margin: 6px 0px 0px 0px;
	padding: 12px 48px 12px 24px;
	border-radius: 0px 8px 8px 0px;
	font-size: 16px;
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.4);
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.4);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 95% center;
}
div.importer form.importFormCSV > input[type='submit']:hover {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'40px\' height=\'40px\' viewBox=\'0 0 50 50\' fill=\'rgba(255,255,255,0.2)\' xml:space=\'preserve\'><path d=\'M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z\'><animateTransform attributeType=\'xml\' attributeName=\'transform\' type=\'rotate\' from=\'0 25 25\' to=\'360 25 25\' dur=\'1s\' repeatCount=\'indefinite\' /></path></svg>');
}
div.importer form.importFormCSV > input[type='submit']:active {
	-webkit-box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,0.4);
	box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,0.4);
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px' viewBox='0 0 50 50' fill='rgba(255,255,255,0.8)' xml:space='preserve'><path d='M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z'><animateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='1s' repeatCount='indefinite'/></path></svg>");
	background-color: rgba(49,49,49,1.00)
}
div.importer form.importFormCSV > input[type='submit']:focus {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px' viewBox='0 0 50 50' fill='rgba(255,255,255,1)' xml:space='preserve'><path d='M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z'><animateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/></path></svg>");
	background-color: rgba(90,90,90,1.00)
}
div.importer form.importFormCSV > input[type='file'] {
	cursor: pointer; color:#000;
	display: inline-block;
	float: left;
	position: relative;
	width: auto !important;
	padding: 8px 67px 8px 16px !important;
	box-sizing: border-box;
	background: rgba(255,255,255,1.00);
	border-radius: 8px 0px 0px 8px;
	-webkit-box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,0.4);
	box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,0.4);
	font-family: Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, 'sans-serif';
	font-size: 19px;
	font-weight: 200
}
div.importer form.importFormCSV > div.fileUpoadOverlay {
	display: block;
	position: absolute;
	content: "";
	width: 152px;
	height: 36px;
	margin-left: 12px;
	margin-top: 6px;
	background: rgba(255,255,2555,1.00);
	pointer-events: none;
	cursor: pointer;
	background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' ><path d='M79.4,76.6L58.9,56.1C62.1,52.3,64,47.3,64,42c0-12.1-9.9-22-22-22s-22,9.9-22,22s9.9,22,22,22c5.3,0,10.3-1.9,14.1-5.1 l20.5,20.5c0.8,0.8,2,0.8,2.8,0C80.2,78.6,80.2,77.4,79.4,76.6z M42,60c-9.9,0-18-8.1-18-18s8.1-18,18-18s18,8.1,18,18 S51.9,60,42,60z'/></svg>");
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 28px;
}
div.importer form.importFormCSV > p {
	display: inline-block;
	float: left;
	width: 100% !important;
	margin: 12px 0px;
	background: rgba(255,255,255,0.80);
	box-sizing: border-box;
	padding: 10px;
	color: rgba(77,77,77,1.00);
	font-size: 90%;
}
div.importer form.importFormCSV > input[type='submit']:hover {
	opacity: 0.9;
}
div.importer form.previewTable > input[type='submit'] {
	width: auto !important;
	margin-right: 3%;
	float: right;
	margin-top: -100px;
	margin-bottom: 90px;
	background-color: rgba(111,217,86,1.00);
	color: #fff;
}
div.importer form.previewTable > input[type='submit']:hover {
	background-color: rgba(54,54,54,1.00);
}












div.importer table.importEdit {
	background: rgba(245,245,245,1);
	display: inline-table;
	width: 100%;
	margin-left: 24px 0px !important;
	font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif' !important;
}
div.importer table.importEdit thead tr, table.importEdit tbody tr {
	width: 100%;
	box-sizing: border-box;
	vertical-align: top !important;
}
div.importer table.importEdit tbody tr {
	background: #eeeeee;
	background: linear-gradient(to bottom, #f3f3f3 0%, #f0f0f0 100%);
}
div.importer table.importEdit tbody tr:hover {
	background: rgba(112,142,150,0.50);
}
div.importer table.importEdit thead tr th {
	text-align: center !important; color:rgba(59,59,59,1.00) !important; font-size:12px; 
}
div.importer table.importEdit thead tr th, 
table.importEdit tbody tr td {
	padding: 1px 1px !important;
}
div.importer table.importEdit tbody tr td > textarea {
	padding: 1px 1px;
	font-size: 60%;
	margin: 1px 0px 1px 0px;
	font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif' !important;
	display: inline-block;
	box-sizing: border-box;
	float: left;
	width: 100%;
}
div.importer table.importEdit tbody tr td > textarea:nth-child(2) {
	height: 80px;
	font-weight: 500;
	font-size: 75%;
	background: rgba(241,255,224,1.00)
}
div.importer table.importEdit tbody tr td > textarea:not(:nth-child(2)) {
background:rgba(255,255,255,1);
padding-top: 1px;
min-height:100px !important; max-height:120px !important; font-size:9.5px;
}

form.previewTable { background:rgba(255,255,255,0.80); color: #4B4B4B }

div.importer table.importEdit thead tr th, table.importEdit tbody tr td { width: 5.75%; }





div.importer table.importEdit thead tr th:first-child, 
table.importEdit tbody tr td:first-child { width: 4%; border-right: 1px solid rgba(0,0,0,0.30); font-size:9px !important; }
table.importEdit tbody tr td:first-child input { font-size:9px !important; text-align: center }


/* Tagessalat */
div.importer table.importEdit thead tr th:nth-child(2), 
table.importEdit tbody tr td:nth-child(2) > textarea { color:rgba(132,9,12,1.00); font-weight: bold; background-color: rgba(127,244,151,0.10) !important;  }



/* MEAT */
div.importer table.importEdit thead tr th:nth-child(4), 
table.importEdit tbody tr td:nth-child(4) > textarea { color:rgba(132,9,12,1.00); font-weight: bold; background-color:rgba(255,216,217,1.00) !important;  }

/* VEGI */
div.importer table.importEdit thead tr th:nth-child(6), 
table.importEdit tbody tr td:nth-child(6) > textarea,
div.importer table.importEdit thead tr th:nth-child(10), 
table.importEdit tbody tr td:nth-child(10) > textarea { color: rgba(18,106,8,1.00); font-weight: bold; background-color: rgba(218,249,215,1.00) !important;  }

/* FISCH */
div.importer table.importEdit thead tr th:nth-child(5), 
table.importEdit tbody tr td:nth-child(5) > textarea { color: rgba(13,34,118,1.00); font-weight: bold; background-color: rgba(175,208,247,0.70) !important;  }

/* FISCH / Fleich */
div.importer table.importEdit thead tr th:nth-child(9), 
table.importEdit tbody tr td:nth-child(9) > textarea {
	
	color: rgba(13,45,45,1.00);
	
	background: #ffe8ef !important; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #ffe8ef 0%, #b8d9ed 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #ffe8ef 0%,#b8d9ed 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #ffe8ef 0%,#b8d9ed 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	background-size: cover !important;

}


/* DESERTS */
div.importer table.importEdit thead tr th:nth-child(7), 
table.importEdit tbody tr td:nth-child(7) > textarea,
div.importer table.importEdit thead tr th:nth-child(11), 
table.importEdit tbody tr td:nth-child(11) > textarea { color: rgba(13,34,118,1.00); font-weight: bold; background-color: rgba(242,243,212,1.00) !important;  }

div.importer table.importEdit thead tr th:nth-child(1), 
table.importEdit tbody tr td:nth-child(1),
div.importer table.importEdit thead tr th:nth-child(7), 
table.importEdit tbody tr td:nth-child(7) { border-right:22px solid rgba(255,255,255,1) !important; }



div.foodcheck.hidden,
div.fooddescr.hidden,
div.foodcount.hidden   { display: none !important }










/* UPDATE */









textarea.noVision { opacity:0.1; height:18px !important; padding:2px !important }



input.halfSwitch[type="checkbox"] { display: none; }



label.halfSwitch {
	
	display: inline-block !important;
	position: relative !important;
	float: right !important;
	width: auto !important;
	min-height: 32px !important;
	background: rgba(220,220,220,1.00) !important;
	text-align: center;
	cursor: pointer !important;
	border: 1px solid rgba(106,106,106,0.40);
	margin-top: -12px;
	box-sizing: border-box;
	padding:5px 8px !important;
	margin: 2px;
	border-radius: 20px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.76rem;
	
	
	
}



label.halfSwitch::hover + label.halfSwitch {
background: rgba(200,200,255,1.00) !important;
}

input[type="checkbox"]:checked + label.halfSwitch {
	background: rgba(255,110,0,1.00) !important; color: rgba(255,255,255,1.00);
}



div.foodcount input { display:none !important }






div.loadingNow {
	
	position:fixed; z-index:12000;
	top:0px; left:0px;
	
	width:100vw !important;
	height:100vh !important;
	
	background-color: rgba(255,255,255,1.00);
	display:block;
	
	padding-top:30vh;
	font-size:28px;
	box-sizing: border-box;
	font-weight: lighter;
	color:rgba(70,70,70,1.00);
	text-align: center;
	text-transform: uppercase;
	
	background-position: center 45vh;
	background-repeat: no-repeat;
	background-size: 320px;
	
	background-image: url("pic/loading.svg");
	
}

div.loadingNow.off { display:none !important; }






















/*////////////////////////////////////////////////////////////////////////////////////// */
/*////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* //////   Responsive Design: Media Queries  | AUSSCHIESSLICHE VERAENDERUNGEN   /////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/*////////////////////////////////////////////////////////////////////////////////////// */
/*////////////////////////////////////////////////////////////////////////////////////// */


@media only screen and (max-width: 1440px) {
/* //////////////   Responsive Design: kleiner Monitore  -  !!!!!!!!!!!!!!!!!!!!  use for iPad Landscape  !!!!!!!!!!!!!!!!!!!!!!!!!   //////////////// */
main {
	padding: 51px 2%;
}
main div.mainContent {
	width: 80%;
}
div.contentabschnitt {
	margin: 2px 0;
}
a.backLink, a.newSiteLink,  a.backLink:visited, a.newSiteLink:visited,  a.backLink:active, a.newSiteLink:active,  a.backLink:link, a.newSiteLink:link,  a.backLink:focus, a.newSiteLink:focus {
	top: -44px;
	padding: 12px 44px;
	color: rgba(38,38,38,1.00);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 1.33rem;
}
a.backLink:hover, a.newSiteLink:hover {
	color: rgba(255,255,255,1.00);
}
h3 {
	font-size: 24px;
	padding-top: 12px;
	display: block;
}  /* z.B: "Individueller Menüplan für den ..... " */
div.option {
	border-radius: 3px;
	width: 190px;
	font-size: 11px;
	line-height: 14px;
} /* Die Küche ist an diesem Tag geschlossen OPTIONSBOX */
div.mainContent div.contentabschnitt > div:nth-child(4) ul li span:nth-child(1),  div.mainContent div.contentabschnitt > div:nth-child(5) ul li span:nth-child(1),  div.mainContent div.contentabschnitt > div:nth-child(6) ul li span:nth-child(1) {
	line-height: 16px;
	padding: 10px 0 14px 0;
	font-size: 17px;
}  /* Eintrag in Menüplan Dialog */
/* Speiseverwaltung:  3er Auswahl */
main div.mainContent form#formularChooseDishes div {
	margin: 48px 1%;
}  /* etwas runter setzen */
main div.mainContent form#formularChooseDishes div button {
	padding: 160px 0 24px 0;
	padding-top: 16vw;
}  /* Button Höhe normalisieren */
/* Speisen Verwalten - Spalten breiten */
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.fooddescr span:nth-child(1),  main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.fooddescr span:nth-child(3),  main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span:nth-child(1),  main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span:nth-child(3),  main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span:nth-child(5) {
	width: 20%;
	font-size: 90%;
}
main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span:nth-child(5) {
	font-size: 75%;
}
main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span.dishesplanPDF:nth-child(6),  main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span.dishesplanPDF:nth-child(8) {
	width: 13%;
	font-size: 80%;
}
main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span.dishesplanPDF:nth-child(7) {
	width: 40%;
	font-size: 90%;
}
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.fooddescr span:nth-child(2),  main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.fooddescr span:nth-child(4),  main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span:nth-child(2),  main div.mainContent div.contentabschnitt form#formularAdministrateDish div.fooddescr span:nth-child(4) {
	width: 75%;
	font-style: italic;
	font-size: 90%;
}
/* Filter Kopfzeile */
main div.mainContent div.contentabschnitt form#filterAdmistrateDishes div:nth-child(1),  main div.mainContent div.contentabschnitt form#filterOrderFood div:nth-child(1) {
	width: 90%;
	padding: 2px 2% 48px 8%;
	background-size: 54px;
}
/* Laktosefrei ETC. Icons: */
form#formularOrderDrinks div#foodList div.foodcount div:nth-child(2),  form#formularOrderDrinks div#foodList div.foodcount div:nth-child(3),  form#formularOrderDrinks div#foodList div.foodcount div:nth-child(4),  form#formularOrderDrinks div#foodList div.foodcount div:nth-child(5),  form#formularOrderFood div#foodList div.foodcount div:nth-child(2),  form#formularOrderFood div#foodList div.foodcount div:nth-child(3),  form#formularOrderFood div#foodList div.foodcount div:nth-child(4),  form#formularOrderFood div#foodList div.foodcount div:nth-child(5) {
	height: 40px;
}
/* BEARBEITEN DIALOGE */
main div.mainContent form#formularEditOrderDrinks,  main div.mainContent form#formularAdministrateBeds,  main div.mainContent form#formularAdministrateDishes,  main div.mainContent form#formularEditDishes,  main div.mainContent form#formularOwnData,  main div.mainContent form#formularAdministrateEmployee {
	background-size: 160px 160px;
	font-size: 95%;
	border: rgba(255,255,255,1) solid 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	width: 72%;
	padding: 3% 3% 3% 22%;
}
main ul li {
	margin: 1%;
	padding: 1%;
} /* Auswahl der Zimmer */
main ul.homeMenu li {
	width: 21%;
}
/* Bettenauswahl und Home Seite: */
main ul li a {
	width: 80%;
	margin: 5%;
	padding: 5% 5% 57% 5%;
}
/* Sonderregel zweite Ebene z.B. Betten */
main ul li ul li a {
	width: 84%;
	padding: 3% 3% 67% 3%;
	font-size: 16px;
}
/* Schriftgrösse Home-Buttons: */	
main ul li a.startseite,  main ul li a.speiseplan-erstellen,  main ul li a.essenbestellung,  main ul li a.getraenkebestellung,  main ul li a.speisenverwaltung,  main ul li a.rechnungen,  main ul li a.mitarbeiterverwaltung,  main ul li a.bestellkontrolle,  main ul li a.bestellvorschau,  main ul li a.logbuch,  main ul li a.bettenverwaltung,  main ul li a.profil,  main ul li a.speiseplan-herunterladen,  main ul li a.abmelden {
	font-size: 14px;
}
main ul li ul li {
	width: 64px;
	height: 64px;
}
/* PDF Download-Liste: */
main div.mainContent ul.defaultList li a {
	margin: 0;
	padding: 6px 0 6px 40px;
	color: rgba(0,0,0,1.00);
	line-height: 22px;
	font-size: 80%;
}
main div.mainContent ul.defaultList li a:hover {
	padding: 6px 0 6px 67px;
	line-height: 22px;
	font-size: 80%;
}
/* Schriftfelder Essenbestellung Auswahl: */
	
form#formularOrderDrinks  div#foodList  div.fooddescr span:nth-child(2),  form#formularOrderDrinks  div#foodList  div.fooddescr span:nth-child(4),  form#formularOrderFood  div#foodList  div.fooddescr span:nth-child(2),  form#formularOrderFood  div#foodList  div.fooddescr span:nth-child(4) { /* width:37%; font-style:italic; float:left; */
}
/* EssenName */
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(2),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(2) {
	font-size: 110%;
}
/* Essen Beschreibung */
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(4),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(4) {
	font-size: 80%;
}
main ul li span {
	height: 40px;
	line-height: 40px;
}
/* Kopfauswahl Essenbestellung*/
main div.mainContent div.contentabschnitt form#filterAdmistrateDishes div:nth-child(1),  main div.mainContent div.contentabschnitt form#filterOrderFood div:nth-child(1) {
	font-size: 76%;
}
/* Erweiterung für Vorspeise - Hauptgericht - Nachspeise */
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(13),  main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(14),  main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(15) {
	margin-top: 32px;
}
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div:nth-child(12) {
	top: 112px;
	clear: both;
	display: none;
}
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(13) {
	clear: left;
}
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(13),  main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(15) {
	width: 25%;
	font-size: 80%;
}
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(14) {
	width: 46%;
	font-size: 80%;
}
div.foodcheck, div.foodcount, div.fooddescr {
	min-height: 200px;
}
/* Grösse Überschrift und Breite Spalte des Speisetitels */
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(1),  form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(2),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(1),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(2) {
	font-size: 20px;
	font-weight: 700;
}
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(2),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(2) {
	width: 36%;
}
}

/* ////   bis 1024px   und   Retina and Normal  iPad Landscape  //// */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (max-width: 1024px) {
main {
	padding: 8% 2%;
}
main div.mainContent {
	width: 88%;
}
/* Home Seite: (und ggf. Bettenauswahl) */
main ul li {
	margin: 12px 1% 1% 1%;
	padding: 1%;
}
main ul.homeMenu li {
	width: 21%;
}
main ul li ul li {
	width: 50px;
	height: 70px;
}
main ul li a {
	width: 90%;
	padding: 11% 2% 71% 2%;
	margin: 3%;
}
main ul li a.startseite,  main ul li a.speiseplan-erstellen,  main ul li a.essenbestellung,  main ul li a.getraenkebestellung,  main ul li a.speisenverwaltung,  main ul li a.rechnungen,  main ul li a.mitarbeiterverwaltung,  main ul li a.bestellkontrolle,  main ul li a.bestellvorschau,  main ul li a.logbuch,  main ul li a.bettenverwaltung,  main ul li a.profil,  main ul li a.speiseplan-herunterladen,  main ul li a.abmelden {
	font-size: 13px;
}
/* "Zimmer" bei Zimmer/Bett auswahl */
main ul li span {
	height: 36px;
	line-height: 24px;
}
h3 {
	font-size: 16px;
	padding-top: 8px;
	display: block;
}  /* z.B: "Individueller Menüplan für den ..... " */
/* LöschenButton in Speisepla-Bauen Dialog */
div.mainContent div.contentabschnitt > div:nth-child(4) ul li span:nth-child(2) a,  div.mainContent div.contentabschnitt > div:nth-child(5) ul li span:nth-child(2) a,  div.mainContent div.contentabschnitt > div:nth-child(6) ul li span:nth-child(2) a,  div.mainContent div.contentabschnitt > div:nth-child(4) ul li span:nth-child(2) a:hover,  div.mainContent div.contentabschnitt > div:nth-child(5) ul li span:nth-child(2) a:hover,  div.mainContent div.contentabschnitt > div:nth-child(6) ul li span:nth-child(2) a:hover {
	background-size: 16px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
	line-height: 24px;
}
/* Schrift z.B. "Frühstück suchen /... " */
div.flow3 {
	font-size: 12px;
}
/* Default Buttons */
button[type="submit"], button[type="submit"]:visited, button[type="submit"]:active, button[type="submit"]:link, button:focus,  button, button:visited, button:active, button:link, button:focus {
	padding: 4px 24px;
	font-size: 16px;
}
/* Speiseverwaltung:  3er Auswahl */
main div.mainContent form#formularChooseDishes div {
	margin: 80px 1%;
}  /* etwas runter setzen */
main div.mainContent form#formularChooseDishes div button {
	padding: 130px 0 24px 0;
	padding-top: 15vw;
	font-size: 16px;
}  /* Button Höhe normalisieren */
/* Breite Checkboxen im Filter */
main div.mainContent div.contentabschnitt form#filterAdmistrateDishes div input,  main div.mainContent div.contentabschnitt form#filterOrderFood div input {
	width: 16px;
}
/* Bearbeiten Button in Speise Liste Links */
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.foodcheck div a,  main div.mainContent div.contentabschnitt form#formularAdministrateDish div.foodcheck div a,  main div.mainContent div.contentabschnitt form#filterOrderFood div.foodcheck div a {
	background-size: 46px;
	padding: 56px 2% 16px 2%;
	font-size: 10px;
}
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.foodcheck div a:hover,  main div.mainContent div.contentabschnitt form#formularAdministrateDish div.foodcheck div a:hover,  main div.mainContent div.contentabschnitt form#filterOrderFood div.foodcheck div a:hover {
	background-size: 40px;
	padding: 50px 2% 16px 2%;
	font-size: 9px;
}
/* BEARBEITEN DIALOGE */
main div.mainContent form#formularEditOrderDrinks,  main div.mainContent form#formularAdministrateBeds,  main div.mainContent form#formularAdministrateDishes,  main div.mainContent form#formularEditDishes,  main div.mainContent form#formularOwnData,  main div.mainContent form#formularAdministrateEmployee {
	background-size: 80px 80px;
	font-size: 86%;
	border: rgba(255,255,255,1) solid 7px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	width: 85%;
	padding: 3% 3% 3% 15%;
}
/* Spalte 1 */
main div.mainContent form#formularEditOrderDrinks div div:nth-child(1),  main div.mainContent form#formularAdministrateBeds div div:nth-child(1),  main div.mainContent form#formularAdministrateDishes div div:nth-child(1),  main div.mainContent form#formularEditDishes div div:nth-child(1),  main div.mainContent form#formularOwnData div div:nth-child(1),  main div.mainContent form#formularAdministrateEmployee div div:nth-child(1) {
	width: 22%;
}
/* Essen-Bestell Liste */
	/* Extras ausblenden */
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(8),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(8) {
	color: rgba(255,255,255,0.00);
}
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(9),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(9),  form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(9) textarea,  form#formularOrderFood div#foodList div.fooddescr span:nth-child(9) textarea {
	display: none !important;
}
/* Bemerkungen */
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(10),  form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(11),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(10),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(11) {
	right: 6%;
	width: 29%;
}
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(10),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(10) {
	top: 6px;
}
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(11),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(11) {
	top: 40px;
}
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(9) textarea,  form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(11) textarea,  form#formularOrderFood div#foodList div.fooddescr span:nth-child(9) textarea,  form#formularOrderFood div#foodList div.fooddescr span:nth-child(11) textarea {
	background-color: rgba(250,255,172,1.00);
}
/* Spaltenbreiten */
	
div.foodcheck, div.foodcount, div.foodcheckhead, div.foodcounthead {
	width: 10%;
}
div.fooddescr, div.fooddescrhead {
	width: 74%;
}
div.foodcheck, div.foodcount, div.fooddescr {
	min-height: 175px;
}
/* Erweiterung für Vorspeise - Hauptgericht - Nachspeise */

main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(13),  main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(14),  main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(15) {
	margin-top: 20px;
}
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div:nth-child(12) {
	top: 112px;
	clear: both;
	display: none;
}
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(13) {
	clear: left;
}
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(13),  main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(15) {
	width: 25%;
	font-size: 80%;
}
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(14) {
	width: 46%;
	font-size: 80%;
}
/* Grösse Überschrift und Breite Spalte des Speisetitels */
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(1),  form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(2),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(1),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(2) {
	font-size: 18px;
	font-weight: 700;
}
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(2),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(2) {
	width: 50%;
}
/* Textelemente wie "Speise" oder "Beschreibung" oder "Bemerkung" raus */
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(1),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(1),  form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(3),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(3) {
	display: none;
}
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(2),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(2),  form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(4),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(4) {
	width: 58%;
}
}






























/* ////  bis 900px   und    Retina iPad Portrait    //// */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (max-width: 900px) {
	
	
	
	
	
main {
	padding: 8% 0%;
	width:100%;
}
main div.mainContent {
	width: 94%;
}
/* Home Seite: (und ggf. Bettenauswahl) */
main ul li {
	margin: 24px 1% 1% 1%;
	padding: 1%;
	position: relative;
	max-width: 96%;
	min-width: 46%;
	min-height: 83px;
}
main ul.homeMenu li {
	width: 46%;
	min-height:333px;
}
main ul li a {
	width: 90%;
	padding: 11% 2% 71% 2%;
	margin: 3%;
}
main ul li ul li {
	width: 60px;
	height: 48px;
	min-width: 48px !important;
}
main ul li ul li a {
	width: 94%;
	padding: 11% 1% 71% 1%;
	margin: 2%;
}
main ul li a.startseite,  
main ul li a.speiseplan-erstellen, 
main ul li a.essenbestellung,  
main ul li a.getraenkebestellung,  
main ul li a.speisenverwaltung,  
main ul li a.rechnungen, 
main ul li a.mitarbeiterverwaltung, 
main ul li a.bestellkontrolle,  
main ul li a.bestellvorschau,  
main ul li a.logbuch,  
main ul li a.bettenverwaltung,  
main ul li a.bestellungen,  
main ul li a.profil,  
main ul li a.speiseplan-herunterladen, 
main ul li a.abmelden,
main ul li a.csv-import
	
	
{
	
	font-size: 1.67rem !important;
}
/* "Zimmer" bei Zimmer/Bett auswahl */
main ul li span { /*
min-height: 36px;
line-height: 24px;
height: auto;
	font-size:1.25rem;
max-width: 100% !important;
    */
}
h3 {
	font-size: 16px;
	padding-top: 8px;
	display: block;
}  /* z.B: "Individueller Menüplan für den ..... " */
/* LöschenButton in Speisepla-Bauen Dialog */
div.mainContent div.contentabschnitt > div:nth-child(4) ul li span:nth-child(2) a,  div.mainContent div.contentabschnitt > div:nth-child(5) ul li span:nth-child(2) a,  div.mainContent div.contentabschnitt > div:nth-child(6) ul li span:nth-child(2) a,  div.mainContent div.contentabschnitt > div:nth-child(4) ul li span:nth-child(2) a:hover,  div.mainContent div.contentabschnitt > div:nth-child(5) ul li span:nth-child(2) a:hover,  div.mainContent div.contentabschnitt > div:nth-child(6) ul li span:nth-child(2) a:hover {
	background-size: 16px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
	line-height: 24px;
}
/* Schrift z.B. "Frühstück suchen /... " */
div.flow3 {
	font-size: 12px;
}
/* Default Buttons */
button[type="submit"], button[type="submit"]:visited, button[type="submit"]:active, button[type="submit"]:link, button:focus,  button, button:visited, button:active, button:link, button:focus {
	padding: 4px 24px;
	font-size: 16px;
}
/* Speiseverwaltung:  3er Auswahl */
main div.mainContent form#formularChooseDishes div {
	margin: 80px 1%;
}  /* etwas runter setzen */
main div.mainContent form#formularChooseDishes div button {
	padding: 130px 0 24px 0;
	padding-top: 15vw;
	font-size: 16px;
}  /* Button Höhe normalisieren */
/* Breite Checkboxen im Filter */
main div.mainContent div.contentabschnitt form#filterAdmistrateDishes div input,  main div.mainContent div.contentabschnitt form#filterOrderFood div input {
	width: 16px;
}
/* Bearbeiten Button in Speise Liste Links */
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.foodcheck div a,  main div.mainContent div.contentabschnitt form#formularAdministrateDish div.foodcheck div a,  main div.mainContent div.contentabschnitt form#filterOrderFood div.foodcheck div a {
	background-size: 46px;
	padding: 56px 2% 16px 2%;
	font-size: 10px;
}
main div.mainContent div.contentabschnitt form#formularAdministrateDrinksForOrder div.foodcheck div a:hover,  main div.mainContent div.contentabschnitt form#formularAdministrateDish div.foodcheck div a:hover,  main div.mainContent div.contentabschnitt form#filterOrderFood div.foodcheck div a:hover {
	background-size: 40px;
	padding: 50px 2% 16px 2%;
	font-size: 9px;
}
/* BEARBEITEN DIALOGE */
main div.mainContent form#formularEditOrderDrinks,  main div.mainContent form#formularAdministrateBeds,  main div.mainContent form#formularAdministrateDishes,  main div.mainContent form#formularEditDishes,  main div.mainContent form#formularOwnData,  main div.mainContent form#formularAdministrateEmployee {
	background-size: 80px 80px;
	font-size: 86%;
	border: rgba(255,255,255,1) solid 7px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	width: 85%;
	padding: 3% 3% 3% 15%;
}
/* Spalte 1 */
main div.mainContent form#formularEditOrderDrinks div div:nth-child(1),  main div.mainContent form#formularAdministrateBeds div div:nth-child(1),  main div.mainContent form#formularAdministrateDishes div div:nth-child(1),  main div.mainContent form#formularEditDishes div div:nth-child(1),  main div.mainContent form#formularOwnData div div:nth-child(1),  main div.mainContent form#formularAdministrateEmployee div div:nth-child(1) {
	width: 22%;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
/* Essen-Bestell Liste */
	/* Extras ausblenden */
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(8), 
form#formularOrderFood div#foodList div.fooddescr span:nth-child(8) {
	
	color: rgba(12,12,12,1.00); display:inline-block; float: left; width:100%; left:auto; top:auto; position: relative;
	
}
	
	
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(9),  
form#formularOrderFood div#foodList div.fooddescr span:nth-child(9),  
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(9) textarea,  
form#formularOrderFood div#foodList div.fooddescr span:nth-child(9) textarea {
	
	display: inline-block !important;
	position:relative; float:left; width:100%; left:0px; top: auto; box-sizing: border-box;
	z-index:3; border:0px solid rgba(0,0,0,0); border-radius: 8px; background: rgba(251,251,251,1.00); margin-bottom: 12px;
	
}
	
	
	
	
/* Bemerkungen */	
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(11), 
form#formularOrderFood div#foodList div.fooddescr span:nth-child(11) {
display:inline-block; float:left; width:100%; position: relative; margin:0px; top:0px; right:0px;
}
	
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(11) textarea,  
form#formularOrderFood div#foodList div.fooddescr span:nth-child(11) textarea {
	background-color: rgba(250,255,172,1.00);
	max-height:1px; opacity:0.01; overflow: hidden; min-height:1px;
}
	
	
	
	
	form#formularOrderFood div#foodList div.fooddescr span:nth-child(11) { margin-top: -10px; }
	
form#formularOrderFood div#foodList div.fooddescr span:nth-child(11),
form#formularOrderFood div#foodList div.fooddescr span:nth-child(11) textarea {
	
    background-color: rgba(255,255,255,0.0);
    opacity: 1;
	display:inline-block;
	position: relative;
	float:left;
	clear: both;
	box-sizing: border-box;
	padding:0px; width:100%;
	
}

form#formularOrderFood div#foodList div.fooddescr span:nth-child(11) textarea { 
	
    max-height: 40px;
	height: 112px !important; 
	margin-top: -112px; 
	text-align: center; outline:none; border:0px; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size:1rem;
	
	float:left; width:100%;
	position: relative; display: inline-block;
	
	}

	
	
	
	
	
	
	
	
	
label.halfSwitch {
	
    display: inline-block !important;
    position: relative !important;
    float: none !important;
    width: 31% !important;
    min-height: 32px !important;
    background: rgba(255,255,255,1.00) !important;
    text-align: center;
    cursor: pointer !important;
    border: 1px solid rgba(106,106,106,0.10);
    padding: 8px 5px !important;
    margin: 6px 1% 8px 1%;
    font-size: 1rem;
	color:#aaa;
	
	
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-style: normal;
	font-weight: 200 !important;
	
}

	
	
/* Spaltenbreiten */
	
div.foodcheck, div.foodcount, div.foodcheckhead, div.foodcounthead {
	box-sizing: border-box; 
	width: 10%;
}
div.fooddescr, div.fooddescrhead {
	box-sizing: border-box; 
	width: 80%;
}
	
div.foodcheck, div.foodcount, div.fooddescr {
	min-height: 160px;
}

div.foodcheckhead,  div.fooddescrhead,  div.foodcounthead {
	margin-top: 16px;
	box-sizing: border-box; 
	padding:6px 12px;
	float:left;
	height:auto;
	font-size:14px;
	text-align: center;
}
	
	
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(13),  
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(15) {
	width: 13%;
	font-size: 80%;
}
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(14) {
	width: 40%;
	font-size: 90%;
}
	
	
	div.foodcheck, div.foodcount {
    background-color: #fff;
}

	div.foodrow { background: #fff; margin-top:24px; border:0px; -webkit-box-shadow: 1px 1px 7px 0 #aaa; box-shadow: 1px 1px 7px 0 #aaa; }
	
/* Erweiterung für Vorspeise - Hauptgericht - Nachspeise */

main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(13),  main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(14),  main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(15) {
	margin-top: 0px;
}
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div:nth-child(12) {
	top: 112px;
	clear: both;
	display: none;
}
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(13) {
	clear: left;
}
	
	
	
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(13),  main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(15) {
	width: 25%;
	font-size: 80%;
	margin-right:0px;
	border:0px;
	text-align: left;
}
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(14) {
	width: 50%;
	font-size: 80%;
	margin:0px;
	border:0px;
	text-align: left;
	font-weight:500;
}
	
main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(13), main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(14),  main div.mainContent div.contentabschnitt form#formularOrderFood div.fooddescr div.dishesplanPDF:nth-child(15) 
	
	{ border-top:1px dotted rgba(98,94,94,1.00); background:none; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size:0.7rem;	}
	
	
/* Grösse Überschrift und Breite Spalte des Speisetitels */
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(1),  form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(2),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(1),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(2) {
	font-size: 18px;
	font-weight: 700;
}
	
	
	
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(2),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(2),  form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(4),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(4) {
	
	
	width: 100%; box-sizing: border-box; padding:6px 9px 10px 9px; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-style: normal; font-weight: normal; 
	font-size:1.1rem; text-align: center
	
	
} form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(2) > b,  form#formularOrderFood div#foodList div.fooddescr span:nth-child(2) > b,  form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(4) > b,  form#formularOrderFood div#foodList div.fooddescr span:nth-child(4) > b { font-size:1.0rem; }
	
	
	
	
/* Textelemente wie "Speise" oder "Beschreibung" oder "Bemerkung" raus */
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(1),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(1),  form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(3),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(3),  form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(10),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(10) {
	display: none;
}
/* DEFAULT LIST */
										  															  

main div.mainContent ul.defaultList li span {
	width: 40%;
}
main div.mainContent ul.defaultList.controlling li span:nth-child(1) {
	width: 300px;
}
	
	
	
	
	
main div.navibalken { margin-top:20px; }
	
	
	
form#formularOrderFood div#foodList div.foodcount div:nth-child(1) { display:none; }
	
	div.foodcheck, div.foodcount, div.fooddescr {
    min-height: 206px;
}

	
	
form#formularOrderDrinks div#foodList div.foodcount { position: relative !important; display:inline-block !important}
	
	

form#formularOrderDrinks div#foodList div.foodcount div:nth-child(2), 
form#formularOrderDrinks div#foodList div.foodcount div:nth-child(3), 
form#formularOrderDrinks div#foodList div.foodcount div:nth-child(4), 
form#formularOrderDrinks div#foodList div.foodcount div:nth-child(5),  
form#formularOrderFood div#foodList div.foodcount div:nth-child(2),
form#formularOrderFood div#foodList div.foodcount div:nth-child(3), 
form#formularOrderFood div#foodList div.foodcount div:nth-child(4), 
form#formularOrderFood div#foodList div.foodcount div:nth-child(5) {
	
	display: 			inline-block;
    width: 				96%;
    height: 			40px;
    background-color: 	rgba(0,0,0,0.5);
	background-size: 	35px;	
	margin: 			5px 0px 0px 0px;
	left:				2%;
	
	opacity:			0.1;
	
}

	

form#formularOrderDrinks div#foodList div.foodcount div:nth-child(2), form#formularOrderFood div#foodList div.foodcount div:nth-child(2) {
	background-image: url(pic/fruehstueck-01.svg);
}
form#formularOrderDrinks div#foodList div.foodcount div:nth-child(2), form#formularOrderFood div#foodList div.foodcount div:nth-child(2) {
	background-image: url(pic/mittagessen-01.svg);
}
form#formularOrderDrinks div#foodList div.foodcount div:nth-child(2), form#formularOrderFood div#foodList div.foodcount div:nth-child(2) {
	background-image: url(pic/abendbrot-01.svg);
}
form#formularOrderDrinks div#foodList div.foodcount div:nth-child(3), form#formularOrderFood div#foodList div.foodcount div:nth-child(3) {
	background-image: url(pic/gluten-01.svg);
}
form#formularOrderDrinks div#foodList div.foodcount div:nth-child(4), form#formularOrderFood div#foodList div.foodcount div:nth-child(4) {
	background-image: url(pic/lactose-01.svg);
}
form#formularOrderDrinks div#foodList div.foodcount div:nth-child(5), form#formularOrderFood div#foodList div.foodcount div:nth-child(5) {
	background-image: url(pic/diabetics-01.svg);
}

	
form#formularOrderDrinks div#foodList div.foodcount.breakfastLogo div:nth-child(2), form#formularOrderFood div#foodList div.foodcount.breakfastLogo div:nth-child(2) {
	opacity:1; 
}
form#formularOrderDrinks div#foodList div.foodcount.lunchLogo div:nth-child(2), form#formularOrderFood div#foodList div.foodcount.lunchLogo div:nth-child(2) {
	opacity:1; 
}
form#formularOrderDrinks div#foodList div.foodcount.dinnerLogo div:nth-child(2), form#formularOrderFood div#foodList div.foodcount.dinnerLogo div:nth-child(2) {
	opacity:1; 
}
form#formularOrderDrinks div#foodList div.foodcount.gluten div:nth-child(3), form#formularOrderFood div#foodList div.foodcount.gluten div:nth-child(3) {
	opacity:1;
}
form#formularOrderDrinks div#foodList div.foodcount.lactose div:nth-child(4), form#formularOrderFood div#foodList div.foodcount.lactose div:nth-child(4) {
	opacity:1;
}
form#formularOrderDrinks div#foodList div.foodcount.diabetics div:nth-child(5), form#formularOrderFood div#foodList div.foodcount.diabetics div:nth-child(5) {
	opacity:1;
}

	
	
form#formularOrderDrinks div#foodList div.foodcount div:nth-child(2), form#formularOrderFood div#foodList div.foodcount div:nth-child(2) {
	background-image: url(pic/fruehstueck-01.svg);
}
form#formularOrderDrinks div#foodList div.foodcount div:nth-child(2), form#formularOrderFood div#foodList div.foodcount div:nth-child(2) {
	background-image: url(pic/mittagessen-01.svg);
}
form#formularOrderDrinks div#foodList div.foodcount div:nth-child(2), form#formularOrderFood div#foodList div.foodcount div:nth-child(2) {
	background-image: url(pic/abendbrot-01.svg);
}
form#formularOrderDrinks div#foodList div.foodcount div:nth-child(3), form#formularOrderFood div#foodList div.foodcount div:nth-child(3) {
	background-image: url(pic/gluten-01.svg);
}
form#formularOrderDrinks div#foodList div.foodcount div:nth-child(4), form#formularOrderFood div#foodList div.foodcount div:nth-child(4) {
	background-image: url(pic/lactose-01.svg);
}
form#formularOrderDrinks div#foodList div.foodcount div:nth-child(5), form#formularOrderFood div#foodList div.foodcount div:nth-child(5) {
	background-image: url(pic/diabetics-01.svg);
}

	
	
	
	
	
	
}

/* ////   bis 540px    und    iPhone 6 Landscape  //// */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape), only screen and (max-height : 480px) and (orientation : landscape), only screen and (max-width: 540px) {
main {
	padding: 36px 2%;
}
main div.mainContent {
	width: 88%;
}
div.contentabschnitt {
}
/* allgemeiner Navigationebalken */
main div.navibalken,  main div.navibalken a,  main div.navibalken span {
	height: 36px;
	line-height: 36px;
}
main div.navibalken {
	font-size: 21px;
	font-weight: 400;
}
main div.navibalken a,  main div.navibalken span {
	font-size: 16px;
	font-weight: 400;
	background-size: 32px;
}
main div.navibalken a:first-child,  main div.navibalken span:first-child {
	padding: 0 8px 0 36px;
}
main div.navibalken a:last-child,  main div.navibalken span:last-child {
	padding: 0 36px 0 8px;
}
/* Home Seite: (und ggf. Bettenauswahl) */
main ul li {
	margin: 16px 0.2% 0.2% 0.2%;
	padding: 0.45%;
}
main ul.homeMenu li {
	width: 15.25%;
}
main ul li a {
	width: 94%;
	padding: 11% 1% 71% 1%;
	margin: 2%;
}
main ul li a.startseite,  main ul li a.speiseplan-erstellen,  main ul li a.essenbestellung,  main ul li a.getraenkebestellung,  main ul li a.speisenverwaltung,  main ul li a.rechnungen,  main ul li a.mitarbeiterverwaltung,  main ul li a.bestellkontrolle,  main ul li a.bestellvorschau,  main ul li a.logbuch,  main ul li a.bettenverwaltung,  main ul li a.profil,  main ul li a.speiseplan-herunterladen,  main ul li a.abmelden {
	font-size: 9px;
}
/* Speiseverwaltung:  3er Auswahl */
main div.mainContent form#formularChooseDishes div {
	margin: 48px 1%;
}  /* etwas runter setzen */
/* "Zimmer" bei Zimmer/Bett auswahl */
main ul li span {
	height: 24px;
	line-height: 18px;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}

/* ////   bis 480px und  iPhone 6 Portrait  //// */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait), only screen and (max-width: 480px) {
main {
	padding: 36px 2%;
}
main div.mainContent {
	width: 85%;
}
div.contentabschnitt {
}
/* allgemeiner Navigationebalken */
main div.navibalken,  main div.navibalken a,  main div.navibalken span {
	height: 36px;
	line-height: 36px;
}
main div.navibalken {
	font-size: 16px;
	font-weight: 400;
}
main div.navibalken a,  main div.navibalken span {
	font-size: 14px;
	font-weight: 400;
	background-size: 32px;
}
main div.navibalken a:first-child,  main div.navibalken span:first-child {
	padding: 0 8px 0 36px;
}
main div.navibalken a:last-child,  main div.navibalken span:last-child {
	padding: 0 36px 0 8px;
}
main ul li {
	margin: 1%;
	padding: 1%;
}
main ul.homeMenu li {
	width: 46%;
}
main ul li a {
	width: 90%;
	margin: 3%;
	padding: 5% 2% 71% 2%;
	font-size: 12px;
}
main ul li ul li {
	width: 32px;
	height: 60px;
}
h3 {
	font-size: 14px;
	padding-top: 0px;
	display: block;
	clear: right;
}  /* z.B: "Individueller Menüplan für den ..... " */
div.option {
	border-radius: 0px;
	width: 92%;
	font-size: 11px;
	line-height: 14px;
} /* Die Küche ist an diesem Tag geschlossen OPTIONSBOX */
div.flow3 {
	font-size: 7.75px;
	height: 24px;
	line-height: 24px;
}
div.editpart100 {
	margin: 4px 0 24px 3%;
}
/* LöschenButton in Speisepla-Bauen Dialog */
div.mainContent div.contentabschnitt > div:nth-child(4) ul li span:nth-child(2) a,  div.mainContent div.contentabschnitt > div:nth-child(5) ul li span:nth-child(2) a,  div.mainContent div.contentabschnitt > div:nth-child(6) ul li span:nth-child(2) a,  div.mainContent div.contentabschnitt > div:nth-child(4) ul li span:nth-child(2) a:hover,  div.mainContent div.contentabschnitt > div:nth-child(5) ul li span:nth-child(2) a:hover,  div.mainContent div.contentabschnitt > div:nth-child(6) ul li span:nth-child(2) a:hover {
	background-size: 9px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 10px;
	line-height: 14px;
}
/* Speiseverwaltung:  3er Auswahl */
main div.mainContent form#formularChooseDishes div {
	margin: 16px 10% 0px 10%;
	width: 80%;
	clear: both;
}  /* etwas runter setzen */
main div.mainContent form#formularChooseDishes div button {
	padding: 40px 32px 40px 0;
	font-size: 18px;
	background-position: left center;
	background-size: 90px;
	text-align: right;
} /* Button Höhe normalisieren */
/* Filter */
	
main div.mainContent div.contentabschnitt form#filterAdmistrateDishes div:nth-child(1),  main div.mainContent div.contentabschnitt form#filterOrderFood div:nth-child(1) {
	width: 98%;
	height: auto;
	padding: 4px 1% 180px 1%;
	margin: 0px 0;
	background-image: none;
}
main div.mainContent div.contentabschnitt form#filterAdmistrateDishes div input,  main div.mainContent div.contentabschnitt form#filterOrderFood div input {
	clear: left;
	margin-left: 24px;
}
main div.mainContent div.contentabschnitt form#filterAdmistrateDishes div label,  main div.mainContent div.contentabschnitt form#filterOrderFood div label {
	margin-right: 0px;
	margin-left: 12px;
	clear: right;
}
/* Aktualisieren Button */
main div.mainContent div.contentabschnitt form#filterAdmistrateDishes div div,  main div.mainContent div.contentabschnitt form#filterOrderFood div div {
	float: none;
	position: absolute;
	top: 64px;
	right: 32px;
}
/* Spaltenbreiten */
div.foodcheck, div.foodcount, div.foodcheckhead, div.foodcounthead {
	width: 18%;
}
div.fooddescr, div.fooddescrhead {
	width: 58%;
}
div.fooddescr, div.fooddescrhead {
	border-bottom: rgba(77,77,77,1.00) 0.67px solid;
}
/* BEARBEITEN DIALOGE */
main div.mainContent form#formularEditOrderDrinks,  main div.mainContent form#formularAdministrateBeds,  main div.mainContent form#formularAdministrateDishes,  main div.mainContent form#formularEditDishes,  main div.mainContent form#formularOwnData,  main div.mainContent form#formularAdministrateEmployee {
	background-size: 90px 90px;
	font-size: 75%;
	background-position: center top;
	border: rgba(255,255,255,0.89) solid 2px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width: 89%;
	padding: 112px 2% 3% 6%;
}
/* Spalte 1 */
main div.mainContent form#formularEditOrderDrinks div div:nth-child(1),  main div.mainContent form#formularAdministrateBeds div div:nth-child(1),  main div.mainContent form#formularAdministrateDishes div div:nth-child(1),  main div.mainContent form#formularEditDishes div div:nth-child(1),  main div.mainContent form#formularOwnData div div:nth-child(1),  main div.mainContent form#formularAdministrateEmployee div div:nth-child(1) {
	width: 25%;
}
main div.mainContent form#formularEditOrderDrinks div input[type='checkbox'],  main div.mainContent form#formularEditDishes div input[type='radio'],  main div.mainContent form#formularEditDishes div input[type='checkbox'],  main div.mainContent form#formularAdministrateDishes div input[type='radio'],  main div.mainContent form#formularAdministrateDishes div input[type='checkbox'] {
	display: block;
	width: 24px;
	margin-top: 6px;
	height: 12px;
	clear: left;
	margin-left: 18px;
}
main div.mainContent form#formularEditDishes div:first-child input:first-child,  main div.mainContent form#formularAdministrateDishes div:first-child input:first-child {
	margin-left: 18px;
}
main div.mainContent form#formularEditDishes div:nth-child(3) input:first-child,  main div.mainContent form#formularAdministrateDishes div:nth-child(3) input:first-child {
	margin-left: 18px;
}
/* Buttons in den Dialogen */
main div.mainContent form#formularEditOrderDrinks button[type='submit'],  main div.mainContent form#formularEditOrderDrinks button[type='reset'],  main div.mainContent form#formularAdministrateBeds button[type='submit'],  main div.mainContent form#formularAdministrateBeds button[type='reset'],  main div.mainContent form#formularAdministrateDishes button[type='submit'],  main div.mainContent form#formularAdministrateDishes button[type='reset'],  main div.mainContent form#formularEditDishes button[type='submit'],  main div.mainContent form#formularEditDishes button[type='reset'],  main div.mainContent form#formularDishesPlan button[type='submit'],  main div.mainContent form#formularBedList button[type='submit'],  main div.mainContent form#formularEmployeePlan button[type='submit'],  main div.mainContent form#formularAdministrateEmployee button[type='submit'],  main div.mainContent form#formularAdministrateEmployee button[type='reset'],  main div.mainContent form#formularOwnData button[type='submit'],  main div.mainContent form#formularOwnData button[type='reset'] {
	width: 200px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* Essen-Bestell Liste */
	/* Bemerkung ausblenden */
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(8),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(8),  form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(9),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(9),  form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(10),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(10),  form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(11),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(11) {
	display: none;
	visibility: hidden;
	color: rgba(255,255,255,0.00);
}
form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(1),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(1),  form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(2),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(2),  form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(3),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(3),  form#formularOrderDrinks div#foodList div.fooddescr span:nth-child(4),  form#formularOrderFood div#foodList div.fooddescr span:nth-child(4) {
	clear: left;
	width: 100%;
}
a.backLink, a.newSiteLink,  a.backLink:visited, a.newSiteLink:visited,  a.backLink:active, a.newSiteLink:active,  a.backLink:link, a.newSiteLink:link,  a.backLink:focus, a.newSiteLink:focus {
	top: -30px;
	padding: 2px 12px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
/* Zimmer verwalten Liste */		
main div.mainContent form#formularBedList ul.defaultList li div:nth-child(2),  main div.mainContent form#formularEmployeePlan ul.defaultList li div:nth-child(2),  main div.mainContent form#formularBedList ul.defaultList li div:nth-child(3),  main div.mainContent form#formularEmployeePlan ul.defaultList li div:nth-child(3),  main div.mainContent form#formularBedList ul.defaultList li div:nth-child(4),  main div.mainContent form#formularEmployeePlan ul.defaultList li div:nth-child(4) {
	width: 70px;
}
/* Logbuch */
	
main div.mainContent ul.defaultList li span:nth-child(2) {
	padding: 1px 0 1px 32px;
	background-position: 6px 2px;
	text-align: center;
	width: 80%;
	margin-left: 5%;
	margin-bottom: 7px;
}
div.mainContent div.contentabschnitt > div:nth-child(4) ul li span:nth-child(1),  div.mainContent div.contentabschnitt > div:nth-child(5) ul li span:nth-child(1),  div.mainContent div.contentabschnitt > div:nth-child(6) ul li span:nth-child(1) {
	line-height: 16px;
	padding: 10px 0 14px 0;
	font-size: 10px;
}  /* Eintrag in Menüplan Dialog */
}





body a,
body input,
body button,
body select,
body .click,
body .clickable,
body .foodc,
body .itemSelector,
body #navTrigger,
body textarea,
span.checklike { pointer-events: all; cursor: pointer; }


div.mainContent	ul { min-width:40%; }
	
	
	
main div.mainContent ul.defaultList li {
	
	max-width:100%;
	box-sizing: border-box;
    width: 100%;
    padding: 8px 1%;
    color: rgba(0,0,0,1.00);
	
	border-bottom: 1px dotted rgba(83,83,83,1.00);
	
}
main div.mainContent ul.defaultList.controlling li span:nth-child(1) {
    width: 90% !important;
	float: right;
	font-family: Helvetica, Arial, "sans-serif";
	line-height: 1.7rem; font-size:1rem;
	background-image: none;
	
}
main div.mainContent ul.defaultList.controlling li span:nth-child(2) {
	
	
    width: 10% !important;
	
	
	float:left;
	padding: 4px 0 2px 16px;
	background-position: 0px 7px;
	border: rgba(0,111,183,1) 0px solid;
	background-size: 18px 18px;
	margin-top: 2px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
font-size:2rem; font-weight:500;
	

}
	
	
	
	



main > div.mainContent > ul:not(.homeMenu) > li { 
	
	
	background: rgba(252,252,252,1.00);
	
	margin: 12px 0px 4px 0px; padding: 12px;
	max-width: 100%; min-width: 100%; 
	border-radius: 3px; text-align: center; font-size: 1.2rem;

	display: inline-block; position: relative; float: left; box-sizing:border-box; 
	min-height: 200px;


}

main > div.mainContent > ul.minimum { padding-top: 32px !important }

main > div.mainContent > ul.minimum > li { 
	
	
	background: rgba(252,252,252,1.00);
	margin: 2px 1% 2px 1%; padding: 8px;
	max-width: 98%; 
	border-radius: 3px; 
	text-align: center; 
	font-size: 1rem;
	
	min-width: 48% !important;

	display: inline-block; 
	position: relative; 
	float: left; 
	box-sizing:border-box; 
	min-height: 100px;


}



main > div.mainContent > ul > li > span { 

display: inline-block;
width: 550px;
height: 50px;
float: left;
box-sizing: border-box;
background-color: rgba(74,121,217,0.00);
text-transform: uppercase;
position: absolute;
top: 250px;
left: -250px;
margin: 0px 0px 0px 0px !important;
padding: 12px 32px 12px 12px;
text-align: right;
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
line-height: 1.5rem;
font-size: 24px !important;
color: rgba(82,82,82,1.00);


}

main > div.mainContent > ul.minimum > li > span { 

	width:120px; 
	top:32px; 
	left:-24px; 
	padding:12px 12px 12px 12px;
	line-height: 1.4rem;
	font-size: 1.1rem;
	max-width: 100% !important;
	

}





main > div.mainContent > ul > li > ul { 

    margin: 0px 0px 0px 0px;
    padding: 12px 12px 12px 40px;
    max-width: 100%;
    min-width: 100%;
    min-height: 10px;
    border-radius: 0px;
    font-size: 1.2rem;
    display: inline-block;
    position: relative;
    float: left;
    box-sizing: border-box;
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    


}

main > div.mainContent > ul > li > ul > div.anchor { 
    display: block;
    position: absolute;
    top: -128px;
    left: -200vw;
    z-index: 1;
    width: 1px;
    height: 1px;
    background: white;
}







main > div.mainContent > ul > li > ul > li { 

    margin: 20px 10px 40px 0px;
    padding: 0px;
    max-width: 100%;
    width: 190px !important;
    min-width: 190px !important;
    height: auto !important;
    border-radius: 5px;
    font-size: 1.2rem;
    background-color: rgba(232,232,232,1.00);
    display: inline-block;
    position: relative;
    float: left;
    box-sizing: border-box;

}


main > div.mainContent > ul > li > ul > li.bewohner { 
    
    min-width: 400px !important;
    min-height: 550px;
    padding: 12px;
    margin: 24px auto;
    box-shadow: 0px 0px 12px 0px black;
    
}   


main > div.mainContent > ul > li > ul > li.bewohner input.bewohnerName { 
        display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 0px 7px 0px;
    text-align: center;
    font-weight: bold;
    color: seagreen;
    font-size: 16px;
    letter-spacing: -0.5px;
    border: 2px solid;
    border-radius: 21px;
    max-width: 98%;
    
}   
main > div.mainContent > ul > li > ul > li.bewohner textarea.bewohnerKommentar { 
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 4px 4px 4px 6px;
    text-align: left;
    font-weight: bold;
    color: black;
    font-size: 12px;
    letter-spacing: -0.5px;
    border: 2px solid;
    border-radius: 1px;
    max-width: 98%;
    margin-left: 1%;
    min-height: 96px;
    
}   















main > div.mainContent > ul > li > ul > li > a  {  

display:inline-block; position: relative; float:left; box-sizing:border-box; 

margin-left: 32px;
margin-right: 12px;
	
	
	
	
width:18%; height:auto;
padding:24px 10px 64px 10px;
	line-height: 1rem;
	margin-top:26px;


}

main > div.mainContent > ul.minimum > li > ul > li > a  {  

display:inline-block; position: relative; float:left; box-sizing:border-box; 

margin-left: 10px;
margin-right: 8px;
	
	
	
	
width:110px; height:auto;
padding:12px 5px 32px 5px;
	line-height: 1rem;
	margin-top:9px;


}


main > div.mainContent > ul.minimum > li > ul > li > a  { background-color: rgba(192,192,192,1.00); }

main > div.mainContent > ul.minimum > li > ul > li > a.logged  {  background-color: rgba(49,213,98,1.00); }




main > div.mainContent > ul > li > ul > li > form  {  

	display:inline-block; 
	position: relative; 
	float:right; 
	box-sizing:border-box; 
	
	clear:right;
	
	margin-left:0%; 
	width:75%; height:auto;

	padding:10px 10px 1px 10px;
	line-height: 1rem;


}


main > div.mainContent > ul > li > ul > li > form > button.min {
	
display: inline-block;
position: relative;
float: left !important;
width: 19% !important;
height: auto;
padding: 6px 2px 6px 2px !important;
margin: 2px 2px;
font-size: 10px;
clear: none;
border-radius: 5px;
text-align: center;
min-height: 46px;
letter-spacing: -0.25px;
font-weight: bold;

	
}


main > div.mainContent > ul > li > ul > li > form > button.min.send,
main > div.mainContent > ul > li > ul > li > form > textarea {  

	display:inline-block; 
	position: relative; 
	float:left; 
	box-sizing:border-box; 
	clear:none;
	width:79%; height:62px;
	border:0px;
	padding:10px 16px 1px 16px;
	line-height: 1rem;
	border-radius:7px;
	margin-bottom: 12px;
	margin-top: 2px;


}


main > div.mainContent > ul > li > ul > li > form > button.min.send { width:30%; 
	background-color: rgba(159,159,159,1.00) !important; color:#fff; font-weight:bold !important; float: right !important }




main > div.mainContent > ul > li > ul > li > form > button.min.send:hover {
	background-color: rgba(59,59,59,1.00) !important;  }








































button#btnOrderFood {
    position: fixed !important;
    top: 10px !important;
	right:12px;
	z-index:998;
	display: block;
    width: 200px;
    font-size: 1.5rem !important;
    box-sizing: border-box;
    padding: 8px 0px 6px 0px !important;
    margin: 0px !important;
    color: #fff !important;
    background: rgba(255,0,128,1) !important;
    border-radius: 2px !important;
    outline: none !important;
    line-height: 1 !important;
	text-shadow: unset !important;
}


div.contentabschnitt h8 {
    display: block;
	position: fixed !important;
	top:16px;
	z-index:998;
	pointer-events: none;
	text-align: center !important;
	width:100%;
	box-sizing: border-box;
    color: rgba(42,42,42,1.00);
    font-size: 1.76rem;
    font-weight: 400;
	line-height: 1;
	margin:0px 0px 0px 0px;
	padding:8px 0px 0px 0px;
	left:0px;
}
div.contentabschnitt h8 a { pointer-events: all; background-color:rgba(132,213,207,1.00); box-sizing: border-box; display:inline-block; padding:6px 46px 0px 46px; border-radius:0px; border-top-left-radius: 7px; border-top-right-radius: 7px; }




main div.navibalken {
    float: left;
    width: 100%;
    min-width: 100%;
    display: block;
    font-size: 24px;
    font-weight: 700;
    background: rgba(0,0,0,0.80);
    position: fixed;
    top: 60px;
    z-index: 997;
}








		
		  .noVision { display:none !important; }

			div.articleStage {

    max-width: 64%;
    margin-top: -49px;
    display: inline-flex;
    float: left;
    position: relative;
    box-sizing: border-box;
    flex-wrap: wrap;
    min-height: 200px;
    overflow-y: auto;
    align-items: flex-start;
    justify-content: space-around;
    align-content: stretch;
    padding-bottom: 90px;





}
			
			div.article { display:inline-block; position:relative; max-width:430px; min-width:45%; margin:20px; box-sizing:border-box; padding:12px; background-color: rgba(215,204,204,1.00); border-radius:8px; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5); }
			
			div.article div.foodc   { display:inline-block; float:left; width:56px; height:56px; margin-top:64px;  }


			div.article h3   { display: inline-block;
float: right;
width: calc(100% - 80px);
text-align: left;
font-weight: 200;
				margin:0px 0px;
				line-height:1.2;
				letter-spacing: 0px;
 }

div.article h3 b { 
font-size: 1.4rem; line-height: 1;  }
div.article h3 b small { 

font-size: 0.8rem;
    line-height: 1;
    background-color: #fff;
    display: inline-block;
    box-sizing: border-box;
    padding: 9px;
    width: 100%;
    margin-bottom: 12px;
    text-align: left;



}


label.halfSwitch {  
				
		padding: 5px 6px !important;
border-radius: 8px;
text-transform: uppercase;
font-size: 0.65rem;
text-align: center;
	font-weight:bold;
line-height: 1;
	vertical-align: middle;
min-height: 36px !important;
width: 19% !important;
float: left !important;
margin: 0px 0.5%;		
	letter-spacing: -0.5px;
	display: inline-flex !important;
	justify-content: center;
	align-content: center
				
				
				
				
}


			div.article div.clickable   { display:inline-block; float:left; width:100%;  }
			div.article div.description { display:inline-block; float:left; width:100%; box-sizing:border-box; padding:24px 24px 24px 16px; }
			div.article div.description textarea { margin-top:20px; display:inline-block; box-sizing:border-box; background-color:lightyellow !important; min-height:120px; }
			div.article div.description p { display:inline-block; box-sizing:border-box; font-size:0.75rem; font-style:italic; min-height:48px; color:#333; }
		
			div.articleSelect { 
				
				max-width:35%; 
				margin-top:48px; 
				display:inline-flex; 
				float:right; 
				position:relative; 
				box-sizing:border-box; 
				min-height:200px; 
				overflow-y:auto; 
				background: rgba(171,171,171,1.00); 
				border-radius:4px;
				flex-wrap: wrap; padding-bottom: 90px; padding-top:5px; 







} div.articleSelect:before { 

	display: inline-block; float: left; width:100%; height:48px; position: relative; content:'Auswahl';
	font-size: 1.67rem; color:#fff; box-sizing: border-box; padding:12px; text-align: center;


}
div.articleStage:before { 

	display: inline-block; float: left; width:100%; height:48px; position: relative; content:'Ausgewählt';
	font-size: 1.67rem; color: rgba(33,144,66,1.00); box-sizing: border-box; padding:12px; text-align: center;


}

			div.itemSelector  { 
				
				float:left; 
				position:relative; 
				width:95%; 
				margin-left:2.5%; 
				box-sizing:border-box;
				text-align:left; 
				font-size:0.7rem; 
				padding:8px 4px 8px 46px; 
				line-height:1; 
				background:white; 
				margin-top:6px;
				
			}

div.itemSelector b { font-size:1.2rem; margin-top: 4px; display: inline-block; float: left; }
div.itemSelector b small { font-size:0.7rem; margin-top: 0px; display: inline-block; float: left; background-color:#fff;  width:100%; margin-bottom: 4px; padding:3px; box-sizing: border-box; }








div.article.breakfastLogo  { background-image: url(pic/fruehstueck-01.svg) !important; order:1 !important; }
div.article.lunchLogo  { background-image: url(pic/mittagessen-01.svg) !important; order:2 !important; }
div.article.dinnerLogo { background-image: url(pic/abendbrot-01.svg) !important;  order:3 !important; }
div.article.gluten { background-image: url(pic/gluten-01.svg); }
div.article.lactose  { background-image: url(pic/lactose-01.svg); }
div.article.diabetics  { background-image: url(pic/diabetics-01.svg); }

	
	





.breakfastLogo,
.lunchLogo,
.dinnerLogo,
.gluten,
.lactose,
.diabetics  { background-size:80px; background-position: left top; background-repeat: no-repeat; }
div.itemSelector { border-left:34px inset rgba(0,0,0,0.5); }
	

div.article.meat { background-color:rgba(255,211,212,1.00); }
div.article.fish { background-color: rgba(175,211,255,1.00); }
div.article.veget { background-color: rgba(201,255,225,1.00); }

div.itemSelector.meat { background-color: rgba(255,237,237,1.00); }
div.itemSelector.fish { background-color: rgba(225,239,255,1.00); }
div.itemSelector.veget { background-color: rgba(235,255,245,1.00); }
	
div.itemSelector.drink { background-color: rgba(220,235,255,1.00); }

div.itemSelector:before { 
	
	display:block; 
	position: absolute; 
	content:''; 
	width:72px; 
	height:100%; 
	background-color: rgba(125,125,125,1.00); 
	top:0px;
	left:-34px;
	background-size:contain; background-position: center 70%; background-repeat: no-repeat; 

}






div.itemSelector.breakfastLogo:before { background-image: url(pic/fruehstueck-01.svg) !important;  }
div.itemSelector.lunchLogo:before { background-image: url(pic/mittagessen-01.svg) !important;  }
div.itemSelector.dinnerLogo:before { background-image: url(pic/abendbrot-01.svg) !important; }
div.itemSelector.drink:before { background-image: url("pic/alkohol-01.svg") !important;  }
div.itemSelector.pink:before { } 

div.itemSelector.breakfastLogo:before,
div.itemSelector.lunchLogo:before,
div.itemSelector.dinnerLogo:before,
div.itemSelector.drink:before,
div.itemSelector.pink:before { background-color: lightgray !important; }







/* div.itemSelector.meat:before { background-color:rgba(240,116,118,1.00); }
div.itemSelector.fish:before { background-color: rgba(50,144,231,1.00); }
div.itemSelector.veget:before { background-color: rgba(101,237,180,1.00); }
div.itemSelector.drink:before { background-color: rgba(26,68,124,1.00); } */



div.itemSelector:not(.fix):not(.drink) { background-color: darkgoldenrod; color:white !important; }


div.itemSelector:not(.fix):not(.drink):before { 
	
ontent: ' ';


}


div.itemSelector.breakfastLogo 				{ order:14 !important; }
div.itemSelector.breakfastLogo.meat 	{ order:11 !important; }
div.itemSelector.breakfastLogo.fish 	{ order:12 !important; }
div.itemSelector.breakfastLogo.veget 	{ order:13 !important; }

div.itemSelector.lunchLogo 														{ order:20 !important; }
div.itemSelector.lunchLogo.meat 											{ order:20 !important; }
div.itemSelector.lunchLogo.fish												{ order:20 !important; }
div.itemSelector.lunchLogo.veget 											{ order:20 !important; }
div.itemSelector.lunchLogo:not(.fix):not(.drink) 			{ order:20 !important; }

div.itemSelector.dinnerLogo 														{ order:30 !important; }
div.itemSelector.dinnerLogo.meat  											{ order:30 !important; }
div.itemSelector.dinnerLogo.fish 												{ order:30 !important; }
div.itemSelector.dinnerLogo.veget 											{ order:30 !important; }
div.itemSelector.dinnerLogo:not(.fix):not(.drink) 			{ order:30 !important; }
















div.mainContent > form { display: inline-flex; width:100%; float: left; box-sizing: border-box; flex-wrap: wrap; }








div#clock {
    width: 100% !important;
	pointer-events: none !important;
    margin-right: auto !important;
	box-sizing: border-box !important;
	text-align: center !important;
    margin-top: 4px !important;
    float: none !important;
    color: rgb(96,96,96) !important;
}






main div.navibalken {
    margin-top: 0px !important;
	background-color: rgba(179,179,179,1.00) !important;
	color:#333;
	box-sizing: border-box; padding:6px 12px !important;
	font-weight: normal !important;
	left: 0px;
}

main div.navibalken a:last-child, 
main div.navibalken span:last-child,
main div.navibalken a:first-child, 
main div.navibalken span:first-child {
	
	  height:36px; line-height: 36px;
	border-radius: 5px;
	background-color: rgba(148,148,148,1.00);
	background-size:32px;
	
	
}

form.systemadmin { display:inline-block !important }
form.systemadmin > input { max-width:67%; float:right !important;  }
form.systemadmin > label { max-width:33%; float:left !important;  }




select.roomStatus, span.checklike  { display:inline-block; text-align: center; float:left; width:180px; font-weight:600; font-size:1.2rem; line-height: 1; padding:6px 4px 4px 4px; margin:4px; min-height: 12px; height:auto; box-sizing: border-box }


select.roomStatus  { margin-bottom:20px; font-size:1.5rem; margin-top:12px; }


span.checklike    { background-color:#fdfdfd; padding:7px 4px 6px 4px; border-radius:5px; -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);
box-shadow: 0 0 4px 0 rgba(0,0,0,0.3); font-weight:400; font-size:0.9rem; }

span.checklike.active    { background-color:lightblue; 

background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23333'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z'/%3E%3C/svg%3E");

	background-size:14px; background-repeat: no-repeat; background-position: 9px center;

}


div.softform button.send, div.softform  a.orderLink { 
 margin:8px;
background-image: none; 
line-height: 1.2; 
width:90%;
display: inline-block;
position: relative;
font-size: 1.2rem;
font-weight: 400;
text-align: center;
box-sizing: border-box;
padding: 15px 6px 12px 6px !important;
}
div.softform button.send { 


background: red !important;
color: white !important;









}
div.softform button.send.hidden { display:none;  }
	

div.softform textarea { display:inline-block; position: relative; font-size:0.9rem; font-weight:400; text-align: left; box-sizing: border-box; padding:8px 12px; width:100%; margin:6px 0px; float: left;  }
	









main > div.mainContent > ul:not(.homeMenu) { 

    background: #333;
    min-width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-evenly;




}

main > div.mainContent > ul:not(.homeMenu) > li {

    background: rgba(252,252,252,1.00);
    margin: 0px auto 0px auto;
    padding: 12px 0px 12px 12px;
    max-width: 100%;
    min-width: 305px;
    border-radius: 0px;
    text-align: center;
    font-size: 1.2rem;
    display: inline-flex;
    position: relative;
    float: left;
    box-sizing: border-box;
    min-height: 660px;
    border: 20px solid #333;
    flex-wrap: wrap;
    flex-direction: row;
    justify-items: flex-start;
    align-content: flex-start;
    
    
    


    
    
    
	
}


main > div.mainContent > ul:not(.homeMenu) > li.smaller {
	
    min-height: 180px !important;
    /* max-height: 180px !important; */
	
		border: 10px solid #333;
		border-right-width: 5px;
	
}







main > div.mainContent > ul > li > span { 

        font-size: 1.8rem;
    font-weight: 800;
    font-size: 19px !important;

}










small.hintOpener { text-align:center; font-size:15px; max-height:55px !important; display:inline-block; position:relative; overflow:hidden; box-sizing:border-box; padding:7px; background-color:#eee; border-radius:5px; margin-bottom:7px; width:95%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E");
background-position: 4px 7px; background-size:16px; background-repeat: no-repeat; 
}

small.hintOpener.inactive { font-size:13px; background-image:none; cursor: auto; pointer-events: none;  }
small.hintOpener.active { cursor: pointer !important; pointer-events: all; background-color: #D8FFED  }
small.hintOpener.active.open { display:block; max-height: none !important; position: absolute; width:255px; height:420px; z-index:90; top:80px;  left:-45px;
-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.5);
box-shadow: 0 0 12px 0 rgba(0,0,0,0.5);
	float:none;  

}

small.hintOpener.active.open i { display:inline-block; text-align: left; width:100%; box-sizing: border-box; padding:8px; font-size:16px; border-top: 1px solid #B0B0B0; font-style: normal; }








div.terminbg { max-width:1800px; }





div.mainSelect {
    display: inline-block;
    box-sizing: border-box;
    padding: 4px;
    position: relative;
    width: 100%;
    margin: 3px 0px;
    pointer-events: all;
    max-height: 320px !important;
    min-height: 320px !important;
    overflow-y: scroll;
    background: #555;
}


div.contentabschnitt {  width: 100% !important; } 

div#foodList { 
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
div#foodList > div.articleStage {
    max-width: 60%;
    min-width: 60%;
}

div#foodList > div.articleStage > div.article {
      display: inline-block;
    max-width: 98% !important;
    min-width: 98% !important;
    margin: 4px auto 8px auto;
    border: 0px;
    background-size: 0px !important;
}
div#foodList > div.articleStage > div.article input[type='number'] {
    float: right;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 800;
    width: 80px !important;
    box-sizing: border-box;
    border-radius: 0px;
    margin-top: 1px;
    margin-right: 0px;
    text-align: center;
    padding: 4px 0px 0px 10px;
    background-color: transparent;
    position: absolute;
    right: 8px;
    top: 8px;
    color: gray !important;
    line-height: 1.4;
    border: 0px !important;
}
div#foodList > div.articleStage > div.article::before {
    display: block;
    position: absolute;
    top: 5px;
    font-size: 2rem;
    height: 56px;
    overflow: visible;
    left: 68px;
    width: calc(100% - 72px);
    font-weight: 400;
    background-color: #222;
    padding: 13px;
    line-height: 1;
    box-sizing: border-box;
    transform: none !important;
}

div#foodList > div.articleStage > div.article > div.clickable {
    clear: left;
    width: 100% !important;
    padding-left: 0px;
    box-sizing: border-box;
    display: flex;
    position: relative;
    margin-bottom: 5px;
    background: ghostwhite;
    padding: 6px 4px;
    margin-top: -4px;
    flex-wrap: wrap;
}

div#foodList > div.articleStage > div.article > div.clickable > label.halfSwitch {
    padding: 4px 6px 4px 28px !important;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 400 !important;
    line-height: 1;
    vertical-align: middle;
    width: auto !important;
    float: left !important;
    margin: 3px 6px;
    letter-spacing: -0.5px;
    display: inline-flex !important;
    justify-content: flex-start !important;
    align-content: center !important;
    font-size: 18px !important;
    min-height: 26px !important;
    text-align: left !important;
    background-repeat: no-repeat !important;
    background-position: 2px center !important;
    background-size: 24px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='black'%3E%3Cpath d='M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Z'/%3E%3C/svg%3E") !important;
    
} div#foodList > div.articleStage > div.article > div.clickable > input[type="checkbox"]:checked + label.halfSwitch { 
    
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='seagreen'%3E%3Cpath d='m424-312 282-282-56-56-226 226-114-114-56 56 170 170ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z'/%3E%3C/svg%3E") !important;
    color: seagreen !important;
    background-color: transparent !important;
}

div#foodList > div.articleStage > div.article > div.foodc { 
        background-color: gainsboro;
    background-image: none !important;
    border-radius: 2px;
    position: absolute;
    top: 1px;
    left: 7px;
    margin: 0px 0px;
    box-shadow: none;
    
}


div#foodList > div.articleStage > div.article > div.description { 
    width: 100% !important;
    padding: 2px 6px 16px 10px !important;
    margin-top: 1px !important;
    font-size: 1rem !important;
}
div#foodList > div.articleStage > div.article > div.description > p { 
    display: inline-block;
    box-sizing: border-box;
    /* font-size: 0.75rem; */
    font-style: italic !important;
    min-height: 48px;
    color: #333;
    font-size: 12px !important;
    padding-right: 15px;
}
div#foodList > div.articleStage > div.article > span { 
        display: inline-block;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px 8px 10px;
    clear: left;
    
}
div#foodList > div.articleStage > div.article > span > textarea {
        margin-top: 0px;
    display: inline-block;
    box-sizing: border-box;
    background-color: lightyellow !important;
    min-height: 80px;
    max-width: 100% !important;
    color: blue;
    font-size: 1.2rem;
    line-height: 1.2;
    padding: 6px 12px;
}


div#foodList > div.articleStage > div.article > div.foodc > label { 
        position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    margin: 0px 0px;
    top: 0px;
    background-color: gainsboro;
    -webkit-border-radius: 0%;
    border-radius: 0%;
    cursor: pointer;
    box-shadow: none;
    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='red'%3E%3Cpath d='M600-240v-80h160v80H600Zm0-320v-80h280v80H600Zm0 160v-80h240v80H600ZM120-640H80v-80h160v-60h160v60h160v80h-40v360q0 33-23.5 56.5T440-200H200q-33 0-56.5-23.5T120-280v-360Zm80 0v360h240v-360H200Zm0 0v360-360Z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size:40px;
    
}

div#foodList > div.articleStage > div.article > div.foodc > label:after { 
    display:none !important;
}





div#foodList > div.articleStage > div.article > h3 {
    min-height: 96px !important;
    display: inline-block;
    float: right;
    width: 100%;
    text-align: left;
    font-weight: 200;
    margin: 52px 0px 3px 0px;
    line-height: 1.1;
    letter-spacing: 0px;
    padding: 4px 3px 4px 4px;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.05);
    position: relative;
}

div#foodList > div.articleStage > div.article > h3 > b { 
    font-size: 1.5rem !important;
    padding-top: 3px !important;
    padding-right: 4px !important;
    padding-bottom: 12px !important;
    padding-left: 0px !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    font-weight: 400 !important;
    /* color: black !important; */
    line-height: 1.3 !important;
    width: 100%;
} 

div#foodList > div.articleStage > div.article > h3 > b > b { 
        font-size: 1rem !important;
    padding-top: 2px !important;
    padding-right: 10px !important;
    padding-bottom: 16px !important;
    padding-left: 12px;
    box-sizing: border-box !important;
    display: inline-block !important;
    font-weight: 600 !important;
    color: black !important;
    line-height: 1.3 !important;
    width: 100%;
    
    
} 
div#foodList > div.articleStage > div.article > h3 > b > b > i { 
    
    
    
} 
div#foodList > div.articleStage > div.article > h3 > b > small { 
        font-size: 1rem;
    padding-left: 9px;
    background-color: transparent !important;
    width: 100%;
    line-height: 1.2;
    
    
} 
div#foodList > div.articleStage > div.article > h3 > b > small > i { 
    
    
    
} 
div#foodList > div.articleStage > div.article > h3 > b > small > strong { 
    
    
    
} 


div#foodList > div.articleSelect {
    max-width: 40%;
    min-width: 40% !important;
    margin-top:0px !important;
}
div#foodList > div.articleSelect div.itemSelector {
    float: left;
    position: relative;
    width: 100%;
    margin-left: 0%;
    box-sizing: border-box;
    text-align: left;
    font-size: 0.7rem;
    padding: 2px 4px 3px 3px;
    line-height: 1;
    background: white;
    margin-top: 1px;
    border-left-width: 48px;
}

div#foodList > div.articleSelect div.itemSelector:before {
    width: 48px;
    top: 0px;
    margin: 0px;
    left: -48px;
    background-position: center 15%;
}
div#foodList > div.articleSelect div.itemSelector > b:first-child {
    font-size: 1rem;
    margin-top: -1px;
    display: inline-block;
    float: left;
    min-width: 100%;
}
div#foodList > div.articleSelect div.itemSelector > b:first-child > b {
    font-size: 120%;
    clear: both;
    width: 100%;
    min-width: 100%;
    position: relative;
    background: white;
    padding: 5px 4px 4px 4px !important;
    border-radius: 3px;
    float: none !important;
    display: block !important;
    margin: 1px 0px !important;
    text-align: left;
    font-weight: 400;
}
div#foodList > div.articleSelect div.itemSelector > b:first-child > small {
    font-size: 0.65rem;
    margin-top: 0px;
    display: inline-block;
    float: left;
    background-color: transparent;
    width: 100%;
    margin-bottom: 4px;
    padding: 0px 3px 3px 5px !important;
    box-sizing: border-box;
    line-height: 1.3;
}

div#foodList > div.articleSelect div.itemSelector > b:first-child > small > i {
        font-size: 1rem !important;
    
}
div#foodList > div.articleSelect div.itemSelector > b:first-child > small > strong {
        font-size: 1.1rem !important;
    padding: 6px 2px 0px 0px;
    display: flex;
    font-weight: 400;
    letter-spacing: 0.5px;
    margin: 0px 0px;
    width: 100%;
}




div#foodList > div.articleSelect div.itemSelector.fix.meat  > b:first-child > small > b, 
div#foodList > div.articleSelect div.itemSelector.fix.veget > b:first-child > small > b,
div#foodList > div.articleSelect div.itemSelector.meat  > b:first-child > b , 
div#foodList > div.articleSelect div.itemSelector.veget > b:first-child > b { 
    padding-left: 32px !important;
    background-repeat: no-repeat;
    background-position: 2px -1px;
    background-size: 28px;
} 

div#foodList > div.articleSelect div.itemSelector.fix.meat  > b:first-child > small > b, 
div#foodList > div.articleSelect div.itemSelector.meat:not(.pink)  > b:first-child > b { 
    
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Ebene_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23b24444; %7D .st1 %7B fill: %23537aea; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st1' d='M19.672,13.283c-.123-1.207-.467-2.347-1.032-3.418-.565-1.072-1.359-1.976-2.382-2.712.72-.172,1.24-.587,1.559-1.246s.441-1.363.365-2.114l-5.214.529c.076.75.341,1.416.795,1.996s1.06.881,1.817.903c-.816.956-1.411,2.01-1.786,3.16s-.501,2.329-.378,3.537c.131,1.289.496,2.504,1.095,3.647.599,1.142,1.5,2.023,2.705,2.643,1.055-.849,1.761-1.893,2.118-3.132.357-1.239.47-2.504.339-3.792Z'/%3E%3Cpath class='st0' d='M11.104,16.799c-.057-.631-.214-1.237-.44-1.686-.066-.132-.258-.424-.43-.65-.873-1.165-1.244-2.104-1.517-3.841-.053-.336-.132-.754-.173-.926-.148-.597-.408-.98-.801-1.178l-.182-.091-.022-.653c-.028-.735-.003-1.624.05-1.916.041-.229.107-.301.594-.638.427-.295.603-.575.553-.879-.069-.437-.546-.911-.911-.911-.298,0-.619.258-.813.65l-.097.198-.129-.122c-.666-.638-1.187-.782-1.539-.43-.188.192-.311.455-.323.716-.022.367.119.572.751,1.083.132.107.283.245.33.311l.091.119-.003.628c-.003.556-.038,1.197-.094,1.705-.019.157-.028.17-.179.264-.839.515-1.366,1.771-1.652,3.938-.069.515-.104.854-.176,1.664-.028.295-.072.732-.1.974-.075.638-.075,1.881,0,2.255.154.744.446,1.294.939,1.768.619.594,1.583,1.058,2.732,1.313,1.517.339,2.619-.135,3.2-1.379.28-.594.411-1.485.342-2.286Z'/%3E%3C/svg%3E");

} 
div#foodList > div.articleSelect div.itemSelector.fix.veget > b:first-child > small > b,
div#foodList > div.articleSelect div.itemSelector.veget > b:first-child > b { 

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='green'%3E%3Cpath d='M216-176q-45-45-70.5-104T120-402q0-63 24-124.5T222-642q35-35 86.5-60t122-39.5Q501-756 591.5-759t202.5 7q8 106 5 195t-16.5 160.5q-13.5 71.5-38 125T684-182q-53 53-112.5 77.5T450-80q-65 0-127-25.5T216-176Zm112-16q29 17 59.5 24.5T450-160q46 0 91-18.5t86-59.5q18-18 36.5-50.5t32-85Q709-426 716-500.5t2-177.5q-49-2-110.5-1.5T485-670q-61 9-116 29t-90 55q-45 45-62 89t-17 85q0 59 22.5 103.5T262-246q42-80 111-153.5T534-520q-72 63-125.5 142.5T328-192Zm0 0Zm0 0Z'/%3E%3C/svg%3E");
} 







div.rating { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-144 388.39001 307 64.5' style='enable-background:new -144 388.39001 307 64.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23444444;%7D .st1%7Bfill:%230A0A0A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M121.64013,412.71753c2.15625-5.21875,4.375-10.3125,7.43751-15.99606 c2.875,5.68356,4.96875,10.68356,7.25,15.99606c5.75664,0.40604,12.06433,1.41144,18.254,2.5625 c-4.20241,4.51468-9.4415,9.25-13.52657,12.8125c1.17882,5.625,1.80382,10.96875,2.5625,17.1875 c-5.68379-2.7836-9.63368-5.09375-14.53993-8.25c-4.81251,3.03125-8.75001,5.34375-14.53996,8.25 c0.55424-6.25708,1.35245-11.375,2.5625-17.1875c-4.4288-3.75-9.1788-8.15625-13.52655-12.8125 C108.82763,413.96753,116.33415,413.20999,121.64013,412.71753z'/%3E%3Cpath class='st1' d='M154.5816,415.28003c-6.18964-1.15106-12.49731-2.15643-18.25397-2.5625 c-2.28125-5.3125-4.375-10.3125-7.25-15.99609c-3.0625,5.68359-5.28125,10.77734-7.4375,15.99609 c-5.30597,0.49243-12.8125,1.25-18.06653,2.5625c4.34778,4.65625,9.09778,9.0625,13.52655,12.8125 c-1.21002,5.8125-2.00824,10.93042-2.5625,17.1875c5.78998-2.90625,9.72748-5.21875,14.53998-8.25 c4.90625,3.15625,8.85614,5.46637,14.53992,8.25c-0.75867-6.21875-1.38367-11.5625-2.5625-17.1875 C145.14014,424.53003,150.37921,419.79474,154.5816,415.28003z M140.0603,428.00354 c1.08093,5.15784,3.03749,15.18698,2.34967,15.76001s-8.83356-4.67072-13.33234-7.56482 c-4.41284,2.77948-12.30712,7.97629-13.3324,7.56482s1.24017-10.4303,2.34973-15.76001 c-4.06104-3.4386-12.4032-10.08582-12.4032-11.74841s11.70074-1.89807,16.56604-2.34967 c1.97717-4.78534,5.64746-14.66754,6.81982-14.66754s4.55609,9.79626,6.64789,14.66754 c5.2785,0.37231,16.52292,1.3349,16.73792,2.34967S143.80609,424.73688,140.0603,428.00354z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M61.63634,412.71753c2.15625-5.21875,4.375-10.3125,7.4375-15.99606 c2.875,5.68356,4.96875,10.68356,7.25,15.99606c5.75665,0.40604,12.06434,1.41144,18.254,2.5625 c-4.2024,4.51468-9.4415,9.25-13.52655,12.8125c1.1788,5.625,1.8038,10.96875,2.5625,17.1875 c-5.6838-2.7836-9.6337-5.09375-14.53995-8.25c-4.8125,3.03125-8.75,5.34375-14.53994,8.25 c0.55424-6.25708,1.35244-11.375,2.5625-17.1875c-4.42881-3.75-9.17881-8.15625-13.52655-12.8125 C48.82384,413.96753,56.33037,413.20999,61.63634,412.71753z'/%3E%3Cpath class='st1' d='M94.57782,415.28003c-6.18964-1.15106-12.49731-2.15643-18.25397-2.5625 c-2.28125-5.3125-4.375-10.3125-7.25-15.99609c-3.0625,5.68359-5.28125,10.77734-7.4375,15.99609 c-5.30597,0.49243-12.8125,1.25-18.06653,2.5625c4.34778,4.65625,9.09778,9.0625,13.52655,12.8125 c-1.21002,5.8125-2.00824,10.93042-2.5625,17.1875c5.78998-2.90625,9.72748-5.21875,14.53998-8.25 c4.90625,3.15625,8.85614,5.46637,14.53992,8.25c-0.75867-6.21875-1.38367-11.5625-2.5625-17.1875 C85.13635,424.53003,90.37543,419.79474,94.57782,415.28003z M80.05652,428.00354 c1.08093,5.15784,3.03749,15.18698,2.34967,15.76001s-8.83356-4.67072-13.33234-7.56482 c-4.41284,2.77948-12.30712,7.97629-13.3324,7.56482c-1.02528-0.41147,1.24017-10.4303,2.34973-15.76001 c-4.06104-3.4386-12.4032-10.08582-12.4032-11.74841s11.70074-1.89807,16.56604-2.34967 c1.97717-4.78534,5.64746-14.66754,6.81982-14.66754s4.55609,9.79626,6.64789,14.66754 c5.2785,0.37231,16.52292,1.3349,16.73792,2.34967C92.67466,417.2699,83.80231,424.73688,80.05652,428.00354z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M1.63256,412.71753c2.15625-5.21875,4.375-10.3125,7.4375-15.99606 c2.875,5.68356,4.96875,10.68356,7.25,15.99606c5.75665,0.40604,12.06433,1.41144,18.254,2.5625 c-4.2024,4.51468-9.4415,9.25-13.52655,12.8125c1.17881,5.625,1.80381,10.96875,2.5625,17.1875 c-5.6838-2.7836-9.6337-5.09375-14.53995-8.25c-4.8125,3.03125-8.75,5.34375-14.53995,8.25 c0.55424-6.25708,1.35245-11.375,2.5625-17.1875c-4.4288-3.75-9.1788-8.15625-13.52655-12.8125 C-11.17994,413.96753-3.67342,413.20999,1.63256,412.71753z'/%3E%3Cpath class='st1' d='M34.57404,415.28003c-6.18964-1.15106-12.49731-2.15643-18.25397-2.5625 c-2.28125-5.3125-4.375-10.3125-7.25-15.99609c-3.0625,5.68359-5.28125,10.77734-7.4375,15.99609 c-5.30597,0.49243-12.8125,1.25-18.06653,2.5625c4.34778,4.65625,9.09778,9.0625,13.52655,12.8125 c-1.21002,5.8125-2.00824,10.93042-2.5625,17.1875c5.78998-2.90625,9.72748-5.21875,14.53998-8.25 c4.90625,3.15625,8.85614,5.46637,14.53992,8.25c-0.75867-6.21875-1.38367-11.5625-2.5625-17.1875 C25.13257,424.53003,30.37165,419.79474,34.57404,415.28003z M20.05274,428.00354 c1.08093,5.15784,3.03749,15.18698,2.34967,15.76001s-8.83356-4.67072-13.33234-7.56482 c-4.41284,2.77948-12.30712,7.97629-13.3324,7.56482s1.24017-10.4303,2.34973-15.76001 c-4.06104-3.4386-12.4032-10.08582-12.4032-11.74841s11.70074-1.89807,16.56604-2.34967 c1.97717-4.78534,5.64746-14.66754,6.81982-14.66754s4.55609,9.79626,6.64789,14.66754 c5.2785,0.37231,16.52291,1.3349,16.73792,2.34967S23.79853,424.73688,20.05274,428.00354z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M-58.37122,412.71753c2.15625-5.21875,4.375-10.3125,7.4375-15.99606 c2.875,5.68356,4.96875,10.68356,7.25,15.99606c5.75665,0.40604,12.06433,1.41144,18.254,2.5625 c-4.2024,4.51468-9.4415,9.25-13.52655,12.8125c1.17881,5.625,1.80381,10.96875,2.5625,17.1875 c-5.6838-2.7836-9.63369-5.09375-14.53994-8.25c-4.8125,3.03125-8.75,5.34375-14.53995,8.25 c0.55424-6.25708,1.35245-11.375,2.5625-17.1875c-4.4288-3.75-9.1788-8.15625-13.52655-12.8125 C-71.18372,413.96753-63.6772,413.20999-58.37122,412.71753z'/%3E%3Cpath class='st1' d='M-25.42974,415.28003c-6.18964-1.15106-12.49731-2.15643-18.25397-2.5625 c-2.28125-5.3125-4.375-10.3125-7.25-15.99609c-3.0625,5.68359-5.28125,10.77734-7.4375,15.99609 c-5.30597,0.49243-12.8125,1.25-18.06653,2.5625c4.34778,4.65625,9.09778,9.0625,13.52655,12.8125 c-1.21002,5.8125-2.00824,10.93042-2.5625,17.1875c5.78998-2.90625,9.72748-5.21875,14.53998-8.25 c4.90625,3.15625,8.85614,5.46637,14.53992,8.25c-0.75867-6.21875-1.38367-11.5625-2.5625-17.1875 C-34.87121,424.53003-29.63214,419.79474-25.42974,415.28003z M-39.95104,428.00354 c1.08093,5.15784,3.03749,15.18698,2.34967,15.76001c-0.68782,0.57303-8.83356-4.67072-13.33234-7.56482 c-4.41284,2.77948-12.30712,7.97629-13.3324,7.56482c-1.02528-0.41147,1.24017-10.4303,2.34973-15.76001 c-4.06104-3.4386-12.4032-10.08582-12.4032-11.74841s11.70074-1.89807,16.56604-2.34967 c1.97717-4.78534,5.64746-14.66754,6.81982-14.66754s4.55609,9.79626,6.64789,14.66754 c5.2785,0.37231,16.52291,1.3349,16.73791,2.34967S-36.20525,424.73688-39.95104,428.00354z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M-118.375,412.71753c2.15625-5.21875,4.375-10.3125,7.4375-15.99606 c2.875,5.68356,4.96875,10.68356,7.25,15.99606c5.75665,0.40604,12.06433,1.41144,18.254,2.5625 c-4.2024,4.51468-9.4415,9.25-13.52655,12.8125c1.1788,5.625,1.8038,10.96875,2.5625,17.1875 c-5.6838-2.7836-9.6337-5.09375-14.53995-8.25c-4.8125,3.03125-8.75,5.34375-14.53995,8.25 c0.55424-6.25708,1.35245-11.375,2.5625-17.1875c-4.4288-3.75-9.1788-8.15625-13.52655-12.8125 C-131.1875,413.96753-123.68098,413.20999-118.375,412.71753z'/%3E%3Cpath class='st1' d='M-85.43353,415.28003c-6.18964-1.15106-12.49731-2.15643-18.25397-2.5625 c-2.28125-5.3125-4.375-10.3125-7.25-15.99609c-3.0625,5.68359-5.28125,10.77734-7.4375,15.99609 c-5.30597,0.49243-12.81251,1.25-18.06654,2.5625c4.34778,4.65625,9.09779,9.0625,13.52656,12.8125 c-1.21002,5.8125-2.00824,10.93042-2.5625,17.1875c5.78998-2.90625,9.72748-5.21875,14.53998-8.25 c4.90625,3.15625,8.85614,5.46637,14.53992,8.25c-0.75867-6.21875-1.38367-11.5625-2.5625-17.1875 C-94.87499,424.53003-89.63592,419.79474-85.43353,415.28003z M-99.95483,428.00354 c1.08093,5.15784,3.03749,15.18698,2.34967,15.76001s-8.83356-4.67072-13.33234-7.56482 c-4.41284,2.77948-12.30712,7.97629-13.3324,7.56482s1.24017-10.4303,2.34973-15.76001 c-4.06104-3.4386-12.40321-10.08582-12.40321-11.74841s11.70075-1.89807,16.56605-2.34967 c1.97717-4.78534,5.64746-14.66754,6.81982-14.66754s4.55609,9.79626,6.64789,14.66754 c5.2785,0.37231,16.52292,1.3349,16.73792,2.34967S-96.20904,424.73688-99.95483,428.00354z'/%3E%3C/g%3E%3C/svg%3E%0A"); }

div.rating > span { 
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-144 388.3900146 307 64.5' style='enable-background:new -144 388.3900146 307 64.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23CEAA11;%7D .st1%7Bopacity:0.84;fill:%233A372C;%7D .st2%7Bopacity:0.7;fill:url(%23SVGID_1_);%7D .st3%7Bopacity:0.56;fill:%23B59200;%7D .st4%7Bopacity:0.7;fill:url(%23SVGID_2_);%7D .st5%7Bopacity:0.7;fill:url(%23SVGID_3_);%7D .st6%7Bopacity:0.7;fill:url(%23SVGID_4_);%7D .st7%7Bopacity:0.7;fill:url(%23SVGID_5_);%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M-118.375,412.7175293c2.15625-5.21875,4.375-10.3125,7.4375-15.9960632 c2.875,5.6835632,4.96875,10.6835632,7.25,15.9960632c5.7566452,0.4060364,12.0643311,1.411438,18.2539978,2.5625 c-4.2024002,4.514679-9.4414978,9.25-13.5265503,12.8125c1.1788025,5.625,1.8038025,10.96875,2.5625,17.1875 c-5.6837997-2.7835999-9.6336975-5.09375-14.5399475-8.25c-4.8125,3.03125-8.75,5.34375-14.5399475,8.25 c0.554245-6.2570801,1.3524475-11.375,2.5625-17.1875c-4.4288025-3.75-9.1788025-8.15625-13.5265503-12.8125 C-131.1875,413.9675293-123.6809769,413.2099915-118.375,412.7175293z'/%3E%3Cpath class='st1' d='M-110.9375,396.7214661c2.875,5.6835632,4.96875,10.6835632,7.25,15.9960632 c5.7566528,0.4060364,12.0643311,1.411438,18.2539978,2.5625c-4.2023926,4.514679-9.4414978,9.25-13.5265579,12.8125 c1.1788101,5.625,1.8038101,10.96875,2.5625,17.1875c-5.6837997-2.7835999-9.6336899-5.09375-14.5399399-8.25 c-4.8125,3.03125-8.75,5.34375-14.5399475,8.25c0.554245-6.2570801,1.3524475-11.375,2.5625-17.1875 c-4.4288025-3.75-9.1788025-8.15625-13.5265503-12.8125c5.2539978-1.3125,12.7605133-2.0700378,18.0664978-2.5625 C-116.21875,407.4987793-114,402.4050293-110.9375,396.7214661 M-110.9113083,394.7008362l-0.849678,1.5769043 c-2.8755417,5.3365784-5.000946,10.1083984-7.2625809,15.5608215c-6.0379257,0.5671692-12.764534,1.3148193-17.6446457,2.533905 l-1.5410614,0.3849792l1.0840607,1.1609802c3.8750305,4.1499939,8.4243622,8.473114,13.1819305,12.5279236 c-1.2098465,5.896637-1.9510956,10.9389038-2.4659424,16.7511292l-0.1480408,1.6712036l1.4994583-0.752655 c5.7291794-2.8757324,9.7031784-5.2102356,14.1151199-7.9778442c4.3661957,2.7949524,8.3292084,5.1392212,14.1336975,7.9819336 l1.5488281,0.7585144l-0.208847-1.7118835l-0.1120224-0.9193115c-0.6924515-5.6859436-1.2936859-10.6225891-2.3523941-15.8096313 c5.5463562-4.8526001,9.8627625-8.9516907,13.1846313-12.5204468l1.1596527-1.2458191l-1.6733398-0.3111877 c-7.2828369-1.3543396-12.9581146-2.1632996-17.7893066-2.5339661l-0.4483337-1.0456848 c-2.0563507-4.7999268-3.9986572-9.3336487-6.6026611-14.4814758L-110.9113083,394.7008362L-110.9113083,394.7008362z'/%3E%3ClinearGradient id='SVGID_1_' gradientUnits='userSpaceOnUse' x1='-113.0353394' y1='396.7214355' x2='-113.0353394' y2='424.8737793'%3E%3Cstop offset='0' style='stop-color:%23BF9C06'/%3E%3Cstop offset='1' style='stop-color:%23F7E181'/%3E%3C/linearGradient%3E%3Cpath class='st2' d='M-103.6875,412.7175293c-2.28125-5.3125-4.375-10.3125-7.25-15.9960938 c-3.0625,5.6835938-5.28125,10.7773438-7.4375,15.9960938c-5.3059692,0.4924316-12.8125,1.25-18.0664673,2.5625 c3.1589355,3.3831177,6.5294189,6.6303711,9.8356323,9.59375c15.1760254-1.196228,28.3116455-5.0025635,36.9766235-10.3410645 C-94.4386597,413.7097778-99.2283325,413.0321045-103.6875,412.7175293z'/%3E%3Cpath class='st3' d='M-95.7895508,446.1345215l-0.8276367-0.4052734c-5.8852539-2.8818359-9.875-5.2529297-14.3232422-8.1064453 c-4.4951172,2.8251953-8.4980469,5.1855469-14.3129883,8.1044922l-0.8012695,0.4023438l0.0791016-0.8935547 c0.5205078-5.8769531,1.2734375-10.9648438,2.5107422-16.9541016c-4.8164063-4.0927734-9.425293-8.4658203-13.3417969-12.6606445 l-0.5795898-0.6206055l0.8237305-0.2055664c4.9199219-1.2294922,11.7514648-1.9785156,17.8408203-2.5473633 c2.2939453-5.5415039,4.4345703-10.3642578,7.3442383-15.7636719l0.4541016-0.8427734l0.4321289,0.8544922 c2.5976563,5.1352539,4.5371094,9.6630859,6.5908203,14.456543l0.5527344,1.2885742 c4.871582,0.3598633,10.6054688,1.1713867,18.0053711,2.5473633l0.8945313,0.1665039l-0.6196289,0.6660156 c-3.3491211,3.5976563-7.7158203,7.7392578-13.3432617,12.65625c1.0864258,5.2597656,1.6948242,10.2539063,2.3969727,16.0205078 L-95.7895508,446.1345215z M-135.4868164,415.5656738c3.8227539,4.0400391,8.265625,8.2250977,12.8950195,12.1450195 l0.2270508,0.1923828l-0.0605469,0.2910156c-1.2011719,5.7685547-1.9501953,10.6767578-2.472168,16.2333984 c5.4741211-2.7783203,9.2109375-4.9970703,13.6933594-7.8203125l0.2695313-0.1699219l0.2675781,0.171875 c4.3139648,2.7753906,8.1518555,5.0771484,13.6611328,7.8134766l-0.0004883-0.0048828 c-0.7124023-5.8476563-1.3271484-10.8984375-2.4428711-16.2226563l-0.0600586-0.2871094l0.2207031-0.1923828 c5.3613281-4.6757813,9.5795898-8.6464844,12.8632813-12.1098633c-7.0810547-1.2963867-12.5961914-2.0576172-17.2973633-2.3896484 l-0.3041992-0.0209961l-0.7924805-1.8491211c-1.9316406-4.5078125-3.7617188-8.7802734-6.1318359-13.5375977 c-2.7089844,5.112793-4.7568359,9.7636719-6.9619141,15.1000977l-0.1152344,0.2788086l-0.300293,0.0283203 C-124.1176758,413.7526855-130.6230469,414.4504395-135.4868164,415.5656738z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M-58.3712158,412.7175293c2.15625-5.21875,4.375-10.3125,7.4375-15.9960632 c2.875,5.6835632,4.96875,10.6835632,7.25,15.9960632c5.7566452,0.4060364,12.064333,1.411438,18.2539959,2.5625 c-4.2024002,4.514679-9.4414959,9.25-13.5265522,12.8125c1.1788063,5.625,1.8038063,10.96875,2.5625,17.1875 c-5.6837997-2.7835999-9.6336937-5.09375-14.5399437-8.25c-4.8125,3.03125-8.75,5.34375-14.5399475,8.25 c0.554245-6.2570801,1.3524475-11.375,2.5625-17.1875c-4.4288025-3.75-9.1788025-8.15625-13.5265503-12.8125 C-71.1837158,413.9675293-63.6771965,413.2099915-58.3712158,412.7175293z'/%3E%3Cpath class='st1' d='M-50.9337158,396.7214661c2.875,5.6835632,4.96875,10.6835632,7.25,15.9960632 c5.7566452,0.4060364,12.0643291,1.411438,18.2539997,2.5625c-4.2024002,4.514679-9.4414997,9.25-13.5265598,12.8125 c1.1788101,5.625,1.8038101,10.96875,2.5625,17.1875c-5.6837997-2.7835999-9.6336899-5.09375-14.5399399-8.25 c-4.8125,3.03125-8.75,5.34375-14.5399475,8.25c0.554245-6.2570801,1.3524475-11.375,2.5624962-17.1875 c-4.4287987-3.75-9.1787987-8.15625-13.5265541-12.8125c5.2540054-1.3125,12.7605209-2.0700378,18.0665054-2.5625 C-56.2149658,407.4987793-53.9962158,402.4050293-50.9337158,396.7214661 M-50.9075241,394.7008362l-0.8496857,1.5769043 c-2.8755341,5.3365784-5.0009384,10.1083984-7.2625732,15.5608215c-6.0379257,0.5671692-12.764534,1.3148193-17.6446457,2.533905 l-1.541069,0.3849792l1.0840683,1.1609802c3.8750381,4.1499939,8.4243546,8.473114,13.1819267,12.5279236 c-1.2098427,5.896637-1.9510994,10.9389038-2.4659462,16.7511292l-0.1480408,1.6712036l1.4994583-0.752655 c5.7291832-2.8757324,9.703186-5.2102356,14.1151276-7.9778442c4.366188,2.7949524,8.3292084,5.1392212,14.1336975,7.9819336 l1.5488281,0.7585144l-0.208847-1.7118835l-0.1120224-0.9193115c-0.6924591-5.6859436-1.2936859-10.6225891-2.3523941-15.8096313 c5.5463562-4.8526001,9.8627567-8.9516907,13.1846333-12.5204468l1.1596489-1.2458191l-1.6733398-0.3111877 c-7.282835-1.3543396-12.9581127-2.1632996-17.7893047-2.5339661l-0.4483337-1.0456848 c-2.0563507-4.7999268-3.9986572-9.3336487-6.6026611-14.4814758L-50.9075241,394.7008362L-50.9075241,394.7008362z'/%3E%3ClinearGradient id='SVGID_2_' gradientUnits='userSpaceOnUse' x1='-53.031559' y1='396.7214355' x2='-53.0315552' y2='424.8737793'%3E%3Cstop offset='0' style='stop-color:%23BF9C06'/%3E%3Cstop offset='1' style='stop-color:%23F7E181'/%3E%3C/linearGradient%3E%3Cpath class='st4' d='M-43.6837158,412.7175293c-2.28125-5.3125-4.375-10.3125-7.25-15.9960938 c-3.0625,5.6835938-5.28125,10.7773438-7.4375,15.9960938c-5.3059692,0.4924316-12.8125,1.25-18.0664673,2.5625 c3.1589355,3.3831177,6.5294189,6.6303711,9.8356323,9.59375c15.1760254-1.196228,28.3116455-5.0025635,36.9766235-10.3410645 C-34.4348755,413.7097778-39.2245483,413.0321045-43.6837158,412.7175293z'/%3E%3Cpath class='st3' d='M-35.7857666,446.1345215l-0.8276367-0.4052734c-5.8852539-2.8818359-9.875-5.2529297-14.3232422-8.1064453 c-4.4951172,2.8251953-8.4980469,5.1855469-14.3129883,8.1044922l-0.8012695,0.4023438l0.0791016-0.8935547 c0.5205078-5.8769531,1.2734375-10.9648438,2.5107422-16.9541016c-4.8164063-4.0927734-9.425293-8.4658203-13.3417969-12.6606445 l-0.5795898-0.6206055l0.8237305-0.2055664c4.9199219-1.2294922,11.7514648-1.9785156,17.8408203-2.5473633 c2.2939453-5.5415039,4.4345703-10.3642578,7.3442383-15.7636719l0.4541016-0.8427734l0.4321289,0.8544922 c2.5976563,5.1352539,4.5371094,9.6630859,6.5908203,14.456543l0.5527344,1.2885742 c4.871582,0.3598633,10.6054688,1.1713867,18.0053692,2.5473633l0.8945313,0.1665039l-0.6196289,0.6660156 c-3.3491211,3.5976563-7.7158184,7.7392578-13.3432598,12.65625c1.0864258,5.2597656,1.6948242,10.2539063,2.3969727,16.0205078 L-35.7857666,446.1345215z M-75.4830322,415.5656738c3.8227539,4.0400391,8.265625,8.2250977,12.8950195,12.1450195 l0.2270508,0.1923828l-0.0605469,0.2910156c-1.2011719,5.7685547-1.9501953,10.6767578-2.472168,16.2333984 c5.4741211-2.7783203,9.2109375-4.9970703,13.6933594-7.8203125l0.2695313-0.1699219l0.2675781,0.171875 c4.3139648,2.7753906,8.1518555,5.0771484,13.6611328,7.8134766l-0.0004883-0.0048828 c-0.7124023-5.8476563-1.3271484-10.8984375-2.4428711-16.2226563l-0.0600586-0.2871094l0.2207031-0.1923828 c5.3613281-4.6757813,9.5795879-8.6464844,12.8632793-12.1098633c-7.0810528-1.2963867-12.5961895-2.0576172-17.2973614-2.3896484 l-0.3041992-0.0209961l-0.7924805-1.8491211c-1.9316406-4.5078125-3.7617188-8.7802734-6.1318359-13.5375977 c-2.7089844,5.112793-4.7568359,9.7636719-6.9619141,15.1000977l-0.1152344,0.2788086l-0.300293,0.0283203 C-64.1138916,413.7526855-70.6192627,414.4504395-75.4830322,415.5656738z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M1.6325645,412.7175293c2.15625-5.21875,4.375-10.3125,7.4375-15.9960632 c2.875,5.6835632,4.96875,10.6835632,7.25,15.9960632c5.7566452,0.4060364,12.0643349,1.411438,18.2539978,2.5625 c-4.2024002,4.514679-9.4414978,9.25-13.5265541,12.8125c1.1788063,5.625,1.8038063,10.96875,2.5625019,17.1875 c-5.6837997-2.7835999-9.6336956-5.09375-14.5399456-8.25c-4.8125,3.03125-8.75,5.34375-14.5399456,8.25 c0.5542431-6.2570801,1.3524456-11.375,2.5625-17.1875c-4.4288044-3.75-9.1788044-8.15625-13.5265522-12.8125 C-11.1799355,413.9675293-3.6734157,413.2099915,1.6325645,412.7175293z'/%3E%3Cpath class='st1' d='M9.0700645,396.7214661c2.875,5.6835632,4.96875,10.6835632,7.25,15.9960632 c5.756649,0.4060364,12.0643311,1.411438,18.2540016,2.5625c-4.2024002,4.514679-9.4415016,9.25-13.5265617,12.8125 c1.1788101,5.625,1.8038101,10.96875,2.5625,17.1875c-5.6837997-2.7835999-9.6336899-5.09375-14.5399399-8.25 c-4.8125,3.03125-8.75,5.34375-14.5399494,8.25c0.5542488-6.2570801,1.3524494-11.375,2.5625-17.1875 c-4.4288006-3.75-9.1788006-8.15625-13.5265503-12.8125c5.2539997-1.3125,12.760519-2.0700378,18.0664997-2.5625 C3.7888145,407.4987793,6.0075645,402.4050293,9.0700645,396.7214661 M9.0962563,394.7008362l-0.8496819,1.5769043 c-2.875536,5.3365784-5.0009422,10.1083984-7.2625751,15.5608215c-6.0379238,0.5671692-12.7645378,1.3148193-17.6446438,2.533905 l-1.5410709,0.3849792l1.0840702,1.1609802c3.8750343,4.1499939,8.4243517,8.473114,13.1819248,12.5279236 c-1.2098446,5.896637-1.9510975,10.9389038-2.4659443,16.7511292l-0.1480408,1.6712036l1.4994602-0.752655 c5.7291794-2.8757324,9.7031803-5.2102356,14.1151218-7.9778442c4.3661919,2.7949524,8.3292084,5.1392212,14.1336975,7.9819336 l1.5488319,0.7585144l-0.2088509-1.7118835l-0.1120224-0.9193115c-0.6924553-5.6859436-1.2936859-10.6225891-2.3523903-15.8096313 c5.5463524-4.8526001,9.8627548-8.9516907,13.1846313-12.5204468l1.1596489-1.2458191l-1.6733398-0.3111877 c-7.2828331-1.3543396-12.9581108-2.1632996-17.7893028-2.5339661l-0.4483337-1.0456848 c-2.0563507-4.7999268-3.998661-9.3336487-6.6026611-14.4814758L9.0962563,394.7008362L9.0962563,394.7008362z'/%3E%3ClinearGradient id='SVGID_3_' gradientUnits='userSpaceOnUse' x1='6.9722252' y1='396.7214355' x2='6.9722252' y2='424.8737793'%3E%3Cstop offset='0' style='stop-color:%23BF9C06'/%3E%3Cstop offset='1' style='stop-color:%23F7E181'/%3E%3C/linearGradient%3E%3Cpath class='st5' d='M16.3200645,412.7175293c-2.28125-5.3125-4.375-10.3125-7.25-15.9960938 c-3.0625,5.6835938-5.28125,10.7773438-7.4375,15.9960938c-5.3059692,0.4924316-12.8125,1.25-18.0664673,2.5625 c3.1589355,3.3831177,6.5294189,6.6303711,9.8356323,9.59375c15.1760254-1.196228,28.3116455-5.0025635,36.9766235-10.3410645 C25.5689049,413.7097778,20.779232,413.0321045,16.3200645,412.7175293z'/%3E%3Cpath class='st3' d='M24.2180138,446.1345215l-0.8276367-0.4052734c-5.8852539-2.8818359-9.875-5.2529297-14.3232422-8.1064453 c-4.4951172,2.8251953-8.4980469,5.1855469-14.3129883,8.1044922l-0.8012695,0.4023438l0.0791016-0.8935547 c0.5205078-5.8769531,1.2734375-10.9648438,2.5107422-16.9541016c-4.8164063-4.0927734-9.425293-8.4658203-13.3417969-12.6606445 l-0.5795898-0.6206055l0.8237305-0.2055664c4.9199219-1.2294922,11.7514648-1.9785156,17.8408203-2.5473633 c2.2939453-5.5415039,4.4345703-10.3642578,7.3442383-15.7636719l0.4541016-0.8427734l0.4321289,0.8544922 c2.5976563,5.1352539,4.5371094,9.6630859,6.5908203,14.456543l0.5527344,1.2885742 c4.871582,0.3598633,10.6054688,1.1713867,18.0053711,2.5473633l0.8945313,0.1665039l-0.6196289,0.6660156 c-3.3491211,3.5976563-7.7158203,7.7392578-13.3432617,12.65625c1.0864258,5.2597656,1.6948242,10.2539063,2.3969727,16.0205078 L24.2180138,446.1345215z M-15.4792519,415.5656738c3.8227539,4.0400391,8.265625,8.2250977,12.8950195,12.1450195 l0.2270508,0.1923828l-0.0605469,0.2910156c-1.2011719,5.7685547-1.9501953,10.6767578-2.472168,16.2333984 c5.4741211-2.7783203,9.2109375-4.9970703,13.6933594-7.8203125l0.2695313-0.1699219l0.2675781,0.171875 c4.3139648,2.7753906,8.1518555,5.0771484,13.6611328,7.8134766l-0.0004883-0.0048828 c-0.7124023-5.8476563-1.3271484-10.8984375-2.4428711-16.2226563l-0.0600586-0.2871094l0.2207031-0.1923828 c5.3613281-4.6757813,9.5795898-8.6464844,12.8632813-12.1098633c-7.0810547-1.2963867-12.5961914-2.0576172-17.2973633-2.3896484 l-0.3041992-0.0209961l-0.7924805-1.8491211c-1.9316406-4.5078125-3.7617188-8.7802734-6.1318359-13.5375977 c-2.7089844,5.112793-4.7568359,9.7636719-6.9619141,15.1000977l-0.1152344,0.2788086l-0.300293,0.0283203 C-4.1101112,413.7526855-10.6154823,414.4504395-15.4792519,415.5656738z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M61.6363449,412.7175293c2.15625-5.21875,4.375-10.3125,7.4375-15.9960632 c2.875,5.6835632,4.96875,10.6835632,7.25,15.9960632c5.7566452,0.4060364,12.0643387,1.411438,18.2539978,2.5625 c-4.2024002,4.514679-9.4414978,9.25-13.5265503,12.8125c1.1788025,5.625,1.8038025,10.96875,2.5625,17.1875 c-5.6837997-2.7835999-9.6336975-5.09375-14.5399475-8.25c-4.8125,3.03125-8.75,5.34375-14.5399437,8.25 c0.5542412-6.2570801,1.3524437-11.375,2.5625-17.1875c-4.4288063-3.75-9.1788063-8.15625-13.5265503-12.8125 C48.8238449,413.9675293,56.330368,413.2099915,61.6363449,412.7175293z'/%3E%3Cpath class='st1' d='M69.0738449,396.7214661c2.875,5.6835632,4.96875,10.6835632,7.25,15.9960632 c5.7566528,0.4060364,12.0643311,1.411438,18.2540054,2.5625c-4.2024002,4.514679-9.4415054,9.25-13.5265656,12.8125 c1.1788101,5.625,1.8038101,10.96875,2.5625,17.1875c-5.6837997-2.7835999-9.6336899-5.09375-14.5399399-8.25 c-4.8125,3.03125-8.75,5.34375-14.5399475,8.25c0.5542488-6.2570801,1.3524475-11.375,2.5625-17.1875 c-4.4288025-3.75-9.1788025-8.15625-13.5265503-12.8125c5.2539978-1.3125,12.7605209-2.0700378,18.0664978-2.5625 C63.7925949,407.4987793,66.0113449,402.4050293,69.0738449,396.7214661 M69.1000366,394.7008362l-0.849678,1.5769043 c-2.8755417,5.3365784-5.000946,10.1083984-7.2625771,15.5608215c-6.0379219,0.5671692-12.7645378,1.3148193-17.6446457,2.533905 l-1.541069,0.3849792l1.0840721,1.1609802c3.8750305,4.1499939,8.4243507,8.473114,13.1819229,12.5279236 c-1.2098465,5.896637-1.9510956,10.9389038-2.4659424,16.7511292l-0.1480408,1.6712036l1.4994583-0.752655 c5.7291794-2.8757324,9.7031784-5.2102356,14.1151199-7.9778442c4.3661957,2.7949524,8.3292084,5.1392212,14.1336975,7.9819336 l1.5488358,0.7585144l-0.2088547-1.7118835l-0.1120224-0.9193115c-0.6924515-5.6859436-1.2936859-10.6225891-2.3523865-15.8096313 c5.5463486-4.8526001,9.8627548-8.9516907,13.1846313-12.5204468l1.1596451-1.2458191l-1.6733398-0.3111877 c-7.2828293-1.3543396-12.958107-2.1632996-17.789299-2.5339661l-0.4483337-1.0456848 c-2.0563507-4.7999268-3.9986649-9.3336487-6.6026611-14.4814758L69.1000366,394.7008362L69.1000366,394.7008362z'/%3E%3ClinearGradient id='SVGID_4_' gradientUnits='userSpaceOnUse' x1='66.9760056' y1='396.7214355' x2='66.9760056' y2='424.8737793'%3E%3Cstop offset='0' style='stop-color:%23BF9C06'/%3E%3Cstop offset='1' style='stop-color:%23F7E181'/%3E%3C/linearGradient%3E%3Cpath class='st6' d='M76.3238449,412.7175293c-2.28125-5.3125-4.375-10.3125-7.25-15.9960938 c-3.0625,5.6835938-5.28125,10.7773438-7.4375,15.9960938c-5.3059692,0.4924316-12.8125,1.25-18.0664673,2.5625 c3.1589355,3.3831177,6.5294189,6.6303711,9.8356323,9.59375c15.1760254-1.196228,28.3116455-5.0025635,36.9766235-10.3410645 C85.5726852,413.7097778,80.7830124,413.0321045,76.3238449,412.7175293z'/%3E%3Cpath class='st3' d='M84.2217941,446.1345215l-0.8276367-0.4052734c-5.8852539-2.8818359-9.875-5.2529297-14.3232422-8.1064453 c-4.4951172,2.8251953-8.4980469,5.1855469-14.3129883,8.1044922l-0.8012695,0.4023438l0.0791016-0.8935547 c0.5205078-5.8769531,1.2734375-10.9648438,2.5107422-16.9541016c-4.8164063-4.0927734-9.425293-8.4658203-13.3417969-12.6606445 l-0.5795898-0.6206055l0.8237305-0.2055664c4.9199219-1.2294922,11.7514648-1.9785156,17.8408203-2.5473633 c2.2939453-5.5415039,4.4345703-10.3642578,7.3442383-15.7636719l0.4541016-0.8427734l0.4321289,0.8544922 c2.5976563,5.1352539,4.5371094,9.6630859,6.5908203,14.456543l0.5527344,1.2885742 c4.871582,0.3598633,10.6054688,1.1713867,18.0053711,2.5473633l0.8945313,0.1665039l-0.6196289,0.6660156 c-3.3491211,3.5976563-7.7158203,7.7392578-13.3432617,12.65625c1.0864258,5.2597656,1.6948242,10.2539063,2.3969727,16.0205078 L84.2217941,446.1345215z M44.5245285,415.5656738c3.8227539,4.0400391,8.265625,8.2250977,12.8950195,12.1450195 l0.2270508,0.1923828l-0.0605469,0.2910156c-1.2011719,5.7685547-1.9501953,10.6767578-2.472168,16.2333984 c5.4741211-2.7783203,9.2109375-4.9970703,13.6933594-7.8203125l0.2695313-0.1699219l0.2675781,0.171875 c4.3139648,2.7753906,8.1518555,5.0771484,13.6611328,7.8134766l-0.0004883-0.0048828 c-0.7124023-5.8476563-1.3271484-10.8984375-2.4428711-16.2226563l-0.0600586-0.2871094l0.2207031-0.1923828 c5.3613281-4.6757813,9.5795898-8.6464844,12.8632813-12.1098633c-7.0810547-1.2963867-12.5961914-2.0576172-17.2973633-2.3896484 l-0.3041992-0.0209961l-0.7924805-1.8491211c-1.9316406-4.5078125-3.7617188-8.7802734-6.1318359-13.5375977 c-2.7089844,5.112793-4.7568359,9.7636719-6.9619141,15.1000977l-0.1152344,0.2788086l-0.300293,0.0283203 C55.8936691,413.7526855,49.388298,414.4504395,44.5245285,415.5656738z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M121.6401291,412.7175293c2.15625-5.21875,4.375-10.3125,7.4375076-15.9960632 c2.875,5.6835632,4.96875,10.6835632,7.25,15.9960632c5.7566376,0.4060364,12.0643311,1.411438,18.2539978,2.5625 c-4.2024078,4.514679-9.4414978,9.25-13.5265656,12.8125c1.1788177,5.625,1.8038177,10.96875,2.5625,17.1875 c-5.6837921-2.7835999-9.6336823-5.09375-14.5399323-8.25c-4.8125076,3.03125-8.7500076,5.34375-14.5399551,8.25 c0.554245-6.2570801,1.3524475-11.375,2.5625-17.1875c-4.4288025-3.75-9.1788025-8.15625-13.5265503-12.8125 C108.8276291,413.9675293,116.3341522,413.2099915,121.6401291,412.7175293z'/%3E%3Cpath class='st1' d='M129.0776367,396.7214661c2.875,5.6835632,4.96875,10.6835632,7.25,15.9960632 c5.7566376,0.4060364,12.0643311,1.411438,18.2539978,2.5625c-4.2024078,4.514679-9.4414978,9.25-13.5265656,12.8125 c1.1788177,5.625,1.8038177,10.96875,2.5625,17.1875c-5.6837921-2.7835999-9.6336823-5.09375-14.5399323-8.25 c-4.8125076,3.03125-8.7500076,5.34375-14.5399551,8.25c0.554245-6.2570801,1.3524475-11.375,2.5625-17.1875 c-4.4288025-3.75-9.1788025-8.15625-13.5265503-12.8125c5.2539978-1.3125,12.7605209-2.0700378,18.0664978-2.5625 C123.7963791,407.4987793,126.0151291,402.4050293,129.0776367,396.7214661 M129.1038208,394.7008362l-0.8496857,1.5769043 c-2.8755341,5.3365784-5.0009384,10.1083984-7.2625732,15.5608215c-6.0379181,0.5671692-12.764534,1.3148193-17.6446457,2.533905 l-1.541069,0.3849792l1.0840759,1.1609802c3.8750305,4.1499939,8.4243469,8.473114,13.1819229,12.5279236 c-1.2098465,5.896637-1.9511032,10.9389038-2.46595,16.7511292l-0.1480408,1.6712036l1.4994659-0.752655 c5.7291794-2.8757324,9.7031784-5.2102356,14.1151276-7.9778442c4.3661804,2.7949524,8.3291931,5.1392212,14.1336975,7.9819336 l1.5488281,0.7585144l-0.2088623-1.7118835l-0.1120148-0.9193115c-0.6924591-5.6859436-1.2936859-10.6225891-2.3523865-15.8096313 c5.5463409-4.8526001,9.8627472-8.9516907,13.1846313-12.5204468l1.1596527-1.2458191l-1.6733398-0.3111877 c-7.2828369-1.3543396-12.9581146-2.1632996-17.7893066-2.5339661l-0.4483337-1.0456848 c-2.0563507-4.7999268-3.9986572-9.3336487-6.6026611-14.4814758L129.1038208,394.7008362L129.1038208,394.7008362z'/%3E%3ClinearGradient id='SVGID_5_' gradientUnits='userSpaceOnUse' x1='126.9797897' y1='396.7214355' x2='126.9797897' y2='424.8737793'%3E%3Cstop offset='0' style='stop-color:%23BF9C06'/%3E%3Cstop offset='1' style='stop-color:%23F7E181'/%3E%3C/linearGradient%3E%3Cpath class='st7' d='M136.3276367,412.7175293c-2.28125-5.3125-4.375-10.3125-7.25-15.9960938 c-3.0625076,5.6835938-5.2812576,10.7773438-7.4375076,15.9960938c-5.3059692,0.4924316-12.8125,1.25-18.0664673,2.5625 c3.1589355,3.3831177,6.5294189,6.6303711,9.8356323,9.59375c15.176033-1.196228,28.3116531-5.0025635,36.9766312-10.3410645 C145.5764771,413.7097778,140.7868042,413.0321045,136.3276367,412.7175293z'/%3E%3Cpath class='st3' d='M144.2255859,446.1345215l-0.8276367-0.4052734c-5.8852539-2.8818359-9.875-5.2529297-14.3232422-8.1064453 c-4.4951248,2.8251953-8.4980545,5.1855469-14.3129959,8.1044922l-0.8012695,0.4023438l0.0791016-0.8935547 c0.5205078-5.8769531,1.2734375-10.9648438,2.5107422-16.9541016c-4.8164063-4.0927734-9.425293-8.4658203-13.3417969-12.6606445 l-0.5795898-0.6206055l0.8237305-0.2055664c4.9199219-1.2294922,11.7514648-1.9785156,17.8408203-2.5473633 c2.2939453-5.5415039,4.4345703-10.3642578,7.3442459-15.7636719l0.4541016-0.8427734l0.4321289,0.8544922 c2.5976563,5.1352539,4.5371094,9.6630859,6.5908203,14.456543l0.5527344,1.2885742 c4.871582,0.3598633,10.6054688,1.1713867,18.0053711,2.5473633l0.8945313,0.1665039l-0.6196289,0.6660156 c-3.3491211,3.5976563-7.7158203,7.7392578-13.3432617,12.65625c1.0864258,5.2597656,1.6948242,10.2539063,2.3969727,16.0205078 L144.2255859,446.1345215z M104.5283127,415.5656738c3.8227539,4.0400391,8.265625,8.2250977,12.8950195,12.1450195 l0.2270508,0.1923828l-0.0605469,0.2910156c-1.2011719,5.7685547-1.9501953,10.6767578-2.472168,16.2333984 c5.4741211-2.7783203,9.2109375-4.9970703,13.693367-7.8203125l0.2695313-0.1699219l0.2675781,0.171875 c4.3139648,2.7753906,8.1518555,5.0771484,13.6611328,7.8134766l-0.0004883-0.0048828 c-0.7124023-5.8476563-1.3271484-10.8984375-2.4428711-16.2226563l-0.0600586-0.2871094l0.2207031-0.1923828 c5.3613281-4.6757813,9.5795898-8.6464844,12.8632813-12.1098633c-7.0810547-1.2963867-12.5961914-2.0576172-17.2973633-2.3896484 l-0.3041992-0.0209961l-0.7924805-1.8491211c-1.9316406-4.5078125-3.7617188-8.7802734-6.1318359-13.5375977 c-2.708992,5.112793-4.7568436,9.7636719-6.9619217,15.1000977l-0.1152344,0.2788086l-0.300293,0.0283203 C115.8974533,413.7526855,109.3920822,414.4504395,104.5283127,415.5656738z'/%3E%3C/g%3E%3C/svg%3E%0A");
    
}



div.rating, 
div.rating > span { 
    
    position: relative;
    width: 128px;
    max-width: 128px;
    background-color: white;
    border-radius: 2px;
    height: 28px;
    text-align: left;
    display: flex;
    justify-items: flex-start;
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0px 0px;
    background-repeat: no-repeat;
    background-size:128px; 
    background-position: left center; 
    overflow: hidden;
    
}



































div.dayRate  { 
    display: flex;
    flex-direction: column;
    color: black;
    box-sizing: border-box;
    padding: 12px;
    font-size: 1.1rem;
    margin: 12px 0px 12px 0px !important;
    justify-content: flex-start;
    align-items: center;
    
    
}
div.dayRate > div.rating { 
    
    
    
}
div.dayRate > small { 
    
    
    
}

main > div.mainContent > ul.menuRates { 
    
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    align-content: flex-start;
    padding: 4px;
    margin: 0px 0px auto 0px;
    background-color: transparent;
    justify-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    position: relative;
    
}
main > div.mainContent > ul.menuRates > li.menuRate { 

    display: flex;
    box-sizing: border-box;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    align-content: start;
    padding: 12px;
    margin: 8px 0px auto 0px;
    background-color: white;
    border: 0px;
    border-radius: 8px;
    border-radius: 12px;
    box-shadow: 0px 0px 4px 0px;
    min-height: 24px;
    width: 100%;

}
main > div.mainContent > ul.menuRates > li.menuRate > b { 
    
    width: 100%;
    text-align: left;
    
    
}
main > div.mainContent > ul.menuRates > li.menuRate > small { 
    
    max-width: calc(100% - 132px);
    min-width: calc(100% - 132px);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    padding: 6px 12px;
    
}
main > div.mainContent > ul.menuRates > li.menuRate > p { 
        display: flex;
    width: 100%;
    flex-direction: column;
    box-sizing: border-box;
    padding: 4px;
    font-size: 16px;
    max-height:200px; 
    overflow-y: auto;
    
    
}
    
main > div.mainContent > ul.menuRates > li.menuRate > p > small { 
    
    border-top: 1px solid gray;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    width:100%;
    
}
    

main > div.mainContent > ul.menuRates > li.menuRate > p > small > b { 
    
    color: darkgoldenrod;
    box-sizing: border-box;
    display: inline-block;
    padding: 5px;
    
}

main > div.mainContent > ul.menuRates > li.menuRate > p > small > i { 
    
    font-weight: 500;
    max-width: calc(100% - 120px);
    min-width: calc(100% - 100px);
    background: transparent;
    display: inline-block;
    box-sizing: border-box;
    color: darkgray;
    padding: 5px 9px;
    
    
}
    




main > div.mainContent > ul.menuRates > li.menuRate > form { 
    
        display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    padding: 6px;
    background-color: beige;
    border-radius: 9px;
    margin: 4px 0px;
    
}
main > div.mainContent > ul.menuRates > li.menuRate > form > span.starset { 
    display: inline-block;
    width: 240px;
    height: 60px;
    background-color: white;
    box-sizing: border-box;
    padding: 8px;
    margin: 0px 12px 0px 2px;
    border-radius: 30px;
    border: 2px solid;
    
    
}
main > div.mainContent > ul.menuRates > li.menuRate > form > span.starset > div.star { 
    
    
    display: inline-block;
    width:40px;
    height:40px;
    margin:0px 2px;
    background-repeat: no-repeat;
    background-size: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='gray'%3E%3Cpath d='m354-287 126-76 126 77-33-144 111-96-146-13-58-136-58 135-146 13 111 97-33 143ZM233-120l65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Zm247-350Z'/%3E%3C/svg%3E");
    
    
    
}
main > div.mainContent > ul.menuRates > li.menuRate > form > span.starset > div.star.on { 
    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='darkgoldenrod'%3E%3Cpath d='m233-120 65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Z'/%3E%3C/svg%3E");
    
}
main > div.mainContent > ul.menuRates > li.menuRate > form > textarea { 
    
        display: inline-block;
    box-sizing: border-box;
    max-width: calc(100% - 256px);
    margin-bottom: 16px;
    min-height: 60px;
    
    
}
main > div.mainContent > ul.menuRates > li.menuRate > form > button[type="submit"] { 
    
    display: inline-flex;
    max-width: 238px;
    font-size: 18px;
    justify-content: center;
    margin: 0px auto 12px 6px;
    border-radius: 36px;
    
    
}

main > div.mainContent > ul.menuRates > li.menuRate > form > button[type="submit"].inactivce { 
    
    pointer-events: none; 
    opacity:0.1; 

}







i.navigationButton {
    color: darkgreen;
    background: white;
    padding: 8px 12px 5px 12px !important;
    box-sizing: border-box;
    top: -5px !important;
    display: inline-block;
    position: relative;
    line-height: 1;
    border-radius: 8px;
    pointer-events: all;
    cursor: pointer;
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}
div.navDaySelector {
    display: none;
}
div.navDaySelector.open {
    display: block;
    position: relavive;
    min-height: 320px;
    max-height: 320px;
    overflow-y: scroll;
    width: 100%;
    background-color: white;
    box-sizing: border-box;
    padding: 7px;
}
div.navDaySelector.open a.quickJump {
    display: block;
    clear: both;
    position: relative;
    min-height: 30px;
    width: 240px;
    background-color: #eee;
    color: #444;
    box-sizing: border-box;
    padding: 8px 10px 7px 10px;
    line-height: 1;
    text-align: center;
    margin: 2px 0px;
    height: auto !important;
    border-radius: 4px;
    background-image: none !important;
}
div.navDaySelector.open a.quickJump.active {
    background-color: green;
    color: white;
}
div.navDaySelector.open a.quickJump:hover {
    color: #fff;
    background: #000;
}
div.navDaySelector.open a.quickJump i, div.navDaySelector.open a.quickJump b {
    display: inline-block;
    positin: relative;
    line-height: 1;
    box-sizing: border-box;
}
div.navDaySelector.open a.quickJump i {
    float: left;
}
div.navDaySelector.open a.quickJump b {
    float: right;
}