@charset "UTF-8";
/*
	urbanstudio usForm
	URI: http://www.urbanstudio.de
	Author: Oli Feiler
*/

/* ---------------------------------------------------------------------------------- */

div.antispam{display:none;}

/* ---------------------------------------------------------------------------------- */

div.form{display:block;width:100%;overflow:hidden;line-height:22px;color:#000000;}
div.form.nobg{background:none !important;} div.form.nopadding{padding:0 !important;}
div.form.full{margin:0 0 20px 0 !important;padding:20px 0 17px 0 !important;width:100%;}
div.usfield{display:block;clear:both;padding-bottom:22px;overflow:auto;}
div.usfield.clear{clear:both;height:auto;} div.usfield.antispam{display:none;}
div.usfield label{display:block;font-size:16px;font-weight:500;color:#333333;margin-bottom:8px;} div.usfield label a{color:rgb(233,76,5);}
div.usfield label span{color:#666666;font-weight:300;}
div.usfield h3{font-size:20px;line-height:normal;font-weight:300;margin:0 0 0 0;padding:0;color:rgb(233,76,5);}
div.usform-wrap{}

div.usform-wrap input, div.usform-wrap textarea, div.usform-wrap select{display:block;}
div.usform-wrap input, div.usform-wrap textarea{border:1px solid #D3D3D3;width:740px;padding:8px;color:#666;background:#FFFFFF;font-size:16px;font-family:'Roboto', Geneva, Arial, sans-serif;font-weight:300;box-sizing:border-box;}
div.usform-wrap textarea{height:180px;}
div.usform-wrap input[type="text"], div.usform-wrap input[type="tel"], div.usform-wrap input[type="date"], div.usform-wrap input[type="email"], div.usform-wrap textarea{outline:0px 1px 0px #FFFFFF;outline-bottom:solid;outline-width:1px;}

div.usform-wrap input:focus, div.usform-wrap textarea:focus{background-color:#FFFFFF;border:1px solid #666666;color:#000000;outline:none;}
div.usform-wrap input[type="radio"]{width:16px;margin-top:5px;border:0;} div.usform-wrap input[type="checkbox"]{width:auto;margin-top:5px;border:0;}

div.usform-wrap.select{border:1px solid #D3D3D3;width:698px;padding:0;color:#666;background:#FFFFFF;font-size:16px;font-family:'Roboto', Geneva, Arial, sans-serif;font-weight:300;}
div.usform-wrap select, div.usform-wrap select:focus{width:140px;padding:2px;outline:none;}
div.usform-wrap select.list{border:1px solid #CCC;width:148px;padding:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin-bottom:8px;color:#666;}
div.usform-wrap select.list.double{width:268px;} div.usform-wrap select.list.nolabel{margin-left:20px;}

.usform-horizontal-checklist{float:none;clear:both;}
.usform-horizontal-checklist div.usform-wrap{display:block;height:auto;width:100px;float:left;overflow:auto;padding-bottom:5px;}
.usform-horizontal-checklist.two-columns div.usform-wrap{width:calc((100% - 20px) / 2);} .usform-horizontal-checklist.two-columns:nth-child(odd){margin:0 20px 0 0;}
.usform-horizontal-checklist input{margin-right:10px;display:inline;float:left;width:18px;}
div.usfield .usform-horizontal-checklist label{color:#000000;font-weight:300;padding:0 10px 0 0;margin-left:20px;margin-bottom:0;cursor:pointer;}

.usform-vertical-checklist{float:none;clear:both;}
.usform-vertical-checklist div.usform-wrap{display:block;height:auto;width:auto;float:none;overflow:auto;padding-bottom:5px;}
.usform-vertical-checklist input{margin-right:10px;display:inline;float:left;width:18px;}
div.usfield .usform-vertical-checklist label{color:#000000;font-weight:300;padding:0 10px 0 0;margin-left:20px;margin-bottom:0;cursor:pointer;white-space:nowrap;}

.usbutton{clear:both;margin-bottom:20px;height:auto !important;}


/* -- ERROR / SUCCESS -------------------------------------------------------------------------------- */

div.usfield.error label{color:#CC0000;}
div.usfield.error div.usform-wrap input, div.usfield.error div.usform-wrap textarea{border-color:#CC0000;}
div.usfield.success label{color:#2DB200;}
div.usfield.success div.usform-wrap input, div.usfield.success div.usform-wrap textarea{border-color:#2DB200;}


/* -- FLOATING FORM -------------------------------------------------------------------------------- */

div.form.floating{overflow:auto;}
div.form.floating div.usfield{float:left;clear:none;}
div.form.floating div.usfield.clear{clear:both;}
div.form.floating div.usfield.one{width:355px;margin-right:30px;}
div.form.floating div.usfield.one.last, div.form.floating div.usfield.one.no-margin{margin-right:0;}
div.form.floating div.usfield.one div.usform-wrap input, div.form.floating div.usfield.one div.usform-wrap textarea{width:355px;}

div.form.floating div.usfield.one div.usform-wrap input.street{width:300px;margin-right:15px;float:left;}
div.form.floating div.usfield.one div.usform-wrap input.streetnr{width:40px;float:left;}
div.form.floating div.usfield.one div.usform-wrap input.zip{width:80px;margin-right:15px;float:left;}
div.form.floating div.usfield.one div.usform-wrap input.city{width:260px;float:left;}

div.form.floating div.usfield.one div.usform-wrap.select{border:1px solid #D3D3D3;width:353px;padding:0;height:35px;overflow:hidden;background:#FFFFFF url('images/select36x35.svg') no-repeat 100% 50%;background-size:36px 35px;cursor:pointer;}
div.form.floating div.usfield.one div.usform-wrap.select select{display:block;border:0;background:transparent;color:#000000;font-size:14px;font-family:'Roboto', Geneva, Arial, sans-serif;font-weight:300;-webkit-appearance:none;text-transform:none;cursor:pointer;width:120%;height:35px;padding:8px;}
div.form.floating div.usfield.one .usform-horizontal-checklist div.usform-wrap input[type="radio"]{width:16px;margin-top:5px;border:0;}
div.form.floating div.usfield.one .usform-horizontal-checklist div.usform-wrap input{margin-right:10px;display:inline;float:left;width:18px;}

div.form.floating div.usfield.half{width:138px;margin-right:29px;}
div.form.floating div.usfield.half.last, div.form.floating div.usfield.half.no-margin{margin-right:0;}
div.form.floating div.usfield.half div.usform-wrap input, div.form.floating div.usfield.half div.usform-wrap textarea{width:138px;}

div.form.floating div.usfield.half div.usform-wrap input.street{width:250px;margin-right:12px;float:left;}
div.form.floating div.usfield.half div.usform-wrap input.streetnr{width:40px;float:left;}
div.form.floating div.usfield.half div.usform-wrap input.zip{width:60px;margin-right:12px;float:left;}
div.form.floating div.usfield.half div.usform-wrap input.city{width:230px;float:left;}

div.form.floating div.usfield.half div.usform-wrap.select{border:1px solid #D3D3D3;width:137px;padding:0;height:35px;overflow:hidden;background:#FFFFFF url('/lib/s/select-arrow.png') no-repeat 100% 50%;cursor:pointer;}
div.form.floating div.usfield.half div.usform-wrap.select select{display:block;border:0;background:transparent;color:#000000;font-size:14px;font-family:'Roboto', Geneva, Arial, sans-serif;font-weight:300;-webkit-appearance:none;text-transform:none;cursor:pointer;width:177px;height:35px;padding:8px;}

/* -- LOGIN FORM -------------------------------------------------------------------------------- */
div.form.floating.login{width:280px;margin:0 auto;padding:0;text-align:left;background:none !important;}
div.form.floating.login div.usfield.half{width:280px;margin:0;padding-bottom:0;}
div.form.floating.login div.usfield div.usform-wrap input, div.form.floating.login div.usfield div.usform-wrap textarea{width:262px;}
div.form.floating.login div.usfield label{display:block;font-size:12px;font-weight:300;line-height:12px;text-transform:uppercase;color:#444444;margin:20px 0 6px 0;}
div.form.floating.login div.usfield.half div.usform-wrap.select{border:1px solid #D3D3D3;width:278px;padding:0;height:35px;overflow:hidden;background:#FFFFFF url('/lib/s/select-arrow.png') no-repeat 100% 50%;cursor:pointer;}
div.form.floating.login div.usfield.half div.usform-wrap.select select{display:block;border:0;background:transparent;color:#000000;font-size:14px;font-family:'Roboto', Geneva, Arial, sans-serif;font-weight:300;-webkit-appearance:none;text-transform:none;cursor:pointer;width:320px;height:35px;padding:8px;}
div.form.floating.login div.usbutton{clear:none;float:left;margin-top:37px;margin-bottom:0;}


/* -- FILTER FORM 280px -------------------------------------------------------------------------------- */
div.form.filterform{}
div.form.filterform div.usfield{float:none;}
div.form.filterform div.usfield div.usform-wrap input, div.form.filterform div.usfield div.usform-wrap textarea{width:242px;}
div.form.filterform div.usfield div.usform-wrap input[type="checkbox"]{width:auto;}


/* -- PLACEHOLDER -------------------------------------------------------------------------------- */
div.usform-wrap input::-webkit-input-placeholder{font-size:16px;font-family:'Roboto', Geneva, Arial, sans-serif;font-weight:300;font-style:italic;text-transform:none;color:#999999;}
div.usform-wrap input:-moz-placeholder { /* Firefox 18- */ font-size:16px;font-family:'Roboto', Geneva, Arial, sans-serif;font-weight:300;font-style:italic;text-transform:none;color:#999999;}
div.usform-wrap input::-moz-placeholder {  /* Firefox 19+ */ font-size:16px;font-family:'Roboto', Geneva, Arial, sans-serif;font-weight:300;font-style:italic;text-transform:none;color:#999999;}
div.usform-wrap input:-ms-input-placeholder{font-size:16px;font-family:'Roboto', Geneva, Arial, sans-serif;font-weight:300;font-style:italic;text-transform:none;color:#999999;}
div.usform-wrap input:focus::-webkit-input-placeholder{color:transparent;}


/* -- BUTTONS -------------------------------------------------------------------------------- */
a.button, button.button {
  display: inline-block;
  color: #FFFFFF;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 500;
  margin:0 30px 0 0;
  padding: 6px 15px 6px 15px;
  width: auto;
  text-align: center;
  border: 0;
  border-radius: 3px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
  cursor: pointer; }
 button.button{height:36px;}

.form a.button, .form button.button {
  padding: 7px 15px 7px 15px; }

a.button.blue {
  background: #216EA3;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0 !important; }

a.button.blue:hover {
  background: #0C5689; }

a.button.green {
  background: #2DB200;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0 !important; }

a.button.green:hover {
  background: #20A000; }

a.button.yellow {
  background: #FFBF00;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0 !important; }

a.button.yellow:hover {
  background: #FFAE00; }

a.button.red {
  background: #D90000;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0 !important; }

a.button.red:hover {
  background: #C50000; }

a.button.gray, button.button.gray {
  background: rgb(233,76,5);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0 !important; }

a.button.gray:hover, button.button.gray:hover {
  background: rgb(216, 50, 0); }

a.button.lightgray {
  background: #CCCCCC;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0 !important; }

a.button.lightgray:hover {
  background: #AAAAAA; }



a.button i.fa {
  margin: 0 6px 0 -4px; }



/* Alert Boxes
====================================*/
.notification {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 15px;
	position: relative;
	padding: 14px 40px 14px 18px;
	-webkit-box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
}
.woocommerce-message .notification {
	overflow: hidden;
}
.notification p {margin: 0;}
.notification span {font-weight: bold;}

.notification.success {
	background-color: #EBF6E0;
	color: #5f9025;
	border: 1px solid #b3dc82;
}

.notification.error {
	background-color: #ffe9e9;
	color: #de5959;
	border: 1px solid #fbc4c4;
}

.notification.warning {
	background-color: #FBFADD;
	color: #8f872e;
	border: 1px solid #ded58a;
}

.notification.notice {
	background-color: #E9F7FE;
	color: #5091b2;
	border: 1px solid #b6d7e8;
}

.notification.success .close,
.notification.error .close,
.notification.warning .close,
.notification.notice .close {
	padding: 0px 14px;
	position: absolute;
	right: 0;
	top: 20px;
	display: block;
	height: 8px;
	weight: 8px;
}

.notification.success .close {background: url('images/alert_boxes_close_ico.png') 0 -8px no-repeat;}
.notification.error .close {background: url('images/alert_boxes_close_ico.png') 0 0 no-repeat;}
.notification.warning .close {background: url('images/alert_boxes_close_ico.png') 0 -16px no-repeat;}
.notification.notice .close {background: url('images/alert_boxes_close_ico.png') 0 -24px no-repeat;}

div.form.hideform {
    display: none;
}



/* -- RESPONSIVE -------------------------------------------------------------------------------- */
@media only screen and (max-width: 1089px) {

div.form{width:auto;}
div.usfield{display:block;clear:both;padding-bottom:22px;overflow:auto;width:100%;}
div.usform-wrap input, div.usform-wrap textarea{width:100%;}

div.form.floating div.usfield.one{width: calc( ( 100% - 30px ) / 2 );margin-right:30px;}
div.form.floating div.usfield.one.last, div.form.floating div.usfield.one.no-margin{margin-right:0;}
div.form.floating div.usfield.one div.usform-wrap input, div.form.floating div.usfield.one div.usform-wrap textarea{width:100%;}

div.form.floating div.usfield.one div.usform-wrap input.street{width: calc( 100% - 55px );margin-right:15px;float:left;}
div.form.floating div.usfield.one div.usform-wrap input.streetnr{width:40px;float:left;}
div.form.floating div.usfield.one div.usform-wrap input.zip{width:80px;margin-right:15px;float:left;}
div.form.floating div.usfield.one div.usform-wrap input.city{width:calc( 100% - 95px );float:left;}

div.form.floating div.usfield.one div.usform-wrap.select{width:100%;height:37px;box-sizing:border-box;}

@media only screen and (max-width: 767px) {

div.form{width:auto;}

div.form div.usfield{float:none;clear:none;}
div.form div.usfield.clear{clear:both;}

}

@media only screen and (max-width: 590px) {
div.form div.usfield{float:none;clear:none;}
div.form div.usfield.clear{clear:both;}
div.form.floating div.usfield.one{width:100%;margin-right:0;}
div.form.floating div.usfield.one.last, div.form.floating div.usfield.one.no-margin{margin-right:0;}
div.form.floating div.usfield.one div.usform-wrap input, div.form.floating div.usfield.one div.usform-wrap textarea{width:100%;}
	
.form a.button, .form button.button{box-sizing:border-box;width:100%;padding:0 0 0 0;height:50px;line-height:50px;}
	
.usform-horizontal-checklist.two-columns div.usform-wrap,
.usform-horizontal-checklist.two-columns:nth-child(odd){width:100% !important;margin:0 0 0 0;}
}