/* //////////// FORM ABOBESTELLUNG //////////// */

#formcontent_bestelldaten,
#formcontent_lieferdaten {
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
}

#formcontent_lieferdaten_adresse {
  display:none;
}


#formcontent_bestelldaten label,
#formcontent_lieferdaten_adresse label {
  float: left;
  margin-top: 6px;
  width: 100px;
}

.selects {
  width: auto;
  height: 20px;
  display: block;
  margin-bottom: 0px;
}

.entity-entitypoll-choice input[type="radio"],
.entity-entitypoll-choice input[type="checkbox"] {
  display: block;
}

/* #2283 */
/* Fix Herr/Frau validation on abo/testabo and abo/vorteilsabo */
/* The problem with this form was some styling which replaced the radio */
/* buttons with styled pseudo-buttons. This caused the html validation to */
/* fail. */
/* The solution here is to keep the styling on the right colum, but in the */
/* left column we reinstate the normal radio buttons, so the validation works */
/* as expected. */

table#edit-bewertung-0-table input[type="radio"] {
  display: none;
}

table#edit-bewertung-0-table input[type="radio"] + label {
  cursor: pointer;
}

table#edit-bewertung-0-table input[type="radio"] + label:before {
  content:"";
  display:inline-block;
  height: 20px;
  vertical-align:middle;
  width: 20px;
  margin: -2px 2px 0 0;
}

table#edit-bewertung-0-table input[type="radio"] + label:before {
  font-family:'FontAwesome';
  content:"\f10c";
  font-size: 16px;
  padding-left: 1px;
}

table#edit-bewertung-0-table input[type="radio"]:checked + label:before {
  content:"\f192";
}

table#edit-bewertung-0-table .form-type-radio label {
  float: none !important;
}

div.titelseite-bewertung-select input[type="radio"] {
  display: none;
}

div.titelseite-bewertung-select input[type="radio"] + label {
  cursor: pointer;
}

div.titelseite-bewertung-select input[type="radio"] + label:before {
  content:"";
  display:inline-block;
  height: 20px;
  vertical-align:middle;
  width: 20px;
  margin: -2px 2px 0 0;
}

div.titelseite-bewertung-select input[type="radio"] + label:before {
  font-family:'FontAwesome';
  content:"\f10c";
  font-size: 16px;
  padding-left: 1px;
}

div.titelseite-bewertung-select input[type="radio"]:checked + label:before {
  content:"\f192";
}

div.titelseite-bewertung-select .form-type-radio label {
  float: none !important;
}

#zs-views-finder-purpose input[type="radio"] {
  display: none;
}

#zs-views-finder-purpose input[type="radio"] + label {
  cursor: pointer;
}

#zs-views-finder-purpose input[type="radio"] + label:before {
  content:"";
  display:inline-block;
  height: 20px;
  vertical-align:middle;
  width: 20px;
  margin: -2px 2px 0 0;
}

#zs-views-finder-purpose input[type="radio"] + label:before {
  font-family:'FontAwesome';
  content:"\f10c";
  font-size: 16px;
  padding-left: 1px;
}

#zs-views-finder-purpose input[type="radio"]:checked + label:before {
  content:"\f192";
}

#zs-views-finder-purpose .form-type-radio label {
  float: none !important;
}

#zs-views-finder-budget input[type="radio"] {
  display: none;
}

#zs-views-finder-budget input[type="radio"] + label {
  cursor: pointer;
}

#zs-views-finder-budget input[type="radio"] + label:before {
  content:"";
  display:inline-block;
  height: 20px;
  vertical-align:middle;
  width: 20px;
  margin: -2px 2px 0 0;
}

#zs-views-finder-budget input[type="radio"] + label:before {
  font-family:'FontAwesome';
  content:"\f10c";
  font-size: 16px;
  padding-left: 1px;
}

#zs-views-finder-budget input[type="radio"]:checked + label:before {
  content:"\f192";
}

#zs-views-finder-budget .form-type-radio label {
  float: none !important;
}

.webform-client-form-1 .col_abobestellung_right input[type="radio"]{
  display:none;
}

.webform-client-form-1 .col_abobestellung_right input[type="radio"]+label{
  cursor:pointer;
}

.webform-client-form-1 .col_abobestellung_right input[type="radio"]+label:before{
  content:"";
  display:inline-block;
  height: 20px;
  vertical-align:middle;
  width: 20px;
  margin: -2px 2px 0 0;
}

.webform-client-form-1 .col_abobestellung_right input[type="radio"]+label:before{
  font-family:'FontAwesome';
  content:"\f10c";
    font-size: 16px;
  padding-left: 1px;
}
.webform-client-form-1 .col_abobestellung_right input[type="radio"]:checked+label:before{
  content:"\f192";
}

.webform-client-form-1 .col_abobestellung_left .form-type-radio label {
  float: none !important;
}

.webform-client-form-1 .col_abobestellung_left .selects {
  height: 48px;
}

.webform-client-form-1 .col_abobestellung_left .selects > label {
  margin-bottom: 1em;
}

/* #2283 */
/* Fix Herr/Frau validation on other webforms */
/* /newsletter */
/* /kleinanzeige-kostenlos-aufgeben */
.webform-client-form input.form-radio {
  width: 20px;
  position: static;
}

input[type="checkbox"] {
  display:none;
}

input[type="checkbox"]+label{
    cursor:pointer;
}


#formcontent_bezahlung label {
  float: left;
  margin-top: 6px;
  min-width: 40px;
  width: auto;
  margin-right: 30px;
  margin-bottom: 10px;
}

#formcontent_bezahlung .form-item-submitted-einzug label {
  width: 350px;
}


#formcontent_bezahlung label.short,
.zustimmung label.option {
  float: left;
  width: 25px;
  margin-top: 0;
  padding: 0;
  height: 13px;
  margin-right: 0px;
}

.webform-client-form #form-messages {
  width: 90%;
}

#webform-client-form-12 label,
#webform-client-form-4 label,
#webform-client-form-2800 label,
#webform-client-form-17 label {
  clear:both;
}

#webform-client-form-4 textarea {
  height: 96px;
}


#webform-client-form-4 .twelve.outer {
  margin-left:-16px;
}

#formcontent_bezahlung label.long {
  float: left;
  margin-top: 6px;
  width: auto;
  margin-right: 0;
  margin-bottom: 8px;
}

#formcontent_bezahlung label.label_input {
  width: 50px;
  margin-right: 0px;
}


input[type="checkbox"]+label:before{
  content:"";
  display: inline-block;
  height: 16px;
  width: 20px;
}


input[type="checkbox"]+label:before{
  font-family:'FontAwesome';
  content:"\f096";
    font-size: 16px;
  padding-left: 1px;
  /*background: url(../picts/checkboxes.png) no-repeat 0px 1px;*/
}

input[type="checkbox"]:checked+label:before{
  content:"\f046";
  /*background: url(../picts/checkboxes.png) no-repeat -20px 1px;*/
}


#user-profile-form .form-text,
#user-register-form .password-field,
#user-register-form .password-confirm,
.node-form .form-text,
.node-form textarea,
.input_single, .input_single_1,
.input_single_2,
.input_textarea,
.webform-client-form textarea,
#user-login .form-text,
.chosen-container {
  width: 310px;
  color: #333;
  margin-right: 10px;
  margin-bottom: 6px;
  background-color: #ccc;
  float: left;
  padding: 8px;
  border: none;
  resize: none;
  outline: none;
  border-radius: 0;
}

.webform-client-form-artikel-barometer .chosen-container a {
  color: #333;
}

.webform-client-form-artikel-barometer .chosen-container {
  width: 310px !important;
}

.selects.wenn_ich_gewinne_moechte_ich_gerne {
    height: auto;
    margin-top: 20px;
}

.selects.wenn_ich_gewinne_moechte_ich_gerne > label,
.selects.wenn_ich_gewinne_moechte_ich_gerne > .form-item > label {
  width: 100%;
  float: none;
}

.selects.wenn_ich_gewinne_moechte_ich_gerne > .form-item {
  margin: 0;
}

#user-register-form .password-field,
#user-register-form .password-confirm,
.node-form .form-select,
.node-form .form-text,
.node-form textarea,
#user-profile-form .form-select,
#user-profile-form .form-text {
  width: auto;
  float:none !important;
}

#user-register-form {
  position:relative;
}

#user-register-form div.password-confirm {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    position: absolute;
    right: 60px;
}

.node-form textarea {
  margin-bottom: 0;
  width: 100%;
}

.webform-client-form #edit-submitted-ihr-anliegen {
  width: 100%;
}

#user-profile-form .form-select,
.view-filters .form-select {
  color: #333;

  background-color: #eaeaea;
  float: left;
  padding: 8px;
  border: none;
  -webkit-appearance: none;
  resize: none;
  outline: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}



.node-form .form-select {
  padding: 8px;
  color: #333;
  background-color: #eaeaea;
  border: none;
  -webkit-appearance: none;
  resize: none;
  outline: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

#user-login .form-item {
  clear:both;
}

.input_single_1 {
  width: 220px;
}

.input_single_2 {
  width: 80px;
}

.error-input, .error-both .input, .error-same .input {
  border-color: #8b321e;
}

.pflichtfelder {
  margin-left: 100px;
  font-size: 12px;
}

.zustimmung {
  margin-bottom: 20px;
  margin-top: 10px;
}

.zustimmung p {
  font-size: 12px;
  line-height: 140%;
  display: block;
  margin-left: 16px;
  padding: 0 0 0 8px;
}

#edit-submitted-einverstandnis label {
  font-size: 12px;
}

.sendBtn_Bestellung,
 .webform-submit {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  border: none;
  background: #DE463D;
  padding: 0.5em 1.2em;
  line-height: 130%;
  white-space: normal;
  margin-top: 110px;
}

.webform-submit {
  margin-top: 10px;
}

#webform-client-form-1 .webform-submit {
  margin-top: 25px;
}

.sendBtn_Bestellung:hover {
  color: #fff;
  background: #c42920;
}

#edit-submitted-anmerkungen {
  width: 310px;
}

.form-actions {
  clear:both;
}

/* #Media Queries
================================================== */


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 1059px) {


#formcontent_bestelldaten label {
  margin-top: 6px;
  width: 88px;
}

.selects {
  height: 20px;
  margin-bottom: 0px;
}

#formcontent_bezahlung label {
  margin-top: 6px;
  margin-right: 30px;
}


#formcontent_bezahlung label.short {
  width: 20px;
  margin-top: 0;
  height: 13px;
}

#formcontent_bezahlung label.long {
  margin-top: 6px;
  margin-right: 0;
}

#formcontent_bezahlung label.label_input {
  width: 40px;
}

.input_single, .input_single_1, .input_single_2, .input_textarea {
  width: 240px;
  margin-bottom: 6px;
  padding: 6px;
}

.input_single_1 {
  width: 170px;
}

.input_single_2 {
  width: 60px;
}

.pflichtfelder {
  margin-left: 90px;
  font-size: 11px;
}

.zustimmung {
  margin-bottom: 0px;
  margin-top: 10px;
}

.zustimmung p {
  font-size: 11px;
}

.sendBtn_Bestellung {
  font-size: 14px;
  padding: 0.5em 1.2em;
  margin-top: 0px;
}



}



/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

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


#formcontent_bestelldaten label {
  margin-top: 0px;
  width: 100%;
}

#formcontent_bezahlung label {
  margin-top: 0px;
  margin-right: 30px;
}

#abo-angebot-wrapper .col_abobestellung_left #edit-submitted-ort,
#abo-angebot-wrapper .col_abobestellung_left #edit-submitted-nr {
  margin-left: 15px;
}

#formcontent_bezahlung label.short {
  width: 25px;
  margin-top: 0;
  height: 13px;
}

#formcontent_bezahlung label.long {
  margin-top: 6px;
  margin-right: 0;
}

#formcontent_bezahlung label.label_input {
  width: 100%;
  margin-bottom: 0;
}

.input_single, .input_single_1, .input_single_2, .input_textarea {
  width: 100%;
  margin-bottom: 6px;
  padding: 6px;
  margin-right: 0;
}

#formcontent_bestelldaten .selects label {
  width: 60px;
}


.input_single_1 {
  width: 206px;
}

.input_single_2 {
  width: 60px;
}

.pflichtfelder {
  margin-left: 0px;
  font-size: 11px;
}

.zustimmung {
  margin-bottom: 0px;
  margin-top: 10px;
}

.zustimmung p {
  font-size: 11px;
}

.sendBtn_Bestellung {
  font-size: 14px;
  margin-top: 0px;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0.5em 2.1em;
}


}



/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

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

#formcontent_bestelldaten label {
  width: 329px;
}

#formcontent_bestelldaten .selects label {
  width: 60px;
}

.input_single_1 {
  width: 318px;
}

.input_single_2 {
  width: 70px;
}



.sendBtn_Bestellung {
  font-size: 14px;
  margin-top: 0px;
  display: inline-block;
  margin-bottom: 10px;
  padding: 0.5em 1.5em;
}


}