/**
 * Spezielles Formular-Styling mit der Klasse c-form
 */
.c-form {
  background: var(--grau3);
  padding: 1rem 1em;
}
.c-form__legend {
  color: var(--weiss);
}
.c-form__field {
  margin-bottom: 1rem;
}
.c-form__anredebox {
  margin: 0 0 1rem 0;
}
.c-form__label {
  color: var(--weiss);
}
.c-form__label span {
  display: block;
}
.c-form__labelinfo {
  font-size: var(--s-1);
  margin-top: 0;
}
.c-form__error {
  color: #fff;
  background: var(--orange);
  padding-left: 0.25em;
}
.c-form__required:after {
  content: "*";
  display: inline-block;
  padding-left: 0.1em;
  position: relative;
  top: -0.15rem;
}
.c-form__label--error {
  border: var(--orange) 0.25rem solid;
  background: var(--orange);
  border-radius: var(--border-radius);
}
.c-form__label--error input {
  margin-bottom: 0.25rem;
}
.c-form__label--anrede {
  display: inline-block;
  padding-right: 1em;
}
.c-form__label--anrede span {
  display: inline-block;
  padding-left: 0.25em;
}
.c-form__checkboxbox {
  margin: 0 0 1rem 0;
}
.c-form__checkboxbox input[type=checkbox] {
  float: none;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
  margin: 1rem 0.5rem 1rem 0;
}
.c-form__checkboxbox label {
  display: inline-block;
  width: calc(100% - 4rem);
  margin: 0;
  vertical-align: middle;
}
.c-form--footer-signup {
  background: var(--blau1);
}
.c-form--footer-signup h2,
.c-form--footer-signup h3,
.c-form--footer-signup p {
  color: var(--weiss);
}