/* 
 * FlowupLabels Basic Stylesheet 
 * -----------------------------
 * This style sheet is marked with comments indicating 
 * what should and what shouldn't be changed for your 
 * styling purposes.
 */


#kontakt #signupForm {
	padding-left:70px;
}
 
#signupForm{clear:both;display:inline-block;}
#signupForm textarea,
#signupForm input[type="text"]{
    padding: 5px 5px 1px 11px;
    width: 100%;
}
body#suche #signupForm input[type="text"]{
	padding: 10px 5px 10px 11px;
	font-size:17px;
}

#signupForm textarea {padding-top:8px;}
#signupForm .form-group {width: 80%; float:left; margin-bottom:0;}
body#suche .form-group {width: 100%; margin-right:20px}
#signupForm .form-group .row {
    margin-bottom: 15px;
}
#signupForm .ctaMore {
	width: 19%; 
	float:right; 
	margin-top:57px;
	font-size:22px !important; 
	font-family: 'corporate_sbold';
	background:none;
	opacity:0.8;
	color:#000;
}
#signupForm .h-captcha-wrap {float:right;padding-top: 20px;}

#pkmg-interaktiv-fachforum #signupForm .ctaMore {
	width: 30% !important; 
	float:right; 
	margin-top:0;
}


#signupForm .ctaMore:hover {color:#f9de42;}
#signupForm .ctaMore.glyphicon {top:4px;}
#signupForm .form-control {
    height: 42px;
    border-radius: 0;
    border-color: #eee;
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 1);
	background:#eee;
	border:1px solid #eee;
	font-size:17px;
	font-family: 'corporate_s_bqlight';
	
	color:#303030;
}
#signupForm {
    z-index: 10000;
    position: relative;
}
.requiredFields { float:left;font-size:18px !important; font-family: 'corporate_s_bqlight'; opacity:0.8;}
#signupForm .checkbox input[type="checkbox"] {
    margin-left: 0px;
}
#signupForm #comment {min-height:180px;}
#signupForm select {margin-bottom:15px;}



#traingform{clear:both;display:inline-block;}
#traingform textarea,
#traingform input[type="text"]{
    padding: 5px 5px 1px 11px;
    width: 100%;
}
#traingform textarea {padding-top:8px;}
#traingform .form-group {width: 80%; float:left; margin-bottom:0;}
#traingform .form-group .row {
    margin-bottom: 15px;
}
#traingform .ctaMore.form-button {
	width: 19%; 
	float:right; 
	margin-top:57px;
	font-size:22px !important; 
	font-family: 'corporate_sbold';
	background:none;
	opacity:0.8;
	color:#000;
}
#traingform .ctaMore.form-button:hover {color:#f9de42;}
#traingform .ctaMore.form-button .glyphicon {top:4px;}
#traingform .form-control {
    height: 42px;
    border-radius: 0;
    border-color: #eee;
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 1);
	background:#eee;
	border:1px solid #eee;
	font-size:17px;
	font-family: 'corporate_s_bqlight';
	
	color:#303030;
}
.requiredFields { float:left;font-size:18px !important; font-family: 'corporate_s_bqlight'; opacity:0.8;}
#traingform .checkbox input[type="checkbox"] {
    margin-left: 0px;
}
#traingform #comment {min-height:180px;}
#traingform select {margin-bottom:15px;}
#traingform .h-captcha-wrap {float:right;padding-top: 20px;}


 #contactform{clear:both;display:inline-block;}
#contactform textarea,
#contactform input[type="text"]{
    padding: 5px 5px 1px 11px;
    width: 100%;
}
#contactform textarea {padding-top:8px;}
#contactform .form-group {width: 80%; float:left; margin-bottom:0;}
#contactform .form-group .row {
    margin-bottom: 15px;
}
#contactform .ctaMore.form-button {
	width: 19%; 
	float:right; 
	margin-top:57px;
	font-size:22px !important; 
	font-family: 'corporate_sbold';
	background:none;
	opacity:0.8;
	color:#000;
}
#contactform .h-captcha-wrap {float:right;padding-top: 20px;}
#contactform .ctaMore.form-button:hover {color:#f9de42;}
#contactform .ctaMore.form-button .glyphicon {top:4px;}
#contactform .form-control {
    height: 42px;
    border-radius: 0;
    border-color: #eee;
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 1);
	background:#eee;
	border:1px solid #eee;
	font-size:17px;
	font-family: 'corporate_s_bqlight';
	
	color:#303030;
}
.requiredFields { float:left;font-size:18px !important; font-family: 'corporate_s_bqlight'; opacity:0.8;}
#contactform .checkbox input[type="checkbox"] {
    margin-left: 0px;
}
#contactform #comment {min-height:180px;}
#contactform select {margin-bottom:15px;}



#mitgliederanmeldungForm{clear:both;display:inline-block;}
#mitgliederanmeldungForm textarea,
#mitgliederanmeldungForm input[type="text"]{
    padding: 5px 5px 1px 11px;
    width: 100%;
}
#mitgliederanmeldungForm textarea {padding-top:8px;}
#mitgliederanmeldungForm .form-group {width: 80%; float:left; margin-bottom:0;}
#mitgliederanmeldungForm .form-group .row {
    margin-bottom: 15px;
}
#mitgliederanmeldungForm .ctaMore.form-button-mitgliederanmeldung {
	width: 19%; 
	float:right; 
	margin-top:147px;
	font-size:22px !important; 
	font-family: 'corporate_sbold';
	background:none;
	opacity:0.8;
	color:#000;
}
#mitgliederanmeldungForm .ctaMore.form-button-mitgliederanmeldung:hover {color:#f9de42;}
#mitgliederanmeldungForm .ctaMore.form-button-mitgliederanmeldung .glyphicon {top:4px;}
#mitgliederanmeldungForm .form-control {
    height: 42px;
    border-radius: 0;
    border-color: #eee;
	box-shadow: inset 0 0px 0px rgba(0, 0, 0, 1);
	background:#eee;
	border:1px solid #eee;
	font-size:17px;
	font-family: 'corporate_s_bqlight';
	
	color:#303030;
}
.requiredFields { float:left;font-size:18px !important; font-family: 'corporate_s_bqlight'; opacity:0.8;}
#mitgliederanmeldungForm .checkbox input[type="checkbox"] {
    margin-left: 0px;
}
#mitgliederanmeldungForm #comment {min-height:180px;}
#mitgliederanmeldungForm select {margin-bottom:15px;}












.checkbox-shipping-address label {
    font-weight: bold;
}


.fl_wrap {
  /* Can change */
  /*height: 46px;*/
  /*margin: 12px auto;*/ /* change 0 to auto for center alignment */

  /* Don't change */
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* initial label state */
.fl_label {
  /* Can change */
  top:10px;
  left:11px;
    font-weight: normal;
	font-size:17px;
	font-family: 'corporate_s_bqlight';
  
  /* Don't change */
  position:absolute;
  z-index:3; /* This can be removed but then the labels must be placed after the inputs in the HTML */
  -webkit-transition:all 0.2s ease-in-out;
     -moz-transition:all 0.2s ease-in-out;
          transition:all 0.2s ease-in-out;
}

.fl_input {
  /* Can change */
  line-height: 22px;
    padding-left:12px;
    font-weight:bold;
    font-size: 14px;
  
  /* Don't change */
  /*
  position: absolute;
  top:0;left:0;right:0;bottom:0;
  width: 100%;
  */
  z-index: 2; /* This can be removed but then the labels must be placed after the inputs in the HTML */
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
 
  
/* Focus & populated label styling */
.fl_wrap.focused .fl_label,
.fl_wrap.populated .fl_label,
/* and graceful degradation */
.no-js .fl_label {
  /* Can change */
  top:2px;
  left:12px;
  font-size: 11px;
  color: #b3b3b3;
}
.fl_wrap.focused .fl_label,
.fl_wrap.focused .fl_label span.req,
.fl_wrap.populated .fl_label span.req {
  /* Can change */
  color:#666;
}
.checkout-form span.req {
    color: #cd1e1e;
}

.payment label,
.needs-validation label {
    display: initial;
}
.payment label {font-size: 17px;}
.payment .form-check p {
    padding-top: 6px;
    font-size: 14px;
    line-height: 1.4em;
}
.payment label small {color: #b3b3b3;font-weight:normal;padding-left:3px;}
.iconPayPal {
    background: url("../../assets/images/paypal.svg") top right no-repeat;
}
.iconSofortueberweisung {
    background: url("../../assets/images/sofortueberweisung.svg") top right no-repeat;
}
.iconMastercard {
    background: url("../../assets/images/mastercard.svg") top right no-repeat;
}
.iconDeutschePost {
    background: url("../../assets/images/DeutschePost.svg") top right no-repeat;
}
.iconDHL {
    background: url("../../assets/images/dhl.svg") top right no-repeat;
}
.iconFedEx {
    background: url("../../assets/images/FedEx-Express.svg") top right no-repeat;
}
.iconPayPal,
.iconSofortueberweisung,
.iconMastercard,
.iconDeutschePost,
.iconDHL,
.iconFedEx {
    background-size: 48px;
    padding-top: 4px;
}
.needs-validation .col-md-4,
.needs-validation .form-group .col-md-2,
.needs-validation .row .col-md-6:last-child {
    padding-left: 0px;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tbody > tr > td {
    padding-left: 0px;
}
.table > tbody > tr > td,
.table > tbody > tr > th {
    border: 0px solid #ddd;
    vertical-align:middle;
    display: table-cell;
}
.table > tbody > tr.articleDetails td {
    border: 0px solid #ddd;
    vertical-align: top;
}
.needs-validation hr {
    margin: 0.5em 0;
}
.needs-validation strong {
    font-weight:600;
}
button.ctaMore {border: none;}

@media only screen and (max-width: 767px) {
    .payment label {font-size: 14px;}
    .marginDoubleInput input { margin-bottom: 15px}
    .articleDetails img { max-width: 80%;}
}