@media (max-width: 1500px){

				}
				
@media (max-width: 1400px){
#schnellkontakt {width:24%;}

				}
				
@media (max-width: 1350px){
#schnellkontakt {width:24%;}
#sprachen {top:6em;}
				}

@media (max-width: 1300px){
#schnellkontakt {width:22%;}
#sprachen {top:4.5em;}
#gallery {	grid-gap: 0.7em 0.7em;
			grid-template-columns: 1fr 1fr 1fr 1fr  ;
			padding:0.8em;}	
#gallery_nogap {
			grid-template-columns: 1fr 1fr 1fr 1fr;}
				}
				
@media (max-width: 1200px){
#sticker-clone.sticky{height:2.9em !important; }

				}			

@media (max-width: 1160px){
#sticker-clone.sticky{height:2.83em !important; }
#hgrund_main {	padding-top:4em;}
#sprachen {top:3.5em;}
.unter1160weg {display:none;}
				}			

@media (max-width: 1080px){
#sticker-clone.sticky{height:2.7em !important; }
#schnellkontakt {width:22%;}
#sprachen img {width:47px;height:auto;}
.unter1080weg {display:none;}	
				}
						
@media (max-width: 1006px){ 		
#hgrund_main {	padding-top:3em;}

.unter1006weg {display:none;}	
				}
				
@media (max-width: 980px){ 
html, body { 	font-size:98%;	line-height:140%;}	
#links{ width:46%;	}
#sprachen {background-color:rgba(255,255,255,0.5);}
#gallery {	grid-gap: 0.7em 0.7em;
			grid-template-columns: 1fr 1fr 1fr;
			padding:0.8em;}	
#gallery_nogap {
			grid-template-columns: 1fr 1fr 1fr;}	
			


#logo1 {width:50%; }

.unter980weg {display:none;}	
				}

@media (max-width: 960px){ 
#coloumn3 {	grid-template-columns: 1fr 1fr;	}	
#coloumn12 {grid-template-columns: 2fr;
			}
.unter960weg {display:none;}
.show960 {display:block;}

/*.lb-dataContainer {
  max-width:82%;}		*/		
				}



@media (max-width: 920px){ 
html, body { 	font-size:96%;	line-height:145%;}	
nav {			padding:2px 0.2%; }
#sprachen {top:3em;}
#_links, #_rechts, #_links40, #_rechts60, #_links60, #_rechts40 { position:relative; width:100%; clear:both;float:none; }
.show960 {display:none;}
.unter920weg {display:none;}
			}
			
@media (max-width: 870px){ 

#umenu_1 { width:23%; }
#rechts { width:72%;}

.navbreak {display:block;}

.unter870weg {display:none;}
				}

@media (max-width: 800px){
#sticker-clone.sticky #schnellkontakt,  #schnellkontakt {display:none !important;}
#sticker-clone.sticky nav {	margin-top:-0.2em;}
#sticker-clone.sticky nav a, #sticker-clone.sticky nav .activ {	
				padding:0.6em 9px 0.5em 9px !important;}

#maxwidth, #bogen	{	width:98%;}
#alert {left:20px;
}
.unter800weg {	display:none;}
				}	
		
			
@media (max-width: 760px){

#rechts { width:72%;}


#gallery {	display:grid; grid-gap: 0.7em;
			grid-template-columns: 1fr 1fr ;}	
#gallery_nogap {grid-template-columns: 1fr 1fr;}

article {		
				padding:0 0 0 0%;
				margin:0 auto; 
				width:96.4%; /* 100 abzgl. dem seitl. padding... */
				}	
}	


@media (max-width: 720px){
/* ab hier geht jeder block auf die gesamte Breite... */
html, body { 	font-size:100%;	line-height:145%;}	
.navbreak {display:none;}
#slidertext2, #slidertext3, #slidertext4, #slidertext8, nav, #nav_oben, #slogan, #titelbild1, #titelbild2, #line, footer #siegel, #sticker2-clone.sticky, #umenu_1, #logo2 {display:none;}
#smartmenu { 	display:block;}

#panel {	overflow:auto;
			height:90%;		}
#sticker-clone.sticky  {display:none !important;}
header {	top:0;height:3.4em;background-color:#336600; }
#logo_smart		{left:0;max-width:597px; min-width:67px;width:60%; }
#sprachen {top:10px;}

header #hgrund {background-color:none;}
header #maxwidth {width:98%;border-bottom:0px;}	
#maxwidth 	{	width:98%;  border-top:none;}
#hgrund_main {	padding-top:0.9em;}
.btn-slide {border-radius:7px;	}

main{			padding:0;
				left:0; right:0; 
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;}
				
#coloumn2, #coloumn3 {	grid-gap: 0;
			grid-template-columns: 1fr;}
#spalte, #spalte2 {margin-bottom:1.2em;}	
#links, #rechts{ 
 			width:100%;	float:left; margin-bottom:1em; clear:both;}
				
article {		position:relative;
                width:100%;
				padding-top:1.0em;
				margin:0 auto; 
				 /* 100 abzgl. dem seitl. padding... */
			}	
			
#vollebreite2, #vollebreite3, #vollebreite4  {background-color: rgba(255, 255, 255, 0.6);}




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;visibility:hidden;}
#umenu_1 .unter720weg {display:block;}
.show720 {		display:block;}

				}

@media (max-width: 640px){


#artikel_beschreibung {	left:4%; width:97%; }
#artikel_bild { width:97%;}

	
.unter640weg {	display:none;}
.show640 {display:block;}
				}

@media (max-width: 620px){
#bildrechts, #bildlinks {position:relative;left:0; right:0; width:auto;float:none; clear:both; margin:1em 0 0 0.0em;max-width:none;}
#logo1 {min-width:200px; }

#spalte img, #spalte2 img {width:100%; height:auto; clear:both; margin:0em;}



#vollebreite4 {		width:96%;}	

#artikel_beschreibung {	left:3%; }
.unter620weg {	display:none;}
				}

@media (max-width: 560px){	

 .disabled { 
      pointer-events: none; 
      cursor: default; 
      }  
	  
 #gallery {	display:grid; grid-gap: 0.7em;
			grid-template-columns: 1fr;}	
#gallery_nogap {grid-template-columns: 1fr;}

	
#gallery_nogap #galbild:hover {
transform: rotate(0deg) scale(1.0, 1.0);
 -moz-transform: rotate(0eg) scale(1.0, 1.0);
 -webkit-transform:  rotate(0deg)scale(1.0, 1.0);
 -o-transform:rotate(0deg) scale (1.0, 1.0);}	
.unter560weg {display:none;}
				}		
				
@media (max-width: 520px){	

#sprachen img {width:40px;}
				
#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, {   margin-left:0%;
					margin-right:0%;}
#rechts_innen {margin: 2% 2% 1% 2%;}
#slogan {left:6em;}
#panel, #panel2 {width:250px;}
				}
				
@media (max-width: 460px){
#vorschau_ueberschrift {width:280px;}
#rahmen_kleinicons h1 { font-size:80%; }

				}

				
@media (max-width: 404px){

#panel, #panel2 {width:220px;}

#gallery {text-align:center;}

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