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

/* //////   Responsive Design: NAVIGATION switch   /////// */
@media only screen and (max-width: 1440px) {       }
/* ////   bis 1024px & 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) 
{       }
/* ////  bis 900px & 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) 
{   	

		html 								{ font-size:1.000em; font-weight:100; letter-spacing:0.076em; }
		main .container, footer .container	{ width:90%; }
		/* Nav  */							  
		.hideElement  		 				{ display:none !important; visibility:hidden; 
											  margin:0; padding:0; width:0px; 
											  height:0px !important; float:none; 
											  clear:both; opacity:0; }
											  
		nav 								{ width:100%; display:block; position:relative; top:0; }					  
		#page 								{ overflow-x: hidden; position: relative; }
		
		/* 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; }
		
		/* Write Text for Mobile Nav - Element Header */
		div#mNav:after 	{ display:inine-block; content:'Menü'; clear:both;}
		
		
		nav .container						{ height:40px; overflow:hidden; padding:0; position: relative; 
											  background-image:none !important; background-color:rgba(0,0,0,0.67) !important;
											  background:rgba(0,0,0,0.67) !important;  }
			/*  ///////////////  SLIDE NAV OUT  //////////// */	
			nav .container.open					{ height:100vh; min-height:390px !important; padding:0px 0 2px 0;
												  background-color:rgba(0,0,0,1.00) !important;
											      background:rgba(0,0,0,1.00) !important;
												  position:fixed; z-index:998; width:100%;  }
		
		/* ////////////// 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;}
		
			nav .container.open div#mNav 		{ color:rgba(255,255,255,0.67); }
		
							  
			/* /////////////////  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:12px; }
			div#mNav div:nth-child(2) 			{ top:21px; left:12px; }
			
			nav .container.open div#mNav div:nth-child(1) 	{ top:18px; left:12px;
												  -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; left:12px;
												  -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); }
			
		/* 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:auto; 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: 540px)  
{       }
/* ////   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) 
{       }