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

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

		.hideElement  		 				{ display:none !important; 
											  visibility:hidden !important; 
											  margin:0; padding:0; width:0px; 
		                                      height:0px !important; 
											  float:none; clear:both; 
											  opacity:0; }
											  
		#page 								{ overflow-x:hidden; position:relative; 
											  padding-top:48px; }
		
		
		/* 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;
											  position:fixed !important;
											  z-index:100; top:0px; width:100%; height:48px;
											  color:#ffffff; text-align:center;
											  line-height:48px; cursor:pointer; }
											  
		
		nav .container 						{ background: rgba(0,0,0,1.00); }									  
											  
		nav .container.open div#mNav 		{ padding-right:20px;}
		nav .container.open div#mNav::after { content: "close"; }


		/* Write Text for Mobile Nav - Element Header */
		div#mNav:after 	{ display:inine-block; content:'Menü'; clear:both; z-index:100; }


		/*  ///////////////  SLIDE NAV OUT  //////////// */
		nav .container						{ height:48px; overflow:hidden; 
											  padding:0; position:fixed; top:0px; z-index:99; 
											  width:100%; background-image:none !important; }
											  
		nav .container.open					{ height:100%; height:100vh; 
											  min-height:100% !important; 
											  overflow:scroll;  }

		/* Nav */
		nav .container ul					{ padding:12px 0; margin-top:48px; flex-wrap:wrap }
		nav .container ul li,
		nav .container ul li ul li 			{ text-align:center; flex-grow:0; }
		nav .container ul li a,
		nav .container ul li ul li a 		{ display:block; width:100%; text-align:center; font-size:100% !important }
		nav .container ul li 				{  width:80% !important }
		nav .container ul li ul li 			{  width:70% !important }
		nav .container ul li ul li a 		{ font-size:100% !important; }
		
		/* Einzelne Punkte Formatieren: */
		nav ul li a, nav .container ul li a, 
		nav .container.open ul li a,	
		nav ul li ul li a, 
		nav .container ul li ul li a, 
		nav .container.open ul li ul li a 	{ padding:16px 0px 16px 0px !important;  
											  display:inline-block; float:none;
											  border-bottom:rgba(255,255,255,0.4) 0.45px solid }

/* /////////////////  TURN ICON from = to x ANIMATION ////////////////  */

			div#mNav div:nth-child(1),
			div#mNav div:nth-child(2) 			{ position:absolute; z-index:100; 
												  width:20px; height:2px;
												  background:#fff;
												  /* 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:18px; left:16px; }
			div#mNav div:nth-child(2) 			{ top:25px; left:16px; }

			nav .container.open 
			div#mNav div:nth-child(1) 			{ top:22px; left:16px;
												  -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:22px; left:16px;
												  -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); }



		/* Make Navi Scrollbar */
		nav .container.open:nth-child(1) ul 	{ overflow-y:auto; overflow-x:hidden; }
		nav .container.open ul li ul, 
		nav .container.open ul li 				{ overflow:visible !important; }

		/* Unterpunkt Offenlegen */
		nav ul li ul 							{ visibility:visible !important; 
												  float:none !important; 
												  position:relative !important; }



		/* open action: */
		/* 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; 
												  color:rgba(255,255,255,0.00); }


		nav .container li.nl1 a						{ -webkit-transform: scale3d(1,1,1) translateY(-36px);
													  -moz-transform: scale3d(1,1,1) translateY(-36px);
													  -ms-transform: scale3d(1,1,1) translateY(-36px);
													  -o-transform: scale3d(1,1,1) translateY(-36px);
													  transform: scale3d(1,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: scale3d(1.2,1.2,1.2) translateY(-72px);
													  -moz-transform: scale3d(1.2,1.2,1.2) translateY(-72px);
													  -ms-transform: scale3d(1.2,1.2,1.2) translateY(-72px);
													  -o-transform: scale3d(1.2,1.2,1.2) translateY(-72px);
													  transform: scale3d(1.2,1.2,1.2) 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: scale3d(1.33,1.33,1.33) translateY(-108px);
													  -moz-transform: scale3d(1.33,1.33,1.33) translateY(-108px);
													  -ms-transform: scale3d(1.33,1.33,1.33) translateY(-108px);
													  -o-transform: scale3d(1.33,1.33,1.33) translateY(-108px);
													  transform: scale3d(1.33,1.33,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: scale3d(1.45,1.45,1.45) translateY(-144px);
													  -moz-transform:  scale3d(1.45,1.45,1.45) translateY(-144px);
													  -ms-transform:  scale3d(1.45,1.45,1.45) translateY(-144px);
													  -o-transform:  scale3d(1.45,1.45,1.45) translateY(-144px);
													  transform:  scale3d(1.45,1.45,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:  scale3d(1.67,1.67,1.67) translateY(-180px);
													  -moz-transform: scale3d(1.67,1.67,1.67) translateY(-180px);
													  -ms-transform: scale3d(1.67,1.67,1.67) translateY(-180px);
													  -o-transform: scale3d(1.67,1.67,1.67) translateY(-180px);
													  transform: scale3d(1.67,1.67,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: scale3d(2.1,2.1,2.1) translateY(-216px);
													  -moz-transform: scale3d(2.1,2.1,2.1) translateY(-216px);
													  -ms-transform: scale3d(2.1,2.1,2.1) translateY(-216px);
													  -o-transform: scale3d(2.1,2.1,2.1) translateY(-216px);
													  transform: scale3d(2.1,2.1,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: scale3d(2.5,2.5,2.5) translateY(-252px);
													  -moz-transform: scale3d(2.5,2.5,2.5) translateY(-252px);
													  -ms-transform: scale3d(2.5,2.5,2.5) translateY(-252px);
													  -o-transform: scale3d(2.5,2.5,2.5) translateY(-252px);
													  transform: scale3d(2.5,2.5,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: scale3d(3,3,3) translateY(-288px);
													  -moz-transform: scale3d(3,3,3) translateY(-288px);
													  -ms-transform: scale3d(3,3,3) translateY(-288px);
													  -o-transform: scale3d(3,3,3) translateY(-288px);
													  transform: scale3d(3,3,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: scale3d(3.67,3.67,3.67) translateY(-324px);
													  -moz-transform: scale3d(3.67,3.67,3.67) translateY(-324px);
													  -ms-transform: scale3d(3.67,3.67,3.67) translateY(-324px);
													  -o-transform: scale3d(3.67,3.67,3.67) translateY(-324px);
													  transform: scale3d(3.67,3.67,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: scale3d(4,4,4) translateY(-360px);
													  -moz-transform: scale3d(4,4,4) translateY(-360px);
													  -ms-transform: scale3d(4,4,4) translateY(-360px);
													  -o-transform: scale3d(4,4,4) translateY(-360px);
													  transform: scale3d(4,4,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: scale3d(5,5,5) translateY(-396px);
														  -moz-transform: scale3d(5,5,5) translateY(-396px);
														  -ms-transform: scale3d(5,5,5) translateY(-396px);
														  -o-transform: scale3d(5,5,5) translateY(-396px);
														  transform: scale3d(5,5,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: scale3d(6,6,6) translateY(-432px);
														  -moz-transform: scale3d(6,6,6) translateY(-432px);
														  -ms-transform: scale3d(6,6,6) translateY(-432px);
														  -o-transform: scale3d(6,6,6) translateY(-432px);
														  transform: scale3d(6,6,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: scale3d(7,7,7) translateY(-468px);
														  -moz-transform: scale3d(7,7,7) translateY(-468px);
														  -ms-transform: scale3d(7,7,7) translateY(-468px);
														  -o-transform: scale3d(7,7,7) translateY(-468px);
														  transform: scale3d(7,7,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: scale3d(8,8,8) translateY(-504px);
														  -moz-transform: scale3d(8,8,8) translateY(-504px);
														  -ms-transform: scale3d(8,8,8) translateY(-504px);
														  -o-transform: scale3d(8,8,8) translateY(-504px);
														  transform: scale3d(8,8,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: scale3d(9,9,9) translateY(-540px);
														  -moz-transform: scale3d(9,9,9) translateY(-540px);
														  -ms-transform: scale3d(9,9,9) translateY(-540px);
														  -o-transform: scale3d(9,9,9) translateY(-540px);
														  transform: scale3d(9,9,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: scale3d(10,10,10) translateY(-576px);
														  -moz-transform: scale3d(10,10,10) translateY(-576px);
														  -ms-transform: scale3d(10,10,10) translateY(-576px);
														  -o-transform: scale3d(10,10,10) translateY(-576px);
														  transform: scale3d(10,10,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: scale3d(11,11,11) translateY(-612px);
														  -moz-transform: scale3d(11,11,11) translateY(-612px);
														  -ms-transform: scale3d(11,11,11) translateY(-612px);
														  -o-transform: scale3d(11,11,11) translateY(-612px);
														  transform: scale3d(11,11,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: scale3d(12,12,12) translateY(-648px);
														  -moz-transform: scale3d(12,12,12) translateY(-648px);
														  -ms-transform: scale3d(12,12,12) translateY(-648px);
														  -o-transform: scale3d(12,12,12) translateY(-648px);
														  transform: scale3d(12,12,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: scale3d(13,13,13) translateY(-684px);
														  -moz-transform: scale3d(13,13,13) translateY(-684px);
														  -ms-transform: scale3d(13,13,13) translateY(-684px);
														  -o-transform: scale3d(13,13,13) translateY(-684px);
														  transform: scale3d(13,13,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: scale3d(14,14,14) translateY(-720px);
														  -moz-transform: scale3d(14,14,14) translateY(-720px);
														  -ms-transform: scale3d(14,14,14) translateY(-720px);
														  -o-transform: scale3d(14,14,14) translateY(-720px);
														  transform: scale3d(14,14,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: 440ms;
													  -moz-transition-delay: 440ms;
													  -ms-transition-delay: 440ms;
													  -o-transition-delay: 440ms;
													  transition-delay: 440ms;  }
		nav .container.open li.nl9 a 		{
													  -webkit-transition-delay: 480ms;
													  -moz-transition-delay: 480ms;
													  -ms-transition-delay: 480ms;
													  -o-transition-delay: 480ms;
													  transition-delay: 480ms; }
		nav .container.open li.nl10 a 		{
													  -webkit-transition-delay: 520ms;
													  -moz-transition-delay: 520ms;
													  -ms-transition-delay: 520ms;
													  -o-transition-delay: 520ms;
													  transition-delay: 520ms;  }
		nav .container.open li.nl11 a 		{
													  -webkit-transition-delay: 560ms;
													  -moz-transition-delay: 560ms;
													  -ms-transition-delay: 560ms;
													  -o-transition-delay: 560ms;
													  transition-delay: 560ms; }
		nav .container.open li.nl12 a 		{
													  -webkit-transition-delay: 620ms;
													  -moz-transition-delay: 620ms;
													  -ms-transition-delay: 620ms;
													  -o-transition-delay: 620ms;
													  transition-delay: 620ms;  }
		nav .container.open li.nl13 a 		{
													  -webkit-transition-delay: 680ms;
													  -moz-transition-delay: 680ms;
													  -ms-transition-delay: 680ms;
													  -o-transition-delay: 680ms;
													  transition-delay: 680ms;  }
		nav .container.open li.nl14 a 		{
													  -webkit-transition-delay: 720ms;
													  -moz-transition-delay: 720ms;
													  -ms-transition-delay: 720ms;
													  -o-transition-delay: 720ms;
													  transition-delay: 720ms;  }
		nav .container.open li.nl15 a 		{
													  -webkit-transition-delay: 800ms;
													  -moz-transition-delay: 800ms;
													  -ms-transition-delay: 800ms;
													  -o-transition-delay: 800ms;
													  transition-delay: 800ms;  }
		nav .container.open li.nl16 a 		{
													  -webkit-transition-delay: 860ms;
													  -moz-transition-delay: 860ms;
													  -ms-transition-delay: 860ms;
													  -o-transition-delay: 860ms;
													  transition-delay: 860ms;  }
		nav .container.open li.nl17 a 		{
													  -webkit-transition-delay: 920ms;
													  -moz-transition-delay: 920ms;
													  -ms-transition-delay: 920ms;
													  -o-transition-delay: 920ms;
													  transition-delay: 920ms;  }
		nav .container.open li.nl18 a 		{
													  -webkit-transition-delay: 980ms;
													  -moz-transition-delay: 980ms;
													  -ms-transition-delay: 980ms;
													  -o-transition-delay: 980ms;
													  transition-delay: 980ms; }
		nav .container.open li.nl19 a 		{
													  -webkit-transition-delay: 1000ms;
													  -moz-transition-delay: 1000ms;
													  -ms-transition-delay: 1000ms;
													  -o-transition-delay: 1000ms;
													  transition-delay: 1000ms;  }
		nav .container.open li.nl20 a 		{
													  -webkit-transition-delay: 1040ms;
													  -moz-transition-delay: 1040ms;
													  -ms-transition-delay: 1040ms;
													  -o-transition-delay: 1040ms;
													  transition-delay: 1040ms;  }


		/* 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.75);
											  -webkit-transform: scale3d(1,1,1) translateY(1px);
											  -moz-transform: scale3d(1,1,1) translateY(1px);
											  -ms-transform: scale3d(1,1,1) translateY(1px);
											  -o-transform: scale3d(1,1,1) translateY(1px);
											  transform: scale3d(1,1,1) translateY(1px);  }

}