@media only screen and (max-width:940px) {
.off_center_left_container {
	max-width:348px;
}
.off_center_right_container {
	max-width:344px;
	clear:none;
}

.headline_left_container {
	width:380px;
	margin-right:auto;
}
.headline_left_content {
	width:auto;
	margin-right:auto;
	padding-left:40px;
	text-align:right;
}
}

@media only screen and (max-width:800px) {
.off_center_left_container {
	max-width:298px;
}
.headline_left_container {
	width:330px;
	margin-right:auto;
}
}
@media only screen and (max-width:750px) {
.off_center_left_container {
	max-width:268px;
}
.off_center_right_container {
	max-width:324px;
	clear:none;
}

.headline_left_container {
	width:280px;
	margin-right:auto;
}
}
@media only screen and (max-width:700px) {
.off_center_left_container {
	max-width:400px;
}
.off_center_right_container {
	max-width:600px;
	padding-left:0px;
	padding-top:16px;
	clear:left;
}

}


@media only screen and (max-width:780px) {
.navi_pic_area_half {
	width:100%;
}
.navi_pic_container {
	margin-left:auto;
	margin-right:auto;
}
}

@media only screen and (max-width:812px) {
.header_navi_container {
	display:none;
}

#header_top_navi_container {
	display:block;
}

.image_holzmaserung {
	width:800px;
	height:auto;
}
}

@media only screen and (max-width:600px) {
	
.content_image {
	position:relative;
	width:100%;
	height:120px;
	overflow:hidden;
	text-align:center;
	overflow:hidden;
	background-image:url(../images/Fachwerk.png);
	background-size:720px auto;
	background-repeat:no-repeat;
}
	
}

@media only screen and (max-width:530px) {
.header_image_label {
	right:0px;
	text-align:center;
	border-radius:0px 0px 0px 0px;
}

.headline_left_container {
	position:relative;
	height:auto;
	width:280px;
	margin-right:auto;
}
.headline_left_content {
	position:relative;
	width:auto;
	height:30px;
	margin-right:auto;
	padding:2px 0px;
	padding-left:40px;
	padding-right:16px;
	font-family:Cinzel, Arial, sans-serif;
	text-align:left;
	background-color:#6c3701;
	background-color:#5f3b2f;
	color:#FFF;
	font-size:24px;
}

}

@media only screen and (max-width:500px) {
.header_image_container {
	height:240px;
}

.header_image {
	height:240px;
	background-size:auto 240px;
}
.header_image_label {
	top:152px;
}

}


@media only screen and (max-width:420px) {
.footer_logo_mit_FW {
	width:100%;
	height:auto;
}
.footerBalken {
	display:none;
}
}









@media only screen and (max-width:400px) {


.selectableImage_container {
	margin-right:12px;
}
.selectableImage_image {
	width:130px;
	height:75px;
}


.desktop_version {
	display:none;
}
.mobile_version {
	display:block;
}

}