@charset "UTF-8";
/*
Cascading Style Sheets für den Webauftritt der Imchen Combo, Berlin
hier nur Media Queries
*/

/* Die Formulierung max-width:300px bedeutet: das Gerät kann höchstens 300px darstellen */   

/* Handy uä */
@media (max-width: 31rem)  {
	#info_box {display:none;} 
	#menubalkenoben 	{display:none;}   
	#menubalkenunten 	{display:none;}   
	header {height:6rem;}
	#meinhamburger {
	visibility: visible;	
	top:2.3em;	
	}
#top_logo {
	visibility: hidden;	
	}
#top_logoxs {
	visibility: visible;	
	}
#combo_startgalerie { width:100%; max-width:12em;}

.sliderbild {
max-height: 8em;
width: auto;
margin: auto;
}
}

/* Tablets uä bis ca 760 px  ---------------------------------- */
@media (min-width: 31rem) and (max-width: 36rem)  {
	#info_box {display:none;} 
	#menubalkenoben 	{display:none;}   
	#menubalkenunten 	{display:none;}   
	header {height:9rem;}
	#meinhamburger {
	visibility: visible;	
	}

#combo_startgalerie { width:100%; max-width:15em;}

.sliderbild {
max-height: 11em;
width: auto;
margin: auto;
}
}

/* größere  ------------------------------------------------- */
@media (min-width: 36rem) and (max-width: 45rem)  {     
	header {height:10rem;}
#kirchegatow {width:80%; margin-top: 2em;}

#combo_startgalerie { width:100%; max-width:30em;}

.sliderbild {
max-height: 20em;
width: auto;
margin: auto;
}
}


/* größere  --------------------------------------------------*/
@media (min-width: 45rem) and (max-width: 53rem)  {     
	header {height:11rem;}
#kirchegatow {width:70%; margin-top: 2em;}

#combo_startgalerie { width:100%; max-width:35em;}

.sliderbild {
max-height: 25em;
width: auto;
margin: auto;
}
}


/* größere  ----------------------------------------------------*/
@media (min-width: 53rem)   {     
	header {height:15rem;}
	#info_box {	right:5em;	bottom:5em}
#kirchegatow {width:60%; margin-top: 2em;}

#combo_startgalerie { width:100%; max-width:41em;}

.sliderbild {
max-height: 30em;
width: auto;
margin: auto;
}

}