@charset "utf-8";
/* © 2015  */
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: 90px;
	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: space-between;

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: 220px;
	min-width: 220px;
}
main ul li a {
	width: 80%;
	margin: 5%;
	padding: 7% 5% 65% 5%;
	background-color: #22a6b5;
	background-image: url(pic/bett.svg);   /*default image*/
	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);
}
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 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.nachbestellung,
main ul li a.essenbestellung

{
	background-image: url(pic/essenbestellung.svg);
}
main ul li a.getraenkebestellung {
	background-image: url(pic/getraenkelieferung.svg);
}


main ul li a.speisen, 
main ul li a.speisen-verwalten, 
main ul li a.speisenverwaltung

{
	background-image: url(pic/speisenverwaltung.svg);
}
main ul li a.rechnungen,
main ul li a.personalrechnungen
{
	background-image: url(pic/rechnungen.svg);
}
main ul li a.mitarbeiter,
main ul li a.mitarbeiter-verwalten,
main ul li a.mitarbeiterverwaltung {
	background-image: url(pic/mitarbeiterverwaltung.svg);
}
main ul li a.meine,
main ul li a.bestellungen,
main ul li a.meine-bestellungen,
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.betten,
main ul li a.betten-verwalten,
main ul li a.bettenverwaltung {
	background-image: url(pic/bettenverwaltung.svg);
}

main ul li a.myprofil,
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.csv,
main ul li a.csv-import {
	background-image: url(pic/csvimport.svg);
}




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: 8%;
}
div.fooddescrhead {
	background-color: rgba(0,0,0,0.67);
	width: 78%;
	text-align: left !important;
}
div.foodcounthead {
	background-color: rgba(0,111,183,1);
	width: 8%;
}
/* 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: 8%;
}
div.fooddescr {
	background-color: rgb(255,255,255);
	text-align: left;
	width: 78%;
	position: relative;
}



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;
}
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 { pointer-events: none; }
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; 





}







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

	margin: 0px 0px 2px 0px; padding: 0px;
	max-width: 100%; 
	width:100% !important;
	min-width: 100% !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 > 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:48px; 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:10 !important; }
div.article.lunchLogo  { background-image: url(pic/mittagessen-01.svg) !important; order:20 !important; }
div.article.dinnerLogo { background-image: url(pic/abendbrot-01.svg) !important;  order:30 !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);  order:40 !important;  }







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.drink:before { background-image: url("pic/alkohol-01.svg") !important;  }
div.itemSelector.breakfastLogo:before { background-image: url(pic/fruehstueck-01.svg) !important;  }
div.itemSelector.lunchLogo:before { background-image: url(pic/mittagessen-01.svg) !important; background-color: rgba(50,144,231,1.00);  }
div.itemSelector.dinnerLogo:before { background-image: url(pic/abendbrot-01.svg) !important; background-color: rgba(101,237,180,1.00); }
div.itemSelector.pink:before { background-color: rgba(255,0,128,1.00);  }
/* 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:13 !important; }
div.itemSelector.breakfastLogo.meat  { order:10 !important; }
div.itemSelector.breakfastLogo.fish  { order:11 !important; }
div.itemSelector.breakfastLogo.veget { order:12 !important; }

div.itemSelector.lunchLogo                                                   { order:21 !important; }
div.itemSelector.lunchLogo.meat                                              { order:21 !important; }
div.itemSelector.lunchLogo.fish                                              { order:22 !important; }
div.itemSelector.lunchLogo.veget                                             { order:23 !important; }


div.itemSelector.dinnerLogo       { order:31 !important; }
div.itemSelector.dinnerLogo.meat  { order:32 !important; }
div.itemSelector.dinnerLogo.fish  { order:33 !important; }
div.itemSelector.dinnerLogo.veget { order:34 !important; }

div.itemSelector.drink            { order:40 !important; }



div.itemSelector.lunchLogo:not(.fix):not(.drink) 			{ order:10 !important; }
div.itemSelector.dinnerLogo:not(.fix):not(.drink) 			{ order:10 !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;  }

main > div.mainContent > ul:not(.homeMenu) > li {
	
    background: rgba(252,252,252,1.00);
    margin: 0px 0px 0px 0px;
    padding: 12px;
    max-width: 310px;
    min-width: 310px;
    border-radius: 0px;
    text-align: center;
    font-size: 1.2rem;
    display: inline-block;
    position: relative;
    float: left;
    box-sizing: border-box;
    min-height: 600px;
		border: 20px solid #333;
	
}


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; }










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;
}