/* Bewerbungsformular /jobs/ und /de/jobs/ (dazu die Danke-Seiten).
   Eigene Datei, damit style.min.css und ihr Versionsstempel unverändert bleiben.
   Nur Variablen der Website (style.min.css), keine eigenen Farben. */

/* Datenschutz-Haken (ersetzt die alten Inline-Stile 1:1) */
.form-consent-label {
  display: flex;
  gap: .75rem;
  align-items: flex-start;
  font-weight: 400;
}
.form-group .form-consent-box {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: .05rem;
  padding: 0;
  flex-shrink: 0;
}
.form-consent-text {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--charcoal);
  letter-spacing: normal;
}

/* Hinweis unter einem Feld (Dateiformate, Größen, keine Stellen, unbekannte Stelle) */
.form-hint {
  display: block;
  margin-top: .5rem;
  font-size: .8125rem;
  line-height: 1.45;
  color: var(--mid);
}

/* "Lieber per E-Mail?" unter dem Senden-Knopf (ersetzt die alten Inline-Stile 1:1) */
.form-privacy.form-privacy-mail {
  margin: 1rem 0 0;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--charcoal);
}

/* Fester Satz statt Dropdown, wenn die Stelle schon gewählt ist.
   Leer ist der Kasten unsichtbar und ohne Höhe; die Live-Region (Text) bleibt im
   Layout, damit Screenreader die Änderung ansagen. Mindesthöhe wie das Dropdown,
   damit beim Umschalten nichts springt. */
.bewerbung-fest {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .125rem 1rem;
}
.bewerbung-fest.is-aktiv {
  box-sizing: border-box;
  min-height: 2.9375rem;   /* 47 px, gemessene Höhe des Dropdowns */
}
.bewerbung-fest-text {
  font-size: 1rem;
  line-height: 1.4;   /* zwei Zeilen passen in die Höhe des Dropdowns */
  color: var(--black);
}
.bewerbung-fest-text strong {
  font-weight: 700;
}
#applicationForm select[hidden],
.bewerbung-fest-knopf[hidden] {
  display: none;
}

/* Textknopf "andere Stelle wählen": setzt die Regeln für .form button zurück
   (orange, groß, Großbuchstaben) und sieht aus wie .link-unterstrichen */
.form .bewerbung-fest-knopf {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  font-family: var(--font);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
  text-transform: none;
  text-decoration: underline;
  color: var(--black);
  cursor: pointer;
}
.form .bewerbung-fest-knopf:hover,
.form .bewerbung-fest-knopf:active:not(:disabled) {
  opacity: 1;
  transform: none;
  box-shadow: none;
  color: var(--charcoal);
}
.form .bewerbung-fest-knopf:focus-visible {
  outline: 3px solid var(--black);
  outline-offset: 3px;
}