@charset "utf-8";
/* KONTAKTFORMULAR */

.button-outer {
	padding: 40px 0 0 0;
	margin: 0 auto;
	display: block;	
}
.center-btn {
	margin: 0px auto;
	text-align: center;
}

form{display:inline;}

#formbox {
	margin-top: 40px;
	display: block;
	clear: both;
	height: auto;
	position: relative;
	float: left;
	width: 100%;
}	

#contact-form-1,
.contactform-box,
.contactform-box-left,
.contactform-box-right {width: 300px; min-height: 10px; height: auto !important; height: 10px; margin: 0;}
#contact-form-1,
.contactform-box {clear: both; max-width: 630px;  width: 100%; margin: 0px auto; padding: 0px 0px 20px 0px;}
.contactform-box-left {clear: both; float: left; display: inline;}
.contactform-box-right {float: left; display: inline; margin-left: 10px;}
#contact-form-1 {clear: both; width: 630px; max-width: 100%; overflow: hidden; margin: 40px auto 0 auto;}

.contact-address,
.contact-address-full {clear: both; max-width: 400px; width: 100%;  min-height: 10px; height: auto !important; height: 10px; margin: 30px auto 0px auto; line-height: 22px; text-align:center;}
.contact-address-full {max-width: 800px; width: 100%; }
.contact-address a, .contact-address a:visited, .contact-address a.off,
.contact-address-full a, .contact-address-full a:visited, .contact-address-full a.off {color: #f1f1f1;}
.contact-address a:hover, .contact-address a:active, .contact-address a.on,
.contact-address-full a:hover, .contact-address-full a:active, .contact-address-full a.on {color: #e2e2e1;}

.contact-address-full .inner-h {float: left; display: inline; width: 340px; min-height: 10px; height: auto !important; height: 10px; margin: 0px 20px 0px 20px; text-align:center;}

.contact-distribution-team {clear: both; width: 608px; min-height: 10px; height: auto !important; height: 10px; margin: 30px auto 0px auto; line-height: 22px; text-align:center;}
.contact-distribution-team img {width: 608px; height: 405px; margin: 0px auto; text-align:center;}


ul.team {clear: both; display: inline-block; max-width: 940px; width: 100%; min-height: 1px; height: auto !important; height: 1px;}
ul.team li {display: inline-block; width: 286px; min-height: 1px; height: auto !important; height: 1px; margin: 0px 35px 10px 0px;}
ul.team li:last-child {margin-right: 0;}
ul.team li img.team-vertrieb {width: 220px; height: 308px; text-align: center; border: 7px solid #fff; }
ul.team li span {clear: both; display: block; text-align: center; text-transform:uppercase; margin-top: 10px; text-align: center;}
ul.team li span.title {}
ul.team li span.fon {}


div.lbl-row {margin: 0px auto 0px auto; text-align: center;}
span.lbl {clear: both; width: 40px; min-height: 10px; height: auto !important; height: 10px; margin-right: 10px;}

ul.formfield {clear: both; float:left; display: inline; list-style-type: none; margin: 2px 0px 0px 0px; width: 100%;}
ul.formfield li {float:left; display: inline; margin: 0px 0px 2px 0px;	background-repeat: no-repeat; _width/**/:10px; text-align: left; overflow: hidden;}
ul.formfield li.lbl, ul.formfield li.lbl-2 {clear: both; width: 110px;text-transform: uppercase; font-size: 15px; padding: 5px 10px 0px 4px;}
ul.formfield li.lbl-2 {width: 110px;}
ul.formfield li.field,
ul.formfield li.field-full {float:left; display: inline; text-align: left;}

ul.formfield li.field {
	margin: 0 5px 10px 5px; 
	width: 48%;
	width: calc(50% - 10px);
}
ul.formfield li.field-full {
	margin: 0 5px 10px 5px; 
	width: 100%;
	width: calc(100% - 10px);
}


ul.formfield li.form-important, ul.formfield li.form-important-2 {clear:both; float: left; display: inline; font-size: 11px; _width/**/:100%; color: #aa622a;}
ul.formfield li.form-important-2 { margin-left: 110px;}

ul.formfield li.field-full ul.field-check,
ul.formfield li.field ul.field-check {clear: both; float: left; display: block; min-width: 296px; width: auto !important; width: 296px; _width/**/:auto; }
ul.formfield li.field-full ul.field-check {}
ul.formfield li.field ul.field-check li {min-height: 10px; height: auto !important; height: 10px;}
ul.formfield li.field ul.field-check li.field,
ul.formfield li.field-full ul.field-check li.field {clear: none; float: left; display: inline; min-width: 15px; width: auto !important; width: 15px; height: 30px; margin: 5px 8px 0px 0px;}
ul.formfield li.field-full ul.field-check li.lbl,
ul.formfield li.field ul.field-check li.lbl {clear: none; float: left; display: inline; max-width: 140px; min-width: 50px; width: auto !important; width: 50px; margin-right: 10px; text-align: left;text-transform: none;}
ul.formfield li.field-full ul.field-check li.lbl {max-width: 90%; max-width: calc(100% - 45px); margin-right: 0;}

ul.formfield li.field-full ul.field-radio,
ul.formfield li.field ul.field-radio {clear: both; float: left; display: block; min-width: 296px; width: auto !important; width: 296px; _width/**/:auto; }
ul.formfield li.field-full ul.field-radio {}
ul.formfield li.field ul.field-radio li {min-height: 10px; height: auto !important; height: 10px;}
ul.formfield li.field ul.field-radio li.field,
ul.formfield li.field-full ul.field-radio li.field {clear: none; float: left; display: inline; min-width: 15px; width: auto !important; width: 15px; height: 30px; margin: 5px 8px 0px 0px;}
ul.formfield li.field-full ul.field-radio li.lbl,
ul.formfield li.field ul.field-radio li.lbl {clear: none; float: left; display: inline; max-width: 140px; min-width: 50px; width: auto !important; width: 50px; margin-right: 10px; text-align: left;text-transform: none;}
ul.formfield li.field-full ul.field-radio li.lbl {max-width: 90%; max-width: calc(100% - 45px); margin-right: 0;}

span.form-important {font-size: 16px; font-weight: 400; color: #aa622a;}
.starimportant {font-size: 16px; font-weight: 400; color: #aa622a;}
.footnote {color: #9a6760;}
sub, sup {line-height: 0px; font-size: 60%;}

input[type=text], input[type=password],
textarea, select,
input[type=text].off , input[type=password] .off ,
textarea.off , select.off {
	float: left; display: inline;
	font-family: 'Exo', sans-serif;
	font-weight: 300;
	font-size: 15px;
	margin: 0;
	padding: 10px 20px;
	width: 85%;
	width: calc(100% - 44px);
	/* text-shadow: 1px 1px 0 #eeeeee; */
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	-webkit-appearance:none;
}

select {
	width: 100%;
	color: #fff;
	-webkit-appearance:none;
}

option {
	color: #fff;
	padding: 0px 0px 0px 4px;
}

textarea {
	height: 100px;
	min-height: 100px;
	max-height: 400px;
	width: 90%;
	width: calc(100% - 44px);
	max-width: calc(100% - 44px);
	min-width: calc(100% - 44px);
	overflow: auto;
}

input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover,
input.sfhover, textarea.sfhover, select.sfhover,
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus,
input.sffocus, textarea.sffocus, select.sffocus, select.sfactive,
input[type=text]:hover, input[type=password]:hover, textarea:hover, select:hover,
input[type=text].on, input[type=password].on, textarea.on, select.on {
	background-color: #fff;
	color: #000;
}

.butt-hide {display: none; font-size: 0; width: 0px; height: 0px;}
.important, .form-important{height: 18px; font-size: 14px; font-weight: 300; color: #f1f1f1;}
.form-important-txt {clear:both; float: left; display: inline;}

div.radio.form-radio, div.radio.form-radio-err,
div.checkbox.form-checkbox, div.checkbox.form-checkbox-err {float: left; display: inline; border: 1px solid #c4a593; min-width: 1px; width: auto !important; width: 1px; min-height: 1px; height: auto !important; height: 1px; margin: 0; padding: 4px; font-size: 0;}

input[type=text].form-input-err, input[type=password].form-input-err, .form-input-err, div.checkbox.form-checkbox-err,
input[type=checkbox].form-checkbox-err, .form-textarea-err, 
div.radio.form-radio-err, input[type=radio].form-radio-err, 
.form-select-err {border-color: #aa622a; border-style: dashed;}

.box.bgcolorerror,
.box.bgcolorinfo,
.box.bgcolorsuccess {
	max-width: 282px;
	margin: 0 auto;
	padding-top: 30px;
	display: block;
	clear: both;
	float: none;	
}

.boxerror {background-color: #550000;}
.boxsuccess {background-color: #005500;}
.boxinfo{background-color: #005500;}

.boxerror, .boxsuccess, .boxinfo{
	clear: both; display: block; padding: 0px 5px 0px 0px; text-align:left; margin: 0px 0px 10px 0px;
	color: #f1f1f1; background-repeat: no-repeat;	background-position: center top;	min-height: 45px; _height/**/: 45px; border: 1px dashed #fff;}
.boxerror .msg, .boxsuccess .msg, .boxinfo .msg {padding: 25px 15px; text-align: center; font-size: 16px; line-height: 23px;}


.cont-box-btn {clear: both; width: 100%; min-height: 10px; height: auto !important; height: 10px; border: 0; margin: 0px auto 0 auto; color: #60c7c4; font-size: 11px;}
input.btn-send{clear: both; cursor: pointer; 
  width: 100%;
	max-width: 280px;
	background-color: #fff;
	border: #aa622a 1px solid;
	color: #000;
	font-size: 14px;
	letter-spacing: 1px;
	margin: 0 10px 30px 10px;
	opacity: 1;
	padding: 10px 40px;
	text-align: center;
	text-transform: uppercase;
	/*  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.1); */
	-webkit-appearance:none;
}

input.btn-send:hover {
	background-color: #aa622a;
	border: #aa622a 1px solid;
	color: #fff;
}	


.msg p.errormsg {
  clear: both; color: #dddd00;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #d8d8d8;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #d8d8d8;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #d8d8d8;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #d8d8d8;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #d8d8d8;
}


/* FOOTER */

#impressum-btn a, #impressum-btn {
	height: 22px; letter-spacing: 0.7px; margin: 2px 0 20px 0;
}
#impressum-btn a {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	padding-top: 12px;
	width: 226px;
	margin: 0 auto;
}
#impressum-btn a:hover {
	border-bottom: 1px solid #ffffff;
}

#privacy .close-btn {
	position: relative; margin: 20px auto;
	width: 40px; height: 40px; overflow: hidden;}
#privacy .close-btn a {
	height: 40px; display: block; font-size: 0; background-repeat: no-repeat; background-image: url(../img/up-light-close.png); background-position: 0px 0px;
}
#privacy .close-btn a:hover {
	background-position: 0px -40px;
}


@media screen and (max-width: 1024px){
	#privacy ul.datenschutz > li {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 30px;
	}
	#privacy ul.datenschutz li {
		text-align: center;
	}
}

#privacy ul.datenschutz li ul li {
	margin: 0px;
}
#privacy ul.datenschutz li:nth-child(2n) {
	margin-right: 0px;
}
#privacy ul.datenschutz li:nth-child(2n+1) {
	clear: both;
}
#privacy .sepline-light {
	background-color: #9D9D99;
	clear: both;
	display: block;
	font-size: 0;
	height: 1px;
	margin: 15px 0 20px;
	overflow: hidden;
}
#footer-outer {
	width: 100%;
	background-color: #333330;
	color: #FFF;
	border-top: 1px solid #FFF;
	background-image: url("../img/noise_bg.png");
	background-repeat: repeat;	
}
#footer-inner {
	margin: 0 auto;
	padding: 30px 22px;
	max-width: 1151px;
	width: 100%;
	width: calc(100% - 22px);
}
#footer-inner li {
	float: left;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.7px;
	list-style: none;
	text-align: center;
}

#footer-inner li.l {width: 100%; max-width: 474px;}
#footer-inner li.m {width: 130px; margin: 0px 20px 0px 20px;}
#footer-inner li.r {width: 100%; max-width: 470px;}

#footer-inner li  img {
	width: 100%; max-width: 200px; height: auto; margin-top: 25%;
}

#footer-inner li h3 {
	margin-bottom: 10px;
}

#footer-inner a, #footer-inner a:visited, #footer-inner a.off {color: #cccccc;}
#footer-inner a:hover, #footer-inner a.n {color: #ffffff;}


@media screen and (max-width: 1170px){
	#footer-outer,
	#footer-inner	{
    height: auto;
	}

	#footer-inner li {
		float: none;
		clear: both;
		display: block;
		height: auto;
		width: 100% !important;
		max-width: 100% !important;
		width: calc(100% - 22px) !important;
		text-align: center;
		padding-bottom: 30px;
		margin: 0 !important;
	}

	#footer-inner li  img {
		margin-top: 0;
	}

}

@media screen and (max-width: 559px){
	ul.formfield li.field {
    width: 100%;
    width: calc(100% - 10px);
	}
	
	input.btn-send {
		max-width: 280px;
		width: 100%;
		margin: 0 auto;
	}
}