/* 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}
/* Korrektur W6, Runde 1 (Tor A M1): Expressbewerbung fragt die Anrede als erstes Feld, mit Abstand zu den zwei Sätzen oben wie ein Abschnitt */
.w3d-b4 .w3d-b4-vorab+.gruppe.w3d-b4-anrede-zuerst{margin-top:30px}
[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}
}


/* Update W7 (08.11.2026): Tätigkeiten zum Beruf (Knöpfe nach der Wahl des Berufs, «Andere» mit Textfeld), Satz zu den Arbeitgebern bei der
   Einwilligung, englische Zeile zu den Sätzen der Konsole, Balken beim Hochladen und «Nochmals senden» nach einer abgebrochenen Sendung */
.w3d-taet{margin:4px 0 18px;padding:0;border:0}
.w3d-taet[hidden]{display:none}
.w3d-taet .gruppe__titel{margin-bottom:10px}
.w3d-taet__liste:empty{display:none}
.w3d-taet__frei{margin:12px 0 0}
.w3d-taet__frei[hidden]{display:none}
.w3d-taet__liste:empty+.w3d-taet__frei{margin-top:0}
.beruf-zeile .w3d-taet{grid-column:1/-1;margin:0 0 6px}
.w3d-taet.ist-fehler .w3d-taet__liste .wahl__punkt span{border-color:var(--akzent)}
.w3d-einwilligung__arbeitgeber{margin:8px 0 0 36px;font-size:var(--klein);line-height:var(--klein-z);color:var(--text2);--zeile:var(--klein-z)}
.w3d-b4-einwilligung .w3d-einwilligung__arbeitgeber{margin:0 0 6px 36px}
.w3d-en{display:block;flex:1 1 100%;margin-top:2px;font-size:var(--klein);line-height:var(--klein-z);font-weight:400;font-style:italic;opacity:.9;--zeile:var(--klein-z)}
.w3d-sende-stand--balken{text-align:left;display:flex;flex-direction:column;gap:6px}
.w3d-sende-stand__balken{-webkit-appearance:none;appearance:none;display:block;width:100%;height:8px;border:0;border-radius:10px;background:var(--linie2,#e3e6ea);overflow:hidden;color:var(--zweit,#0a9bd9)}
.w3d-sende-stand__balken::-webkit-progress-bar{background:var(--linie2,#e3e6ea);border-radius:10px}
.w3d-sende-stand__balken::-webkit-progress-value{background:var(--zweit,#0a9bd9);border-radius:10px;transition:width .2s ease-out}
.w3d-sende-stand__balken::-moz-progress-bar{background:var(--zweit,#0a9bd9);border-radius:10px}
.w3d-nochmals-zeile{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:10px}
.w3d-nochmals-zeile .knopf{min-height:44px}
.w3d-nochmals-tel{white-space:nowrap}
@media (prefers-reduced-motion:reduce){
  .w3d-sende-stand__balken::-webkit-progress-value{transition:none}
}