@charset "utf-8";
/* CSS Document */
.choose-abo {
  width: 100%;
  height: auto;
  float: left;
  display: block;
  padding-bottom: 16px;
}
#product-select {
  width: 100%;
  height: auto;
  float: left;
  display: block;
}
#product-select p {
  width: 100%;
  height: auto;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  font-weight: 600;
}
#product-select form {
  width: 100%;
  height: auto;
  float: left;
  display: block;
}
#product-select form select {
  padding: 6px;
  display: block;
  background-color: #e0f2fd;
  border: 0;
  width: 100%;
  float: left;
  font-family: inherit;
  font-size: 1em;
}
/* powermail*/
.tx-powermail, .container-fluid, .tx-powermail .container-fluid form, .tx-powermail .container-fluid form fieldset {
  width: 100%;
  height: auto;
  float: left;
  display: block;
}
.tx-powermail .container-fluid form h3 {
  display: none;
}
.tx-powermail .container-fluid form fieldset legend {
  display: none;
}
.powermail_fieldwrap {
  width: 100%;
  height: auto;
  float: left;
  display: block;
  padding-bottom: 5px;
}
.powermail_field {
  height: auto;
  float: right;
  width: 100%;
}
.powermail_field > label {
  width: 25%;
  height: auto;
  display: block;
  float: left;
  padding-top: 5px;
  font-weight: 600;
}
.powermail_fieldwrap label span.mandatory, .powermail_fieldwrap label span.required {
  color: #eb181c;
  margin-left: 3px;
  font-weight: 400;
}
input.powermail_input, textarea.powermail_textarea, form textarea, select.powermail_select, .powermail_fieldwrap input.powermail_date {
  padding: 6px;
  display: block;
  background-color: #e0f2fd;
  border: 0;
  width: 75%;
  float: right;
  font-family: inherit;
  font-size: 1em;
}
.radio input {
  float: left;
  margin-right: 8px;
  margin-top: 2px;
}
.powermail_fieldwrap_type_recaptcha, .powermail_fieldwrap_captcha {
  padding-top: 30px;
  width: 100%;
  float: left;
}
.powermail_fieldwrap_type_submit input, input.button {
  border: 0;
  background-color: #005EB8;
  color: #fff;
  padding: 8px;
  line-height: 1;
  cursor: pointer;
  margin-top: 10px;
  font-weight: 600;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: inherit;
}
div.powermail_fieldwrap_type_submit input:hover, input.button:hover {
  background-color: #0078EB;
}
.powermail_fieldwrap_wiederkehrendeverrechnung {
  padding-left: 25%;
  border-top: 1px solid #efefef;
  margin-top: 20px;
  padding-bottom: 0;
}
span.password-zusatz {
  font-size: .8em;
  color: #999;
  width: 100%;
  height: auto;
  display: block;
  float: right;
  padding-left: 25%
}
span.legal-form-linker {
  width: 100%;
  height: auto;
  display: block;
  padding: 10px;
  padding-bottom: 5px;
  padding-left: 27px;
  background-color: #efefef;
  cursor: pointer;
  background-image: url("../img/external-link.svg");
  background-position: 10px 12px;
  background-repeat: no-repeat;
  background-size: 13px auto;
  font-weight: 400;
}
div.powermail_field div.form-check {
  width: 100%;
  height: auto;
  float: left;
  background-color: #efefef;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  font-weight: 600;
}
div.powermail_field div.form-check {
  cursor: pointer;
}
span.legal-form-linker:hover {
  color: #005EB8
}
div.powermail_field div.form-check input {
  display: inline;
  margin: 0;
  margin-top: 1px;
  margin-right: 2px;
  cursor: pointer;
}
div.powermail_fieldwrap_type_typoscript, div.powermail_fieldwrap_gtc, div.powermail_fieldwrap_privacy {
  padding-bottom: 0px;
  margin-top: 10px;
}
.powermail_fieldwrap_type_typoscript, .powermail_fieldwrap_type_check, .powermail_fieldwrap_type_submit {
  padding-left: 25%;
}
/*Validation*/
.powermail-errors-list {
  display: none;
}
input.powermail_input.powermail_field_error, textarea.powermail_textarea.powermail_field_error, form textarea.powermail_field_error, select.powermail_select.powermail_field_error, .powermail_fieldwrap input.powermail_date.powermail_field_error {
  background-color: #ffb5b5;
}
.form-check.powermail_checkwrap.powermail_field_error label {
  color: #e30003;
  text-decoration: underline;
}
.powermail_field div.error.errorMessage {
  width: 100%;
  height: auto;
  float: left;
  display: block;
  padding-left: 25%;
  font-size: 0.9em;
  padding-top: 2px;
  padding-bottom: 8px;
  color: #e30003;
  font-weight: 600;
}
.powermail_fieldwrap.powermail_fieldwrap_type_text {
  font-weight: 600;
  border-top: 1px solid #efefef;
  padding-top: 8px;
  padding-bottom: 10px;
  margin-top: 24px;
}
.powermail_fieldwrap.powermail_fieldwrap_type_text .powermail_field {
  padding-left: 25%;
}
.powermail_fieldwrap.powermail_fieldwrap_type_radio.powermail_fieldwrap_lieferadressen {
  padding-left: 25%;
  padding-bottom: 10px;
  margin-bottom: 0px;
}
div.powermail_field div.form-check.powermail_radiowrap {
  width: 100%;
  height: auto;
  float: left;
  background-color: #efefef;
  padding: 10px;
  font-weight: 600;
  position: relative;
}
.powermail_fieldwrap_wiederkehrendeverrechnung div.powermail_field div.form-check.powermail_radiowrap, .powermail_fieldwrap_lieferadressen div.powermail_field div.form-check.powermail_radiowrap {
  background-color: #fff;
  padding-bottom: 5px;
}
div.powermail_field div.form-check.powermail_radiowrap input {
  position: absolute;
  top: 11px;
  left: 10px;
}
div.powermail_field div.form-check.powermail_radiowrap label {
  width: 100%;
  height: auto;
  float: left;
  padding-left: 20px;
}
div.powermail_fieldwrap_type_textarea {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #efefef;
}
div.powermail_fieldwrap_type_recaptcha .powermail_field, .g-recaptcha {
  width: 75%;
  float: right;
}
.g-recaptcha {
  padding-top: 20px;
}
div.captcha {
  width: 100%;
  height: auto;
  float: left;
}
@media (max-width: 640px) {
  .powermail_fieldwrap_wiederkehrendeverrechnung, .powermail_fieldwrap.powermail_fieldwrap_type_text .powermail_field, .powermail_fieldwrap.powermail_fieldwrap_type_radio.powermail_fieldwrap_lieferadressen {
    padding-left: 0;
  }
  .powermail_field div.error.errorMessage, span.password-zusatz {
    padding-left: 0;
  }
  .powermail_field > label, input.powermail_input, textarea.powermail_textarea, form textarea, select.powermail_select, .powermail_fieldwrap input.powermail_date {
    width: 100%;
  }
  .powermail_fieldwrap_type_typoscript, .powermail_fieldwrap_type_check, .powermail_fieldwrap_type_submit {
    padding-left: 0%;
  }
  div.powermail_fieldwrap_type_recaptcha .powermail_field {
    width: 100%;
    float: right;
    padding-top: 8px;
  }
  .g-recaptcha {
    width: 100%;
  }
}
/* Trennlinie zwischen den Formularabschnitten.
   Das Feld "clear" in der Plugin-Feldauswahl rendert ueber Clear.html ein
   <div class="form-trenner"></div>. Dieses div hatte bisher keine einzige
   CSS-Regel und war dadurch auf allen Registrierungsformularen unsichtbar. */
div.form-trenner {
  clear: both;
  width: 100%;
  float: left;
  margin: 24px 0 8px 0;
  border-top: 1px solid #efefef;
}