@media (max-width: 1200px){
				}			

@media (max-width: 1160px){
.unter1160weg {display:none;}
				}			

@media (max-width: 1080px){
#name {display:none; }
.unter1080weg {display:none;}	
				}
						
@media (max-width: 1006px){ 		
html, body { 	font-size:96%;	line-height:145%;}
#sticker-clone.sticky{height:44px !important; }

.unter1006weg {display:none;}	
				}
				
@media (max-width: 980px){ 
#links, #rechts, #links_schmaler, #links_breiter,  #rechts_schmaler, #rechts_breiter, #bild_rechts{ width:46%;	}
#links img, #rechts img, #links_schmaler img, #links_breiter img, #rechts_breiter img, #rechts_schmaler img {width:60%; margin-left:0.5em;}
#links img, #links_schmaler img, #links_breiter img {width:100%;float:left;margin-right:0.5 em;margin-left:0; }
#logo1 { }

.unter980weg {display:none;}	
				}

@media (max-width: 960px){ 
#slogan {width:18%;}
.unter960weg {display:none;}
.show960 {display:block;}				
				}



@media (max-width: 920px){ 
html, body { 	font-size:92%;	line-height:140%;}	

#sticker-clone.sticky{top:0 !important; }
#sticker-clone.sticky nav {	top:-2.8em; }
main{	padding-top:0.6em;}	
nav {			padding:2px 0.2%; }
.show960 {display:none;}
.unter920weg {display:none;}
			}
			
@media (max-width: 870px){ 
main{	}

#umenu_1 a, #umenu_1 .activ  { 	}
#umenu_1 li {	display: -moz-inline-box;
	-moz-box-orient: vertical;
	display: inline-block;
	vertical-align: top;	}
				
#umenu_1  a:hover { 	
					background-color: rgba(0, 153, 153, 0.69);
				border:1px solid grey; border-radius:0;}
				
#umenu_1 .activ {}
.navbreak {display:block;}

.unter870weg {display:none;}
				}

@media (max-width: 800px){
	
.unter800weg {	display:none;}
				}	
		
			
@media (max-width: 760px){
#sticker-clone.sticky #schnellkontakt,  #schnellkontakt, #sticker-clone.sticky, #biltstreifen {display:none !important;}


#hgrund_main {	padding-top:2.0em;}
#links, #rechts, #links_schmaler, #links_breiter,  #rechts_schmaler, #rechts_breiter, #bild_rechts{ 
 			width:100%;	float:left; margin-bottom:1em; clear:both;}
#links img, #rechts img, #links_schmaler img, #links_breiter img, #rechts_breiter img, #rechts_schmaler img {width:100%; margin:0 0 1em 0.5em;border-radius:5px;}
#links img, #links_schmaler img, #links_breiter img {float:left;margin:0 0.5em 1em 0em; }
header 		{	height:6.7em; }
main		{	padding: 0em 0 0em 0;}
article		{	padding:1.8% 1.8% 1% 1.8%;
				margin:0 auto; 
				width:96.4%; /* 100 abzgl. dem seitl. padding... */
				height:auto;
				border-top:1px solid silver;}	
.unter760weg {	display:none;}
}	


@media (max-width: 720px){
/* ab hier geht jeder block auf die gesamte Breite... */
.navbreak {display:none;}
nav, #nav_oben, #slogan, #titelbild1, #titelbild2, #line, footer #siegel, #sticker2-clone.sticky, #umenu_1 {display:none;}
#line {background-color:white;}
#smartmenu { 	display:block;}
#logo1 {width:60%;top:-3.7em; }
#logo1 img {width:30%;}
#sticker-clone.sticky #logo2 {left:1% !important;}
header {		margin-top:0px;height:3.8em;}
header #maxwidth {width:98%}	

main{			width:100%; 
				margin-top:0px; 
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
				}
				
article {		position:relative;
left:0; right:0; width:auto;
				padding-top:2.0em;
				margin:0 auto; 
				 /* 100 abzgl. dem seitl. padding... */
				border:none;
				border:none; border-radius:0;}	
#maxwidth 	{	 }			
#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 {		padding:6px 0;}
footer address {	width:45%; }	
footer #oeffnungszeiten {margin-left:7%;width:46%;}	
footer #freitext {	display:none;}								
				
.slide, .slide2 {display:block;
				visibility:visible;}

.unter720weg {	display:none;}
#umenu_1 .unter720weg {display:block;}
.show720 {		display:block;}
.show720 img {	border:1px solid #666666; border-radius:5px; margin-right:6px;}
				}

@media (max-width: 640px){

#hgrund_main {	padding-top:1em;	}

#artikel_beschreibung {	left:4%; width:97%; }
#artikel_bild { width:97%;}
#vergriffen {	left:0; margin-top:-0.5em; width:6em;}
	
.unter640weg {	display:none;}
.show640 {display:block;}
				}

@media (max-width: 620px){
#links img, #rechts img, #links_schmaler img, #links_breiter img, #rechts_breiter img, #rechts_schmaler img, #bild_rechts img {width:100%;  clear:both;;height:auto; margin-left:0;}
#links img, #links_schmaler img, #links_breiter img {clear:both;margin-right:0;margin-left:0; }
#gal_warema  {display:none;}
#logo1 img {min-width:90px;}

#vollebreite4 {		width:96%}	
#artikel_beschreibung {	left:3%; }
#rechts a img {border:0;}
#rechts a img:hover {border:0;}
.unter620weg {	display:none;}
	
		}
		
@media (max-width: 600px){
.unter600weg {	display:none;}
				}
				
				


@media (max-width: 560px){	
header 		{	height:3.5em; }
.unter560weg {display:none;}
#gal_unten, #galtueren, #gal_warema { position:relative; margin:0 auto; text-align:center;  margin-bottom:12px; }
#gal_unten img, #galtueren img, #gal_warema img {margin: 0 3px 12px 0px; border:4px solid white;
					width:40%; max-width:144px;}
#galtueren img {margin: 0 3px 12px 0px; border:4px solid white;
					width:40%; max-width:100px;}
.show560 {		display:block;}
				}		
				
@media (max-width: 520px){	

					
#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;}	
.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%;}
#slogan {left:6em;}
#logo1 { min-width:150px;}
#panel, #panel2 {width:250px;}
				}
				
@media (max-width: 460px){
#vorschau_ueberschrift {width:280px;}
#rahmen_kleinicons h1 { font-size:80%; }
				}

				
@media (max-width: 404px){
header 		{	height:3.5em; }
#panel, #panel2 {width:220px;}
#kachel {  width:125px; height:125px;  margin:0 0.6em 1.2em 0.6em; 
background-size: 125px 125px;}

#gal_unten, #galtueren, #gal_warema { margin-bottom:12px; background-color:rgba(10, 117,71, 0.0);padding:0; border-radius:9px; }
#gal_unten img, #galtueren img, #gal_warema img {margin: 0 3px 12px 0px; border:4px solid white;
			-webkit-box-shadow: 2px 2px 5px grey;
			-moz-box-shadow: 2px 2px 5px grey;
			box-shadow: 2px 2px 5px grey;
			}

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

			}