

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:center;  */background:none !important; padding:none;}
	
/* h1 { font-size:35pt; margin:0 0 20px 0;font-family: 'Raleway', sans-serif; font-weight:300; line-height:1.2em; text-align:center}
h2 { text-align:left;font-size: 25pt;} */

#content span.fa { color:#96c11f; font-size:30pt; 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:30pt;}*/

#content span.fa, #content span.fab, #content span.far, #content span.fas { font-size:30pt; margin-bottom:10px;}
#content  span.fa-phone { font-size:26pt;}


/* .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:#f9f9f9;}



/*##############*/

.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:#fff; padding:50px; min-height:624px; }

form#inquiry-frm {
		float:right;
		width:100%;padding:0; 
		background:none;
}

#inquiry-frm .section {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:15px;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:#96c11f;} */

			
input.t_input {background:#fff; 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:#fff; 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%}


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: 1100px) {
	#content div.wrap {	text-align: center;}
	#content div.wrap div {	width: 100%;}
}
@media screen and (max-width: 1020px) {
	/* .wrp { width:90%; margin:0 auto} */
}
@media screen and (max-width:800px) {
	.GoogleMapsConsent { padding:0 0 30px 0; }
}
@media screen and (max-width:450px) {
	.contact-form {padding:1rem;}
}