/* W3 Strang D: Ergänzungen zu Variante A (stil/basis.css) für die Abläufe beider Marken: Bewerbung, Personalanfrage, Rückruf, Wechsel,
   Schnellbewerbung, Stellenalarm, Kontaktformular, Logins und die kompakten Formulare der Landingpages.
   Nur Klassen mit Präfix w3d- und Zustände in Formularen mit data-w3d-form. Farben nur über die Variablen von basis.css (MediPersonal
   ohne Rot: --akzent ist dort Blau). Keine Inline-Stile, keine fremden Schriften. */

/* Auswahl-Knöpfe: zentral in stil/auswahl.css (Livetest 28.10.2026, gleich breit und hoch je Gruppe, Text mittig) */
[data-w3d-form] .gruppe{border:0;margin:0 0 24px;padding:0;min-width:0}
[data-w3d-form] .gruppe .wahl{margin-bottom:0}
[data-w3d-form] .feld__fehler{margin:2px 0 6px}

/* Livetest 28.10.2026 (Nachtrag 01:00 Punkt 3): jeder Abschnitt und jede Gruppe mit kräftiger, fetter Überschrift in Schwarz, gleiche
   Abstände, klare Trennung der Abschnitte durch eine Linie. Felder mit gleicher Beschriftung wie die Gruppen. */
[data-w3d-form] .formular__abschnitt,[data-w3d-form] h2.formular__abschnitt{margin:36px 0 20px;padding-top:30px;border-top:1px solid var(--linie);font-size:var(--h3);line-height:var(--h3-z);font-weight:700;color:var(--tinte);--zeile:var(--h3-z)}
[data-w3d-form] .w3d-teil>.formular__abschnitt:first-child,[data-w3d-form] .w3d-pflicht-hinweis+.formular__abschnitt,[data-w3d-form] .formular__fehler+.formular__abschnitt{margin-top:12px;padding-top:0;border-top:0}
/* Runde G1: die (meist verborgene) Liste der fehlenden Angaben steht jetzt vor dem ersten Abschnitt; der Abschnitt bleibt ohne Linie oben */
[data-w3d-form] .w3d-teil>.w3d-fehlerliste:first-child+.formular__abschnitt,[data-w3d-form] .w3d-pflicht-hinweis+.w3d-fehlerliste+.formular__abschnitt{margin-top:12px;padding-top:0;border-top:0}
[data-w3d-form] .formular__titel{font-weight:700;color:var(--tinte)}
[data-w3d-form] .gruppe__titel,[data-w3d-form] .gruppe>.feld__label{margin:0 0 12px;font-size:var(--fliess);line-height:var(--fliess-z);font-weight:700;color:var(--tinte);--zeile:var(--fliess-z)}
[data-w3d-form] .feld>label,[data-w3d-form] .w3d-datei .feld__label,[data-w3d-form] .w3d-datei .feld__label label{font-size:var(--fliess);line-height:var(--fliess-z);font-weight:700;color:var(--tinte);--zeile:var(--fliess-z)}
[data-w3d-form] .felder{gap:20px;margin:0 0 24px}
[data-w3d-form] .haken strong{color:var(--tinte)}
.w3d-pflicht-hinweis{margin:12px 0 18px;font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);text-align:right;--zeile:var(--klein-z)}
.w3d-pflicht-hinweis .pflicht{font-weight:700}
.formular-lead+.w3d-pflicht-hinweis,.formular-h2+.w3d-pflicht-hinweis,.formular__titel+.w3d-pflicht-hinweis{margin:-6px 0 18px}

/* Bewerbung in Teilen auf einer Seite (Punkt 9a): ohne Skript alle Teile sichtbar, die Zwischen-Knöpfe weg */
html:not(.js) .w3d-teil[hidden]{display:block}
html:not(.js) .w3d-teil__fuss--zwischen{display:none}
.formular--teile,.formular--teile [data-w3d-fortschritt]{scroll-margin-top:88px}
.fortschritt__nr .sym{display:none}
.ist-fertig .fortschritt__nr .sym{display:block}
.ist-fertig .fortschritt__zahl{display:none}
.w3d-teil .formular__abschnitt[tabindex]:focus{outline:none}
.w3d-cv{margin:4px 0 8px}
.w3d-cv--zuerst{margin:24px 0 8px}
.w3d-cv-stand{display:flex;gap:10px;align-items:center;margin:0 0 18px;padding:12px 16px;border:1px solid var(--linie);border-radius:var(--radius-feld);background:var(--grau2);font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);--zeile:var(--klein-z)}
.w3d-cv-stand strong{color:var(--tinte);overflow-wrap:anywhere}
.w3d-ausland-haken{margin:0 0 18px}

/* Liste der fehlenden Angaben (Runde G1, Nachtrag 20:50 Punkt 7): oben im Formular bzw. Schritt, erst ab zwei Fehlern sichtbar */
.w3d-fehlerliste{margin:0 0 24px;padding:14px 16px;border:1px solid var(--akzent);border-radius:var(--radius-feld);background:var(--akzent-zart);scroll-margin-top:96px}
.w3d-fehlerliste[hidden]{display:none}
.w3d-fehlerliste__titel{display:flex;gap:8px;align-items:center;font-size:var(--klein);line-height:var(--klein-z);font-weight:700;color:var(--akzent-text);--zeile:var(--klein-z)}
.w3d-fehlerliste__liste{margin:8px 0 0;padding:0 0 0 28px;list-style:none;display:grid;gap:4px}
.w3d-fehlerliste__liste .w3d-link-knopf{padding:2px 0;font-size:var(--knopf-klein);line-height:var(--knopf-klein-z);font-weight:400;text-align:left;color:var(--tinte);text-decoration:none;--zeile:var(--knopf-klein-z)}
.w3d-fehlerliste__liste .w3d-link-knopf:hover,.w3d-fehlerliste__liste .w3d-link-knopf:focus-visible{text-decoration:underline}
.w3d-fehlerliste__liste strong{font-weight:700}
/* Runde G1: erledigte Angaben bleiben in der Liste stehen (keine Verschiebung), nur zurückgenommen und durchgestrichen */
.w3d-fehlerliste__liste li.ist-erledigt .w3d-link-knopf{color:var(--text3);text-decoration:line-through}
.w3d-teil__fuss .formular__fuss{margin-top:22px}
/* Probelauf Runde 1: Sendestand (W11), Datei entfernen und Grenzen (W02), langer Dateiname (W09), Tippflächen (W20), feste Leisten (W21) */
.w3d-sende-stand{flex:1 1 100%;order:3;margin:4px 0 0;font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);text-align:right;--zeile:var(--klein-z)}
.ist-am-senden [data-w3d-zurueck-teil],.ist-am-senden [data-w3d-zurueck]{opacity:.5;pointer-events:none}
.ist-am-senden button[type=submit]{opacity:.8;cursor:progress}
.w3d-datei-weg{margin:6px 0 0}
.w3d-datei-weg .w3d-link-knopf{font-size:var(--knopf-klein);line-height:var(--knopf-klein-z);--zeile:var(--knopf-klein-z)}
.w3d-datei-nochmals{margin-top:6px;color:var(--tinte)}
.w3d-grenzen{margin:0 0 16px}
.upload>span:not(.upload__symbol){min-width:0}
.upload__datei,.upload strong,.upload small,.w3d-datei-nochmals,[data-w3d-form] .feld__fehler,.w3d-fehlerliste,.w3d-sendefehler,.w3d-cv-stand,.w3d-mail-tipp,.w3d-danke-mail{overflow-wrap:anywhere}
[data-w3d-form] .haken--klein{min-height:44px;align-items:center}
@media (max-width:700px){html{scroll-padding-top:84px;scroll-padding-bottom:96px}}

/* Telefon und E-Mail (Nachtrag 01:00 Punkt 5): erkannte Nummer unter dem Feld */
.w3d-tel-anzeige{display:flex;gap:8px;align-items:center;margin-top:2px;font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);--zeile:var(--klein-z)}
.w3d-tel-anzeige[hidden]{display:none}
.w3d-tel-anzeige strong{color:var(--tinte);font-weight:700;letter-spacing:.01em}
.w3d-ok{position:relative;flex:none;width:18px;height:18px;border-radius:50%;background:var(--logo-gruen)}
.w3d-ok::after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.w3d-mail-tipp{margin-top:2px}

/* Zähler der Möglichkeiten (Punkt 9f, Nachtrag 01:00 Punkt 6): ruhig unter dem Berufsfeld */
.w3d-moeglich{margin:-4px 0 24px;padding:14px 18px;border:1px solid var(--linie);border-radius:var(--radius);background:var(--grau2)}
.w3d-moeglich[hidden]{display:none}
.w3d-moeglich__text{font-size:var(--fliess);line-height:var(--fliess-z);color:var(--text);--zeile:var(--fliess-z)}
.w3d-moeglich__zahl{font-size:var(--h3);font-weight:700;color:var(--tinte);font-variant-numeric:tabular-nums;line-height:var(--h3-z);--zeile:var(--h3-z)}
.w3d-moeglich__umkreis{display:grid;grid-template-columns:auto repeat(3,minmax(0,96px));align-items:center;gap:8px;margin-top:12px}
.w3d-moeglich__umkreis[hidden]{display:none}
.w3d-moeglich__etikett{margin-right:4px;font-size:var(--klein);font-weight:700;color:var(--tinte);line-height:var(--klein-z);--zeile:var(--klein-z)}
.w3d-moeglich__km{min-height:40px;padding:0 12px;border:1px solid var(--linie2);border-radius:10px;background:#fff;font:inherit;font-size:var(--klein);font-weight:500;color:var(--tinte);cursor:pointer;line-height:var(--klein-z);--zeile:var(--klein-z)}
.w3d-moeglich__km[aria-pressed=true]{background:var(--zweit);border-color:var(--zweit);color:#fff}
.w3d-moeglich__km:focus-visible{outline:3px solid var(--akzent);outline-offset:2px}
.w3d-moeglich__quelle{margin-top:8px;font-size:var(--klein);line-height:var(--klein-z);color:var(--text3);--zeile:var(--klein-z)}

/* Ihr persönlicher Bereich (Punkt 9g, g2, g4): Haken mit kleinem Bild der Desktop-Fassung, gross im Fenster */
/* Nachtrag des Inhabers 28.10. ca. 06:15: Haken «Zugang aktivieren» mit Satz und feinem Knopf «Vorschau» (Bewerbung, Notfallpool, Personalanfrage) */
.w3d-zugang{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:22px 0 14px;padding:16px 20px;border:1px solid var(--linie2);border-radius:var(--radius);background:var(--grau2)}
.w3d-zugang .haken{flex:1 1 300px;min-width:0;margin:0}
.w3d-zugang .haken strong{font-weight:700;color:var(--tinte)}
.w3d-zugang__vorschau{flex:none}
.w3d-zugang .vorschau-knopf{margin:0;min-height:44px;padding:4px 16px}
/* Runde F1 (Nachtrag 11:40): «Ihre früheren und heutigen Arbeitgeber sehen Ihr Profil nicht.» als eigene ruhige Zeile im Kasten */
.w3d-zugang__schutz{flex:1 1 100%;display:flex;gap:8px;align-items:flex-start;margin:0;padding-top:10px;border-top:1px solid var(--linie2);font-size:var(--klein);line-height:var(--klein-z);font-weight:700;color:var(--tinte);--zeile:var(--klein-z)}
.w3d-zugang__schutz .sym{flex:none;margin-top:2px;color:var(--akzent-text)}
/* Runde F1 (Hausregel 12:35, Punkt 11): Erklärsatz zum Pflicht-Lebenslauf direkt unter der Beschriftung */
.w3d-datei__warum{margin:-2px 0 10px;font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);--zeile:var(--klein-z)}
.w3d-danke-mail{margin-bottom:20px}
.w3d-danke-mail strong{overflow-wrap:anywhere}
[data-w3d-form] .ist-fehler input,[data-w3d-form] .ist-fehler select,[data-w3d-form] .ist-fehler textarea,[data-w3d-form] input.ist-fehler{border-color:var(--akzent-text);box-shadow:0 0 0 3px var(--akzent-zart)}
[data-w3d-form] .gruppe.ist-fehler .wahl__punkt span{border-color:var(--akzent-text)}
/* Runde F1 (Punkt 11): Meldung am Datei-Feld («Bitte laden Sie Ihren Lebenslauf hoch …») ganz unter dem Ablagefeld. Die Regel der Auswahl-Gruppen
   (basis.css, margin-top -6px) zog sie unter den Rand des Ablagefelds, das mit position:relative darüber liegt (obere Zeile halb verdeckt).
   Der Rand des Ablagefelds ist markiert wie bei den übrigen Feldern. */
[data-w3d-form] .gruppe.w3d-datei.ist-fehler>.feld__fehler{margin:8px 0 0}
[data-w3d-form] .gruppe.w3d-datei.ist-fehler .upload:not(.hat-datei){border-color:var(--akzent-text);box-shadow:0 0 0 3px var(--akzent-zart)}

/* Runde G1 (Nachträge 16:20, 16:45/16:50, 21:45 Punkte 2 und 8, Massstab 2.5 und 3.5) */
/* Zeugnisse und Diplome bzw. Foto: Pflicht mit Ausweg (Haken «nachreichen» bzw. «später»), Foto-Satz unter dem Ablagefeld */
.w3d-unterlagen{margin:24px 0 32px}
.w3d-unterlagen>.gruppe__titel{margin-bottom:8px}
.w3d-unterlagen__warum{margin:0 0 16px;font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);--zeile:var(--klein-z)}
.w3d-unterlagen .w3d-datei{margin-bottom:16px}
.w3d-unterlagen__spaeter{margin:0}
.w3d-datei__hilfe{margin:8px 0 0;font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);--zeile:var(--klein-z)}
[data-w3d-form] .w3d-unterlagen.ist-fehler .upload:not(.hat-datei){border-color:var(--akzent-text);box-shadow:0 0 0 3px var(--akzent-zart)}
[data-w3d-form] .w3d-unterlagen.ist-fehler>.feld__fehler{margin:8px 0 0}
/* Telefon und Handy, eines Pflicht */
.w3d-tel-paar__hilfe{margin:-8px 0 12px}
[data-w3d-form] .w3d-tel-paar .felder{margin-bottom:0}
[data-w3d-form] .w3d-tel-paar.ist-fehler>.feld__fehler{margin:8px 0 0}
/* Satz am Feld bei Auswahl-Gruppen ganz unter den Knöpfen (basis.css zieht ihn mit -6px in die Knöpfe, weil .wahl hier keinen unteren Abstand hat) */
[data-w3d-form] .gruppe.ist-fehler>.feld__fehler{margin:8px 0 0}
/* Lohnvorstellung: Fehlerzeile direkt am Betrag */
[data-w3d-form] .w3d-lohn .felder{margin-bottom:12px}
/* Absende- und Weiter-Knöpfe 48 px hoch (Massstab 3.5, vorher 56 px) */
[data-w3d-form] .knopf--gross{min-height:48px;padding:0 24px}

/* Berufsfeld mit Vorschlägen (Kategorie zuerst, Alltagsnamen, Fachrichtung bei Ärztinnen und Ärzten) */
.w3d-cb{position:relative}
.w3d-cb .vorschlaege{top:100%;margin-top:6px}
.vorschlaege .w3d-vor__name{font-weight:500;color:var(--tinte)}
.vorschlaege .w3d-vor__zusatz{font-size:var(--klein);color:var(--text3);text-align:right;line-height:var(--klein-z);--zeile:var(--klein-z)}
.vorschlaege .w3d-vor__kopf{cursor:default;font-size:var(--klein);font-weight:500;color:var(--text3);text-transform:none;padding:8px 12px 4px;line-height:var(--klein-z);--zeile:var(--klein-z)}
.vorschlaege .w3d-vor__kopf:hover{background:transparent}
.vorschlaege .w3d-vor__zurueck{color:var(--tinte);font-weight:500}
.w3d-pille{display:flex;gap:10px;align-items:center;margin:8px 0 0;padding:10px 14px;border-radius:var(--rund);background:var(--grau2);border:1px solid var(--linie);font-size:var(--knopf-klein);line-height:var(--knopf-klein-z);--zeile:var(--knopf-klein-z)}
.w3d-pille a{font-weight:500;color:var(--tinte)}
.w3d-pille .w3d-pille__punkt{width:10px;height:10px;border-radius:50%;background:var(--med-blau,#0A9BD9);flex:none}
.w3d-fach{display:grid;gap:12px;margin-top:12px;padding:14px 16px;border:1px solid var(--linie);border-radius:var(--radius);background:var(--grau2)}
.w3d-fach .feld{margin:0}
.w3d-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:-6px 0 14px}
.w3d-link-knopf{padding:4px 0;border:0;background:none;font:inherit;font-size:var(--knopf-klein);font-weight:500;color:var(--tinte);text-decoration:underline;text-underline-offset:3px;cursor:pointer;line-height:var(--knopf-klein-z);--zeile:var(--knopf-klein-z)}
.w3d-link-knopf[aria-pressed=true]{color:var(--akzent-text)}

/* Kantone: «Überall in der Schweiz» oder bestimmte Kantone zum Aufklappen */
.w3d-kantone__mehr{margin:2px 0 6px}
.w3d-kantone__mehr>summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:var(--klein);font-weight:500;color:var(--tinte);list-style:none;padding:6px 0;line-height:var(--klein-z);--zeile:var(--klein-z)}
.w3d-kantone__mehr>summary::-webkit-details-marker{display:none}
.w3d-kantone__mehr[open]>summary .sym{transform:rotate(180deg)}
.w3d-kantone__liste{margin-top:8px}

/* Unterlagen: weitere Dateien zum Aufklappen */
.w3d-datei{margin-bottom:12px}
.upload.hat-datei .upload__datei{display:block}
.w3d-mehr-dateien{margin:4px 0 16px;border:1px solid var(--linie);border-radius:var(--radius);background:#fff}
.w3d-mehr-dateien>summary{display:flex;gap:10px;align-items:center;padding:14px 18px;cursor:pointer;font-weight:500;color:var(--tinte);list-style:none}
.w3d-mehr-dateien>summary::-webkit-details-marker{display:none}
.w3d-mehr-dateien[open]>summary{border-bottom:1px solid var(--linie)}
.w3d-mehr-dateien>.w3d-datei{margin:14px 18px}
.w3d-haken-feld .feld__fehler{margin-left:36px}
.w3d-rav-hilfe{margin:-4px 0 14px}

/* Hinweise und Fehler */
.w3d-sendefehler a,.formular__fehler a{color:inherit;font-weight:500;text-decoration:underline}
.w3d-vorschau-hinweis{margin-bottom:20px}
.w3d-danke-stelle{margin:0 0 20px}
.w3d-quelle{margin-top:14px;font-size:var(--klein);color:var(--text2);line-height:var(--klein-z);--zeile:var(--klein-z)}
.w3d-quelle a{color:var(--tinte)}
.w3d-login-live{display:flex;gap:8px;align-items:flex-start;margin-top:14px}
.w3d-login-live a{font-weight:500;color:var(--tinte)}

/* Schritte (Wechsel für Institutionen) */
.w3d-ablauf-4{grid-template-columns:repeat(4,1fr);margin:6px 0 10px}
@media (max-width:900px){.w3d-ablauf-4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.w3d-ablauf-4{grid-template-columns:1fr}}

/* Kompakte Formulare auf Landingpages: zwei Formulare nebeneinander (Lebenslauf und Stellenalarm) */
.w3d-kompakt .formular h2{margin-top:0}
.w3d-kompakt-zwei{align-items:start}
.w3d-kompakt-zwei .formular{padding:26px 28px 22px}
.w3d-kompakt-zwei .formular__titel{margin:0 0 14px;font-size:var(--h3);line-height:var(--h3-z);--zeile:var(--h3-z)}
.w3d-kompakt-zwei .felder{grid-template-columns:1fr}
@media (min-width:1100px){.w3d-kompakt-zwei .felder{grid-template-columns:1fr 1fr}.w3d-kompakt-zwei .feld--breit{grid-column:1/-1}}
.w3d-baustein .formular-raster{grid-template-columns:1fr}

/* Handy */
@media (max-width:700px){
  [data-w3d-form] .formular__abschnitt,[data-w3d-form] h2.formular__abschnitt{margin:28px 0 16px;padding-top:24px}
  .w3d-zugang{padding:14px 16px}
  .w3d-zugang__vorschau{margin-left:36px}
  .w3d-moeglich__umkreis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .w3d-moeglich__etikett{grid-column:1/-1}
  .w3d-moeglich{padding:12px 14px}
  .w3d-pflicht-hinweis{text-align:left}
  [data-w3d-form] .felder{grid-template-columns:1fr}
  [data-w3d-form] .feld--breit{grid-column:auto}
  .w3d-links{gap:4px 14px}
  .w3d-fach{padding:12px}
}
/* Korrektur Tor D-2 (Massstab 0.14 und 3.3, Befund «Fehlerzeile ohne Symbol», iPersonal «Titel der Fehlerliste in Rot»): der Satz am Feld
   mit einem Symbol von 16 px in der Farbe der Meldung; bei iPersonal steht der Titel der Liste in Textfarbe wie die Sätze am Feld */
[data-w3d-form] .feld__fehler:not([hidden])::before{content:"";flex:none;width:16px;height:16px;margin-top:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23055F88'/%3E%3Cpath d='M8 4v5' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='8' cy='12' r='1.2' fill='%23fff'/%3E%3C/svg%3E") no-repeat center/16px 16px}
.marke-ipersonal [data-w3d-form] .feld__fehler:not([hidden])::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23B0000E'/%3E%3Cpath d='M8 4v5' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='8' cy='12' r='1.2' fill='%23fff'/%3E%3C/svg%3E")}
.marke-ipersonal .w3d-fehlerliste__titel{color:var(--anthrazit)}
.marke-ipersonal .w3d-fehlerliste__titel .sym{color:var(--akzent-text)}
/* Abschluss 30.10.2026 (Punkt 11, EINWILLIGUNG-RECHT.md 2.1): Haken «Ja, ich möchte vermittelt werden» direkt über dem Knopf; fehlt er, ein ruhiger
   Satz am Haken in Textfarbe mit Symbol, kein rotes Fehlerfeld. Hinweis darunter klein mit Link auf die Datenschutzerklärung. */
[data-w3d-form] .w3d-einwilligung{margin:24px 0 0;padding:16px;border:1px solid var(--linie);border-radius:10px;background:var(--grau2,#fafafa)}
[data-w3d-form] .haken--einwilligung{margin:0}
[data-w3d-form] .haken--einwilligung span{font-size:var(--klein);line-height:var(--klein-z);color:var(--text);--zeile:var(--klein-z)}
[data-w3d-form] .haken--einwilligung strong{color:var(--tinte)}
[data-w3d-form] .w3d-einwilligung__hinweis{margin:8px 0 0 36px;font-size:var(--etikett);line-height:var(--etikett-z);color:var(--text2);--zeile:var(--etikett-z)}
[data-w3d-form] .w3d-einwilligung.ist-fehler{border-color:var(--linie2);box-shadow:none}
[data-w3d-form] .w3d-einwilligung.ist-fehler input,[data-w3d-form] .w3d-einwilligung input.ist-fehler{border-color:var(--linie2);box-shadow:none}
[data-w3d-form] .w3d-einwilligung .feld__fehler{color:var(--tinte);font-weight:500}
@media (max-width:700px){ [data-w3d-form] .w3d-einwilligung__hinweis{margin-left:0} }

/* ---------- Hotfix 1 (31.10.2026, Bauer 2b): V12 Wohnsitz zuerst und Hinweis zur neuen Vorwahl, V10 Bereich am Anfang, V9 diskrete Bewerbung ---------- */
.w3d-wohnsitz__hilfe{margin:-4px 0 12px}
.w3d-vorwahl-neu{margin-top:10px;padding:12px 14px;border:1px solid var(--linie2);border-radius:var(--radius-feld);background:var(--grau2);box-shadow:inset 3px 0 0 var(--zweit)}
.w3d-vorwahl-neu__text{display:flex;gap:8px;align-items:flex-start;margin:0 0 4px;font-size:var(--klein);line-height:var(--klein-z);font-weight:700;color:var(--tinte);--zeile:var(--klein-z)}
.w3d-vorwahl-neu__text .sym{flex:none;margin-top:1px;color:var(--zweit)}
[data-w3d-form] .w3d-vorwahl-neu .haken{margin:0;font-weight:400}
.w3d-vorwahl-neu .feld__fehler{margin-top:6px}
.w3d-bereich__hilfe{margin:-2px 0 12px}
.w3d-diskret{margin:4px 0 20px;padding:16px 20px;border:1px solid var(--linie2);border-radius:var(--radius);background:var(--grau2)}
[data-w3d-form] .w3d-diskret .haken{margin:0}
[data-w3d-form] .w3d-diskret .haken strong{display:flex;gap:8px;align-items:center;font-weight:700}
.w3d-diskret .haken strong .sym{flex:none;color:var(--zweit)}
.w3d-diskret .felder{margin-top:14px}
@media (max-width:700px){
  .w3d-diskret{padding:14px 16px}
}

/* ---------- Runde H3 (01.11.2026, Test mit drei Personen, ERGEBNIS.md «Sofort beheben» Webseite 1 bis 12) ---------- */
/* Punkt 2: feste Leiste unten am Handy weg, solange eine Bewerbung im Bild ist (w3-ablauf.js leisteWeg) */
@media (max-width:768px){
  html.w3d-ohne-leiste .handyleiste{display:none}
  html.w3d-ohne-leiste body{padding-bottom:env(safe-area-inset-bottom)}
}
/* Gewählte Knöpfe mit Häkchen (Test Luca: «Gewählte Knöpfe mit Häkchen zeigen») */
[data-w3d-form] .wahl__punkt input:checked+span::before{content:"";flex:none;width:6px;height:11px;margin:-3px 4px 0 0;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg)}
/* Grosse Schrift (Test Erika): Wörter trennen statt mitten brechen */
[data-w3d-form] .gruppe__titel,[data-w3d-form] .feld>label,[data-w3d-form] .feld__hilfe{hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word}
/* Punkt 1: «Dort weitermachen?» und «Ihre Bewerbung ist schon bei uns» oben im Formular, Satz zum Speichern auf dem Gerät */
.w3d-weiter,.w3d-gesendet{margin:0 0 20px;padding:16px 18px;border:1px solid var(--linie2);border-radius:var(--radius);background:var(--grau2);box-shadow:inset 3px 0 0 var(--zweit)}
.w3d-weiter[hidden],.w3d-gesendet[hidden]{display:none}
.w3d-weiter__frage,.w3d-gesendet__text{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:var(--fliess);line-height:var(--fliess-z);color:var(--tinte);--zeile:var(--fliess-z)}
.w3d-weiter__frage .sym,.w3d-gesendet__text .sym{flex:none;margin-top:1px;color:var(--zweit)}
.w3d-weiter__frage>span{display:grid;gap:4px}
.w3d-weiter__stelle{font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);--zeile:var(--klein-z)}
.w3d-weiter__knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0 32px}
.w3d-weiter__knoepfe .knopf{min-height:48px}
.w3d-gesendet .w3d-link-knopf{margin:10px 0 0 32px}
.w3d-merken{display:flex;gap:8px;align-items:flex-start;margin:4px 0 8px;font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);--zeile:var(--klein-z)}
.w3d-merken .sym{flex:none;margin-top:2px;color:var(--text3)}
/* Punkte 6 und 8: Rückfragen zu Lohn und Wohnort, zwei grosse Knöpfe */
.w3d-rueckfrage{margin:4px 0 20px;padding:14px 16px;border:1px solid var(--linie2);border-radius:var(--radius-feld);background:var(--grau2);box-shadow:inset 3px 0 0 var(--zweit)}
.w3d-rueckfrage[hidden]{display:none}
.w3d-rueckfrage__text{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:var(--klein);line-height:var(--klein-z);color:var(--tinte);--zeile:var(--klein-z)}
.w3d-rueckfrage__text .sym{flex:none;margin-top:1px;color:var(--zweit)}
.w3d-rueckfrage__text strong{font-weight:700}
.w3d-rueckfrage__knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0 28px}
.w3d-rueckfrage__knoepfe[hidden]{display:none}
.w3d-rueckfrage__knoepfe .knopf{min-height:48px;background:#fff}
/* Nachtest Runde H3 (Erika, Bild 31: mit «Ist CHF 4'500 Ihr Monatslohn?» war das Formular bei 313 und 360 px breiter als der Bildschirm): die Knöpfe
   der Rückfragen brechen um statt über den Rand, und das Formular darf im Raster schmaler werden als sein längster Knopf (Grid-Element ohne min-width) */
[data-w3d-form]{min-width:0}
.w3d-rueckfrage__knoepfe .knopf,.w3d-weiter__knoepfe .knopf{max-width:100%;white-space:normal;text-align:center;padding-top:10px;padding-bottom:10px}
[data-w3d-form] .w3d-rueckfrage.ist-fehler{border-color:var(--akzent-text)}
[data-w3d-form] .w3d-rueckfrage.ist-fehler>.feld__fehler{margin:10px 0 0 28px}
.w3d-lohn__einheit{margin:0 0 6px}
[data-w3d-form] .w3d-lohn__einheit.ist-fehler .wahl__punkt span{border-color:var(--akzent-text)}
[data-w3d-form] .w3d-lohn__einheit>.feld__fehler{margin:8px 0 0}
/* Punkt 3: Zeugnisse und Foto ohne Stern, «Jetzt hochladen» und «Schicke ich später» */
.w3d-unterlagen__wahl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 4px}
.w3d-unterlagen__knopf{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;min-height:52px;padding:10px 14px;border:1px solid var(--linie2);border-radius:10px;background:#fff;font:inherit;font-size:var(--knopf);line-height:var(--knopf-z);font-weight:700;color:var(--tinte);text-align:center;cursor:pointer;--zeile:var(--knopf-z)}
.w3d-unterlagen__knopf .sym{flex:none;color:var(--zweit)}
.w3d-unterlagen__knopf:hover{border-color:var(--tinte)}
.w3d-unterlagen__knopf.ist-gewaehlt{border-color:var(--zweit);box-shadow:inset 0 0 0 1px var(--zweit)}
.w3d-unterlagen__knopf--spaeter input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.w3d-unterlagen__knopf--spaeter span{display:flex;gap:8px;align-items:center}
.w3d-unterlagen__knopf--spaeter:has(input:checked){background:var(--zweit);border-color:var(--zweit);color:#fff}
.w3d-unterlagen__knopf--spaeter:has(input:focus-visible),.w3d-unterlagen__knopf:focus-visible{outline:3px solid var(--akzent);outline-offset:2px}
.w3d-unterlagen__ok{display:flex;gap:8px;align-items:center;margin:10px 0 0;font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);--zeile:var(--klein-z)}
.w3d-unterlagen__ok[hidden]{display:none}
.w3d-unterlagen__dateien{margin-top:14px}
.w3d-unterlagen__dateien[hidden]{display:none}
.w3d-foto-machen{margin:8px 0 0}
.w3d-foto-machen[hidden]{display:none}
.w3d-foto-machen .knopf{min-height:48px}
/* Punkt 4: Schritt 2 kurz, der Rest unter «Weitere Angaben» zugeklappt */
.w3d-pensum__hilfe{margin:-6px 0 12px}
.w3d-aus-inserat{display:flex;gap:8px;align-items:flex-start;margin:-6px 0 16px;font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);--zeile:var(--klein-z)}
.w3d-aus-inserat[hidden]{display:none}
.w3d-aus-inserat .sym{flex:none;margin-top:1px;color:var(--zweit)}
.w3d-mehr{margin:8px 0 24px;border:1px solid var(--linie2);border-radius:var(--radius);background:#fff}
.w3d-mehr__kopf{display:flex;gap:10px;align-items:center;min-height:56px;padding:12px 18px;cursor:pointer;list-style:none;font-size:var(--fliess);line-height:var(--fliess-z);font-weight:700;color:var(--tinte);--zeile:var(--fliess-z)}
.w3d-mehr__kopf::-webkit-details-marker{display:none}
.w3d-mehr__kopf>.sym:first-child{flex:none;color:var(--zweit)}
.w3d-mehr__kopf>span{flex:1;min-width:0}
.w3d-mehr__pfeil{flex:none;transition:transform .2s}
.w3d-mehr[open]>.w3d-mehr__kopf{border-bottom:1px solid var(--linie)}
.w3d-mehr[open] .w3d-mehr__pfeil{transform:rotate(180deg)}
.w3d-mehr__inhalt{padding:16px 18px 4px}
.w3d-mehr__hilfe{margin:0 0 18px}
.w3d-mehr .w3d-lohn{margin-bottom:12px}
/* Danke-Seite: Stelle und Unterlagen, die später folgen */
.w3d-danke-beworben{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px;font-size:var(--fliess);line-height:var(--fliess-z);color:var(--tinte);--zeile:var(--fliess-z)}
.w3d-danke-beworben .sym{flex:none;margin-top:2px;color:var(--zweit)}
.w3d-danke-beworben strong{overflow-wrap:anywhere}
.w3d-danke-spaeter{margin:0 0 20px}
@media (max-width:420px){
  .w3d-unterlagen__wahl{grid-template-columns:1fr}
  .w3d-weiter__knoepfe,.w3d-rueckfrage__knoepfe,.w3d-gesendet .w3d-link-knopf{margin-left:0}
  .w3d-weiter__knoepfe .knopf,.w3d-rueckfrage__knoepfe .knopf{flex:1 1 100%}
  .w3d-mehr__kopf{padding:12px 14px;font-size:var(--fliess);line-height:var(--fliess-z);--zeile:var(--fliess-z)}
  .w3d-mehr__inhalt{padding:14px 14px 2px}
}
@media (prefers-reduced-motion:reduce){.w3d-mehr__pfeil{transition:none}}
/* Danke-Seite bei grosser Schrift (313 CSS-Pixel): lange Knöpfe wie «Offene Stellen im Gesundheitswesen» brechen um statt über den Rand */
@media (max-width:420px){.abschnitt__fuss .knopf{max-width:100%;white-space:normal;text-align:center;padding-top:8px;padding-bottom:8px}}
/* Gesamtrevision 02.11.2026 (Befund Danke-Seiten bei 360 px: Knöpfe ungleich): auf schmalen Bildschirmen stehen die Knöpfe der Danke-Seiten gleich breit untereinander */
@media (max-width:420px){[data-w3d-danke] .abschnitt__fuss .knopf{flex:1 1 100%}}
/* Liste der fehlenden Angaben bekommt beim Senden den Fokus (Ansage), ohne zweiten Rahmen; Telefonnummer der Danke-Seite nicht getrennt */
.w3d-fehlerliste:focus{outline:none}
/* Nachtest Runde H3: der Hinweis «schon bei uns» bekommt nach «Zurück» den Fokus (Ansage), ohne zweiten Rahmen */
.w3d-gesendet:focus{outline:none}
/* Nachtest 2 Runde H3: Satz «Sie sind wieder in Schritt 2» unter dem Fortschritt (nach «Ja, dort weitermachen»); auf /lebenslauf-hochladen/ nach einer
   Sendung nur der Hinweis «schon bei uns», das Formular erst nach «Neue Bewerbung starten» (w3-ablauf.js, Klasse w3d-zu) */
.w3d-wieder{display:flex;gap:8px;align-items:flex-start;margin:0 0 16px;font-size:var(--klein);line-height:var(--klein-z);font-weight:700;color:var(--tinte);--zeile:var(--klein-z)}
.w3d-wieder[hidden]{display:none}
.w3d-wieder .sym{flex:none;margin-top:1px;color:var(--zweit)}
.w3d-wieder:focus{outline:none}
[data-w3d-form].w3d-zu>:not(.w3d-gesendet){display:none!important}
.w3d-danke-mail a[href^="tel:"]{white-space:nowrap}
/* Nachtrag 11 Punkt 3: Tipp «Datei nochmals wählen» ruhig in Schrift (kein Rot, es ist kein Fehler); im Notfallpool Luft zwischen dem Satz zum Speichern und den Unterlagen */
[data-w3d-notfallpool] .w3d-merken{margin-bottom:22px}

/* ==========================================================================================================================================
   Update 0311c (03.11.2026): Bewerbungsformular Fassung 4 (Klasse w3d-b4 am Formular), wie das freigegebene Muster Runde 2
   (scratchpad/formular-entwurf/muster/gemeinsam/formular.css): ruhig, luftig, keine Hilfstexte, Antworten in gleich breiten Spalten über die ganze Breite
   (wahl4--spN), am Handy zwei Spalten, eine ungerade letzte Antwort über die ganze Breite. Farben nur über die Variablen der Marke.
   ========================================================================================================================================== */
.w3d-b4 .w3d-b4-vorab{margin:22px 0 0;display:grid;gap:4px;font-size:var(--fliess);line-height:var(--fliess-z);color:var(--text2);--zeile:var(--fliess-z)}
.w3d-b4 .w3d-b4-vorab__bereit{color:var(--tinte);font-weight:500}
.w3d-b4 .w3d-teil>.w3d-b4-vorab:first-child{margin-top:4px}
[data-w3d-form].w3d-b4 h2.formular__abschnitt{margin:30px 0 18px;padding-top:0;border-top:0;font-size:var(--h3);line-height:var(--h3-z);--zeile:var(--h3-z)}
[data-w3d-form].w3d-b4 h2.formular__abschnitt.w3d-b4-trenn,.w3d-b4 .w3d-b4-trenn-block>h2.formular__abschnitt{margin-top:36px;padding-top:30px;border-top:1px solid var(--linie)}
.w3d-b4 .w3d-b4-frei{font-size:var(--klein);font-weight:400;color:var(--text3);margin-left:6px;line-height:var(--klein-z);--zeile:var(--klein-z)}
/* Felder: zwei gleiche Spalten, ein einzelnes Feld steht in der linken Spalte */
.w3d-b4 .felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;margin:0 0 24px}
.w3d-b4 .felder--eins{grid-template-columns:minmax(0,1fr)}
.w3d-b4 .feld{min-width:0}
.w3d-b4 .feld>label,.w3d-b4 .gruppe>.gruppe__titel,.w3d-b4 .w3d-u4__titel{margin:0 0 8px;font-size:var(--fliess);line-height:var(--fliess-z);font-weight:700;color:var(--tinte);--zeile:var(--fliess-z)}
.w3d-b4 .feld input,.w3d-b4 .feld select{height:50px}
.w3d-b4 .gruppe{margin:0 0 26px}
.w3d-b4 .gruppe>.gruppe__titel{display:block;margin-bottom:12px}
.w3d-b4 .gruppe>.feld__fehler{margin-top:8px}
/* Antworten: gleich breite Spalten über die ganze Breite */
.w3d-b4 .wahl.wahl4{display:grid;grid-auto-rows:auto;gap:10px;margin:0}
.w3d-b4 .wahl4--sp1{grid-template-columns:minmax(0,1fr)}
.w3d-b4 .wahl4--sp2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
.w3d-b4 .wahl4--sp3{grid-template-columns:repeat(3,minmax(0,1fr))}
.w3d-b4 .wahl4--sp4{grid-template-columns:repeat(4,minmax(0,1fr))}
.w3d-b4 .wahl4--sp5{grid-template-columns:repeat(5,minmax(0,1fr))}
/* Schriftstufe «Knopf klein» (15/20, Handy 14/20) wie die Antworten der Personalanfrage (Prüfzeile SCH1/SCH3) */
.w3d-b4 .wahl4 .wahl__punkt span,.w3d-b4 .wahl4-mehr{min-height:50px;height:100%;padding:8px 10px;font-size:var(--knopf-klein);line-height:var(--knopf-klein-z);-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;--zeile:var(--knopf-klein-z)}
.w3d-b4 .wahl4-mehr{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;border:1px solid var(--linie2);border-radius:10px;background:#fff;font:inherit;font-size:var(--knopf-klein);line-height:var(--knopf-klein-z);font-weight:500;color:var(--tinte);cursor:pointer;text-align:center;--zeile:var(--knopf-klein-z)}
.w3d-b4 .wahl4-mehr:hover{border-color:var(--tinte)}
.w3d-b4 .wahl4-mehr .sym{width:18px;height:18px;color:var(--text3);transition:transform .15s}
.w3d-b4 .wahl4-mehr[aria-expanded=true] .sym{transform:rotate(180deg)}
.w3d-b4 .wahl4-mehr.ist-gewaehlt{border-color:var(--zweit);box-shadow:inset 0 0 0 1px var(--zweit)}
.w3d-b4 .wahl4-mehr:focus-visible{outline:3px solid var(--akzent);outline-offset:2px}
.w3d-b4 .gruppe.ist-fehler .wahl__punkt span,.w3d-b4 .gruppe.ist-fehler .wahl4-mehr{border-color:var(--akzent)}
/* Listen (Kantone, weitere Sprachen): gleich breite Spalten, Text links */
.w3d-b4 .wahl4-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.w3d-b4 .wahl4-liste .wahl__punkt{display:flex;position:relative;min-width:0;cursor:pointer}
.w3d-b4 .wahl4-liste .wahl__punkt span{justify-content:flex-start;text-align:left;min-height:44px;padding:8px 14px;font-weight:400}
.w3d-b4 .w3d-b4-kantone{margin-top:-14px}
.w3d-b4 .w3d-b4-kantone>.gruppe__titel{display:none}
.w3d-b4 .w3d-b4-mehr{margin-top:10px}
/* Beruf: Feld links, «Mein Beruf ist nicht in der Liste» rechts auf derselben Linie (am Handy darunter) */
.w3d-b4 .w3d-b4-beruf{margin:0 0 24px}
.w3d-b4 .w3d-b4-beruf__zeile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;align-items:start}
.w3d-b4 .w3d-b4-beruf__feld{min-width:0}
.w3d-b4 .w3d-b4-beruf__feld .feld{margin:0}
.w3d-b4 .w3d-b4-beruf__link{justify-self:start;align-self:start;margin-top:41px;min-height:50px;display:flex;align-items:center}
.w3d-b4 .w3d-b4-beruf .feld--beruf{margin:0}
.w3d-b4 .w3d-moeglich{margin:-8px 0 24px}
/* Diskrete Bewerbung, Zugang und Einwilligung: gleich aufgebaute Haken */
.w3d-b4 .haken--zeile,.w3d-b4 .w3d-b4-einwilligung .haken--einwilligung{display:flex;gap:14px;align-items:flex-start;margin:0 0 20px;font-weight:400}
.w3d-b4 .w3d-b4-einwilligung .haken--einwilligung{margin-bottom:6px}
.w3d-b4 .w3d-b4-einwilligung .haken--einwilligung span{font-size:inherit}
.w3d-b4 .w3d-b4-einwilligung .haken--einwilligung strong{display:block;font-size:var(--fliess);line-height:var(--fliess-z);font-weight:500;color:var(--tinte);--zeile:var(--fliess-z)}
.w3d-b4 .w3d-b4-einwilligung .haken--einwilligung small{display:block;font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);margin-top:2px;--zeile:var(--klein-z)}
.w3d-b4 .haken--zeile strong{display:block;font-size:var(--fliess);line-height:var(--fliess-z);font-weight:500;color:var(--tinte);--zeile:var(--fliess-z)}
.w3d-b4 .haken--zeile small{display:block;font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);margin-top:2px;--zeile:var(--klein-z)}
.w3d-b4 .w3d-b4-abschluss{margin-top:30px;padding-top:28px;border-top:1px solid var(--linie)}
.w3d-b4 .w3d-b4-einwilligung{margin:0;padding:0;border:0;background:none;box-shadow:none}
.w3d-b4 .w3d-b4-einwilligung .haken--zeile{margin-bottom:6px}
.w3d-b4 .w3d-b4-einwilligung .w3d-einwilligung__hinweis{margin:0 0 0 36px;font-size:var(--klein);line-height:var(--klein-z);color:var(--text3);--zeile:var(--klein-z)}
.w3d-b4 .w3d-b4-einwilligung .w3d-einwilligung__hinweis a{color:var(--text2)}
.w3d-b4 .w3d-b4-einwilligung .feld__fehler{margin:0 0 6px 36px}
.w3d-b4 .w3d-b4-leise{font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);margin:-12px 0 18px;--zeile:var(--klein-z)}
/* Unterlagen */
.w3d-b4 .w3d-u4{margin:0 0 26px;padding:0 0 26px;border-bottom:1px solid var(--linie)}
.w3d-b4 [data-w3d-teil="1"] .w3d-u4[data-w3d-u4="zeugnis"],.w3d-b4 .w3d-u4--allein{border-bottom:0;padding-bottom:0}
.w3d-b4 .w3d-u4__titel{display:block}
.w3d-b4 .w3d-u4__steuerung{display:grid;gap:10px}
.w3d-b4 .w3d-u4__ablage{position:relative;display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px dashed var(--linie2);border-radius:14px;background:var(--grau2,#FAFAFA);cursor:pointer;transition:border-color .15s,background .15s}
.w3d-b4 .w3d-u4__ablage:hover,.w3d-b4 .w3d-u4__ablage.ist-ueber{border-color:var(--tinte);background:#fff}
.w3d-b4 .w3d-u4__ablage input,.w3d-b4 .w3d-u4__knopf input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.w3d-b4 .w3d-u4__symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--linie);color:var(--akzent);flex:none}
.w3d-b4 .w3d-u4__ablage strong{display:block;font-size:var(--fliess);font-weight:500;color:var(--tinte);line-height:var(--fliess-z);--zeile:var(--fliess-z)}
.w3d-b4 .w3d-u4__ablage small{display:block;font-size:var(--knopf-klein);line-height:var(--knopf-klein-z);color:var(--text2);--zeile:var(--knopf-klein-z)}
.w3d-b4 .w3d-u4__handy{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.w3d-b4 .w3d-u4__knopf{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 12px;border:1px solid var(--linie2);border-radius:10px;background:#fff;font-size:var(--knopf);font-weight:500;color:var(--tinte);cursor:pointer;line-height:var(--knopf-z);--zeile:var(--knopf-z)}
.w3d-b4 .w3d-u4__knopf .sym{color:var(--akzent)}
.w3d-b4 .w3d-u4__ablage:focus-within,.w3d-b4 .w3d-u4__knopf:focus-within{outline:3px solid var(--akzent);outline-offset:2px}
.w3d-b4 .w3d-u4.ist-fehler .w3d-u4__ablage,.w3d-b4 .w3d-u4.ist-fehler .w3d-u4__knopf{border-color:var(--akzent);box-shadow:0 0 0 3px var(--akzent-zart,rgba(228,3,19,.1))}
.w3d-b4 .w3d-u4__echt{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;overflow:hidden}
.w3d-b4 .w3d-u4__liste{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none}
.w3d-b4 .w3d-u4__liste:empty{display:none}
.w3d-b4 .w3d-u4__datei{min-width:0;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--linie2);border-radius:10px;background:var(--grau2,#FAFAFA);font-size:var(--klein);line-height:var(--klein-z);--zeile:var(--klein-z)}
.w3d-b4 .w3d-u4__datei .sym{color:var(--akzent)}
.w3d-b4 .w3d-u4__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tinte);font-weight:500}
.w3d-b4 .w3d-u4__groesse{color:var(--text3);font-size:var(--klein);white-space:nowrap;line-height:var(--klein-z);--zeile:var(--klein-z)}
.w3d-b4 .w3d-u4__datei button{background:none;border:0;padding:4px;font:inherit;font-size:var(--knopf-klein);color:var(--text2);text-decoration:underline;cursor:pointer;line-height:var(--knopf-klein-z);--zeile:var(--knopf-klein-z)}
.w3d-b4 .w3d-u4__mehr{margin:0}
.w3d-b4 .w3d-u4__ausweg{margin:12px 0 0;font-size:var(--knopf-klein);line-height:var(--knopf-klein-z);color:var(--text);--zeile:var(--knopf-klein-z)}
.w3d-b4 .w3d-u4__ausweg span{font-size:var(--knopf-klein);line-height:var(--knopf-klein-z);--zeile:var(--knopf-klein-z)}
.w3d-b4 .w3d-u4__ausweg input{width:20px;height:20px}
.w3d-b4 .w3d-u4>.feld__fehler{margin-top:8px}
.w3d-b4 .w3d-u4 .w3d-datei-nochmals{margin-top:8px}
/* Weitere Unterlagen (zugeklappt) */
.w3d-b4 .w3d-b4-weitere{margin:0 0 6px}
.w3d-b4 .w3d-b4-weitere summary{display:inline-flex;gap:8px;align-items:center;padding:4px 0;font-size:var(--klein);line-height:var(--klein-z);font-weight:500;color:var(--tinte);cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:3px;--zeile:var(--klein-z)}
.w3d-b4 .w3d-b4-weitere summary::-webkit-details-marker{display:none}
.w3d-b4 .w3d-b4-weitere summary .sym{width:18px;height:18px;color:var(--text3)}
.w3d-b4 .w3d-b4-weitere[open] summary{margin-bottom:12px}
.w3d-b4 .w3d-b4-weitere .w3d-u4{margin-bottom:0}
/* Lohn: Betrag links, pro Stunde und pro Monat rechts */
.w3d-b4 .w3d-b4-lohn__zeile{margin:0;align-items:start}
.w3d-b4 .w3d-b4-lohn .w3d-lohn__einheit{margin:0}
/* Fuss eines Schritts: nur Knöpfe, Zurück links, Weiter rechts */
.w3d-b4 .w3d-teil__fuss .formular__fuss{margin-top:32px;padding-top:24px}
.w3d-b4 .w3d-teil__fuss .formular__fuss>p:empty{display:none}
.w3d-b4 .w3d-teil__fuss .formular__knoepfe{display:flex;gap:12px;width:100%;justify-content:space-between}
.w3d-b4 [data-w3d-teil="1"] .formular__knoepfe{justify-content:flex-end}
/* Hinweis-Seiten (nur im Ausland; ohne Abschluss und unter 1 Jahr Erfahrung): ersetzen das Formular */
.w3d-b4.w3d-hinweis-an>:not(.w3d-b4-hinweis){display:none!important}
.w3d-b4 .w3d-b4-hinweis{padding:8px 0 4px}
.w3d-b4 .w3d-b4-hinweis:focus{outline:none}
.w3d-b4 .w3d-b4-hinweis__symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--akzent-zart,#FDECEE);color:var(--akzent-text,var(--akzent));margin-bottom:18px}
.w3d-b4 .w3d-b4-hinweis h2{margin:0;font-size:var(--h3);line-height:var(--h3-z);font-weight:700;color:var(--tinte);--zeile:var(--h3-z)}
.w3d-b4 .w3d-b4-hinweis p{margin:12px 0 0;font-size:var(--fliess);line-height:var(--fliess-z);color:var(--text);--zeile:var(--fliess-z)}
.w3d-b4 .w3d-b4-hinweis .w3d-b4-hinweis__leise{color:var(--text2);font-size:var(--klein);line-height:var(--klein-z);--zeile:var(--klein-z)}
.w3d-b4 .w3d-b4-hinweis__knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
/* Prüfung Runde 1 (N1): ganz weg, sonst behält die leere Leiste ihre Höhe und unter der Karte bleibt eine grosse Leerfläche */
.w3d-hinweis-offen .w3d-b4-leiste{display:none}
@media (max-width:700px){
  .w3d-b4 .felder{grid-template-columns:minmax(0,1fr);gap:22px}
  .w3d-b4 .w3d-b4-plz{grid-template-columns:120px minmax(0,1fr);gap:12px}
  .w3d-b4 .wahl.wahl4,.w3d-b4 .wahl4--sp3,.w3d-b4 .wahl4--sp4,.w3d-b4 .wahl4--sp5{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}
  .w3d-b4 .wahl4--sp1,.w3d-b4 .wahl4--breit{grid-template-columns:minmax(0,1fr)}
  .w3d-b4 .wahl4>:last-child:nth-child(odd){grid-column:1/-1}
  .w3d-b4 .wahl4-liste{grid-template-columns:repeat(2,minmax(0,1fr))}
  .w3d-b4 .w3d-b4-beruf__zeile{grid-template-columns:minmax(0,1fr)}
  .w3d-b4 .w3d-b4-beruf__link{margin-top:8px;min-height:0}
  .w3d-b4 .w3d-u4__ablage{display:none}
  .w3d-b4 .w3d-u4__handy{display:grid}
  .w3d-b4 .w3d-b4-lohn__zeile{gap:10px}
  .w3d-b4 .w3d-teil__fuss .formular__knoepfe{flex-direction:column-reverse;align-items:stretch}
  .w3d-b4 .w3d-teil__fuss .formular__knoepfe .knopf{width:100%}
  .w3d-b4 .w3d-b4-hinweis__knoepfe .knopf{width:100%}
}
/* Seitenleiste am Handy (Entscheid des Inhabers zu Runde 2): nur in Schritt 1 und nur die drei Titel ohne Untertitel, ohne weitere Karten */
@media (max-width:980px){
  .w3d-b4-leiste .box--portal,.w3d-b4-leiste .box--zeilen,.w3d-b4-leiste .ablauf p{display:none}
  .w3d-b4-teil-2 .w3d-b4-leiste,.w3d-b4-teil-3 .w3d-b4-leiste,.w3d-hinweis-offen .w3d-b4-leiste{display:none}
}