/*LINDER Layout*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	
			margin: 0;padding: 0;border: 0;	font: inherit;vertical-align: baseline;}		

header, main, nav, section, footer, article, aside { display: block;}

* 	{		margin: 0; padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		   }
html, body {height:100%;background-color:black; /*die Farbe ist für den Footer */}		
/* ------------------------------ */

header 		{	position:absolute; margin:0 auto; width:100%; z-index:33;height:9.4em; background-color:black;background-image:url(../px/layout/texture.jpg);}
#headcontainer {display: grid;}
#ausblendkontakt {position:absolute;margin-top:4.7em;height:28px;color:silver;background-color:#996699;visibility:hidden;}
#logo1 {position:relative; margin-top:0.0em; left:0em; padding:0em; max-width:291px; min-width:67px;z-index:544;width:50%;padding-top:0;color:#008FD4;vertical-align:bottom;line-height:0.9em; }
#logo1 img {width:100%;height:auto;float:left;margin-right:1em;}
#logo2 {position:absolute; left:0em; top:3.6em;padding: 0.3em 0em 0.5em 0; line-height:0; display:none;}
#logo2 img {height:auto; width:167px;}

#schnellkontakt {position:relative;left:0;top:0.8em;padding:2px;height:auto;width:34%;background-color:rgba(0, 0, 0, 0.0);color:silver;z-index:250;font-size:80%;line-height:100%;border-radius:0 0px 7px 7px;}
#schnellkontakt #sk_mitte {position:relative; left:0; width:40%;text-align:left;padding: 2px 0 4px 0;vertical-align:bottom;bottom:0;}
#schnellkontakt #sk_mitte  h1{color:silver;font-size:100%;font-weight:normal;margin-bottom:-1em;line-height:100%;}
#schnellkontakt #sk_rechts{position:absolute;  	left:40%;  width:28%;padding: 3px 0 4px 2px;vertical-align:bottom;bottom:0;ine-height:100%; } 
#schnellkontakt #sk_rechts a{color:silver; } 
#schnellkontakt #sk_rechts img{width:40%;height:auto;max-width:40px;.kh c } 
#schnellkontakt #sk_rechts a:hover{color:#E2AF68; }
#sk_links,#sk_mitte, #sk_rechts {text-align:center;white-space:nowrap;padding:0px;}
#sk_rechts:hover{border-radius:3px; background-color:grey;text-decoration:underline;}

#maxwidth, #maxwidth_menu	{	position:relative; margin:0 auto; width:98%; max-width:1300px;height:auto;margin-top:0em;padding-top:1.0em;}	
/*  ACHTUNG, HIER irgendwo ist das Geheimnis der Buttons im Untermenu. Dier dürfen nur 1 em hoch sein.... */
#maxwidth_menu	{	margin-top:-3.2em;max-height:2em;padding:0;}			
header #maxwidth { height:1em;border:1px dashed pink;}						
#hgrund_main {	position:relative;
				top:8.1em; /*header-höhe minus 1.4 */
				padding-top:0em;
				background-color:white;
				margin-bottom:8.1em;/* entspricht top:8.1em... */}	
main		{	padding: 0em 0 1.0em 0;margin:0;}
main ul {	list-style: inside}														
article {		position:relative;
				top:0;
				padding:1.8% 0 1% 0;
				margin:0 auto; 
				width:100%; /* 100 abzgl. dem seitl. padding... */
				height:auto;
				 }	
#biltstreifen100prozent {position:relative;display:block;width:100%;margin:0;line-height:0;top:1.3em;background-image:url(../px/layout/texture.jpg);}
#biltstreifen, #biltstreifen2 {position:relative; margin:0 auto;width:100%;max-width:1300px;height:auto; margin-bottom:2em;text-align:center;}
#biltstreifen2 {top:1.3em;}
#top_shadow {position:absolute; width:100%;height:8px;background-image:url(../px/layout/top_shadow.png); top:0;}
#bandel {position:absolute;right:-2%;bottom:-2.5vw;width:27%; max-width:415px;z-index:2;}
#bandel img{}
#biltstreifen img, #biltstreifen2 img {width:100%;height:100%;}
#balken_links, #balken_rechts {position:absolute; top:0;width:3em; height:100%;}
#balken_links {left:0;
				background: -moz-linear-gradient(left, rgba(255,255,255,1) 11%, rgba(255,255,255,0.99) 12%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left, rgba(255,255,255,1) 11%,rgba(255,255,255,0.99) 12%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right, rgba(255,255,255,1) 11%,rgba(255,255,255,0.99) 12%,rgba(255,255,255,0) 100%); 
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */}
#balken_rechts {right:0;left:none;
				background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.99) 88%, rgba(255,255,255,1) 89%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 88%,rgba(255,255,255,1) 89%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 88%,rgba(255,255,255,1) 89%); 
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}
#feldcontainer, #feldcontainer_werbe {position:absolute;line-height:120%;
			top:0em;left:9.5%;right:3.5%;height:99%; padding:0.3em 0;
			display:grid; grid-gap: 0%;
  			grid-template-columns: 1fr 1fr 1fr;}				
#feld01, #feld02, #feld03, #feld04, #feld05, #feld06, #feld01_werbe {position:relative;margin:0.5em 0;background-color: rgba(255,255,255,0.8);text-align:center;height:auto;padding:0em;
	-webkit-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.15);
box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.15);}
#feld03 {text-align:left; padding:3% 5%;}
#feld01 img, #feld02 img  {height:auto;width:82%;}				
		
#feld02 {	background-color:rgba(232,17,127,0.88);color:white;padding:1em;}
#feld01_werbe {	}

#feld_gr_links {position:absolute;top:1em;left:1em;bottom:1em;width:60%;line-height:120%;background-color: rgba(255,255,255,0.8);text-align:left;height:auto;padding:1em;
	-webkit-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.15);
box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.15);}
#feld_gr_links img{max-width:250px;width:40%;height:auto;}
#feld_gr_unten{position:absolute;bottom:1em;left:1em;width:94%;text-align:center;}

#zigzag_top, #zigzag_bottom, #zigzag_left, #zigzag_right  {position:absolute;opacity:0.8;height:6px;width:100%;}
#zigzag_left, #zigzag_right  {opacity:0.7;height:100%;width:6px;}
#zigzag_top {top:-6px;left:0;background-image:url(../px/layout/zigzag_top.png);}
#zigzag_bottom {bottom:-6px;left:0;background-image:url(../px/layout/zigzag_bottom.png);}
#zigzag_left {top:0;left:-6px;background-image:url(../px/layout/zigzag_left.png);}
#zigzag_right {bottom:0px;right:-6px;background-image:url(../px/layout/zigzag_right.png);}		
#zigzag_top_pink, #zigzag_bottom_pink  {position:absolute;opacity:0.88;height:6px;width:100%;}
#zigzag_top_pink {top:-6px;left:0;background-image:url(../px/layout/zigzag_top_pink.png);}
#zigzag_bottom_pink {bottom:-6px;left:0;background-image:url(../px/layout/zigzag_bottom_pink.png);}				
#fabrikverkauf {position:absolute;bottom:-1.8em;left:1.5em;width:55%;z-index:999;}
#fabrikverkauf img, #fabrikverkauf2 img {width:100%;max-width:167px;}

#vierergalerie {position:absolute;width:65%;height:66%;top:0.5em;right:0.3em;
			position:absolute;line-height:120%;
			display:grid; grid-gap: 4%;
  			grid-template-columns: 1fr 1fr ;}
#vierergalerie_smart {position:relative;height:auto;top:0em;width:98%;
			  			display:grid;grid-gap: 2%;
						grid-template-columns: 1fr 1fr;
						margin-bottom:1em;}
#galbild {position:relative;border:6px solid #E8E8DD;height:auto;line-height:0;border-radius:2px;
-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.58);
-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.58);
box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.58);}
#vierergalerie_smart #galbild {position:relative;border:6px solid #E8E8DD;height:auto;line-height:0;border-radius:2px;
-webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.58);
-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.58);
box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.58);}

#galbild:hover {border:6px solid #FCDD9A;
transform: rotate(-2deg) scale(1.0, 1.0);
 -moz-transform: rotate(-2eg) scale(1.0, 1.0);
 -webkit-transform:  rotate(-2eg)scale(1.0, 1.0);
 -o-transform:rotate(-2eg) scale (1.0, 1.0);
 -ms-transform: rotate(-2eg) scale(1.0, 1.0);}	
#galbild img{height:auto;width:100%;}		




				
#links, #rechts, #links_schmaler, #links_60, #links_breiter,  #rechts_schmaler, #rechts_40, #rechts_breiter {width:38.7%; float:left;margin-bottom:1em; color:rgba(0, 0, 0, 1.0);
				-moz-hyphens:auto;
				-moz-hyphenate-limit-chars: auto 3;
				-moz-hyphenate-limit-lines: 4;
  				-o-hyphens: auto;
				-o-hyphenate-limit-chars: auto 3;
 				-o-hyphenate-limit-lines: 4;
   				-webkit-hyphens: auto;
				-webkit-hyphenate-limit-chars: auto 3;
  				-webkit-hyphenate-limit-lines: 4;
   				-ms-hyphens: auto;
				-ms-hyphenate-limit-chars: auto 3;
  				-ms-hyphenate-limit-lines: 4;
   				hyphens:auto;
				text-align:justify;
				}
#rechts, #rechts_schmaler, #rechts_breiter, #rechts_40 { width:54.7%;float:right;}
#links_schmaler {width:37.7%;}
#links_60, #rechts_40 {width:50%;}
#rechts_40 {width:45%;}
#rechts_breiter {width:57.7%;}
#links_breiter {width:54%;}
#rechts_schmaler {width:40%;}

#links img, #rechts img, #links_schmaler img, #links_breiter img, #rechts_breiter img, #rechts_schmaler img {}
#links img, #links_schmaler img, #links_breiter img {float:left;margin-right:1.0em;margin-left:0; }
article #rechts img {width:100%;}


#map{border:2px solid brown; border-radius:5px;padding:1px;background-color:silver; width:auto;}



/* ------- MOVES ------------------------....*/

.show {position: relative;
	animation-name:show;
	-webkit-animation-name:show;
	-moz-animation-name:show;
	animation-duration:3s;
	-webkit-animation-duration:3s;
	-moz-animation-duration:3s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	animation-delay:0.3s;
	-webkit-animation-delay:0.3s;
	-moz-animation-delay:0.3s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;}
@keyframes show {
	from {opacity:0;}
	to {opacity:1;}
}
@-webkit-keyframes show {
	from {opacity:0;}
	to {opacity:1;}
}
@-moz-keyframes show {
	from {opacity:0;}
	to {opacity:1;}
}
.move1 {
	position: relative;
	left:-30%;
	animation-name:move1;
	-webkit-animation-name:move1;
	-moz-animation-name:move1;
	animation-duration:2s;
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	animation-delay:0.7s;
	-webkit-animation-delay:0.7s;
	-moz-animation-delay:0.7s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	}

					@keyframes move1 {
						from {left:-50%;opacity:0;}
						to {left:-10%;opacity:1;}
					}
					@-webkit-keyframes move1 {
						from {left:-50%;opacity:0;}
						to {left:-10%;opacity:1;}
					}
					@-moz-keyframes move1 {
						from {left:-50%;opacity:0;}
						to {left:-10%;opacity:1;}
					}

.move2 {
	height:50px;
	width:50px;
	background:orange;
	position: relative;
	left:-120px;
	margin:2em 0;
	animation-name:move2;
	-webkit-animation-name:move2;
	-moz-animation-name:move2;
	animation-duration:4s;
	-webkit-animation-duration:4s;
	-moz-animation-duration:4s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	animation-delay:3s;
	-webkit-animation-delay:3s;
	-moz-animation-delay:3s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;}

									@keyframes move2 {
										from {left:0px;opacity:0;}
											25% {background-color:#222222;}
											50% {background-color:#05e4d7;height:50px; width:50px;}
											75% {background-color:#222222;}
											100% {background-color:#F9086D;}
										to {left:80%;opacity:1;background:purple;height:120px; width:120px;border-radius:100%;}
										}
									@-webkit-keyframes move2 {
										from {left:0px;opacity:0;}
											25% {background-color:#222222;}
											50% {background-color:#05e4d7;height:50px; width:50px;}
											75% {background-color:#222222;}
											100% {background-color:#F9086D;}
										to {left:80%;opacity:1;background:purple;height:120px; width:120px;border-radius:100%;}
										}
									@-moz-keyframes move2 {
										from {left:0px;opacity:0;}
											25% {background-color:#222222;}
											50% {background-color:#05e4d7;height:50px; width:50px;}
											75% {background-color:#222222;}
											100% {background-color:#F9086D;}
										to {left:80%;opacity:1;background:purple;height:120px; width:120px;border-radius:30%;}
										}
	
	.move_555 {z-index:33;
	position: absolute;
	left:10%; top:8em; 
	height:88px;
	color:white; font-weight:bold; font-size:150%;
	animation-name:move_555;
	-webkit-animation-name:move_555;
	-moz-animation-name:move_555;
	animation-duration:1s;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	animation-delay:2.0s;
	-webkit-animation-delay:2.0s;
	-moz-animation-delay:2.0s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;  
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;	
	}

									@keyframes move_555 {
										from {left:-10%;opacity:0;}
										to {left:30%;opacity:1;}
									}
									@-webkit-keyframes move_555 {
										from {left:-10%;opacity:0;}
										to {left:30%;opacity:1;}
									}
									@-moz-keyframes move_555 {
										from {left:-10%;opacity:0;}
										to {left:30%;opacity:1;}

									}
.slide1,.slide2,.slide3,.slide4,.slide5 {position: absolute; width: 100%; height: 100%;}
.slide1 { 	animation:fade 20s infinite;
			-webkit-animation:fade 20s infinite;} 
.slide2 {	animation:fade2 20s infinite;
			-webkit-animation:fade2 20s infinite;}		
.slide3 {  animation:fade3 20s infinite;
			-webkit-animation:fade3 20s infinite;}
					@keyframes fade
					{ 0%   {opacity:1}
					  33.333% { opacity: 0}
					  66.666% { opacity: 0}
					  100% { opacity: 1}
					}
					@keyframes fade2
					{ 0%   {opacity:0}
					  33.333% { opacity: 1}
					  66.666% { opacity: 0 }
					  100% { opacity: 0}
					}
					@keyframes fade3
					{ 0%   {opacity:0}
					  33.333% { opacity: 0}
					  66.666% { opacity: 1}
					  100% { opacity: 0}
					}				
					
					
#bildcontainer4, #bildcontainer3, #bildcontainer2 {
					position:relative;width:100%;
					display:grid; 
					grid-gap: 1em 1em;
					grid-template-columns: 1fr 1fr 1fr 1fr ;
					margin-bottom:1em;}

#bildcontainer3 {	grid-template-columns: 1fr 1fr 1fr;}

#bildcontainer2 {	grid-template-columns: repeat(3, 200px);
					grid-template-columns: 30% 67%; 
					grid-template-columns:28% 1fr;}
					
#bild {width:auto;margin-bottom:0.5em;line-height:0;text-align:center;border:1px dashed purple;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+38,000000+38,000000+84,000000+84,000000+87,000000+93,000000+93&0.65+0,0+100 */
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.4) 38%, rgba(0,0,0,0.1) 84%, rgba(0,0,0,0.08) 87%, rgba(0,0,0,0.04) 93%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.4) 38%,rgba(0,0,0,0.1) 84%,rgba(0,0,0,0.08) 87%,rgba(0,0,0,0.04) 93%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.4) 38%,rgba(0,0,0,0.1) 84%,rgba(0,0,0,0.08) 87%,rgba(0,0,0,0.04) 93%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
#bild img {width:100%;height:auto;}

.gradient {
line-height:0;
  border-radius: 0;
  position: relative;
  text-align:center;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+38,000000+38,000000+84,000000+84,000000+87,000000+93,000000+93&0.65+0,0+100 */
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.4) 38%, rgba(0,0,0,0.1) 84%, rgba(0,0,0,0.08) 87%, rgba(0,0,0,0.04) 93%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.4) 38%,rgba(0,0,0,0.1) 84%,rgba(0,0,0,0.08) 87%,rgba(0,0,0,0.04) 93%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.4) 38%,rgba(0,0,0,0.1) 84%,rgba(0,0,0,0.08) 87%,rgba(0,0,0,0.04) 93%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 }
 
 .rechteck {
line-height:0;
  border-radius: 0;
  position: relative;
  text-align:center; }
 
 
 
 .rechteck img {width:100%; }

.rechteckbreit {
		  width: auto;
		  border-radius: 0;
		  display:block;
		  float: left;
		  position: relative;
		   height:2vw;
		  line-height:100%;
		  vertical-align:top;}

.enhanced .rechteck, .enhanced .rechteckbreit {
  transition: transform 600ms cubic-bezier(0.8, 0, 0, 0.8);
  transform: scale(0.2);}

.rechteck.revealed, .rechteckbreit.revealed {
  transform: scale(1.0);  }

.rechteck:before, .rechteckbreit:before {
  display: block;
  content: "";
  width: 100%;}



.rechteck.c1 {}

.rechteck.c2 {
    transition-delay: 0.1s;
}

.rechteck.c3 {
  transition-delay: 0.2s;
}

.rechteck.c4 {
  
   transition-delay: 0.3s;
}

.rechteck.c5 {
  background-color: #faac57;
  transition-delay: 0.1s;
}

.rechteck.c6 {
  background-color: #fdc78b;
  transition-delay: 0.2s;
}

.rechteck.c7 {
  background-color: #ffd401;
}

.rechteck.c8 {
  background-color: #ffe500;
  transition-delay: 0.1s;
}

.rechteck.c9 {
  background-color: #fef46e;
  transition-delay: 0.2s;
}

.rechteck.c10 {
  background-color: #a6ce3a;
}

.rechteck.c11 {
  background-color: #bed82f;
  transition-delay: 0.1s;
}

.rechteck.c12 {
  background-color: #d6e167;
  transition-delay: 0.2s;
}

.rechteck.c13 {
  background-color: #00bbbd;
}

.rechteck.c14 {
  background-color: #72cbcf;
  transition-delay: 0.1s;
}

.rechteck.c15 {
  background-color: #9bd8d9;
  transition-delay: 0.2s;
}

.rechteck.c16 {
  background-color: #016bb5;
}

.rechteck.c17 {
  background-color: #628ac8;
  transition-delay: 0.1s;
}

.rechteck.c18 {
  background-color: #8aa4d5;
  transition-delay: 0.2s;
}

.rechteck.c19 {
  background-color: #af72ae;
}

.rechteck.c20 {
  background-color: #c196c4;
  transition-delay: 0.1s;
}

.rechteck.c21 {
  background-color: #d0b1d3;
  transition-delay: 0.2s;
}


}

.rechteck__inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-52%);
  color: #1d1f20;
  line-height: 0;
}








						
		/* STICKER ------------------------*/
#sticker,  #sticker-clone.sticky {
		position:absolute !important;
		left:0 !important;
		right:0 !important; 
		padding:0px!important;
		top:4em !important; 
		height:2.7em !important; /* ohne das wird diel leiste oben nich schwarz...*/
		width: 100% !important;
		z-index:100 !important;	
		background-image:url(../px/layout/texture.jpg);	}
#sticker-clone.sticky{position: fixed !important;
		width: 100% !important
		height:0em !important;  /* MUSS bleiben, auch wenn es doppelt gemoppelt ist...*/
		top:0em !important; 
		left:0 !important;
				-webkit-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.28);
				-moz-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.28);
				box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.28);
				}			
#sticker-clone.sticky #logo1, #sticker-clone.sticky #slogan, #sticker-clone.sticky #schnellkontakt {  	display:none !important; position:relative !important;}	
#sticker-clone.sticky #logo2 {  	display:block !important; position:relative !important;}	
#sticker-clone.sticky #header_ebene2 {  display:block !important;height:0 !important; }	 
/* ----------*/


#kachelrahmen, #kachelrahmen_uhren { position:relative;width:100%; font-weight:normal;  margin-top:0.0em;margin-bottom:1em;  border-radius:13px;background-color:#FFEEDD;
padding: 1%;
  display: grid;
  grid-gap: 3%;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  text-align:center;
  border-radius:9px;}
  #kachelrahmen_uhren {  grid-template-columns: 1fr 1fr 1fr 1fr ; }


 #kachel {  display:inline-table;text-align:center;position:relative; width:165px;height:165px;background-size: cover; border-radius:25%;margin-bottom:0.6em; 
-webkit-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.23);
-moz-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.23);
box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.23);
background-repeat:no-repeat;}

#kachel:hover{  background-color:none;
-webkit-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.48);
-moz-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.48);
box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.48);}
#kachel a:hover {  background-color:none;}
#kacheltext {position:absolute;	color:black;background-color:rgba(255,255,266,0.77); font-weight:bold; width:100%;bottom:1em; padding:6px 0; border-top:3px solid rgba(255,255,255,1.0);border-bottom:3px solid rgba(255,255,255,1.0);}
#kacheltext:hover {	-webkit-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.23);
					-moz-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.23);
					box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.23); }
#kachel:hover #kacheltext{	background-color:rgba(255,255,266,0.90);color:brown; text-decoration:underline;border-top:3px solid brown;border-bottom:3px solid brown;}
.activ #kachel:hover #kacheltext {border-top:3px solid rgba(255,255,266,0.00);border-bottom:3px solid rgba(255,255,266,0.0);
								text-decoration:none; color:black;
								-webkit-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.0);
								-moz-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.0);
								box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.0);
								background-color:rgba(255,255,266,0.77);}
.activ #kachel {			opacity:0.3;}								
.activ #kachel:hover {			-webkit-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.2);
								-moz-box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.2);
								box-shadow: 5px 5px 6px 0px rgba(0,0,0,0.2);
								}


footer {	position:relative;
			clear:both;
			left:0; 
			right:0; 
			width:auto;
			padding:2em 2% 6px 2%;
			  /* das macht den Schatten unten VOR dem Footer weg */
			
			text-align:center;
			z-index:10;background-image:url(../px/layout/texture.jpg, transform: scalex(-1);
						}	
footer #maxwidth {position:relative;margin:0 auto; width:94%; max-width:1260px;text-align:left;
			 	display: grid;
  				grid-gap: 1%;
 				grid-template-columns: 1fr 1fr 1fr ;
 				margin-bottom:1em;
				}			


footer #links { color:silver;width:80%;}	
footer #mitte { color:silver;width:80%;text-align:center;}	
footer #rechts {color:silver;width:80%;text-align:left;}
footer #siegel	{position:absolute;top:-5.5em;right:1em; width:63px;}		
footer #footerbreit {	clear:both;
				padding:10px 0 4px 0;
				border-top:1px dashed silver;
				font-size:150%;
				font-weight:bold;}	
				
footer #footericons {position:absolute;top:-55px;right:0.3em;}				

.clearing { clear:both; }
.floatleft { float:left; }
.floatright { float:right; }


.schedule	{border-collapse:collapse; margin:1px; width:100%;}	
.schedule tr	{ background:#F1F0E6; border-bottom:1px solid #990000;}	
.schedule td	{margin:3px; padding:2px 4px;   }
.schedule tr:hover{ background:white; }




#em02 {	width:0.2em;
		height:0.2em;}
#em03 {	width:0.3em;
		height:0.3em;}
#em04 {	width:0.4em;
		height:0.4em;}
#em05 {	width:0.5em;
		height:0.5em;}
#em06 {	width:0.6em;
		height:0.6em;}
#em07 {	width:0.7em;
		height:0.7em;}
#em08 {	width:0.8em;
		height:0.8em;}
#em09 {	width:0.9em;
		height:0.9em;}
#em10 {	width:1.0em;
		height:1.0em;}
#em11 {	width:1.1em;
		height:1.1em;}
#em12 {	width:1.2em;
		height:1.2em;}
#em13 {	width:1.3em;
		height:1.3em;}
#em14 {	width:1.4em;
		height:1.4em;}
#em15 {	width:1.5em;
		height:1.5em;}
#em16 {	width:1.6em;
		height:1.6em;}
#em02, #em04, #em05, #em06, #em07, #em08, #em09, #em10, #em11, #em12, #em13, #em14, #em15, #em16 {border:none;}

#gallery {		width:99%; display:inline-table;
				padding:0.3em 0.5em 0.5em 0.5em;margin-bottom:1.0em;
				border-radius:3px;background-color:#EBEBEB;}	
#gallery img {	display:inline-table; 
				margin:0 11px 11px 0px;
				border:3px solid #0093D6;float:left;
				-webkit-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.2);
				-moz-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.28);
			box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.28);}	
#gallery a img:hover { transform: rotate(-4deg) scale(1.0, 1.0);
 -moz-transform: rotate(-4eg) scale(1.0, 1.0);
 -webkit-transform:  rotate(-4eg)scale(1.0, 1.0);
 -o-transform:rotate(-4eg) scale (1.0, 1.0);
 -ms-transform: rotate(-4eg) scale(1.0, 1.0);
 border:3px solid #0D506F;}


.thumbnails img {max-width:120px;}
.jaegerthumbs img {max-width:50px;border:2px solid #DB9C3D;}
.jaegerthumbs img:hover {outline:4px solid white;	}

/* SLIDER -----------------*/

#jssor_1 a{text-decoration:none;}
.spin img{animation-name:spin;animation-duration:1.6s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{from{transform:rotate(0);}to{transform:rotate(360deg);}}
.jssorb032{position:absolute}.jssorb032 .i{position:absolute;cursor:pointer}.jssorb032 .i .b{fill:#fff;fill-opacity:.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:.25}.jssorb032 .i:hover .b{fill:#C7EAFB;fill-opacity:.9;stroke:#fff;stroke-opacity:.35}.jssorb032 .iav .b{fill:#000;fill-opacity:1;stroke:#fff;stroke-opacity:.35}.jssorb032 .i.idn{opacity:.3}.jssora051{display:block;position:absolute;cursor:pointer}.jssora051 .a{fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10}.jssora051:hover{opacity:.8}.jssora051.jssora051dn{opacity:.5}.jssora051.jssora051ds{opacity:.3;pointer-events:none}

#slidertext2, #slidertext3, #slidertext4 {position:absolute; margin: 0 auto;
 top:10px;left:20%;width:auto;height:100px; padding:5px 5px 5px 5px;background-color:rgba(0, 147, 214, 0.6);font-size:30px;border:2px solid rgba(0, 147, 214, 0.1); text-align:center;vertical-align:middle;color:white;font-weight:normal;}
#slidertext3 {position:absolute; top:30px;left:30px;width:480px;height:130px;line-height:2.5;padding:5px 5px 5px 5px;box-sizing:border-box;vertical-align:middle;}
#slidertext4 {position:absolute;top:330px;left:30px;width:480px;height:110px;line-height:1.27;padding:5px 5px 5px 55px;text-align:left;}
#slidertext2 {right:10%;left:60%;}
#slidertext2 a, #slidertext3 a, #slidertext4 a { color:white;}
#slidertext2:hover {background-color:rgba(0, 147, 214, 1.0);border:2px solid rgba(0, 147, 214, 0.8);text-decoration:underline;border-radius:5px;}

#sliderfeld1, #sliderfeld2, #sliderfeld3, #sliderfeld4, #sliderfeld5  {position:absolute;
		 top:10px;left:10%;width:33%; height:80%;
		 padding:1em 1em 1em 1em; 
		 color:black; font-size:1.3em;line-height:1.5em;  
		 -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
background-color:rgba(255, 255, 255, 0.80);
border: 3px solid rgba(255, 255, 255, 0.80);}
#biltstreifen h1{margin-bottom:0.3em;background-color:white;padding:5px;}

#sliderfeld1 a, #sliderfeld2 a, #sliderfeld3 a, #sliderfeld4 a, #sliderfeld5 a{color:black;font-style:italic; padding:0.3em 1em; background-color:rgba(255, 255, 255, 0.70);border-radius:5px;}
#sliderfeld1 a:hover, #sliderfeld2 a:hover, #sliderfeld3 a:hover, #sliderfeld4 a:hover, #sliderfeld5 a:hover{background-color:rgba(255, 255, 255, 1.0);text-decoration:underline; color:#0093D6;}


	.einblenden, .einblendenweich {  /*wenn es in den viewport rueckt.... */
		opacity: 0.3;
		transition: opacity .5s ease-in-out;	}