@media (max-width: 2200px){
.maxibild, .maxibild2  {		height:950px;}
.maxibild #mehrinfo {bottom:0.5em;}	
					}		
@media (max-width: 2000px){
.maxibild, .maxibild2  {		height:800px;}	
.maxibild #mehrinfo {bottom:0.2em;font-size:300%;}	
.maxibild .headline {top:1em;font-size:300%;line-height:100%;}	
					}
@media (max-width: 1800px){
.maxibild, .maxibild2 {		height:700px;}
					}
@media (max-width: 1600px){
.maxibild, .maxibild2  {		height:600px;}	
					}
@media (max-width: 1500px){
.maxibild, .maxibild2  {		height:550px;}	
.maxibild #mehrinfo {bottom:0.1em;font-size:200%;}	
					}

@media (max-width: 1450px){
.gridfield .beschreibung_r, .gridfield .beschreibung_l {font-size:90%;line-height:120%;}	
					}



@media (max-width: 1300px){
.maxibild .headline {top:0.7em; }
.gridfield .beschreibung_r, .gridfield .beschreibung_l {font-size:82%;}		
	footer {padding:1em 2% 0px 2%;}	
					}	
					
@media (max-width: 1250px){
.maxibild, .maxibild2  {		height:500px;}	
	
					}						

@media (max-width: 1200px){
html, body { 	font-size:100%;	line-height:135%;}
#logo1 {bottom:2.9em;  }
nav {		bottom:3.3em;}
.maxibild, .maxibild2  {	top:-1.8em;	}
.maxibild .headline {top:0.9em; }
.maxibild #mehrinfo {bottom:0.3em;}	
.gridfield .beschreibung_r, .gridfield .beschreibung_l {font-size:95%;}
#sticker-clone.sticky nav {	top:-2.0em; }
#sticker-clone.sticky{height:54px !important; }

				}			

@media (max-width: 1160px){
.maxibild, .maxibild2  {		height:440px;}
.maxibild .headline {font-size:200%;}		
.unter1160weg {display:none;}
				}			

@media (max-width: 1080px){
.gridfield .beschreibung_r, .gridfield .beschreibung_l {font-size:90%;}
header .hgrund {height:8.2em; }	
#schnellkontakt {width:50%;}
.unter1080weg {display:none;}	
				}
						
@media (max-width: 1006px){ 		
.maxibild, .maxibild2 {		height:415px;}
.gridfield .beschreibung_r, .gridfield .beschreibung_l {font-size:87%;}
.unter1006weg {display:none;}	
				}
				
@media (max-width: 980px){ 
.flexbox {  flex-direction: column;	flex-wrap: nowrap; align-items: left;	align-content: left;text-align:left;}
.flexbox .div30, .flexbox .div40, .flexbox .div50, .flexbox .div60, .flexbox .div70 {width:100%;margin-bottom:1.2em;}
.gridfield {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(1, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.gridfield .beschreibung_r, .gridfield .beschreibung_l {font-size:120%;}

footer .maxwidth {	flex-direction: column;	flex-wrap: nowrap; align-items: center;	align-content: center;}
footer address, footer .div33 {width:100%; text-align:center;}
footer .div33 {width:100%; text-align:center;border-top:1px solid #945b2d;padding:0.6em 0;}
#links{ width:46%;	}
.gallery img {	margin:0 11px 6px 0px;
		width:auto;
		border:3px solid #C6E2F9; border-radius:0;}

.show980 {display:block;}
.unter980weg {display:none;}	
				}

@media (max-width: 960px){ 
.maxibild, .maxibild2  {		height:395px;}

.unter960weg {display:none;}
.show960 {display:block;}				
				}



@media (max-width: 920px){ 
html, body { 	font-size:95%;	line-height:120%;}
#logo1 {bottom:3.3em;  }
nav {		bottom:3.7em;padding:2px 0.2%; }
.maxibild, .maxibild2  {		height:365px;}

#_links, #_rechts, #_links40, #_rechts60, #_links60, #_rechts40 { position:relative; width:100%; clear:both;float:none; }

.show960 {display:none;}
.unter920weg {display:none;}
			}
			
@media (max-width: 870px){ 
.maxibild {		height:335px;}
#umenu_1 { width:23%; }
#rechts { width:72%;}

.navbreak {display:block;}
.unter870weg {display:none;}
				}

@media (max-width: 800px){
.maxwidth 	{	 width:97%;}
.maxibild, .maxibild2 {		height:305px;}
.flexboxbreit {  flex-direction: column;	flex-wrap: nowrap; align-items: left;	align-content: left;text-align:left;}
.flexboxbreit .div30, .flexboxbreit .div40, .flexboxbreit .div50, .flexboxbreit .div60, .flexboxbreit .div70 {width:100%;margin-bottom:1.2em;}
.gal3er img {	width:500px;}
#sticker-clone.sticky #logo2 img {width:110px;}	
#sticker-clone.sticky nav {	top:-1.5em;}
.unter800weg, #logo1 .slogan{	display:none;} 
				}	
		
			
@media (max-width: 760px){
#logo1 {width:13%;  }
nav {		bottom:2.9em; }
.maxibild, .maxibild2  {		height:305px;}
	
#sticker-clone.sticky #logo2 img {width:90px;}
#sticker-clone.sticky #schnellkontakt,  #schnellkontakt {display:none !important;}
#sticker-clone.sticky nav {	top:-0.5em;}
.hgrund_main {	padding-top:0px;margin-top:-1em;	}
.maxwidth 	{	padding-top:0em; }
	

#rechts { width:72%;}

.gallery img {	margin:0 6px 3px 0px;
				width:auto;
 				border:3px solid #C6E2F9; border-radius:0;}
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:105%;line-height:135%;}
.navbreak {display:none;}
nav, #nav_oben, #slogan, #titelbild1, #titelbild2, #line, footer #siegel, #sticker2-clone.sticky, #umenu_1, 
#smartmenu, .sliderersatz { 	display:block;}
#sticker-clone.sticky, nav, #umenu_1, #biltstreifen  {display:none !important;}
header {margin-top:0px;height:5em;}
#logo1 {width:200px;top:-3.8em; }
header .hgrund {position:relative;}
.maxibild, .maxibild2  {	top:-1.8em;	height:16em;background-attachment: unset;}
		
.maxibild .headline {font-size:200%;}	
.maxibild #mehrinfo {bottom:0.1em;font-size:150%;}
.mehrinfo3 {display:block;margin-top:-0.4em;}
.maxibild2 address {display:none;}



.gridfield .beschreibung_r, .gridfield .beschreibung_l {position:relative;top:0em;right:0em;left:0;width:100%;font-size:100%;line-height:1.5em;padding:7px 7px 1.8em 7px;border-radius:0px;height:auto;}


header .maxwidth {width:98%;border-bottom:0px;}	
.maxwidth 	{	width:96%;  border-top:none;}

.hgrund_main {	padding-top:0em;	}

.btn-slide {background-color:white;border-radius:7px;width:100px;	}

main{			left:0; right:0; 
				margin-top:0; 
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
				}
#links, #rechts{ 
 			width:100%;	float:left; margin-bottom:1em; clear:both;}
				
article {		position:relative;
                width:100%;
				min-height:300px;
				margin:0 auto; 
				 /* 100 abzgl. dem seitl. padding... */
			}	
			.gal3er img {	width:100%;}
			
#vollebreite2, #vollebreite3, #vollebreite4  {background-color: rgba(255, 255, 255, 0.6);}
footer {		padding:6px; }

#ferien{
	
	right:0;
	}

footer #freitext {	display:none;}
footer address {	width:100%; text-align:center;}	
footer #oeffnungszeiten {margin-left:0%;width:100%; text-align:center;}	
				
.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){

.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;}
.maxibild, .maxibild2  {		height:14em;}
.nolink {pointer-events: none;}
.gallery img {	margin:0 11px 6px 0px;clear:none;	float:left;
				width:auto;
 				border:3px solid #C6E2F9; border-radius:0;display:table;}


#vollebreite4 {		width:96%;}	


.unter620weg {	display:none;}
				}

@media (max-width: 560px){	
.maxibild, .maxibild2 {		height:12em;}
.unter560weg {display:none;}
				}		
				
@media (max-width: 520px){	
.maxibild, .maxibild2  {		height:11em;}
.maxibild .headline {font-size:150%;}	
.maxibild #mehrinfo {bottom:0.1em;font-size:125%;}
.unter520weg {	display:none;}
.show520 {		display:block;}
				}

@media (max-width: 478px){
.mehrinfo3 {font-size:130%;}
#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 img {	margin:0 18px 12px 0px;}
footer {	height:32px; }
.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; }
			}


@media (max-height: 690px){
.maxibild, .maxibild2  {			background-attachment: unset;
						}	
			
			}