/****** Media Queries *****************/
/**************************************/

/* Phablets (portrait) | <640px */
@media only screen and (max-width: 40em) {
	* { max-width: 100% }
	#mobile-menu { background: #31251c }
	#mobile-menu a { display: block; padding: 10px 0; color: #dae783; font-family: georgia,helvetica,Arial; font-size: 1.8em;
    font-weight: bold; text-align: center; text-indent: 20px; width: auto; line-height: 20px }
	#mobile-menu a span { background: url(icon-bars.png) 50% 1px no-repeat; width: 30px; height: 20px; display: inline-block; vertical-align: middle }
	#bread_wrapper, #ende, #links_navigation, #supersized { display: none !important }
	#supersized { height: auto; margin-top: 150px; position: relative } 
	#supersized a { position: relative; overflow: auto; display: block; width: 100% !important; height: auto !important }
	#supersized img { width: 100% !important; height: auto !important; left: 0 !important; display: block }
	#site-content, #header_wrapper, #main-block, #diabild, #main { float: none; width: 100%; margin: 0 !important }
	#header { position: relative; min-height: 100px; background-position: top left; 
		background-size: 100%; background-image: url(border_top_responsive.png); }
	#header .logo a { width: 100% !important; margin: 0 !important }
	#header_wrapper .sprachen { float: right; margin: 0; padding: 0; margin-top: 80px; margin-right: 10px }
	#site-content { 	}
	#main-content-block { padding: 10px 20px 10px 20px }
	
	#main-content-block img { max-width: 100%; height: auto; box-sizing: border-box }
	#main-content-block .linie { width: 100%; box-sizing: border-box }
	
	#main-content-block .startbild_erstes .galerie_schalter img { right: 20px; left: auto }
	
	#footer { background: none }
	.footer_submenue { width: 100%; padding: 0; background: #31251c }
	.footer_submenue ul.footer_navigation li a, .footer_submenue ul.footer_navigation li a:link { padding-left: 20px; width: 100%; box-sizing: border-box }
	.footer_submenue p { margin-left: 20px }
	
	#footer .schalter_facebook a, #footer .schalter_facebook a:link { position: relative; margin: 0; margin-left: 20px; margin-bottom: 20px }
	
	.pirobox-content , .pirobox-content  img{ max-width: 100% !important; max-height: 100% !important }
	
}

/* Smartphones | <480px */
@media only screen and (max-width: 30em) {

	#main-content-block .flLeft,
	#main-content-block .flRight	{ float: none; margin: 10px 0 !important }
	#main-content-block .flLeft img,
	#main-content-block .flRight img	{ width: 100%; height: auto; box-sizing: border-box }

}

/* Smartphones | <320px */
@media only screen and (max-width: 20em) {

}

/* Big Screens Navi Fix | >720px */
@media only screen and (min-width: 60em) {

	#mobile-menu { display: none }

}