/* 1760447563.7345 */
@charset "utf-8";


body {
	background-color:#fff;	
	background-color:#2f9d96;
	background:linear-gradient(#e0f0ef, #2f9d96);
	background-attachment:fixed;
}


#container .box50 {
	width:49%;
	margin-right:2%;
}	


#container {
	width:98%;
	padding:0 1%;
}


#container aside#adresse {
	display:none;
}


/* ### NAVI START ### */


#mobil {
	display:block;
	width:100%;
	max-width:100%;
	margin:0 0 6px 0;
	padding:0;
	text-align:left;
	/*
	border-bottom:4px solid lime;
	*/
}

nav#nav a#logo_mobil {
	text-align:left;	
	float:none;
	margin:0;
	width:100%;
	height:100%;
	max-width:80px;
	max-height:100%;
	text-align:left;
}

nav#nav a#logo_mobil img.logo {
	width:100%;
	height:auto;
	max-width:80px;
	max-height:62px;
}

#nav #head_adresse {
	display:block;
	margin-top:0;
	padding-top:0;
}


nav#nav,
nav#nav div#mainnav_box {	
	max-width:100%;
	display:block;
	margin:0;
	padding:0;
	text-align:left;
}


nav#nav {
	background:none;
	background-color:transparent;
	width:98%;
	margin:0 1%;
	/*
	border-bottom:4px solid purple;
	*/
}

nav#nav div#mainnav_box {
	text-align:left;
	margin-top:10px;
}


nav#nav ul#mainnav {
	list-style:none;
	display:block;
	margin:10px 0;
	padding:0;
	width:auto;
	background-color:#f6f6f6;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
}

nav#nav ul#mainnav li ul {
	display:inline-block;
	padding: 0 0 0 29px;
}

nav#nav ul#mainnav li ul li ul {
	padding-left:16px;
}


#container #subnavi {
	display:none;
}





/* ### NAVI ENDE ### */


nav#nav div.header_suche {
	display:block;
	width:100%;
	height:auto;
	float:none;
	margin:0 auto;
	padding:0;
	text-align:center;
}

nav#nav div.header_suche #search_form {
	display:inline-block;
	height:auto;
	width:209px;
	margin:10px auto 4px auto;
	padding:0;
}


#container header#header {
	max-width:100%;
	display:block;
	margin:0;
	padding:0;
	text-align:center;
	
	/*
	border-bottom:4px solid brown;
	*/
		
}


#container header#header a#logo {
	display:none;	
}


#container header#header .header_pic {
	clear:both;
	width:98%;
	max-width:700px;
	height:auto;
	margin:0 1%;
}



/* ### INHALT START ### */

#content {
	float:none;
	display:block;
	width:auto;
	margin:0;
	padding:0;
	height:auto;
	min-height:100px;
	max-height:auto;
}

#content section {
	float:none;
	width:auto;
	display:block;
	margin:0;
	padding:0;
}

#container section.inhalt {
	width:calc(98% - 20px);	
	margin:20px 1%;
	padding:10px;
	float:none;
}






/* ### LEGENDE SUBNAVI START ### */


#container .box50 {
	width:49%;
	margin-right:2%;		
}

#container .box50:nth-child(2n){
	margin-right:0;
}

/* ### LEGENDE SUBNAVI ENDE ### */



	

/* ### FOOTER START ### */

footer {
	text-align:left;
	margin:0;
	padding:0;
	width:auto;	
}

footer div {
	width:98%;
	padding:0 1%;
}
	
footer div p {
	text-align:center;
	padding-left:0;
}

footer div p span.r {
	display:block;
	float:none;
	margin:0 auto 12px auto;
	text-align:center;
}


/* ### FOOTER ENDE ### */








#container ul.bilder {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
}

#container ul.bilder li {
	display:inline-block;
	float:left;
	width:calc(32% - 22px);
	height:auto;
	max-height:144px;
	margin:0 20px 10px 0;
	overflow:hidden;
}

#container ul.bilder li a {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	max-width:200px;
	max-height:144px;
}

#container ul.bilder li a img {
	width:100%;
	height:auto;
	max-width:200px;
	max-height:144px;
}

#container ul.bilder li a span {
	position:absolute;
	left:0px;
	bottom:0px;
	display:block;
	width:calc(92%);
	height:auto;
	margin:0;
	padding:1% 4%;
	max-width:200px;
	max-height:144px;
	line-height:180%;
	text-align:left;	
	color:#000;
	background-color:rgba(255,255,255,0.75);
}









/* ##### FORMULAR START ##### */

#container section article.formular form fieldset label.checkbox_txt_label {
	width:84%;
}

#container section article.formular form fieldset label,
	#container section article.formular form fieldset label.txt {
		display:block;
		width:auto;
		clear:both;
	}

	#container section article.formular form fieldset label.ort,
	#container section article.formular form fieldset label.ortsteil {
		width:auto;
		display:block;
		float:none;
		margin-left:0 !important;
	}
	

	#container section article.formular form fieldset label.fl {
		width:auto;
		display:block;
		float:none;
		margin:0;
	}

	#container section article.formular form fieldset label.radio_label,
	#container section.breit article.formular form fieldset label.radio_label {
		width:auto;
		display:inline-block;
		margin-left:6px;
	}
	
	#container section article.formular form fieldset label.checkbox_label {
		width:auto;
		display:inline-block;
		margin-left:6px;
		margin-right:16px;
		vertical-align:2px;
	}
		
	#container section article.formular form fieldset input.txt, 
	#container section article.formular form fieldset textarea {
		padding:1%;
		border:1px solid #d5d5d5;
		font-size:150%;
		line-height:140%;
	}
	
	#container section article.formular form fieldset input.txt, 
	#container section article.formular form fieldset textarea,
	#container section article.formular form fieldset textarea.fl,
	#container section article.formular form fieldset input.nolabel, 
	#container section article.formular form fieldset textarea.nolabel,
	#container section article.formular form fieldset input.plz,
	#container section article.formular form fieldset input.ort,
	#container section form fieldset select.select {
		width:97.5%;
		display:block;
		float:none;
		margin:0 0 4px 0;
	}
		
	#container section form fieldset select.select {
		margin-left:0px;
	}
	
	#container section form fieldset select.ortsteil,
	#container section form fieldset select#objektart_vorschlag {
		width:100%;
	}
	
	#container section form fieldset select.auto_width {
		width:auto;
	}

	#container section article.formular form fieldset input.captcha {
		width:100px;
		float:left;
	}

	#container section article.formular form fieldset input.radio, 
	#container section article.formular form fieldset input.checkbox {
		display:inline-block;
		width:16px;
		margin-left:25px;
	}
	
	#container section article.formular form fieldset input.radio:nth-child(1), 
	#container section article.formular form fieldset input.checkbox:nth-child(1) {
		margin-left:0;
		border:2px solid red;
	}

	#container section form fieldset img.captcha {
		float:left;
	}
	
	#container section article.formular form fieldset label.checkbox_txt_label {
		width:auto;
		max-width:90%;
		float:left;
		margin-left:0px;
		margin-right:16px;
		vertical-align:2px;
		font-weight:normal;
	}

	#container section article.formular form fieldset input.checkbox_txt_label {
		float:left;
		margin:2px 6px 0 6px;
	}

	
	#container section article.formular form select.select {
		margin-left:0;
	}

	
	#container section article.formular form fieldset p.hinweis {
		margin-left:0;		
	}

/* ##### FORMULAR ENDE ##### */


	
	
	
#container section article #galerie {
	clear:both;
	width:100%;
}



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

	
	#container section article div.hauptkategorie {
		display:block;
		text-align:left;
		clear:both;
	}

	#container section article div.hauptkategorie h2,
	#container section article div.hauptkategorie h4,
	#container section article div.hauptkategorie p {	
		text-align:left;	
		clear:both;
	}

	#container section article div.hauptkategorie h4 {
		margin-top:0;
	}

	#container section article div.hauptkategorie p {	
		text-align:left;	
	}

	#container section article div.hauptkategorie h2 .cat_pic, 
	#container section article div.hauptkategorie h4 .cat_pic,
	#container section article div.hauptkategorie .detailpic {
		float:none;
		margin:2px 0 6px 0;
		width:auto;
		max-width:100%;
		display:block;
	}
	
}
	


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

	#container h1.ohne {
		font-size:340%;
		text-align:left;
		text-transform:uppercase;
		border-bottom:none;
		margin:0 auto 12px auto;
		padding:0;
		display:block;
	}

	#container hr.h1 {
		height:1px;
		background:none;
		margin:12px 0 12px 0;
		border:none;
		border-top:1px solid #F2F2F2;
		display:block;
		clear:both;
		float:none;
	}
	
	#container .pic_r.detailpic {
		float:none;
		display:block;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	
	#container .pic_l.detailpic {
		float:none;
		display:block;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		margin-left:0;
		margin-right:0;
		text-align:left;
		
	}


}





@media only screen and (max-width: 480px) {
	
	#container section h1 {
		font-size:260%;
	}	
	
	/* GALERIE START */

	#container section article #galerie .gutter-sizer {		
		width: 2.25%;
	}
	
	#container section article #galerie .grid-sizer, 
	#container section article #galerie a {		
		width:31.5%;
	}
	
	/* GALERIE ENDE */
		
}



@media only screen and (max-width: 420px) {
	
	#mobnav-btn {
        display: inline-block;
		margin-right:0px;
		float:right;
		width:auto;
		max-width:48px;
		
    }
	

}


@media only screen and (max-width: 380px) {
	#container section h1 {
		font-size:240%;
	}
	
}

@media only screen and (max-width: 359px) {
	
	#container section article.formular form fieldset label.checkbox_txt_label {
		width:80%;
	}
	
}





#container h1.name {
	font-size:280%;
}		

@media screen and (max-width: 360px) {
	
	#container h1.name {
		font-size:220%;
	}	
	
}