.contact-wrp{padding:3% 0}

.flexbox-item:first-child {width: 70%;}
.flexbox-item:last-child {width: 30%;}

#content, #contentstart {padding: 3% 10%;}

.form-wrp  { background:#f9f9f9; padding:3% 5%}

#maps {
	position:relative !important;
	width: 100%; 
	height: 100%!important;
	min-height:30vw;
	overflow:hidden;
	z-index: 0;
}
	#maps iframe {  }

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 }

	
form#contact-frm 	{  float:left; width:650px; background: none;   margin:0; 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; color:#999}
					
@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;}
}