
/* ---------- 1. reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:clip}
img,picture,video,svg{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p,figure,blockquote{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
fieldset{border:0;margin:0;padding:0}
legend{padding:0}
table{border-collapse:collapse;width:100%}

/* ---------- 2. tokens ---------- */
:root{
  --nacht:#14181A;
  --nacht-tief:#0E1113;
  --blatt:#F2EFE7;
  --blatt-tief:#E3DFD3;
  --schrift:#EFEAE0;
  --schrift-leise:#9AA3A1;
  --schrift-dunkel:#14181A;
  --schrift-dunkel-leise:#585F5C;
  --akzent:#C9B8FF;
  --auf-akzent:#14181A;
  --linie:rgba(239,234,224,.22);
  --linie-stark:rgba(239,234,224,.5);
  --linie-dunkel:rgba(20,24,26,.24);
  --t-max:clamp(2.15rem,8.6vw,6.4rem);
  --t-h2:clamp(1.7rem,3.4vw,3rem);
  --t-h3:clamp(1.24rem,2vw,1.72rem);
  --t-lead:clamp(1.14rem,1.5vw,1.4rem);
  --t-text:1.0625rem;
  --t-mikro:.68rem;
  --raum:clamp(56px,7vw,116px);
  --rand:clamp(20px,5vw,64px);
  --breit:1320px;
  --lesen:66ch;
  --schmal:22ch;
}
[data-farbe="art"]{--akzent:#C9B8FF;--auf-akzent:#14181A}
[data-farbe="capsule"]{--akzent:#FFA46B;--auf-akzent:#14181A}
[data-farbe="casino"]{--akzent:#74E3B4;--auf-akzent:#14181A}
[data-farbe="ice"]{--akzent:#93D7FF;--auf-akzent:#14181A}

/* ---------- 3. base ---------- */
body{
  background:var(--nacht);
  color:var(--schrift);
  font-family:"Newsreader","Iowan Old Style","Palatino Linotype",Georgia,"Times New Roman",serif;
  font-size:var(--t-text);
  font-weight:400;
  line-height:1.74;
  -webkit-font-smoothing:antialiased;
  overflow-wrap:break-word;
  word-break:break-word;
}
h1,h2,h3{overflow-wrap:break-word;hyphens:manual;-webkit-hyphens:manual;font-family:"Syne","Trebuchet MS","Helvetica Neue",Arial,sans-serif;font-weight:800;line-height:1.02;letter-spacing:-.02em}
h1{font-size:var(--t-max)}
h2{font-size:var(--t-h2)}
h3{font-size:var(--t-h3);line-height:1.14}
p{max-width:var(--lesen)}
p + p{margin-top:.9em}
strong{font-weight:600}

/* ---------- 4. layout ---------- */
.osw-bahn{width:100%;max-width:var(--breit);margin:0 auto;padding-left:var(--rand);padding-right:var(--rand)}
.osw-bahn-eng{max-width:940px}
.osw-abschnitt{padding-top:var(--raum);padding-bottom:var(--raum)}
.osw-abschnitt-tief{background:var(--nacht-tief)}
.osw-abschnitt-hell{background:var(--blatt);color:var(--schrift-dunkel)}
.osw-abschnitt-akzent{background:var(--akzent);color:var(--auf-akzent)}
.osw-titelzeile{display:grid;gap:12px 40px;grid-template-columns:minmax(0,1fr);align-items:baseline;border-bottom:2px solid var(--linie-stark);padding-bottom:20px;margin-bottom:38px}
.osw-abschnitt-hell .osw-titelzeile{border-bottom-color:var(--linie-dunkel)}

/* ---------- 5. Marken- und Mikrotypografie ---------- */
.osw-mono{overflow-wrap:anywhere;font-family:"Spline Sans Mono","SF Mono","Roboto Mono",ui-monospace,"Courier New",monospace;font-size:var(--t-mikro);letter-spacing:.18em;text-transform:uppercase;font-weight:500}
.osw-mikro{overflow-wrap:anywhere;font-family:"Spline Sans Mono","SF Mono","Roboto Mono",ui-monospace,"Courier New",monospace;font-size:var(--t-mikro);letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--schrift-leise)}
.osw-abschnitt-hell .osw-mikro{color:var(--schrift-dunkel-leise)}
.osw-abschnitt-akzent .osw-mikro{color:var(--auf-akzent)}
.osw-lead{font-size:var(--t-lead);line-height:1.5;max-width:44ch}
.osw-sprung{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.osw-sprung:focus{position:fixed;left:var(--rand);top:12px;width:auto;height:auto;z-index:60;clip-path:none;background:var(--blatt);color:var(--schrift-dunkel);padding:10px 16px}

/* ---------- 6. Kopfleiste: zwei Zeilen, nummerierte Navigation ---------- */
.osw-kopf{background:var(--nacht-tief);border-bottom:1px solid var(--linie)}
.osw-kopf-zeile{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding-top:16px;padding-bottom:14px}
.osw-marke{overflow-wrap:anywhere;font-family:"Syne","Trebuchet MS",Arial,sans-serif;font-weight:800;font-size:1.18rem;letter-spacing:-.03em;text-decoration:none;margin-right:auto}
.osw-kopf-stand{color:var(--schrift-leise)}
.osw-menue{background:none;border:1px solid var(--linie-stark);padding:7px 14px;cursor:pointer;font-family:"Spline Sans Mono","SF Mono",ui-monospace,monospace;font-size:var(--t-mikro);letter-spacing:.18em;text-transform:uppercase}
.osw-nav{flex-basis:100%;border-top:1px solid var(--linie);padding-top:10px;padding-bottom:12px}
.osw-nav-liste{display:flex;flex-wrap:wrap;gap:6px 26px}
.osw-nav-liste a{display:inline-flex;align-items:baseline;gap:7px;text-decoration:none;padding-top:4px;padding-bottom:4px}
.osw-nav-nr{font-family:"Spline Sans Mono","SF Mono",ui-monospace,monospace;font-size:.62rem;letter-spacing:.1em;color:var(--schrift-leise)}
.osw-nav-wort{font-family:"Syne","Trebuchet MS",Arial,sans-serif;font-weight:700;font-size:.96rem}

/* ---------- 7. Frage und Antwort ---------- */
.osw-qa{display:grid;gap:10px 34px;grid-template-columns:minmax(0,1fr);padding:22px 0;border-top:1px solid var(--linie)}
.osw-abschnitt-hell .osw-qa{border-top-color:var(--linie-dunkel)}
.osw-qa-kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 10px}
.osw-qa-nr{font-family:"Spline Sans Mono","SF Mono",ui-monospace,monospace;font-size:.66rem;letter-spacing:.16em;color:var(--schrift-leise)}
.osw-frage{font-family:"Syne","Trebuchet MS",Arial,sans-serif;font-weight:700;font-size:.98rem;line-height:1.5}
.osw-frage span{background:var(--akzent);color:var(--auf-akzent);padding:3px 9px;display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.osw-antwort{max-width:var(--lesen)}

/* ---------- 8. Hoteleintrag: kein Kasten, sondern eine Linie ---------- */
.osw-eintrag{display:grid;gap:18px 40px;grid-template-columns:minmax(0,1fr);border-top:3px solid var(--schrift);padding-top:26px;padding-bottom:52px}
.osw-eintrag-rail{align-self:start}
.osw-eintrag-nr{font-family:"Syne","Trebuchet MS",Arial,sans-serif;font-weight:800;font-size:clamp(3.2rem,8vw,5.6rem);line-height:.82;letter-spacing:-.05em;color:var(--akzent)}
.osw-eintrag-tag{display:inline-block;margin-top:12px;border:1px solid var(--akzent);color:var(--akzent);padding:4px 10px;font-family:"Spline Sans Mono","SF Mono",ui-monospace,monospace;font-size:var(--t-mikro);letter-spacing:.16em;text-transform:uppercase}
.osw-eintrag-ort{margin-top:10px;color:var(--schrift-leise)}
.osw-eintrag h3{margin-bottom:8px}
.osw-kurz{font-size:var(--t-lead);line-height:1.5;max-width:52ch;margin-top:12px;padding-left:16px;border-left:3px solid var(--akzent)}
.osw-eintrag-fuss{display:flex;flex-wrap:wrap;gap:10px 26px;max-width:none;margin-top:24px}

/* Bildplatte: Foto, Platz bleibt wie bei der Farbfeld-Platte */
.osw-tafel{margin-top:26px}
.osw-tafel-feld{position:relative;aspect-ratio:16/7;background:var(--akzent);color:var(--auf-akzent);padding:clamp(14px,2vw,24px);display:flex;flex-direction:column;justify-content:space-between}
.osw-tafel-breit{aspect-ratio:24/9}
.osw-tafel-bild{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;background:var(--akzent)}
.osw-tafel-bild.osw-tafel-breit{aspect-ratio:24/9}
.osw-tafel-bild.osw-tafel-quadrat{aspect-ratio:1/1;object-fit:contain;max-width:min(100%,28rem);background:transparent}
.osw-tafel-marke{font-family:"Spline Sans Mono","SF Mono",ui-monospace,monospace;font-size:var(--t-mikro);letter-spacing:.2em;text-transform:uppercase;max-width:none}
.osw-tafel-wort{font-family:"Syne","Trebuchet MS",Arial,sans-serif;font-weight:800;font-size:clamp(1.1rem,2.6vw,2.2rem);line-height:1.04;letter-spacing:-.03em;max-width:18ch}
.osw-tafel-text{margin-top:10px;color:var(--schrift-leise)}
.osw-abschnitt-hell .osw-tafel-text{color:var(--schrift-dunkel-leise)}

/* ---------- 9. Verweise ---------- */
.osw-verweis{display:inline-block;overflow-wrap:anywhere;text-decoration:none;font-family:"Syne","Trebuchet MS",Arial,sans-serif;font-weight:700;font-size:.95rem;border-bottom:2px solid var(--akzent);padding-bottom:2px}
.osw-verweis-gross{font-size:var(--t-h3)}

/* ---------- 10. Tabellenartige Listen ---------- */
.osw-reihe{display:grid;gap:6px 30px;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--linie);padding:20px 0;text-decoration:none}
.osw-abschnitt-hell .osw-reihe{border-top-color:var(--linie-dunkel)}
.osw-reihe-letzte{border-bottom:1px solid var(--linie)}
.osw-reihe-marke{display:flex;align-items:center;gap:12px}
.osw-quadrat{width:18px;height:18px;background:var(--akzent);flex:0 0 auto}
.osw-reihe-titel{font-family:"Syne","Trebuchet MS",Arial,sans-serif;font-weight:800;font-size:clamp(1.3rem,2.6vw,2rem);letter-spacing:-.02em;line-height:1.06}
.osw-reihe-text{color:var(--schrift-leise);max-width:48ch}
.osw-abschnitt-hell .osw-reihe-text{color:var(--schrift-dunkel-leise)}

.osw-liste li{display:grid;gap:4px 28px;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--linie);padding:18px 0}
.osw-abschnitt-hell .osw-liste li{border-top-color:var(--linie-dunkel)}
.osw-liste a{text-decoration:none;overflow-wrap:anywhere;font-family:"Syne","Trebuchet MS",Arial,sans-serif;font-weight:700;font-size:1.12rem;border-bottom:2px solid var(--akzent)}
.osw-listen-nr{font-family:"Spline Sans Mono","SF Mono",ui-monospace,monospace;font-size:var(--t-mikro);letter-spacing:.16em;color:var(--akzent)}
.osw-listen-ort{color:var(--schrift-leise)}
.osw-abschnitt-hell .osw-listen-ort{color:var(--schrift-dunkel-leise)}
.osw-listen-kurz{max-width:60ch}
.osw-listen-tag{font-family:"Spline Sans Mono","SF Mono",ui-monospace,monospace;font-size:var(--t-mikro);letter-spacing:.16em;text-transform:uppercase;color:var(--auf-akzent);background:var(--akzent);padding:3px 9px;display:inline-block}

/* ---------- 11. Fragebogen ---------- */
.osw-schritt{border-top:1px solid var(--linie);padding-top:22px;padding-bottom:26px}
.osw-abschnitt-hell .osw-schritt{border-top-color:var(--linie-dunkel)}
.osw-schritt-nr{font-family:"Spline Sans Mono","SF Mono",ui-monospace,monospace;font-size:var(--t-mikro);letter-spacing:.18em;text-transform:uppercase;color:var(--schrift-leise);margin-bottom:10px}
.osw-abschnitt-hell .osw-schritt-nr{color:var(--schrift-dunkel-leise)}
.osw-schritt-frage{font-family:"Syne","Trebuchet MS",Arial,sans-serif;font-weight:800;font-size:var(--t-h3);letter-spacing:-.02em}
.osw-wahl{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.osw-wahl label{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--linie-stark);padding:9px 15px;cursor:pointer;font-family:"Syne","Trebuchet MS",Arial,sans-serif;font-weight:700;font-size:.94rem}
.osw-abschnitt-hell .osw-wahl label{border-color:var(--linie-dunkel)}
.osw-knopfzeile{display:flex;flex-wrap:wrap;gap:12px;max-width:none;margin-top:26px}
.osw-knopf{background:var(--schrift);color:var(--schrift-dunkel);border:0;padding:14px 26px;cursor:pointer;font-family:"Syne","Trebuchet MS",Arial,sans-serif;font-weight:800;letter-spacing:.02em}
.osw-knopf-leise{background:none;color:var(--schrift);border:1px solid var(--linie-stark)}
.osw-abschnitt-hell .osw-knopf{background:var(--schrift-dunkel);color:var(--blatt)}
.osw-treffer{font-family:"Syne","Trebuchet MS",Arial,sans-serif;font-weight:800;font-size:var(--t-h3);margin-top:22px;border-top:3px solid var(--akzent);padding-top:14px;max-width:none}

/* ---------- 12. Formulare ---------- */
.osw-formular{margin-top:30px;max-width:52ch}
.osw-feld{display:grid;gap:7px;max-width:none;margin-bottom:20px}
.osw-feld label{font-family:"Spline Sans Mono","SF Mono",ui-monospace,monospace;font-size:var(--t-mikro);letter-spacing:.18em;text-transform:uppercase;color:var(--schrift-leise)}
.osw-abschnitt-hell .osw-feld label{color:var(--schrift-dunkel-leise)}
.osw-feld input,.osw-feld select,.osw-feld textarea{background:none;border:0;border-bottom:1px solid var(--linie-stark);padding:10px 2px;width:100%}
.osw-abschnitt-hell .osw-feld input,.osw-abschnitt-hell .osw-feld select,.osw-abschnitt-hell .osw-feld textarea{border-bottom-color:var(--linie-dunkel)}
.osw-feld-zeile{display:flex;gap:12px;align-items:flex-start;max-width:56ch;margin-bottom:22px}
.osw-kleingedruckt{color:var(--schrift-leise);margin-top:20px;max-width:66ch;font-size:.98rem}
.osw-abschnitt-hell .osw-kleingedruckt{color:var(--schrift-dunkel-leise)}

/* ---------- 13. Einzelteile ---------- */
.osw-gewaehr{color:var(--schrift-leise);max-width:80ch;margin-top:34px;border-top:1px solid var(--linie);padding-top:16px;font-size:.98rem}
.osw-abschnitt-hell .osw-gewaehr{color:var(--schrift-dunkel-leise);border-top-color:var(--linie-dunkel)}
.osw-warnung{font-family:"Syne","Trebuchet MS",Arial,sans-serif;font-weight:700;background:var(--akzent);color:var(--auf-akzent);padding:14px 18px;max-width:60ch;margin-top:26px}
.osw-verantwortung{border:1px solid var(--linie-stark);padding:clamp(20px,3vw,34px);margin-top:36px}
.osw-verantwortung p{max-width:78ch}
.osw-grossphrase{font-family:"Syne","Trebuchet MS",Arial,sans-serif;font-weight:800;font-size:clamp(1.9rem,5.4vw,4.2rem);line-height:1.04;letter-spacing:-.03em;max-width:22ch}
.osw-detail{border-top:1px solid var(--linie);padding:18px 0}
.osw-abschnitt-hell .osw-detail{border-top-color:var(--linie-dunkel)}
.osw-detail summary{cursor:pointer;list-style:none;font-family:"Syne","Trebuchet MS",Arial,sans-serif;font-weight:700;font-size:1.06rem}
.osw-detail summary::-webkit-details-marker{display:none}
.osw-detail p{margin-top:12px}
.osw-bericht{border-top:2px solid var(--linie-stark);padding-top:18px}
.osw-abschnitt-hell .osw-bericht{border-top-color:var(--linie-dunkel)}
.osw-bericht h3{margin-top:12px;margin-bottom:12px}
.osw-bericht-gross h3{font-size:var(--t-h2);line-height:1.04}
.osw-regeln li{display:grid;gap:4px 26px;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--linie);padding:20px 0;font-family:"Syne","Trebuchet MS",Arial,sans-serif;font-weight:700;font-size:1.08rem}
.osw-regel-nr{font-family:"Spline Sans Mono","SF Mono",ui-monospace,monospace;font-size:var(--t-mikro);letter-spacing:.16em;color:var(--akzent);font-weight:500}
.osw-korrektur{border-top:1px solid var(--linie);padding-top:16px}
.osw-recht h2{margin-top:1.9em;margin-bottom:.5em;font-size:var(--t-h3)}
.osw-recht p{margin-top:.9em;max-width:74ch;overflow-wrap:anywhere}
.osw-zwei{display:grid;gap:30px 46px;grid-template-columns:minmax(0,1fr)}
.osw-drei{display:grid;gap:30px 40px;grid-template-columns:minmax(0,1fr)}

/* ---------- 14. Startseite ---------- */
.osw-auftakt{padding-top:clamp(44px,7vw,96px);padding-bottom:clamp(36px,5vw,72px)}
.osw-auftakt h1{max-width:16ch}
.osw-auftakt-unten{display:grid;gap:26px 46px;grid-template-columns:minmax(0,1fr);margin-top:clamp(30px,4vw,54px);border-top:1px solid var(--linie);padding-top:26px}
.osw-standzeile{font-family:"Spline Sans Mono","SF Mono",ui-monospace,monospace;font-size:var(--t-mikro);letter-spacing:.2em;text-transform:uppercase;color:var(--schrift-leise);max-width:none}
.osw-fragenblock{border-top:1px solid var(--linie);padding:26px 0}
.osw-fragenblock-nr{font-family:"Spline Sans Mono","SF Mono",ui-monospace,monospace;font-size:var(--t-mikro);letter-spacing:.18em;color:var(--schrift-leise);margin-bottom:12px}
.osw-fragenblock p{margin-top:14px}

/* ---------- 15. Fussbereich: helles Blatt statt dunkler Kasten ---------- */
.osw-fuss{background:var(--blatt);color:var(--schrift-dunkel)}
.osw-fuss a{text-decoration:none}
.osw-fuss a:hover{text-decoration:underline;text-underline-offset:5px}
.osw-fuss-oben{padding-top:var(--raum);padding-bottom:34px}
.osw-fuss-frage{font-family:"Syne","Trebuchet MS",Arial,sans-serif;font-weight:800;font-size:clamp(1.9rem,5.4vw,3.8rem);line-height:1.02;letter-spacing:-.03em;max-width:16ch;margin-bottom:22px}
.osw-fuss .osw-verweis{border-bottom-color:var(--schrift-dunkel)}
.osw-fuss-gruppe{display:grid;gap:8px 34px;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--linie-dunkel);padding:18px 0}
.osw-fuss-gruppe-titel{font-family:"Spline Sans Mono","SF Mono",ui-monospace,monospace;font-size:var(--t-mikro);letter-spacing:.18em;text-transform:uppercase;color:var(--schrift-dunkel-leise)}
.osw-fuss-links{display:flex;flex-wrap:wrap;gap:8px 24px;font-family:"Syne","Trebuchet MS",Arial,sans-serif;font-weight:700}
.osw-fuss-unten{display:grid;gap:8px 34px;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--linie-dunkel);padding-top:22px;padding-bottom:34px}
.osw-fuss-unten p{color:var(--schrift-dunkel-leise);max-width:none;font-size:.96rem}

.ist-weg{display:none}
:focus-visible{outline:3px solid var(--akzent);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{animation:none;transition:none}}

/* ---------- 16. Breiten ---------- */
@media (min-width:640px){
  .osw-zwei{grid-template-columns:repeat(2,minmax(0,1fr))}
  .osw-liste li{grid-template-columns:minmax(0,7ch) minmax(0,1fr)}
  .osw-regeln li{grid-template-columns:minmax(0,7ch) minmax(0,1fr)}
  .osw-reihe{grid-template-columns:minmax(0,20ch) minmax(0,1fr)}
}
@media (min-width:900px){
  .osw-menue{display:none}
  .osw-nav{flex-basis:auto;border-top:0;padding-top:0;padding-bottom:0}
  .osw-nav.ist-weg{display:block}
  .osw-kopf-zeile{padding-bottom:16px}
  .osw-titelzeile{grid-template-columns:minmax(0,var(--schmal)) minmax(0,1fr)}
  .osw-qa{grid-template-columns:minmax(0,22ch) minmax(0,1fr)}
  .osw-eintrag{grid-template-columns:minmax(0,var(--schmal)) minmax(0,1fr)}
  .osw-eintrag-rail{position:sticky;top:26px}
  .osw-auftakt-unten{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .osw-drei{grid-template-columns:repeat(3,minmax(0,1fr))}
  .osw-fuss-gruppe{grid-template-columns:minmax(0,20ch) minmax(0,1fr)}
  .osw-fuss-unten{grid-template-columns:minmax(0,1fr) minmax(0,24ch)}
  .osw-reihe{grid-template-columns:minmax(0,26ch) minmax(0,1fr)}
}
@media (min-width:1200px){
  .osw-eintrag{gap:22px 64px}
  .osw-qa{gap:10px 44px}
}

/* ---------- 17. Kleinteile ---------- */
.osw-h2-klein{font-size:var(--t-h3);margin-top:1.7em;margin-bottom:.5em}
.osw-hotelliste{margin-top:34px}
.osw-sprungleiste{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.osw-sprungleiste a{text-decoration:none}
.osw-wahl-vorschau{color:var(--schrift-leise);margin-top:14px;margin-bottom:16px}
.osw-fragebogen{margin-top:34px}
.osw-kapitel{border-top:14px solid var(--akzent);padding-top:clamp(34px,5vw,72px)}
.osw-kapitel h1{margin-top:16px;margin-bottom:26px}
.osw-kapitel-meta{border-top:1px solid var(--linie)}
.osw-meta-reihe{display:grid;gap:2px 30px;grid-template-columns:minmax(0,1fr);border-bottom:1px solid var(--linie);padding:14px 0}
.osw-meta-wert{max-width:56ch}
@media (min-width:640px){
  .osw-meta-reihe{grid-template-columns:minmax(0,18ch) minmax(0,1fr)}
}
.osw-liste-gross li{padding-top:24px;padding-bottom:24px}
.osw-eintrag-koerper{min-width:0}

/* ---------- 18. Mobil: Treffflaechen, Rhythmus, keine Ueberbreite ---------- */
.osw-nav-liste a{padding-top:9px;padding-bottom:9px}
.osw-menue{padding:11px 16px}
.osw-wahl label{padding:12px 16px}
.osw-knopf{padding:15px 24px;width:100%;max-width:22rem}
.osw-fuss-links a{padding-top:6px;padding-bottom:6px}
.osw-eintrag{gap:14px 40px;padding-bottom:44px}
.osw-eintrag-rail{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 16px}
.osw-eintrag-nr{font-size:clamp(2.6rem,11vw,5.6rem)}
.osw-eintrag-tag{margin-top:0}
.osw-eintrag-ort{margin-top:0;flex-basis:100%}
.osw-kurz{padding-left:14px;max-width:none}
.osw-tafel-wort{max-width:none}
.osw-qa{padding:18px 0}
.osw-liste-gross li{padding-top:20px;padding-bottom:20px}
.osw-listen-kurz{max-width:none}
.osw-sprungleiste a{padding:8px 12px}
@media (min-width:640px){
  .osw-knopf{width:auto;max-width:none}
}
@media (min-width:900px){
  .osw-eintrag{gap:18px 40px;padding-bottom:52px}
  .osw-eintrag-rail{display:block}
  .osw-eintrag-tag{margin-top:12px}
  .osw-eintrag-ort{margin-top:10px}
  .osw-kurz{max-width:52ch}
}
.osw-schritt legend{display:block;width:100%;float:none}
.osw-schritt-nr{display:block}
.osw-schritt-frage{display:block;margin-top:2px}
.osw-wahl input{accent-color:var(--akzent);width:1.05rem;height:1.05rem;flex:0 0 auto}
.osw-feld-zeile input{accent-color:var(--akzent);width:1.15rem;height:1.15rem;margin-top:.35rem;flex:0 0 auto}

/* Listenzeilen: jedes Teil auf eigener Zeile, nicht im Textfluss */
.osw-liste li > span{display:block;min-width:0}
.osw-liste li a{display:inline-block}
.osw-listen-tag{display:inline-block;margin-top:12px}
.osw-listen-ort{display:block;margin-top:10px}
.osw-listen-kurz{display:block;margin-top:10px}
.osw-liste li .osw-verweis{margin-top:14px}
.osw-liste li > span > span{display:block}
.osw-liste li .osw-listen-tag{display:inline-block;width:auto}
.osw-liste li .osw-verweis{display:inline-block;width:auto}
