@import 'formulare.css';

.contact-wrp{padding:0; /* max-width:900px; */ margin:0 auto;}

.flexbox-item:first-child {width: 65%;}
.flexbox-item:last-child {width: 35%;}

.section.locations {
	background:#fff !important;	
}

/* .pure-u-1 {letter-spacing:.2em!important;} */
.form-wrp  { display:flex; background:var(--section-color-even); padding:3% 5%; margin:1.5em 0 0}



/* div#failure			{	float:left;  border:1px solid red; background:#FFE8E8;	color:red; padding:10px; margin-top:15px; margin-bottom:20px}
#failure SPAN	{	float:left; line-height:20px; color:red}		
div#ok					{	float:left;  border:1px solid #00cc00; background:#EEFEEB; padding:10px; margin:15px 0 10px 0 } */

	
#inquiry-frm 	{  /* float:left;  */width:100%; max-width:800px; background: none;   margin:0 auto 0 auto; padding:0; }
/* #contact-frm DIV 	{ float:left; background: none; margin-bottom:3px}

#contact-frm DIV.cname, 
#contact-frm DIV.cmail,
 #contact-frm DIV.cmessage	{ width:100%; background:none; margin-top:5px } */


label.c-label {float:left;  min-width:200px; width:100%; line-height:20px; text-align:left; text-indent:0px; margin-right:10px; margin-top:5px;}
span.c-value {float:left; width:100%; line-height:20px; text-align:left; padding-top:0px;}
input.imp-value {width:280px; padding:5px 10px; font-size:1em;}
div#contact-buttons {float:left;width:470px;background:;margin-top:10px}
span#c-button-l {float:left;width:290px;text-align:left}
span#c-button-r {float:left}
			
						.sbm_de a 		{ display:block; color:		#fff; background:#e50075; padding:8px 30px;}
						.sbm_de a:hover 	{ background:#585c61; color:#fff }

						.sbm_en a 		{ display:block; color:		#fff;  background:#e50075;padding:8px 30px; }
						.sbm_en a:hover 	{ background:#585c61; }

textarea#c-message {width:280px; height:80px; padding:10px 10px; font-size:1em;}
#c-notes {float:left; width:100%; color:#666; margin-top:20px; margin-left:150px}

.hint { font-size:.8em; line-height:1.2em;}
					
@media screen and (max-width:1200px) {				
.flexbox-item:first-child {width: 65%;}
.flexbox-item:last-child {width: 35%;}
	}
@media screen and (max-width:1023px) {				
.flexbox-item:first-child,
.flexbox-item:last-child {width: 100%;}
#maps {	min-height:35vw;}
	}
@media screen and (max-width:767px) {
	#maps { float:left; position:relative !important; width:100%; height:350px!important; z-index:3;  }
	#maps iframe { height:250px!important; }
	div#breadcrumb { display:none;}
}