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

@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)
{

		html 								{ font-size:1.000em; font-weight:100; letter-spacing:0.076em; }
		 footer .container					{ width:100%; }
		.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:40px; }
		/* 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;    }

		nav, nav .container 				{ position:fixed !important; z-index:99999; top:0px !important;}

		nav .container						{ height:42px !important; overflow:hidden; padding:0;
											  width:100%;
											  background-image:none !important;
											  background-color:rgb(0,0,0) !important;
											  background:rgb(0,0,0) !important; }

		nav .container.open					{ height:100vh !important;
											  overflow-y:auto;
											  min-height:100% !important; 	  }


		div#mNav							{ display:block; position:fixed !important;
											  background-color:rgb(0,0,0) !important;
											  z-index:99999 !important;
											  top:0px !important;
											  width:100%; height:42px;
											  color:rgb(255,255,255);
											  text-align:center; line-height:42px; cursor:pointer;
											  font-weight:100; font-size:14pt;}

		nav .container.open div#mNav 		{ color:rgb(255,255,255); z-index:99999;
											  border-bottom:0.67px solid rgb(255,70,70) }
		nav .container      div#mNav:after 	{ display:inine-block; content:'MENÜ'; clear:both; z-index:99999;}
		nav .container.open div#mNav:after 	{ content:'CLOSE'; font-size:10pt;}

		nav .container      ul 				{ position:relative !important; z-index:1; height:12px;}
		nav .container.open ul 				{ z-index:999; height:auto !important; margin-top:50px; }









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

		/* Nav  */
		nav .container ul										{ padding:12px 0; }
		nav .container ul li 									{ text-align:left; width:86%; }
		nav .container ul li ul div.tausendvierundzwanzig 		{ align-items:flex-end; padding:0px; }
		nav .container ul li ul li 								{ width:97%; }
		nav .container ul li ul li a 							{ font-size:100%; color:rgba(255,255,255,0); }
		nav .container ul li ul 								{ background-image:none; }
		nav .container ul div.tausendvierundzwanzig,
		nav .container ul li ul div.tausendvierundzwanzig		{ flex-direction:column; }
		/* Einzelne Punkte Formatieren: */
		nav ul li a, nav .container ul li a, nav .container.open ul div.tausendvierundzwanzig li a,	nav ul li ul li a, nav .container ul li ul li a, nav .container.open ul div.tausendvierundzwanzig li ul div.tausendvierundzwanzig li a { font-weight:100; padding:16px 0px 16px 0px; border-bottom:solid 0.5px rgba(255,255,255,0.2); }


			/* /////////////////  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); }

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



		/* 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; 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: 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.75); font-weight:100;
											  -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);  }

}