/* 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. */

/* Wahlen mit längeren Texten oder Zusatz (zum Beispiel Deutschkenntnisse) wachsen mit, statt abzuschneiden */
[data-w3d-form] .wahl__punkt span{height:auto;min-height:42px;padding:9px 18px;line-height:22px}
[data-w3d-form] .wahl__punkt small{margin-left:6px;font-size:var(--klein);color:var(--text3)}
[data-w3d-form] .wahl__punkt input:checked+span small{color:rgba(255,255,255,.85)}
[data-w3d-form] .gruppe{border:0;margin:0 0 6px;padding:0;min-width:0}
[data-w3d-form] .gruppe .wahl{margin-bottom:6px}
[data-w3d-form] .feld__fehler{margin:2px 0 6px}
[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)}

/* 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}
.vorschlaege .w3d-vor__kopf{cursor:default;font-size:var(--klein);font-weight:500;color:var(--text3);text-transform:none;padding:8px 12px 4px}
.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(--klein);line-height:20px}
.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(--klein);font-weight:500;color:var(--tinte);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.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}
.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)}
.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)}
.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] .felder{grid-template-columns:1fr}
  [data-w3d-form] .feld--breit{grid-column:auto}
  .w3d-links{gap:4px 14px}
  .w3d-fach{padding:12px}
}