/* Bewerbungsblock auf allen öffentlichen Seiten (Tobias Nr. 1736, 4.11.2026).
   Alle Regeln hängen an .bewerbung (der Block) oder .nav-beta (Knopf im Kopf der Startseiten); bestehende Seitenregeln bleiben unberührt.
   Gestaltung wie die Beta-Seiten (beta.html, beta-en.html …): gleiche Felder, Rahmen, Abstände und Knopfform.
   Varianten: bewerbung--start (zwei Spalten, Startseiten), bewerbung--schmal (eine Spalte, helle Rechtstexte),
   bewerbung--dunkel (eine Spalte, die dunklen Rechtsseiten mit eigener Palette). Die Seite hat keinen Dunkelmodus, der Block auch nicht. */
.bewerbung{--bw-ink:#142d40;--bw-muted:#596c79;--bw-line:#d9e3e9;--bw-field:#fff;--bw-box:#fff;--bw-btn:#102b40;--bw-btn-ink:#fff;--bw-link:#142d40;--bw-focus:#1f7aec;--bw-h:#142d40;
  background:#f2f6f8;color:var(--bw-ink);border-block:1px solid var(--bw-line);padding-block:64px;margin:0;
  font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;text-align:left;color-scheme:light;-webkit-font-smoothing:antialiased;scroll-margin-top:16px}
.bewerbung *,.bewerbung *::before,.bewerbung *::after{box-sizing:border-box}
.bewerbung-inner{width:min(1200px,calc(100% - 80px));margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}
.bewerbung-text,.bewerbung-formular{min-width:0}
.bewerbung .eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 16px;font-size:14px;font-weight:650;letter-spacing:.06em;color:var(--bw-ink)}
.bewerbung .status-dot{display:block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#268368}
.bewerbung h2{margin:0 0 16px;padding:0;border:0;font-size:clamp(26px,2.6vw,34px);line-height:1.18;letter-spacing:-.03em;font-weight:710;color:var(--bw-h)}
.bewerbung p{margin:0}
.bewerbung a{color:var(--bw-link);text-decoration:underline}
.bewerbung .beta-form{display:grid;gap:16px;max-width:640px;margin:0}
.bewerbung .beta-form fieldset{min-width:0;margin:0;padding:14px 18px 16px;border:1px solid var(--bw-line);border-radius:14px;background:var(--bw-box)}
.bewerbung .beta-form legend{padding:0 6px;font-weight:700;color:var(--bw-ink)}
.bewerbung .beta-form label{display:block;margin:8px 0 4px;font-weight:600;color:var(--bw-ink)}
.bewerbung .beta-form input[type=text],.bewerbung .beta-form input[type=email],.bewerbung .beta-form input[type=number],.bewerbung .beta-form select,.bewerbung .beta-form textarea{
  display:block;width:100%;padding:11px 12px;border:1px solid var(--bw-line);border-radius:10px;font:inherit;background:var(--bw-field);color:var(--bw-ink)}
.bewerbung .beta-form textarea{resize:vertical}
.bewerbung .beta-form .wahl{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:4px}
.bewerbung .beta-form .wahl label{display:flex;align-items:center;gap:6px;margin:0;font-weight:400}
.bewerbung .beta-form .pflicht label{display:flex;align-items:flex-start;gap:10px;font-weight:400}
.bewerbung .hinweis{margin:4px 0 0;color:var(--bw-muted);font-size:.92em}
.bewerbung .beta-form button{justify-self:start;padding:13px 22px;border:0;border-radius:999px;background:var(--bw-btn);color:var(--bw-btn-ink);font:inherit;font-weight:700;cursor:pointer}
.bewerbung .beta-form button[disabled]{opacity:.6;cursor:wait}
.bewerbung .beta-meldung{max-width:640px;margin:0 0 18px;padding:16px 18px;border-radius:14px;background:var(--bw-box);border:1px solid var(--bw-line);color:var(--bw-ink)}
.bewerbung .beta-meldung.fehler{border-color:#d9534f}
.bewerbung .unsichtbar{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.bewerbung :focus-visible{outline:2px solid var(--bw-focus);outline-offset:2px}
.bewerbung [hidden]{display:none}
.bewerbung--schmal .bewerbung-inner{width:min(850px,calc(100% - 80px))}
.bewerbung .bw-spalte{display:contents}
.header nav a.nav-beta{padding:4px 12px;border-radius:999px;background:#c6f27c;color:#142d40;font-weight:700;line-height:1.5}
/* Mit dem Knopf ist die Navigation länger; etwas engere Abstände, damit er auf Rechnern auch in fr, es und pl in derselben Zeile bleibt. */
@media(min-width:1001px){.header:has(.nav-beta){gap:16px}.header nav:has(.nav-beta){gap:15px}}
.header nav a.nav-beta:hover{background:#d4f69a}
/* Tablet-Breiten: Mit dem Knopf passt die Navigation nicht mehr neben Logo und Sprachwahl (sonst drei Zeilen). Dann steht sie wie auf dem Telefon in einer eigenen Zeile darunter. */
@media(min-width:721px) and (max-width:1000px){
  .header{flex-wrap:wrap;gap:12px 18px;padding-block:20px;min-height:initial}
  .header nav{order:3;width:100%;margin-left:0;justify-content:flex-start;column-gap:20px;row-gap:10px}
  .header .language-switch{margin-left:auto}
}
/* Breite Startseiten: Text links, das Formular rechts in zwei Spalten (Du, iPhone, Fahrzeug | Reisen), Zusage und Knopf über die ganze Breite. Das spart gut ein Drittel der Höhe. */
@media(min-width:1001px){
  .bewerbung--start .bewerbung-inner{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px 56px}
  .bewerbung--start .beta-meldung{max-width:none}
  .bewerbung--start .beta-form{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;align-items:start}
  .bewerbung--start .bw-spalte{display:grid;gap:16px;align-content:start}
  .bewerbung--start .beta-form>.pflicht,.bewerbung--start .beta-form>button,.bewerbung--start .beta-form>p{grid-column:1/-1}
}
@media(max-width:720px){.bewerbung{padding-block:44px}.bewerbung-inner,.bewerbung--schmal .bewerbung-inner{width:calc(100% - 40px)}}
/* Die dunklen Rechtsseiten (eigene Palette, eigene Kartenform wie ihr .card) */
.bewerbung--dunkel{--bw-ink:#e8edf5;--bw-muted:#9db0c8;--bw-line:#2a3a55;--bw-field:#0d1420;--bw-box:transparent;--bw-btn:#c6f27c;--bw-btn-ink:#142d40;--bw-link:#29c5f4;--bw-focus:#29c5f4;--bw-h:#29c5f4;
  background:transparent;border:0;padding-block:0 40px;color-scheme:dark}
.bewerbung--dunkel .bewerbung-inner{width:min(832px,calc(100% - 48px));grid-template-columns:minmax(0,1fr);gap:22px;padding:32px 36px;background:#141d2e;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.35)}
.bewerbung--dunkel .beta-meldung{background:#0d1420}
@media(max-width:600px){.bewerbung--dunkel .bewerbung-inner{padding:22px}}