@media (max-width: 1380px){
		#bandel {right:0.4em;}
				}

@media (max-width: 1300px){
/*Grosse Hauptbuttons */		
nav ul li a, nav ul li .activ {
			padding:1.2em 12px 2.5em 8px;}
#sticker-clone.sticky nav a, #sticker-clone.sticky nav .activ {		height:3.5em;padding:0.2em 12px 0.2em 8px !important;}
#balken_links, #balken_rechts {left:0;
				background:none;}
				}

@media (max-width: 1200px){


#feldcontainer {font-size:96%;line-height:106%;}
#sticker-clone.sticky{top:0em !important;}			
#sticker-clone.sticky nav {top:4em 	 }


/*Grosse Hauptbuttons */		
nav {font-size:80%;}
				}			

@media (max-width: 1160px){
nav {	font-size:75%;}
#schnellkontakt {font-size:70%;line-height:110%;}
.unter1160weg {display:none;}
				}			

@media (max-width: 1080px){
header {		height:8.9em;}
#hgrund_main {	top:7.6em; /*header-höhe minus 1.3 */
				margin-bottom:7.6em;}	
#logo1{			width:23%;}
.unter1080weg {	display:none;}	
				}
						
@media (max-width: 1006px){ 		
html, body { 	font-size:96%;	line-height:120%;}
nav {			font-size:100%;}
#sticker-clone.sticky nav {top:3.0em 	 }
#sticker-clone.sticky{height:44px !important; }
#feldcontainer {font-size:110%;line-height:115%;	}
#maxwidth, #maxwidth_menu	{	width:98%;}	
#schnellkontakt {font-size:90%;line-height:100%;}
footer #links {	width:90%;}	
footer #mitte { width:90%;text-align:center;}	
footer #rechts {width:90%;}
				
.unter1006weg {	display:none;}	
				}
				
@media (max-width: 980px){ 
#links, #rechts, #links_schmaler, #links_60, #links_breiter,  #rechts_schmaler, #rechts_40, #rechts_breiter{ width:46%;	}
#kachelrahmen_uhren { grid-template-columns: 1fr 1fr 1fr 1fr;  }
#sticker-clone.sticky nav ul li a, nav ul li .activ, nav ul li a .activ {border-radius:5px;}
#logo1 { }
#bandel {display:none;}

.unter980weg {display:none;}	
				}

@media (max-width: 960px){ 
#logo1{width:22%;}
#schnellkontakt {}
#slogan {width:18%;}
#gallery img {	margin:0 11px 11px 0px;}
.unter960weg {display:none;}
.show960 {display:block;}				
				}



@media (max-width: 920px){ 
html, body { 	font-size:94%;	line-height:130%;}
header {height:5.9em;}
#hgrund_main {	top:5.4em; /*header-höhe minus 1.3 */
				margin-bottom:5.4em;}	
nav {			top:-0.5em;}

#schnellkontakt, #schnellkontakt #sk_mitte, #schnellkontakt #sk_rechts{display:none; } 

#logo1 {top:-0.0em; }
#logo1 { max-width:170px;}
#logo1 img {margin-right:0em;}


#sliderfeld1, #sliderfeld2, #sliderfeld3, #sliderfeld4, #sliderfeld5  {
		 padding:1em; 
		 color:black; font-size:1.7em;line-height:1.5em; }

	
nav ul ul { /*Umrandung vom Untermenü */
		 border-radius: 0px; 	padding:0;
		position: absolute; top: 100%; /*dadurch klebt es unten exakt an*/	}


main{	padding-top:0.6em;}	

footer {font-size:100%;}
.show960 {display:none;}
.unter920weg {display:none;}
			}
			
@media (max-width: 870px){ 
nav ul li a, nav ul li .activ {font-size:94%;
			padding:0.5em 3px 1.2em 3px;}
#logo1 { max-width:156px;}
#logo1 img {margin-right:0em;}
#logo2 img { padding:4px;}
#feldcontainer {font-size:100%;line-height:105%;	}

#umenu_1  {max-width:100%;}
#umenu_1 a, #umenu_1 .activ  { 
				margin:0em 0em -0.1em 0.2em;
				border-radius:0px 0px 0 0;
				bottom:0;
				border:1px solid silver;
				padding:8px 3px;
				color:black;}
				#umenu_1 .activ  { 
				border-bottom:1px solid white;}
 #maxwidth_menu	{	width:100%; }	
		
footer #links {width:98%;}	
footer #mitte { width:98%;}	
footer #rechts {width:98%;}							

.navbreak {display:block;}

.unter870weg {display:none;}
				}
				
@media (max-width: 850px){ 
#logo1 { max-width:140px;}
				}

@media (max-width: 800px){
nav {	top:-0.4em;}
#logo1 { max-width:130px;}
#logo2 img { width:140px;}
#kachelrahmen, #kachelrahmen_uhren { grid-template-columns: 1fr 1fr 1fr ;  }
#kachelrahmen_uhren { grid-template-columns: 1fr 1fr ;  }
#feld_gr_links {bottom:0.4em;top:0.4em;width:80%;padding:0.5em;}
#feld_gr_links img{max-width:200px;width:30%;height:auto;}
#bildcontainer4 {	grid-template-columns: 1fr 1fr;}
.ploppcontainer4  {	grid-template-columns: 1fr 1fr;}
.unter800weg {	display:none;}
				}	
		
			
@media (max-width: 760px){
#sliderfeld1, #sliderfeld2, #sliderfeld3, #sliderfeld4, #sliderfeld5  {
		 padding:1em; 
		 color:black; font-size:2em;line-height:1.6em; }
#logo2 img { width:122px;}
#sticker-clone.sticky nav a, #sticker-clone.sticky nav .activ {		padding:0.2em 3px !important;}
#umenu_1 a, #umenu_1 .activ  { 
				margin:0em 0em 0.1em 0.1em;
				border-radius:0px 0px 0 0;
				bottom:0;
				border:1px solid silver;
				padding:8px 1px;
				color:black;}

#links, #rechts, #links_schmaler, #links_60, #links_breiter,  #rechts_schmaler, #rechts_40, #rechts_breiter {width:100%; float:left; text-align:left; }
#rechts, #rechts_schmaler, #rechts_breiter { }
#links_schmaler {width:99%;}
#rechts_breiter {width:99%;}
#links_breiter {width:99%;}
#rechts_schmaler {width:99%;}

#feld_gr_unten{display:none;}
footer #maxwidth { width:100%; }	
}	


@media (max-width: 720px){
/* ab hier geht jeder block auf die gesamte Breite... */
.navbreak, .hgrundmilch, #fabrikverkauf  {display:none;}
#sticker-clone.sticky, #sticker-clone.sticky #schnellkontakt,  #sticker-clone.sticky #biltstreifen, #sticker-clone.sticky #biltstreifen2, #sk_links, #sk_mitte, #sk_rechts {display:none !important;background-color:none;}
#sticker {background-color:rgba(255, 255, 255, 0.0) !important;height:0 !important;margin-top:-2em;/*damits nicht über dem slider liegt*/}
#sticker-clone.sticky #logo2 {left:1% !important;}
nav, #nav_oben, #slogan, #titelbild1, #titelbild2, #line, footer #siegel, #sticker-clone.sticky, #umenu_1, #header_ebene2  {display:none;}
#line {background-color:white;}

#smartmenu { 	display:block;}
header 		{	height:3.5em;margin-top:0px; }


#maxwidth	{	width:100%; margin-top:-1.8em;background-color:white;padding:2.0em 1em;}
footer #maxwidth { width:94%; max-width:1260px;background-color:black;}

#feldcontainer, #feldcontainer_werbe{font-size:105%;line-height:105%;	left:0; padding:0;}	
#feldcontainer, #feldcontainer_werbe {	position:relative;grid-template-columns: 1fr;padding:0;top:-8px;width:100%;}
#feldcontainer_werbe{font-size:105%;line-height:105%;	width:100%;left:0;right:0%; padding:0;height:auto;}							
#feld01, #feld02, #feld03, #feld04, #feld05, #feld06, #feld01_werbe {position:relative;text-align:left;height:auto;padding:0.5em;width:100%;background-color: rgba(255,255,255,1.0);
}
#zigzag_top, #zigzag_bottom, #zigzag_left, #zigzag_right  {opacity:1.0;}
#feld_gr_links {position:relative;top:-10px;left:0;bottom:0em;width:100%;background-color: rgba(255,255,255,1.0);text-align:left;height:27em;padding:1em;
}




.slidexr {display:none;
}


#vierergalerie {display:none;}	
			
#hgrund_main {	top:-0.2em; /*header-höhe minus ??? */
				margin-bottom:0em;
				padding-top:2.3em;}
					
#logo1 {	top:2em;/*weil der stciker -2em hochgerückt ist...*/
			left:2px; }	
#logo1 img {min-width:150px;}

main{			font-size:110%;line-height:120%;
				width:99,6%;  
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
				}
				
article {		position:relative;
				left:0; right:0; width:auto;
				margin:0 auto; 
								 /* 100 abzgl. dem seitl. padding... */
				top:1em;border:none;
				padding-bottom:2em;
				border:none; border-radius:0;}	
	
#vollebreite2, #vollebreite3, #vollebreite4  {background-color: rgba(255, 255, 255, 0.6);}

#produkt_oberbegriff #titel{ 
				padding:2px 3px 3px 3px;  }	
#vorschau { 	width:100px; 
				height:100px;
				margin:0 3px 9px 3px;
				border:3px solid rgba(255, 255, 255, 0.600);}	
#vorschau:hover {border:3px solid rgba(153, 0, 0, 0.325);}
#vorschau #titel{position:absolute; 
				left:-3px; right:-3px; 
				font-size:11px;
				line-height:13px;
				padding:2px 1px 3px 1px;   }
footer {		}
footer #maxwidth { grid-template-columns: 1fr 1fr ;}	
			
.slide, .slide2 {display:block;
				visibility:visible;}

.unter720weg {	display:none;}
.weg_weg {color:red; border:1px dotted green;}
#umenu_1 .unter720weg, #umenu_2 .unter720weg {display:block;}
.show720 {		display:block;}
.show720 img {	border:1px solid #666666; border-radius:5px; margin-right:6px;}
				}

@media (max-width: 640px){
html, body { 	font-size:100%;	line-height:125%;}
#sliderfeld1, #sliderfeld2, #sliderfeld3, #sliderfeld4, #sliderfeld5 {height:90%;
		 padding:4px 1em; 
		 color:black; font-size:2.4em;line-height:1.4em; }
#hgrund_main {	padding-top:2.4em;	}

#artikel_beschreibung {	left:4%; width:97%; }
#artikel_bild { width:97%;}
	
#kachel {	position:relative; 
			width:130px; height:130px; 
			margin:0 0.3em 1.0em 0.3em;
			}
#feld_gr_links {height:25em;}
	
.unter640weg {	display:none;}
.show640 {display:block;}
				}

@media (max-width: 620px){
main		{	padding-right: 0px; }
#vollebreite4 {		width:96%}	

#artikel_beschreibung {	left:3%; }

#gallery { width:96%;}	
#gallery img {	clear:none;display:table;}

#feld_gr_links {height:24em;}
.unter620weg {	display:none;}
				}

@media (max-width: 560px){	
#kachelrahmen, #kachelrahmen_uhren { grid-template-columns: 1fr 1fr ;  }
#bildcontainer4, #bildcontainer3 {	grid-template-columns: 1fr 1fr;}
.ploppcontainer3  {	grid-template-columns: 1fr 1fr;	}
#bild {margin-bottom:0.5em;}
footer #maxwidth { grid-gap: 1em 0;
 				grid-template-columns:1fr;}	
footer #links, footer #mitte, footer #rechts { text-align:center;padding: 4px 0;border-bottom:1px dotted grey;}	
#feld_gr_links {height:22em;}
.unter560weg {display:none;}
				}		
				
@media (max-width: 520px){	

#sk_rechts{top:0.3em;right:0;  width:29%; }
				
#artikel_beschreibung #modell {width:95%;}
#artikel_beschreibung #preis { width:95%;}

footer address {	width:100%; text-align:center;}	
footer #oeffnungszeiten {margin-left:0%;width:100%; text-align:center;}	
#feld_gr_links {height:20em;}
.unter520weg {	display:none;}
.show520 {		display:block;}
				}

@media (max-width: 478px){
#links, #rechts, #links_ohne_weiss, #links_weiss1, #article_links, #article_rechts, #article_links_weiss, #article_rechts_weiss{   margin-left:0%;
					margin-right:0%;}
#links_1,  #rechts_1, #vollebreite #links_1,  #vollebreite2 #links1, #vollebreite #rechts_1, #vollebreite2 #rechts1, #vollebreite3 #rechts_1, #vollebreite3 #rechts1 {	width:95.5%;}	
#rechts_innen {margin: 2% 2% 1% 2%;}

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


#slogan {left:6em;}
#panel, #panel2 {width:250px;}

				}
				
@media (max-width: 460px){
#vorschau_ueberschrift {width:280px;}
#rahmen_kleinicons h1 { font-size:80%; }
#feldcontainer {font-size:90%;line-height:98%;	}
.unter442weg {display:none;}
				}

				
@media (max-width: 404px){
#panel, #panel2 {width:220px;}
#gallery { text-align:center; position:relative; margin: 0 auto; }
#gallery  img{  }	

footer {	height:32px; }
.unter404weg {display:none;}

			}
@media (max-width: 375px){
.unter375weg {display:block;}
			}
			
@media (max-width: 360px){
			}

			
@media (max-width: 340px){
#vorschau_ueberschrift {width:240px;}
#rahmen_kleinicons h1 { font-size:80%; font-weight:normal; }
			}