
/* Definitionen Bildschirmgrößen *********************/

@media screen and (max-width: 1200px) {
 #content, #footer {
 width:100% !important;
}
 #header {
 width: 98%;
 margin: 0 auto;
 padding:0 1% 0 1%;
 padding:0px;
 text-align: center;
}
 #footer {
 width:100% !important;
 padding:0px 0px 0px 0px;
}
.footer-wrapper {
 width:98% !important;
}
 .cl-col1, .cl-col2, .cl-col3 {
 margin-top:112px;
 min-height:260px;
 height:auto;
 width:30% !important;
 float:left;
 background-color:none;
}
 .cl-col1 {
 margin-left:20px;
}
 .cl-col2, .cl-col3 {
 margin-left:20px;
}
 img.haus {
 border: 2px solid #FFF;
 width:98.7%;
}


 #footer .footer-links p.copyright {
 float:left;
 margin-top:-1px;
 margin-right:0px;
 width:22%;
 float:left;
}
#footer .footer-links p.footer-imprint {
 margin-left:0px;
 width:100%;
 text-align:left;
 float:left;
}
#footer .footer-imprint a, .footer-imprint a:visited {
 color:#FFF;
 font-weight:bold;
}
#footer .footer-imprint a:hover {
 color:#FFF;
 text-decoration:none;
}
#footer .footer-links p.footer-imprint a {
 margin-left:3%;
}
 p.footer-imprint a.imp {
 margin-left:0px !important;
 background-color:#f5d1a6;
 color:#D95017 !important;
}
 p.footer-imprint a.kont {
 margin-left:30px !important;
background-color:#f5d1a6;
 color:#D95017 !important;
}
 p.footer-imprint .kontimp {
 margin-left:30px;
padding-right:30px;
background-color:#f5d1a6;
color:#D95017 !important;
}
 #footer .footer-links p.copyright {
 float:left;
 margin-top:-1px;
 margin-right:0px;
 font-size:14px;
 width:18%;
 float:left;
}
#footer .footer-links p.footer-imprint {
 margin-left:0px;
 width:100%;
 font-size:14px;
 text-align:left;
 float:left;
}
#footer .footer-imprint a, .footer-imprint a:visited {
 color:#FFF;
 font-weight:bold;
}
#footer .footer-imprint a:hover {
 color:#FFF;
 text-decoration:none;
}
#footer .footer-links p.footer-imprint a {
 margin-left:3%;
}
 p.footer-imprint a.imp {
 margin-left:0px !important;
 background-color:#f5d1a6;
 color:#D95017 !important;
}
 p.footer-imprint a.kont {
 margin-left:30px !important;
background-color:#f5d1a6;
 color:#D95017 !important;
}
 p.footer-imprint .kontimp {
 margin-left:30px;
padding-right:30px;
background-color:#f5d1a6;
color:#D95017 !important;
}
}


/* media querie handhelds 1280px Große Monitore */
@media only screen and (min-width: 1024px) {
 .reframe {
max-width: 1024px;
}


/*
.footer-wrapper {
 padding-left:0px !important;
 padding-right:0px !important;

}

*/





img.haus {
 border: 2px solid #FFF;
 width:98.7%;
}





}

/* media querie handhelds more than 980px Mittlere Monitore */
@media only screen and (max-width: 980px) {
 .reframe {
max-width: 980px;
}
/* header *********************/


.footer-wrapper {
 padding-left:0px !important;
 padding-right:0px !important;
}
 .js #menu {
 display:none;
}
 .js .slicknav_menu {
 display: block;
 padding: 0px;
}
 #header {
 position: relative;
 padding:0px;
}
 #headerwrapper {
 height:180px;
 background-color:#D95017;;
}
 #mobilMenu {
 height: 38px;
 overflow: hidden;
 padding:5% 0 1% 1%;
 padding:17% 0 1% 1%;
 padding:17% 0 1% 0;
}
 #mobilMenuListe {
 margin-top:20px;
 margin-top:0px;
}
 .hide-mobile {
 display: none;
}
 .hide-desktop {
 display: block;
}
 #content-left .column00 {
 display:none;
}
 #content-left .column01 {
 width:98%;
 border-left:0px;
 float:left;
}
 #content-lefthaus {
 width:100%;
 height:auto;
 float:left;
}
 #content-right {
 width:100% !important;
 height:auto !important;;
 float:left;
}
 #content-right p {
 margin:0px;
 padding-top:20px !important;
 font-size:16px;
 line-height:20px;
 padding-right:20px !important;
 padding-left:20px;
 color:#009494;
 text-align:justify;
}
 img.sofortkontakt {
 margin-top:5%;
 margin-left:2%;
 float:left;
}




#formtxt {
margin-left:2%;
margin-right:2%;
margin-bottom:30px;
width:90%;
min-height:100px;
height:auto;
float:left;
}

#formular {
	margin-left:2%;
	width:98%;
}

form #buchung {
	margin-left:2% !important;
	width:98%;
	height:auto;
	}


/* footer *********************/

.footer-wrapper {
 padding:10px 0px 10px 0px;
 height:10px;
}

#footer .footer-links {
 visibility:hidden;
}
 #footer .footer-links p.copyright {
 width:100%;
 text-align:center;
 float:left;
 visibility:hidden;
}
#footer .footer-links p.footer-imprint {
 margin-top:20px;
 width:100%;
 text-align:center;
 float:left;
 visibility:hidden;
}
}
.hidden {
	display: none;
}


/* media querie handhelds less than 760px Tabletts */
@media only screen and (max-width: 768px) {
 .reframe {
max-width: 768px
}

/* header *********************/


#headerwrapper {
 height:120px;
}
 #mainMenu {
 height: 38px;
 overflow: hidden;
 padding:0 0 0 0;
}
 #mobilMenu {
 height: 38px;
 overflow: hidden;
 padding:6% 0 3% 1%;
 padding:20% 0 3% 1%;
}
 #mobilMenuListe {
 margin-top:20px;
 margin-top:-10px;
}
 .hide-mobile {
 display: none;
}
 .hide-desktop {
 display: block;
}



/* content *********************/

#content-left {
 width:100%;
  min-height:200px !important;
 height:auto !important;
 margin-top:10px;
 /*margin-bottom:20px;*/
 margin-right:0px;
 padding: 0px 0px 0px 0px;
 border-right:none;
}
 

img.grundriss {
	margin: 3.5% 15% 3.5% 5%;
	width: 85%;
	height:auto;
	border: 2px solid #FFF;
	float:left;
}
img.detail {
		margin: 3.5% 0% 3.5% 5%;
	width: 40%;
	height:auto;
	border: 2px solid #FFF;
	float:left;
} 

a.strlink, a.strlink:link {
width:90% !important;

	font-size:15px;
}
a.verfuegbar, a.verfuegbar:link {
width:60% !important;

	font-size:13px;

}


/* footer *********************/

.footer-wrapper {
 padding:20px 1% 30px 1%;
}
 #footer .footer-links p.copyright {
 width:100%;
 text-align:center;
 float:left;
}
#footer .footer-links p.footer-imprint {
 margin-top:20px;
 width:100%;
 text-align:center;
 float:left;
}
}
.hidden {
	display: none;
}

/* media querie handhelds less than 600px */
@media screen and (max-width: 600px) {
 .reframe {
max-width: 600px
}

/* header *********************/

#headerwrapper {
 height:100px;
}
 #top_padding {
 padding-top: 100px;
}
 #mobilMenu {
 height: 38px;
 overflow: hidden;
 padding:5% 0 3% 0;
 padding:20% 0 3% 0;
}
 #mobilMenuListe {
 margin-top:30px;
 margin-top:0px;
}
.hide-mobile {
 display: none;
}
 .hide-desktop {
 display: block;
}
 #top_padding_home {
 padding-top: 100px;
}

/* content *********************/


 h1 {
-moz-hyphens: none;
-o-hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
 #content-left {
 width:100%;
 min-height:425px;
 height:auto;
 margin:0px;
 background-image:none;
 background-color:#EEF0EE;
 float:left;
}
 p.weitere {
display:none;
}
 .cl-col1, .cl-col2, .cl-col3 {
 margin-top:20px;
 height:auto;
 /*min-width:350px !important;*/
 width:90% !important;
 float:left;
 background-color:none;
}
 .cl-col1, .cl-col2, .cl-col3 {
 margin-left:3%;
}

 img.haus {
 border: 2px solid #FFF;
  margin-left:0px;
 width:90%;
}


img.grundriss {
	margin: 3.5% 3.5% 3.5% 3.5%;
	width: 90%;
	height:auto;
	border: 2px solid #FFF;
	float:left;
}
img.detail {
		margin: 3.5% 3.5% 3.5% 3.5%;
	width: 90%;
	height:auto;
	border: 2px solid #FFF;
	float:left;
} 

a.strlink, a.strlink:link {
	font-size:17px;
}
a.verfuegbar, a.verfuegbar:link {
	font-size:15px;

}


.felement, .felementnot, .felementsend, .felementarea {
	margin-left:10% !important;
	margin-right: auto !important;
	text-align:left;
width:80%;
}

.felementnot {
	display:none;
}

/* footer *********************/

.footer-wrapper {
 padding:20px 1% 30px 1%;
}
 #footer .footer-links p.copyright {
 width:100%;
 text-align:center;
 float:left;
}
#footer .footer-links p.footer-imprint {
 margin-top:20px;
 width:100%;
 text-align:center;
 float:left;
}
}
.hidden {
	display: none;
}


/* media querie handhelds less than 600px */
@media screen and (max-width: 480px) {

 /* header *********************/
 
 #headerwrapper {
 height:90px;
}
 #mobilMenu {
 height: 55px;
 overflow: hidden;
 padding-top:5%;
 padding-top:20%;
}
#mobilMenuListe {
 margin-top:15px;
 margin-top:-20px;
}
.hide-mobile {
 display: none;
}
 .hide-desktop {
 display: block;
}

/* Content *********************/



/* footer *********************/

#footer .copyright-left {
 width:100%;
 line-height:18px;
 text-align:center;
}
#footer .copyright-right {
 width:100%;
 margin-top:15px;
 margin-bottom:15px;
 text-align:center;
}
 #footer .footer-links p.copyright {
 float:left;
 margin-top:-1px;
 margin-right:0px;
 font-size:12px;
 width:100%;
 text-align:center;
}
#footer .footer-links p.footer-imprint {
 margin-left:0px;
 font-size:10px;
 width:100%;
 text-align:left;
}
 #footer .footer-links p.footer-imprint a {
 margin-left:2%;
}
 p.footer-imprint a.kont {
 margin-left:10px !important;
background-color:#f5d1a6;
 color:#D95017 !important;
}
 p.footer-imprint .kontimp {
 margin-left:10px;
padding-right:10px;
background-color:#f5d1a6;
color:#D95017 !important;
}
 .cl-col1, .cl-col2, .cl-col3 {
 margin-left:5%;
}



}
.hidden {
	display: none;
}
