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

nav ul, footer ul {padding:0; margin:0; text-align:left; float:left; position:relative}
nav ul:after, footer ul:after {clear:both; content:""; display:block; font-size:0; height:0; visibility:hidden}
nav ul li, footer ul li {list-style:none;float:left;position:relative}
nav ul li a, footer ul li a {text-decoration:none;display:block}
nav ul li:hover > ul, footer ul li:hover > ul {visibility:visible}
nav ul li a, footer ul li a {padding: 14.5px 14px}
nav ul li ul, footer ul li ul {position:absolute; margin:0; padding:0; float:left; display:block; visibility:hidden; width:100%}				  
nav ul li ul li, footer ul li ul li	{float:none}
nav ul li ul li a, footer ul li ul li a {padding: 4px 8px 4px 8px}
ul li ul, ul li ul 		{ -webkit-transition: visibility 100ms ease-out 100ms; -moz-transition: visibility 100ms ease-out 100ms; -o-transition: visibility 100ms ease-out 100ms; transition: visibility 100ms ease-out 100ms; } 

nav a 					{ color:rgba(255,255,255,0.85); } 
nav a:hover 			{ color:rgba(255,255,255,1.00); } 
nav ul li ul 			{ background-color:rgba(0,0,0,0.77); padding:7px; margin:2px 0 2px 0; font-size:98%; }

nav a.actual, footer ul li a.actual	{ font-weight:bold; }  

/* Uhr und Datm */
div#clock									{   position:fixed; top:9px; right:10px;
												display:block; padding:4px 12px 4px 32px;
												font-size:11px; 
												z-index:99999;
												color:rgba(255,255,255,1.00);
												text-align:center;
												background-image:url(pic/clock.svg);
												background-position:6px;
												background-size:16px;
												background-repeat:no-repeat;
												 }
div#clock div.time, div#clock div.date,
div#clock div.date::before 				  	{  display:block; float:left; }
div#clock div.time, 
div#clock div.date::before					{  color:#273b7d; margin-right:5px; margin-top:-1px; font-size:13px; }
div#clock div.date::before					{   }

nav ul.specialtext 							{ color:rgba(255,255,255,1.00) !important; margin-top:90px; line-height:1.67; font-size:133%; }



		
#page 										{ overflow-x: hidden; position: relative; }		
.hideElement  		 						{ display:none !important; visibility:hidden; margin:0; padding:0; width:0px;  height:0px !important; float:none;  clear:both; opacity:0; }


/* Nav  */	
nav 										{ display:block; position:relative; float:right; z-index:999}	
	
nav .container								{ height:40px; overflow:hidden; padding:0; position:fixed; top:0px; left:0px; z-index:999; width:100%; max-width:none; background-image:none !important;   }											  
			/*  ///////////////  SLIDE NAV OUT  //////////// */	
			nav .container.open					{ height:100vh; width:33%; min-width:240px; max-width:480px; padding:0px 0 2px 0;
												  background-color:rgba(0,0,0,0.90) !important;
											      background:rgba(0,0,0,0.90) !important; }
													
													
/* shared Effect speed */
		nav .container, div#mNav, div#mNav div:nth-child(1), div#mNav div:nth-child(2)		
											{  	  -webkit-transition: all 400ms ease;
												  -moz-transition: all 400ms ease;
												  -ms-transition: all 400ms ease;
												  -o-transition: all 400ms ease;
												  transition: all 400ms ease; }


/* ////////////// Balken mit "Menü" und Animated Icon /////////////// */									  
		div#mNav							{ display:block; position:relative; z-index:999; top:0px; width:100%; height:40px;
											  color:rgba(255,255,255,1.00); text-align:center; line-height:38px; cursor:pointer;
											  font-weight:100; font-size:16px; background-color: rgba(0,0,0,0.67);}
		
			nav .container.open div#mNav 		{ color:rgba(255,255,255,0.67); background-color: rgba(0,0,0,0.0);}
		
							  
			/* /////////////////  TURN ICON from = to x ANIMATION ///////////////////////////////////////////  */
			
			div#mNav div:nth-child(1),
			div#mNav div:nth-child(2) 			{ position:absolute; z-index:1000; width:20px; height:1.33px; 
												  background:rgba(255,255,255,1.00);
												  /* default Start-Wert */
												  -webkit-transform: rotateZ(0deg) scale3d(1,1,1);
												  -moz-transform: rotateZ(0deg) scale3d(1,1,1);
												  -ms-transform: rotateZ(0deg) scale3d(1,1,1);
												  -o-transform: rotateZ(0deg) scale3d(1,1,1);
												  transform: rotateZ(0deg) scale3d(1,1,1); }
			
			div#mNav div:nth-child(1) 			{ top:15px; left:24px; }
			div#mNav div:nth-child(2) 			{ top:21px; left:24px; }
			
			nav .container.open div#mNav div:nth-child(1) 	{ top:18px; right:32px;
												  -webkit-transform: rotateZ(135deg) scale3d(1,1,1);
												  -moz-transform: rotateZ(135deg) scale3d(1,1,1);
												  -ms-transform: rotateZ(135deg) scale3d(1,1,1);
												  -o-transform: rotateZ(135deg) scale3d(1,1,1);
												  transform: rotateZ(135deg) scale3d(1,1,1); }			
			nav .container.open div#mNav div:nth-child(2) 	{ top:18px; right:32px;
												  -webkit-transform: rotateZ(225deg) scale3d(1,1,1);
												  -moz-transform: rotateZ(225deg) scale3d(1,1,1);
												  -ms-transform: rotateZ(225deg) scale3d(1,1,1);
												  -o-transform: rotateZ(225deg) scale3d(1,1,1);
												  transform: rotateZ(225deg) scale3d(1,1,1); }						  


										  
/* Write Text for Mobile Nav - Element Header   	div#mNav:after 	{ display:inine-block; content:'Menü'; clear:both; margin-left:-170px;}	*/				  
		
		
		
		
		/* Nav-Einträge: */
		
		/* prevent Background-colors from Desktop layout */
		nav, nav ul, nav ul li, nav ul li ul, nav ul li ul li, nav ul li a, nav ul li ul li a { background-color:none !important; background:none !important; }
		
		nav ul								{ padding:12px 0; margin:0 auto 0 9%; text-align:left; display:block; width:82%; position:relative; }
		
		nav .container.open:nth-child(1) ul 									{ max-height:80vh; overflow-y:hidden; overflow-x:hidden; }	
		nav .container.open ul li ul, nav .container.open ul li 				{ overflow:visible !important; }					  
		/* LINK FORMATIERUNG */									  
		nav ul li a, nav ul li ul li a		{ font-weight:100; padding:16px 0px 16px 0px; }
		/* Je Zeile ein NAV-Eintrag: */
		nav ul li, 
		nav ul li ul li						{ float:left !important; width:100% !important; display:block !important; }
		
		/* Unterpunkt Offenlegen */
		nav ul li ul 						{ visibility:visible !important; display:block !important; 
											  float:none !important; position:relative !important; }
			
			
								  
		/* Do Magic: */
		/* Closed Look */
		
		nav .container ul li a, 
		nav .container ul li ul li a 	{ height:48px !important; line-height:24px !important; opacity:0.00 !important;
										  border-bottom:solid 0px rgba(255,255,255,0.0); color:rgba(255,255,255,0.00); }
		
		
		nav .container li.nl1 a						{ -webkit-transform: scaleX(1.1) translateY(-36px);
													  -moz-transform: scaleX(1.1) translateY(-36px);
													  -ms-transform: scaleX(1.1) translateY(-36px);
													  -o-transform: scaleX(1.1) translateY(-36px);
													  transform: scaleX(1.1) translateY(-36px); 
													  
													  -webkit-transition:  all 67ms ease-in;
													   -moz-transition: all 67ms ease-in;
													   -ms-transition:  all 67ms ease-in;
													   -o-transition: all 67ms ease-in;
													   transition: all 67ms ease-in;    }
													   
											   
		nav .container li.nl2 a						{ -webkit-transform: scaleX(1.21) translateY(-72px);
													  -moz-transform: scaleX(1.21) translateY(-72px);
													  -ms-transform: scaleX(1.21) translateY(-72px);
													  -o-transform: scaleX(1.21) translateY(-72px);
													  transform: scaleX(1.21) translateY(-72px); 
															  
													  -webkit-transition:  all 133ms ease-in;
													   -moz-transition: all 133ms ease-in;
													   -ms-transition:  all 133ms ease-in;
													   -o-transition: all 133ms ease-in;
													   transition: all 133ms ease-in;   }
													   
													   
		nav .container li.nl3 a						{ -webkit-transform: scaleX(1.33) translateY(-108px);
													  -moz-transform: scaleX(1.33) translateY(-108px);
													  -ms-transform: scaleX(1.33) translateY(-108px);
													  -o-transform: scaleX(1.33) translateY(-108px);
													  transform: scaleX(1.33) translateY(-108px); 
													  
													  -webkit-transition:  all 200ms ease-in;
													   -moz-transition: all 200ms ease-in;
													   -ms-transition:  all 200ms ease-in;
													   -o-transition: all 200ms ease-in;
													   transition: all 200ms ease-in;   }
													   
													   
													   
		nav .container li.nl4 a						{ -webkit-transform: scaleX(1.45) translateY(-144px);
													  -moz-transform: scaleX(1.45) translateY(-144px);
													  -ms-transform: scaleX(1.45) translateY(-144px);
													  -o-transform: scaleX(1.45) translateY(-144px);
													  transform: scaleX(1.45) translateY(-144px); 
													  
													  -webkit-transition:  all 267ms ease-in;
													   -moz-transition: all 267ms ease-in;
													   -ms-transition:  all 267ms ease-in;
													   -o-transition: all 267ms ease-in;
													   transition: all 267ms ease-in;   }
													   
													   
													   
		nav .container li.nl5 a						{ -webkit-transform: scaleX(1.67) translateY(-180px);
													  -moz-transform: scaleX(1.67) translateY(-180px);
													  -ms-transform: scaleX(1.67) translateY(-180px);
													  -o-transform: scaleX(1.67) translateY(-180px);
													  transform: scaleX(1.67) translateY(-180px); 
													  
													  -webkit-transition:  all 320ms ease-in;
													   -moz-transition: all 320ms ease-in;
													   -ms-transition:  all 320ms ease-in;
													   -o-transition: all 320ms ease-in;
													   transition: all 320ms ease-in;   }
													   
													   
		nav .container li.nl6 a						{ -webkit-transform: scaleX(2.1) translateY(-216px);
													  -moz-transform: scaleX(2.1) translateY(-216px);
													  -ms-transform: scaleX(2.1) translateY(-216px);
													  -o-transform: scaleX(2.1) translateY(-216px);
													  transform: scaleX(2.1) translateY(-216px); 
													  
													  -webkit-transition:  all 350ms ease-in;
													   -moz-transition: all 350ms ease-in;
													   -ms-transition:  all 350ms ease-in;
													   -o-transition: all 350ms ease-in;
													   transition: all 350ms ease-in;   }
													   
		nav .container li.nl7 a						{ -webkit-transform: scaleX(2.5) translateY(-252px);
													  -moz-transform: scaleX(2.5) translateY(-252px);
													  -ms-transform: scaleX(2.5) translateY(-252px);
													  -o-transform: scaleX(2.5) translateY(-252px);
													  transform: scaleX(2.5) translateY(-252px);
													  
													  -webkit-transition:  all 400ms ease-in;
													   -moz-transition: all 400ms ease-in;
													   -ms-transition:  all 400ms ease-in;
													   -o-transition: all 400ms ease-in;
													   transition: all 400ms ease-in;   }
													   
													   				   
		nav .container li.nl8 a						{  -webkit-transform: scaleX(3) translateY(-288px);
													  -moz-transform: scaleX(3) translateY(-288px);
													  -ms-transform: scaleX(3) translateY(-288px);
													  -o-transform: scaleX(3) translateY(-288px);
													  transform: scaleX(3) translateY(-288px); 
													  
													  -webkit-transition:  all 650ms ease-in;
													   -moz-transition: all 650ms ease-in;
													   -ms-transition:  all 650ms ease-in;
													   -o-transition: all 650ms ease-in;
													   transition: all 650ms ease-in;   }
													   
													   				   
		nav .container li.nl9 a						{ -webkit-transform: scaleX(3.67) translateY(-324px);
													  -moz-transform: scaleX(3.67) translateY(-324px);
													  -ms-transform: scaleX(3.67) translateY(-324px);
													  -o-transform: scaleX(3.67) translateY(-324px);
													  transform: scaleX(3.67) translateY(-324px); 
													  
													  -webkit-transition:  all 700ms ease-in;
													   -moz-transition: all 700ms ease-in;
													   -ms-transition:  all 700ms ease-in;
													   -o-transition: all 700ms ease-in;
													   transition: all 700ms ease-in;   }
													   
													   				   
		nav .container li.nl10 a				   {  -webkit-transform: scaleX(4) translateY(-360px);
													  -moz-transform: scaleX(4) translateY(-360px);
													  -ms-transform: scaleX(4) translateY(-360px);
													  -o-transform: scaleX(4) translateY(-360px);
													  transform: scaleX(4) translateY(-360px); 
													  
													  -webkit-transition:  all 750ms ease-in;
													   -moz-transition: all 750ms ease-in;
													   -ms-transition:  all 750ms ease-in;
													   -o-transition: all 750ms ease-in;
													   transition: all 750ms ease-in;   }
													   
													   				   
		nav .container li.nl11 a						{ -webkit-transform: scaleX(5) translateY(-396px);
											  -moz-transform: scaleX(5) translateY(-396px);
											  -ms-transform: scaleX(5) translateY(-396px);
											  -o-transform: scaleX(5) translateY(-396px);
											  transform: scaleX(5) translateY(-396px); 
													  
													  -webkit-transition:  all 800ms ease-in;
													   -moz-transition: all 800ms ease-in;
													   -ms-transition:  all 800ms ease-in;
													   -o-transition: all 800ms ease-in;
													   transition: all 800ms ease-in;   }
													   
													   				   
		nav .container li.nl12 a						{ -webkit-transform: scaleX(6) translateY(-432px);
											  -moz-transform: scaleX(6) translateY(-432px);
											  -ms-transform: scaleX(6) translateY(-432px);
											  -o-transform: scaleX(6) translateY(-432px);
											  transform: scaleX(6) translateY(-432px); 
													  
													  -webkit-transition:  all 850ms ease-in;
													   -moz-transition: all 850ms ease-in;
													   -ms-transition:  all 850ms ease-in;
													   -o-transition: all 850ms ease-in;
													   transition: all 850ms ease-in;   }
													   
													   				   
		nav .container li.nl13 a						{ -webkit-transform: scaleX(7) translateY(-468px);
											  -moz-transform: scaleX(7) translateY(-468px);
											  -ms-transform: scaleX(7) translateY(-468px);
											  -o-transform: scaleX(7) translateY(-468px);
											  transform: scaleX(7) translateY(-468px);
													  
													  -webkit-transition:  all 900ms ease-in;
													   -moz-transition: all 900ms ease-in;
													   -ms-transition:  all 900ms ease-in;
													   -o-transition: all 900ms ease-in;
													   transition: all 900ms ease-in;   }
													   
													   				   
		nav .container li.nl14 a						{  -webkit-transform: scaleX(8) translateY(-504px);
											  -moz-transform: scaleX(8) translateY(-504px);
											  -ms-transform: scaleX(8) translateY(-504px);
											  -o-transform: scaleX(8) translateY(-504px);
											  transform: scaleX(8) translateY(-504px);
													  
													  -webkit-transition:  all 950ms ease-in;
													   -moz-transition: all 950ms ease-in;
													   -ms-transition:  all 950ms ease-in;
													   -o-transition: all 950ms ease-in;
													   transition: all 950ms ease-in;   }
													   
													   				   
		nav .container li.nl15 a						{ -webkit-transform: scaleX(9) translateY(-540px);
											  -moz-transform: scaleX(9) translateY(-540px);
											  -ms-transform: scaleX(9) translateY(-540px);
											  -o-transform: scaleX(9) translateY(-540px);
											  transform: scaleX(9) translateY(-540px); 
													  
													  -webkit-transition:  all 1000ms ease-in;
													   -moz-transition: all 1000ms ease-in;
													   -ms-transition:  all 1000ms ease-in;
													   -o-transition: all 1000ms ease-in;
													   transition: all 1000ms ease-in;   }
													   
													   				   
		nav .container li.nl16 a						{ -webkit-transform: scaleX(10) translateY(-576px);
											  -moz-transform: scaleX(10) translateY(-576px);
											  -ms-transform: scaleX(10) translateY(-576px);
											  -o-transform: scaleX(10) translateY(-576px);
											  transform: scaleX(10) translateY(-576px);
													  
													  -webkit-transition:  all 1050ms ease-in;
													   -moz-transition: all 1050ms ease-in;
													   -ms-transition:  all 1050ms ease-in;
													   -o-transition: all 1050ms ease-in;
													   transition: all 1050ms ease-in;   }
													   
													   				   
		nav .container li.nl17 a						{ -webkit-transform: scaleX(11) translateY(-612px);
											  -moz-transform: scaleX(11) translateY(-612px);
											  -ms-transform: scaleX(11) translateY(-612px);
											  -o-transform: scaleX(11) translateY(-612px);
											  transform: scaleX(11) translateY(-612px); 
													  
													  -webkit-transition:  all 1100ms ease-in;
													   -moz-transition: all 1100ms ease-in;
													   -ms-transition:  all 1100ms ease-in;
													   -o-transition: all 1100ms ease-in;
													   transition: all 1100ms ease-in;   }
													   
													   				   
		nav .container li.nl18 a						{ -webkit-transform: scaleX(12) translateY(-648px);
											  -moz-transform: scaleX(12) translateY(-648px);
											  -ms-transform: scaleX(12) translateY(-648px);
											  -o-transform: scaleX(12) translateY(-648px);
											  transform: scaleX(12) translateY(-648px); 
													  
													  -webkit-transition:  all 1150ms ease-in;
													   -moz-transition: all 1150ms ease-in;
													   -ms-transition:  all 1150ms ease-in;
													   -o-transition: all 1150ms ease-in;
													   transition: all 1150ms ease-in;   }
													   
													   				   
		nav .container li.nl19 a						{ -webkit-transform: scaleX(13) translateY(-684px);
											  -moz-transform: scaleX(13) translateY(-684px);
											  -ms-transform: scaleX(13) translateY(-684px);
											  -o-transform: scaleX(13) translateY(-684px);
											  transform: scaleX(13) translateY(-684px); 
													  
													  -webkit-transition:  all 1200ms ease-in;
													   -moz-transition: all 1200ms ease-in;
													   -ms-transition:  all 1200ms ease-in;
													   -o-transition: all 1200ms ease-in;
													   transition: all 1200ms ease-in;   }
													   
													   				   
		nav .container li.nl20 a						{ -webkit-transform: scaleX(14) translateY(-720px);
											  -moz-transform: scaleX(14) translateY(-720px);
											  -ms-transform: scaleX(14) translateY(-720px);
											  -o-transform: scaleX(14) translateY(-720px);
											  transform: scaleX(14) translateY(-720px); 
													  
													  -webkit-transition:  all 1250ms ease-in;
													   -moz-transition: all 1250ms ease-in;
													   -ms-transition:  all 1250ms ease-in;
													   -o-transition: all 1250ms ease-in;
													   transition: all 1250ms ease-in;   }
													   
													   				   		
		
		
		nav .container.open li.nl1 a 		{  		  -webkit-transition-delay: 0ms;
													  -moz-transition-delay: 0ms;
													  -ms-transition-delay: 0ms;
													  -o-transition-delay: 0ms;
													  transition-delay: 0ms; }
													  
		nav .container.open li.nl2 a 		{ 		  -webkit-transition-delay: 67ms;
													  -moz-transition-delay: 67ms;
													  -ms-transition-delay: 67ms;
													  -o-transition-delay: 67ms;
													  transition-delay: 67ms;  }
													  
		nav .container.open li.nl3 a 		{ 	     -webkit-transition-delay: 133ms;
													  -moz-transition-delay: 133ms;
													  -ms-transition-delay: 133ms;
													  -o-transition-delay: 133ms;
													  transition-delay: 133ms;  }
													  
		nav .container.open li.nl4 a 		{ 	      -webkit-transition-delay: 200ms;
													  -moz-transition-delay: 200ms;
													  -ms-transition-delay: 200ms;
													  -o-transition-delay: 200ms;
													  transition-delay: 200ms;  }
													  
		nav .container.open li.nl5 a 		{ 		  -webkit-transition-delay: 266ms;
													  -moz-transition-delay: 266ms;
													  -ms-transition-delay: 266ms;
													  -o-transition-delay: 266ms;
													  transition-delay: 266ms;  }
													  
		nav .container.open li.nl6 a 		{ 		  -webkit-transition-delay: 333ms;
													  -moz-transition-delay: 333ms;
													  -ms-transition-delay: 333ms;
													  -o-transition-delay: 333ms;
													  transition-delay: 333ms;  }
													  
		nav .container.open li.nl7 a 		{  
													  -webkit-transition-delay: 400ms;
													  -moz-transition-delay: 400ms;
													  -ms-transition-delay: 400ms;
													  -o-transition-delay: 400ms;
													  transition-delay: 400ms; }
		nav .container.open li.nl8 a 		{ 
													  -webkit-transition-delay: 400ms;
													  -moz-transition-delay: 400ms;
													  -ms-transition-delay: 400ms;
													  -o-transition-delay: 400ms;
													  transition-delay: 400ms;  }
		nav .container.open li.nl9 a 		{  
													  -webkit-transition-delay: 400ms;
													  -moz-transition-delay: 400ms;
													  -ms-transition-delay: 400ms;
													  -o-transition-delay: 400ms;
													  transition-delay: 400ms; }
		nav .container.open li.nl10 a 		{ 
													  -webkit-transition-delay: 400ms;
													  -moz-transition-delay: 400ms;
													  -ms-transition-delay: 400ms;
													  -o-transition-delay: 400ms;
													  transition-delay: 400ms;  }
		nav .container.open li.nl11 a 		{  
													  -webkit-transition-delay: 400ms;
													  -moz-transition-delay: 400ms;
													  -ms-transition-delay: 400ms;
													  -o-transition-delay: 400ms;
													  transition-delay: 400ms; }
		nav .container.open li.nl12 a 		{ 
													  -webkit-transition-delay: 400ms;
													  -moz-transition-delay: 400ms;
													  -ms-transition-delay: 400ms;
													  -o-transition-delay: 400ms;
													  transition-delay: 400ms;  }
		nav .container.open li.nl13 a 		{ 
													  -webkit-transition-delay: 400ms;
													  -moz-transition-delay: 400ms;
													  -ms-transition-delay: 400ms;
													  -o-transition-delay: 400ms;
													  transition-delay: 400ms;  }
		nav .container.open li.nl14 a 		{ 
													  -webkit-transition-delay: 400ms;
													  -moz-transition-delay: 400ms;
													  -ms-transition-delay: 400ms;
													  -o-transition-delay: 400ms;
													  transition-delay: 400ms;  }
		nav .container.open li.nl15 a 		{ 
													  -webkit-transition-delay: 400ms;
													  -moz-transition-delay: 400ms;
													  -ms-transition-delay: 400ms;
													  -o-transition-delay: 400ms;
													  transition-delay: 400ms;  }
		nav .container.open li.nl16 a 		{ 
													  -webkit-transition-delay: 400ms;
													  -moz-transition-delay: 400ms;
													  -ms-transition-delay: 400ms;
													  -o-transition-delay: 400ms;
													  transition-delay: 400ms;  }
		nav .container.open li.nl17 a 		{ 
													  -webkit-transition-delay: 400ms;
													  -moz-transition-delay: 400ms;
													  -ms-transition-delay: 400ms;
													  -o-transition-delay: 400ms;
													  transition-delay: 400ms;  }
		nav .container.open li.nl18 a 		{  
													  -webkit-transition-delay: 400ms;
													  -moz-transition-delay: 400ms;
													  -ms-transition-delay: 400ms;
													  -o-transition-delay: 400ms;
													  transition-delay: 400ms; }
		nav .container.open li.nl19 a 		{ 
													  -webkit-transition-delay: 400ms;
													  -moz-transition-delay: 400ms;
													  -ms-transition-delay: 400ms;
													  -o-transition-delay: 400ms;
													  transition-delay: 400ms;  }
		nav .container.open li.nl20 a 		{ 
													  -webkit-transition-delay: 400ms;
													  -moz-transition-delay: 400ms;
													  -ms-transition-delay: 400ms;
													  -o-transition-delay: 400ms;
													  transition-delay: 400ms;  }
		

/* Transform to open Look */
		nav .container.open a,
		nav .container.open li a, 
		nav .container.open ul li a, 
		nav .container.open ul li ul li a	{ height:48px !important; line-height:24px !important; opacity:1 !important; 
									          color:rgba(255,255,255,0.90);
											  border-bottom:solid 0.5px rgba(255,255,255,0.16);
											  -webkit-transform: scaleX(1) translateY(1px);
											  -moz-transform: scaleX(1) translateY(1px);
											  -ms-transform: scaleX(1) translateY(1px);
											  -o-transform: scaleX(1) translateY(1px);
											  transform: scaleX(1) translateY(1px);  }


/* ////   bis 540px & 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: 690px)  
{    nav .container.open		{ height:100vh; width:100vw; min-width:100vw; max-width:100vw; background-color:rgba(0,0,0,1) !important; background:rgba(0,0,0,1) !important; } }

/* ////   bis 480px & 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) 
{         }


/* very weak devices */
@media only screen	and (max-width: 380px) 
{    /* Uhr und Datm */
div#clock									{   right:58px;
												font-size:9px; }
div#clock div.time, 
div#clock div.date::before					{  margin-top:-2px; font-size:10px; }     }




	
/* Touch-BIG-Screen SELECTION */


@media 
only screen and (device-width : 1080px) and (device-height : 1920px) and (orientation : portrait) {

    
	
	/* Uhr und Datm */
	div#clock									{   top:112px !important; right:10px; padding:4px 12px 4px 56px !important;
													font-size:24px !important; 
													background-position:8px !important;
													background-size:36px !important; }
													
	div#clock div.time, div#clock div.date,
	div#clock div.date::before 				  	{  display:block; float:left; }
	div#clock div.time, 
	div#clock div.date::before					{  color:rgb(36,190,0); margin-top:0px !important; font-size:24px !important; font-weight: bold !important;}

	
	
	
    nav 			     { display:block; position:relative; float:right; z-index:999}	
	
    nav .container		 { height:160px; overflow:hidden; padding:0; position:fixed; top:0px; left:0px; z-index:999; width:100%; max-width:none; 
						   background-image:none !important; background-color:rgba(30,50,100,0.45); }
    
    
    /*  ///////////////  SLIDE NAV OUT  //////////// */	
	nav .container.open							{ height:1918px; width:1080px; min-width:1080px; max-width:1080px; background-color:rgba(0,0,0,1.00) !important }
    
	/* BUTTONDESIGN */
    nav .container.open	ul              		{ margin-top:360px; font-size:160% !important; }
    nav .container.open	ul li              		{ margin-top:48px; font-size:38px; text-transform:uppercase; text-align:center; background-color:none !important; 
												  line-height:96px !important;
												  height:84px !important;
												  padding-top:12px !important;
												  border-bottom:1px solid rgba(255,255,255,0.20) }
	
	nav .container.open	ul li a 				{ border:none !important; font-weight: 100; }
    
    nav .container.open	ul li:hover        		{ cursor:pointer !important; }
	nav .container.open	ul li:hover a 			{ color:#273b7d !important; }
	
	nav .container.open	ul.specialtext 			{ display:none !important;}
	
	
	
	
	

/* ////////////// Balken mit "Menü" und Animated Icon /////////////// */									  
		
							  
			/* /////////////////  TURN ICON from = to x ANIMATION ///////////////////////////////////////////  */
			
			div#mNav div:nth-child(1),
			div#mNav div:nth-child(2) 			{ width:40px; height:2px; }
			
			div#mNav div:nth-child(1) 			{ top:125px; left:24px; }
			div#mNav div:nth-child(2) 			{ top:135px; left:24px; }
			
			nav .container.open div#mNav div:nth-child(1) 	{ top:130px; right:32px;
												  -webkit-transform: rotateZ(135deg) scale3d(1,1,1);
												  -moz-transform: rotateZ(135deg) scale3d(1,1,1);
												  -ms-transform: rotateZ(135deg) scale3d(1,1,1);
												  -o-transform: rotateZ(135deg) scale3d(1,1,1);
												  transform: rotateZ(135deg) scale3d(1,1,1); }			
			nav .container.open div#mNav div:nth-child(2) 	{ top:130px; right:32px;
												  -webkit-transform: rotateZ(225deg) scale3d(1,1,1);
												  -moz-transform: rotateZ(225deg) scale3d(1,1,1);
												  -ms-transform: rotateZ(225deg) scale3d(1,1,1);
												  -o-transform: rotateZ(225deg) scale3d(1,1,1);
												  transform: rotateZ(225deg) scale3d(1,1,1); }	
    
    
    
    
    /* Uhr und Datm */
div#clock									{   top:120px; 
												padding:4px 12px 4px 32px;
												font-size:15px; 
												z-index:99999;
												color:rgba(255,255,255,1.00);
												text-align:center;
												background-image:url(pic/clock.svg);
												background-position:6px;
												background-size:16px;
												background-repeat:no-repeat;
												 }
div#clock div.time, div#clock div.date,
div#clock div.date::before 				  	{  display:block; float:left; }
div#clock div.time, 
div#clock div.date::before					{  color:#273b7d; margin-right:5px; margin-top:0px; font-size:15px; }
div#clock div.date::before					{   }
    
    
    
}