div#wrapper,
div#main-wrapper  { width:100%!important; max-width:none!important;}

#cnt-wrapper {width:100%; max-width:none; margin:0 auto 0 auto }
#content {padding: 0 0 0;}

.section {float: none;width:100%; max-width:970px; margin:0 auto 3%; text-align:left !important; }
	
h1 { font-size:35pt; margin:0 0 20px 0;font-family: 'Raleway', sans-serif; font-weight:300; line-height:1.2em; text-align:left}
h2 { text-align:left;font-size: 25pt;}
h3 { text-align:left; }

#content span.fa { color:#957460; font-size:1.5em; font-weight:400; margin:0 0 15px;}
#content div.wrap { text-align:right; padding:40px 40px 16px;font-size:1.5em;}
#content div.wrap.wrap3, #content div.wrap.wrap4 { font-size:1em}
#content div.wrap.wrap3 span.fa, #content div.wrap.wrap4 span.fa { font-size:3em}

.wrap1 { background:#f6f6f6}
.wrap2 { background:#fcfcfc}
.wrap3 { background:#f4f4f4}
.wrap4 { background:#fcfcfc}

#content div.wrap div{ text-align:center;width:350px; clear:both; float:right}

/*##############*/


.flexbox {height:auto;
	position:relative; width:100%;  
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	box-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	align-items: stretch;
	margin: 0 0 0 0;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;}

.flexbox-item:first-child { background:#f4f4f4}

/*##############*/


.ContentConsent .pure-button { white-space:normal; }

.content iframe { margin:0 0 0 0; clear:left; float:left; width:100%;}
/* ------------- Google Maps Js API ---------------*/

#maps 			{ float:left; position:relative; width:100%; height:100%!important; min-height:500px; }
#maps iframe { width:100%; height:100%; min-height: 500px; margin-left:0%; }

#marker 		{ font-size:1.2em; overflow:hidden; color:#333 }

/* maps iframe ausblenden  */
#maps iframe.google_maps_consent { display:none } 



div#frm-wrapper {  float:right; width:100%; position:relative; background:none;}	

	#frm-wrapper div { float:left; width:100% ; background:none }
	#frm-wrapper div.half {  float:left; width:50%; background:none }
	
	.pure-form label { width:100%}

.contact-form { background:#fafafa; padding:50px; min-height:624px; }
	form#inquiry-frm {
					float:right;
					width:100%;padding:0; 
					background:none	}
				span.r-frm-caption {
					float:left; clear:left;
					width:100%;
					text-align:left;
					padding:0;
					margin:15px 0 0 0;}

				span.r-frm-value { clear:left;float:left; margin-top:5px;width:100%;	}
div.hint {
	text-align:left;  
	/* line-height: 15px;
	font-size: 12px; */
	font-size:0.95em;
	color:#999;
	margin:30px 0 0
}

 .hint label {   display:inline !important  }  
.hint input[type=checkbox] {   float:left;  margin:5px } 
				
						#frm-sbm {float:left; margin:52px 0 0 0}
						#frm-sbm a { float:left ; width:20%; padding:0; min-width:200px; height:40px; background:#707173; color:#fff;text-align:center;  line-height:40px; text-transform:uppercase; border:none;transition:all ease 0.3s; cursor:pointer}
						#frm-sbm a:hover {background:#957460;}

			
input.t_input {background:#fafafa; border:none!important;  border-bottom:1px solid #ccc!important;width:100%; padding:10px 0!important;
font-family: 'Raleway', sans-serif;box-shadow:none!important; box-sizing:border-box; font-size:1em; border-radius:0!important;}
textarea#itext {float:left; background:#fafafa; border:none; border-bottom:1px solid #ccc!important; width:100%;  border-radius:0!important;
padding:10px 0;height:100px;box-shadow:none; box-sizing:border-box;font-size:1em;font-family: 'Raleway', sans-serif;}
					
	
	textarea::-moz-placeholder,
	input::-moz-placeholder
	 {color: #555; font-weight:400;}
					

div#failure, div#advice	{ float:left; width:100%; border:1px solid red; background:#FFE8E8;	padding:10px 5%; margin-top:20px; color:red; margin-left:0px  }
#advice				{ margin-top:10px; display:none}
#failure SPAN		{float:left; color:red; width:100%; text-align:left; }


div#success, div#ok			{float:left; width:90%; border:1px solid #00cc00; background:#EEFEEB; padding:10px 5%; margin-top:20px; margin-left: 0px; color:#00cc00 }
#success a:hover	{ text-decoration:underline }


.GoogleMapsConsent { width:96%; text-align:left; padding:2%; background: #F4F4F4 }
.GoogleMapsConsent .fa { float:left; font-size:70px; margin-right:20px }



@media screen and (max-width:800px) {
	.GoogleMapsConsent { padding:0 0 30px 0; }
	#content { width:100%; padding:20px;}
	.contact-form { padding:10px; }
}

@media screen and (max-width: 1020px) {
.wrp { width:90%; margin:0 auto}

}
@media screen and (max-width: 1100px) {
#content div.wrap {	text-align: center;}
#content div.wrap div {	width: 100%;}
}