/* =============================================================================
   Powermail
   ========================================================================== */

.tx-powermail {
  width: 100%;
}

.tx-powermail input.btn {
  width: auto;
}

.tx-powermail .powermail_form > h3,
.tx-powermail .powermail_legend {
  display: none;
}

.tx-powermail .powermail_fieldset,
.tx-powermail .powermail_confirmation,
.tx-powermail .powermail_create {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.tx-powermail .powermail_fieldset.layout2 .powermail_legend {
  display: block;
  padding: 0 0.7em;
  font-weight: var(--f-weight-b);
  color: rgb(var(--c-primary));
}

/* =============================================================================
   Fields
   ========================================================================== */

.tx-powermail .powermail_fieldwrap {
  margin: 0 0 0.5em;
}

.tx-powermail .powermail_label,
.tx-powermail .powermail_check_outer,
.tx-powermail .powermail_radio_outer,
.tx-powermail .powermail_captcha_outer {
  display: block;
  width: 100%;
}

/* Labels normal wie Live (gkmb_base setzt .form-label fett) */
.tx-powermail .powermail_label {
  font-weight: var(--f-weight-n);
}

.tx-powermail .powermail_label.powermail_check_legend {
  margin-bottom: 1em;
}

.tx-powermail .powermail_field select,
.tx-powermail .powermail_field input,
.tx-powermail .powermail_field textarea {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0.5em;
  font-size: 100%;
  line-height: normal;
}

.tx-powermail .powermail_field textarea {
  height: 7em;
}

.tx-powermail .powermail_field select {
  appearance: auto;
  background: ButtonFace;
}

.tx-powermail .powermail_field input.powermail_checkbox,
.tx-powermail .powermail_field input.powermail_radio {
  flex-shrink: 0;
  width: auto;
  margin: 0 5px 0 0;
}

.tx-powermail .powermail_field .checkbox label,
.tx-powermail .powermail_field .radio label {
  display: flex;
  align-items: center;
}

.tx-powermail .powermail_check_outer,
.tx-powermail .powermail_radio_outer,
.tx-powermail .powermail_captcha_outer {
  padding: 0;
  border: none;
}

.tx-powermail .powermail_check_outer {
  margin: 0.5em 0;
}

.tx-powermail .powermail_captchaimage {
  margin: 0.5em 0;
}

.tx-powermail .powermail.input:invalid,
.tx-powermail .powermail.textarea:invalid {
  background: transparent;
}

/* =============================================================================
   Submit
   ========================================================================== */

.tx-powermail .powermail_field input.powermail_submit,
.tx-powermail .powermail_field input.btn,
.tx-powermail .powermail_confirmation input.btn {
  display: block;
  width: auto;
  margin: 1.5em 1em 0 0;
  padding: 0.2em 0.8em;
}

/* =============================================================================
   Errors
   ========================================================================== */

.tx-powermail .powermail_message_error,
.tx-powermail .powermail_field_error_container {
  color: rgb(var(--c-primary));
}

.tx-powermail .formError .formErrorContent,
.tx-powermail .formError .formErrorArrow div {
  color: rgb(var(--c-neutral-lightest));
  background: rgb(var(--c-primary));
  border: none;
  box-shadow: none;
}

/* =============================================================================
   Tab menu
   ========================================================================== */

.tx-powermail .powermail_tabmenu {
  width: 90%;
  padding: 10px;
  background: rgb(var(--c-neutral-lighter));
}

.tx-powermail .powermail_tabmenu li {
  display: inline-block;
  margin: 0 5px 0 0;
  list-style-type: none;
  cursor: pointer;
}

.tx-powermail .powermail_tabmenu li.act {
  color: rgb(var(--c-primary));
  cursor: auto;
}

/* =============================================================================
   Confirmation
   ========================================================================== */

.tx-powermail .powermail_confirmation h4 {
  margin-top: 0;
  padding-top: 0;
}

.tx-powermail .powermail_confirmation dl dt,
.tx-powermail .powermail_create dl dt {
  margin-top: 0.7em;
  font-weight: var(--f-weight-b);
}

.tx-powermail .powermail_confirmation dl dd,
.tx-powermail .powermail_create dl dd {
  width: 100%;
  margin-left: 0;
}

.tx-powermail td.powermail_all_label {
  padding-right: 20px;
}