@charset "utf-8";
/* CSS Document */
/*  ------------ Navigation ------------- */

/* ////////////////// */
/* Global Nav Setting */
/* ////////////////// */

nav									{ background-color:rgba(250,250,250,1.00); }
nav 								{ width:100%; height:auto; }
nav 								{ margin:auto; z-index:999; }

nav .container,	
nav .container.open					{ height:auto;
									  width:95%;
									  padding:0px 0px 0px 5%;  }   

/* Menü-Button verbergen */
nav .container div, 
nav .container div.close				{ display:none;  }


									  								  
nav ul									{ padding:0; 
										  margin:0; 
										  text-align:left; 
										  display:block; 
										  width:auto;
box-sizing: border-box; }
										  
nav ul:after 							{ clear:both; 
										  content:" "; 
										  display:block; 
										  font-size:0; 
										  height:0; 
										  visibility:hidden; }



nav ul li								{ list-style:none; 

	float:left; 
	width:auto;
	position:relative;
	display:inline-block;
	padding:32px 2px 1px 2px;
	max-width:120px !important; 
	box-sizing: border-box;
	text-align:center;
	word-break: normal;
	height: auto; }
										  
nav ul li:hover > ul 					{ visibility:visible; }

nav ul li a 							{ text-decoration:none; 
										  display:inline-block;
										  line-height:normal; max-width:100%; 
										  word-break: normal; position: relative; height:auto;
										  padding:4px 8px 9px 8px;
										  box-sizing: border-box; 
										  text-align:center;
										  font-size:95%; }

nav ul li a:hover			  			{ background: rgba(0,111,183,0.88); 
										  color:rgba(255,255,255,1.00); }






nav ul li:last-child a					{ color:rgb(185,11,14); }
nav ul li:last-child a:hover			{  background-color:rgba(187,4,7,1.00); color:rgba(255,255,255,1.00); }





nav ul li.essenbestellung,
nav ul li.bestellkontrolle,
nav ul li.bestellvorschau { max-width:145px !important; } 
nav ul li.essenbestellung > a,
nav ul li.bestellkontrolle > a,
nav ul li.bestellvorschau > a { font-weight:bold; border: 2px solid rgba(55,130,177,1.00) }

nav ul li.speisenverwaltung,
nav ul li.bettenverwaltung,
nav ul li.mitarbeiterverwaltung, 
nav ul li.profil { max-width:180px !important; }  
nav ul li.speisenverwaltung > a,
nav ul li.bettenverwaltung > a,
nav ul li.mitarbeiterverwaltung > a, 
nav ul li.profil > a { opacity:0.8; border: 2px solid rgba(190,190,190,0.40) }

nav ul li.bestellungen, 
nav ul li.rechnungen, 
nav ul li.speiseplan-herunterladen { max-width:240px !important; }  
nav ul li.bestellungen > a, 
nav ul li.rechnungen > a, 
nav ul li.speiseplan-herunterladen > a { font-weight:bold; border: 2px solid rgba(229,63,65,0.40)  }

nav ul li.csv-import { max-width:180px !important; }  
nav ul li.csv-import > a { font-weight:bold; border: 2px solid  rgba(61,118,37,0.4) }

nav ul li.startseite,
nav ul li.abmelden { max-width:180px !important; } 
nav ul li.startseite > a,
nav ul li.abmelden > a {  border: 2px solid rgba(190,190,190,0.40) }



nav ul li.getraenkebestellung,
nav ul li.speiseplan-erstellen,
nav ul li.logbuch { max-width:120px !important; display:none !important }




nav ul li > a { background-color: rgba(247,247,247,1.00); }
nav ul li.active > a { background-color: rgba(48,48,48,1.00);  border: 2px solid  rgba(255,255,255,1) !important; color:#fff !important }







/* ///////////////////////////////////////////// */
/* Hintergrund + Formatierung aller NAV-Elemente */
/* ///////////////////////////////////////////// */

	nav ul li					  { background: rgba(250,250,250,1.00); }
	
	nav ul li a, nav ul li span   { display:block; color:rgb(100,100,100); 
									font-weight:400; text-align:center; }

@media only screen
	and (max-width: 1600px) { 	nav .container,	
								nav .container.open		{ width:99%; padding:0px 0px 0px 1%; }
								nav ul li a 			{ line-height:20px;
														  padding:4px 5px 9px 5px;
														  font-size:90%; }  			 }
@media only screen
	and (max-width: 1440px) {	nav ul li a  { font-size:82%; padding:3px 4px 7px 4px; } }
@media only screen
	and (max-width: 1280px) {	nav ul li a  { font-size:80%; padding:3px 1px 7px 1px; } }
@media only screen
	and (max-width: 1160px) {	nav ul li a  { font-size:67%; padding:3px 2px 7px 2px; } }
@media only screen
	and (max-width: 1024px) {	nav ul li	 { padding:28px 0px 2px 0px; } }
@media only screen
	and (max-width: 940px)  {
		/* //////////////   Responsive Design - Smartphone  REGULAR  765px   //////////////// */
	
		#page						{ margin-top:50px; }
	
		nav 						{ width:100%; height:auto; position:fixed; top:0px; }
		
		
		nav .container				{ width:100%; height:50px; overflow:hidden;				   
									  margin:0; padding:0; }  
		nav .container.open			{ width:100%; height:auto; margin:0; padding:0; } 


		nav .container div			{ display:block; 
									  width:100%; 
									  height:50px; 
									  line-height:50px;
									  margin:auto; 
									  padding:0;
									  font-size:26px; 
									  text-align:center; 
									  position:absolute; 
									  z-index:99999; 
									  top:0px; 
									  background-position:12px center; 
									  background-repeat:no-repeat; 
									  background-size:50px;
									  background-image:url(pic/navPlus.svg);
									  background-color:rgba(0,111,183,0.88);
									  color:rgba(250,250,250,1.00); 
									  cursor:pointer; }
									  
									  
		nav .container div.close  		{ background-image:url(pic/navMinus.svg); 
									  	  color:rgba(255,255,255,1.00); display:block;
										  background-color:rgba(0,111,183,0.48); }
									  
		nav .container div:hover, 
		nav .container div.close:hover	{ cursor:pointer; }
		
		
		nav ul					{ padding:0; margin:0; margin-top:51px; 
								  display:block; width:100%; }
		nav ul li				{ width:100%; display:block; padding:0px 0px 0px 0px; }
		

		nav ul li a 			{ display:block; line-height:inherit; box-sizing: border-box;
								  padding:12px 0px 12px 0px !important; font-size:133%;
								  border:rgb(210,210,210) solid 0px !important;
								  font-weight: 200 !important
		
		
		}
	


nav ul li.essenbestellung,
nav ul li.bestellkontrolle,
nav ul li.bestellvorschau,
nav ul li.speisenverwaltung,
nav ul li.bettenverwaltung,
nav ul li.mitarbeiterverwaltung, 
nav ul li.profil,
nav ul li.bestellungen, 
nav ul li.rechnungen, 
nav ul li.speiseplan-herunterladen,
nav ul li.system,
nav ul li.csv-import,
nav ul li.startseite,
nav ul li.abmelden,
nav ul li.getraenkebestellung,
nav ul li.speiseplan-erstellen,
nav ul li.logbuch { max-width:100% !important; } 







}


	
		
/* ////   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) { 

		#page						{ margin-top:64px; }

		nav 						{ width:100%; height:auto; position:fixed; top:0px; }
		
		
		nav .container				{ width:100%; height:64px; overflow:hidden;				   
									  margin:0; padding:0; }  
		nav .container.open			{ width:100%; height:auto; margin:0; padding:0; } 


		nav .container div			{ display:block; 
									  width:100%; 
									  height:64px; 
									  line-height:64px;
									  margin:auto; 
									  padding:0;
									  font-size:24px; 
									  text-align:center; 
									  position:absolute; 
									  z-index:99999; 
									  top:0px; 
									  background-position:20px center; 
									  background-repeat:no-repeat; 
									  background-size:64px;
									  background-image:url(pic/navPlus.svg);
									  background-color:rgba(0,111,183,0.88);
									  color:rgba(250,250,250,1.00); 
									  cursor:pointer; }
									  
									  
		nav .container div.close  		{ background-image:url(pic/navMinus.svg); 
									  	  color:rgba(255,255,255,1.00); display:block;
										  background-color:rgba(0,111,183,0.48); }
									  
		nav .container div:hover, 
		nav .container div.close:hover	{ cursor:pointer; }
		
		
		nav ul					{ padding:0; margin:0; margin-top:64px; 
								  display:block; width:100%; }
	
	
		nav ul li				{ width:100%; display:block; padding:0px 0px 0px 0px; }
	
		nav ul li a 			{ display:block; line-height:inherit; box-sizing: border-box;
								  padding:12px 0px 12px 0px !important; font-size:133%;
								  border:rgb(210,210,210) solid 0px !important; }
	
	
		




nav ul li.essenbestellung,
nav ul li.bestellkontrolle,
nav ul li.bestellvorschau,
nav ul li.speisenverwaltung,
nav ul li.bettenverwaltung,
nav ul li.mitarbeiterverwaltung, 
nav ul li.profil,
nav ul li.bestellungen, 
nav ul li.rechnungen, 
nav ul li.speiseplan-herunterladen,
nav ul li.csv-import,
nav ul li.startseite,
nav ul li.abmelden,
nav ul li.getraenkebestellung,
nav ul li.speiseplan-erstellen,
nav ul li.logbuch { max-width:100% !important; } 



		

 }



@media only screen 
and (max-height : 580px) 
and (orientation : landscape) 
{ nav ul li a 		{ line-height:32px; font-size:100%; } }

@media only screen 
and (max-height : 500px) 
and (orientation : landscape) 
{ nav ul li a 		{ line-height:28px; font-size:100%; } }

@media only screen 
and (max-height : 460px) 
and (orientation : landscape) 
{ nav ul li a 		{ line-height:25px; font-size:100%; } }

@media only screen 
and (max-height : 400px) 
and (orientation : landscape) 
{ nav ul li a 			{ line-height:23px; font-size:95%; } }

@media only screen 
and (max-height : 360px) 
and (orientation : landscape) 
{ nav ul li a 			{ line-height:21px; font-size:92%; } }
 
 /* ////   iPhone 6 Landscape  //// */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) 

{ nav ul li a 			{ line-height:23px; font-size:95%; } }