/* NIKdesign · Seite »Werkstatt« (werkstatt.html): Bild-KI, Drucksachen-Check, Serien
   Gehört zu nikdesign.de, Stand 09.10.2026. Siehe dokumentation/TECHNIK.md
   Ohne JavaScript steht alles fertig da: Vergleich auf halber Breite, Merkzettel mit der Voreinstellung, Kartenstapel komplett.
   werkstatt.js setzt nur Zustände (Klassen und --x), Farben ausschließlich aus grundlage.css. */
.ws{padding-top:50px;overflow-x:clip}
.ws-rand{max-width:1080px;margin-inline:auto;padding-inline:clamp(1.2rem,4vw,2.4rem)}
.ws-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* ---------- Auftakt ---------- */
.ws-start{padding-block:clamp(3rem,8vw,6rem) clamp(2.5rem,6vw,4.5rem)}
.ws-start h1{margin-top:.8rem;font-size:clamp(2.6rem,7vw,5rem);line-height:1;letter-spacing:-.035em;font-variation-settings:"wdth" 88,"wght" 300;color:var(--grau)}
.ws-start h1 b{font-weight:inherit;font-variation-settings:"wdth" 88,"wght" 600;color:var(--petrol-tief);letter-spacing:-.02em}
.ws-lead{margin-top:1.5rem;max-width:46ch;font-size:clamp(1.12rem,1.9vw,1.38rem);line-height:1.5;color:var(--matt)}
.ws-index{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem 1.8rem;margin-top:2.2rem;padding-top:1.2rem;border-top:1px solid var(--linie)}
.ws-index a{color:var(--grau);font-variation-settings:"wdth" 92,"wght" 500}
.ws-index a:hover{color:var(--petrol-tief);text-decoration:none}
.ws-index span{color:var(--orange);margin-right:.5em;font-variant-numeric:tabular-nums;font-variation-settings:"wdth" 88,"wght" 700}

/* ---------- Kapitel ---------- */
.ws-kapitel{padding-block:clamp(3.5rem,9vw,7rem);scroll-margin-top:50px}
.ws-papier{background:var(--papier);border-block:1px solid var(--linie)}
.ws-zwei{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,6vw,5rem);align-items:center}
@media(max-width:860px){.ws-zwei{grid-template-columns:1fr}}
.ws-nr{color:var(--orange);margin-right:.7em}
.ws-text h2,.ws-kapitel > .ws-rand > h2{margin-top:.8rem;font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.08;letter-spacing:-.025em;font-variation-settings:"wdth" 88,"wght" 300;color:var(--grau);max-width:16ch}
.ws-text p:not(.label){margin-top:1.1rem;color:var(--matt);max-width:48ch}
.ws-text.ws-breit p:not(.label){max-width:62ch}
.ws-liste{list-style:none;margin-top:1.4rem;display:grid;gap:.35rem}
.ws-liste li{padding-left:1.1rem;position:relative;color:var(--grau);font-size:.98rem}
.ws-liste li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:2px;background:var(--orange)}
.ws-klein{font-size:.85rem!important;color:var(--matt)}

/* ---------- 01 Bild und KI: Vergleich Original/Situation ---------- */
.ws-bild-zwei{align-items:start}
.ws-vergleich{position:relative;margin:0;aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;background:var(--hell);touch-action:pan-y}
.ws-vergleich img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ws-nachher,.ws-vorher img{transition:opacity .18s var(--uebergang)}
.ws-nachher.wechselt,.ws-vorher img.wechselt{opacity:0}
.ws-vorher{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--x,50%)) 0 0)}
.ws-griff{position:absolute;top:0;bottom:0;left:var(--x,50%);width:2px;margin-left:-1px;background:var(--weiss);box-shadow:0 0 0 1px rgba(0,0,0,.08);pointer-events:none}
.ws-griff::after{content:"‹ ›";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--weiss);color:var(--grau);font-size:1rem;letter-spacing:.1em;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.ws-vergleich input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.ws-vergleich:has(input:focus-visible) .ws-griff::after{outline:2px solid var(--orange);outline-offset:3px}
.ws-marke{position:absolute;top:1rem;padding:.25rem .6rem;border-radius:99px;background:color-mix(in srgb,var(--grau) 78%,transparent);color:var(--weiss);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}
.ws-marke-l{left:1rem}.ws-marke-r{right:1rem}

/* Auswahl der Situationen: kleine Abzüge, der gewählte orange gerahmt */
.ws-szenen{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin-top:1rem}
.ws-szene{display:grid;gap:.35rem;width:100%;padding:0;border:0;background:none;font:inherit;font-size:.78rem;color:var(--matt);cursor:pointer;text-align:center}
.ws-szene img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:8px;box-shadow:0 0 0 1px var(--linie);outline:2px solid transparent;outline-offset:-2px;opacity:.75;transition:opacity .3s var(--uebergang),outline-color .3s var(--uebergang)}
.ws-szene:hover img{opacity:1}
.ws-szene[aria-pressed=true]{color:var(--grau);font-variation-settings:"wdth" 92,"wght" 600}
.ws-szene[aria-pressed=true] img{opacity:1;outline-color:var(--orange)}
.ws-szene:focus-visible{outline:none}
.ws-szene:focus-visible img{outline:2px solid var(--orange);outline-offset:2px}
.ws-szene-text{margin-top:.9rem;min-height:3em;font-size:.9rem;color:var(--matt)}
.ws-szene-text b{color:var(--grau);font-weight:inherit;font-variation-settings:"wdth" 92,"wght" 600;margin-right:.3em}
@media(max-width:480px){.ws-szenen{gap:.35rem}.ws-szene{font-size:.68rem}}

/* Banner 3:1 mit dem Original als gestricheltem Rahmen */
.ws-banner{margin:clamp(3rem,7vw,5rem) 0 0}
.ws-banner-bild{position:relative;aspect-ratio:3/1;border-radius:var(--radius);overflow:hidden;background:var(--hell)}
.ws-banner-bild img{display:block;width:100%;height:100%;object-fit:cover}
.ws-banner-rahmen{position:absolute;top:0;bottom:0;left:var(--rx);width:var(--rb);border:2px dashed var(--weiss);border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.ws-banner-rahmen span{position:absolute;top:.7rem;left:.7rem;padding:.2rem .55rem;border-radius:99px;background:color-mix(in srgb,var(--grau) 78%,transparent);color:var(--weiss);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}
.ws-banner-text{position:absolute;left:5%;top:50%;transform:translateY(-50%);font-size:clamp(1rem,3.4vw,2.4rem);line-height:1.05;letter-spacing:-.02em;font-variation-settings:"wdth" 88,"wght" 600;color:var(--weiss);text-shadow:0 1px 12px rgba(0,0,0,.25)}
.ws-banner figcaption{margin-top:.9rem;font-size:.88rem;color:var(--matt)}
.ws-banner figcaption b{color:var(--grau);font-weight:inherit;font-variation-settings:"wdth" 92,"wght" 600;margin-right:.5em}
.ws-quelle{margin-top:1.4rem}
@media(max-width:560px){.ws-banner-rahmen span{top:.4rem;left:.4rem;font-size:.58rem;padding:.1rem .4rem}}

/* ---------- 02 Drucksachen-Check ---------- */
.ws-check-kopf h2{max-width:none}
.ws-check-kopf{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem);align-items:end}
@media(max-width:860px){.ws-check-kopf{grid-template-columns:1fr}}
.ws-merkmale{list-style:none;display:grid;gap:.4rem}
.ws-merkmale li{display:flex;gap:.8rem;align-items:baseline;padding:.5rem .8rem;border-radius:10px;color:var(--matt);font-size:.92rem;transition:background-color .6s var(--uebergang),color .6s var(--uebergang)}
.ws-merkmale b{min-width:6.5rem;color:var(--grau);font-weight:inherit;font-variation-settings:"wdth" 92,"wght" 600}
.ws-merkmale li.blitzt{background:var(--weiss);color:var(--grau);box-shadow:0 8px 20px -12px rgba(20,30,35,.35)}
.ws-merkmale li.blitzt b{color:var(--petrol-tief)}

.ws-check{margin-top:clamp(2rem,5vw,3rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(1.2rem,3vw,2rem);align-items:start}
@media(max-width:860px){.ws-check{grid-template-columns:1fr}}
.ws-blatt{background:var(--weiss);border-radius:6px;padding:clamp(1.4rem,3.5vw,2.2rem);box-shadow:0 1px 2px rgba(20,40,45,.1),0 30px 50px -28px rgba(20,40,45,.4);display:grid;gap:1.15rem;font-size:.95rem}
.ws-blatt-kopf{display:grid;grid-template-columns:1fr auto;align-items:end;padding-bottom:.8rem;border-bottom:2px solid var(--grau)}
.ws-blatt-kopf span{grid-column:1;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--matt)}
.ws-blatt-kopf b{grid-column:1;font-size:1.5rem;line-height:1.1;font-weight:inherit;font-variation-settings:"wdth" 88,"wght" 600;color:var(--grau)}
.ws-blatt-kopf small{grid-column:2;grid-row:1 / 3;font-size:.72rem;color:var(--matt)}
.ws-feld{border:0;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;align-items:center}
.ws-feld legend{width:100%;margin-bottom:.4rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--matt)}
.ws-feld-zwei{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ws-feld-l{display:grid;gap:.3rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--matt)}
.ws-blatt input[type=number],.ws-blatt select{font:inherit;font-size:1rem;letter-spacing:normal;text-transform:none;color:var(--grau);padding:.45rem .1rem;border:0;border-bottom:1.5px solid var(--linie);background:transparent;border-radius:0;width:100%;min-width:0}
.ws-blatt select{appearance:none;padding-right:1.4rem;cursor:pointer;background:linear-gradient(45deg,transparent 50%,var(--matt) 50%) right .45rem center / 6px 6px no-repeat,linear-gradient(-45deg,transparent 50%,var(--matt) 50%) right .1rem center / 6px 6px no-repeat}
.ws-blatt input:focus,.ws-blatt select:focus{outline:none;border-bottom-color:var(--petrol)}
.ws-wahl{display:inline-flex;gap:.45rem;align-items:center;color:var(--grau);cursor:pointer}
.ws-blatt input[type=radio]{accent-color:var(--petrol-tief);width:1.05rem;height:1.05rem}
.ws-gruppe{display:grid;gap:1.15rem}
.ws-feld.ws-gruppe{display:flex;gap:.5rem 1.4rem}
.ws-js .ws-gruppe.zu{display:none}
/* Drucksache als Kacheln zum Antippen */
.ws-chips{gap:.45rem}
.ws-chip{position:relative;cursor:pointer}
.ws-chip input{position:absolute;opacity:0;pointer-events:none}
.ws-chip span{display:block;padding:.45rem .9rem;border-radius:99px;border:1.5px solid var(--linie);color:var(--grau);transition:background-color .25s var(--uebergang),border-color .25s var(--uebergang),color .25s var(--uebergang)}
.ws-chip:hover span{border-color:var(--petrol)}
.ws-chip input:checked + span{background:var(--grau);border-color:var(--grau);color:var(--weiss)}
.ws-chip input:focus-visible + span{outline:2px solid var(--orange);outline-offset:2px}
@media(max-width:480px){.ws-feld-zwei{grid-template-columns:1fr}}

/* Merkzettel: das Ergebnis, zum Drucken und Übernehmen */
.ws-zettel{position:sticky;top:70px;background:var(--grau);color:var(--hell-text);border-radius:6px;padding:clamp(1.3rem,3vw,2rem);box-shadow:0 30px 50px -28px rgba(20,40,45,.5)}
@media(max-width:860px){.ws-zettel{position:static}}
.ws-zettel-kopf{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--orange)}
.ws-zettel-titel{margin-top:.4rem;font-size:1.05rem;line-height:1.35;color:var(--weiss);font-variation-settings:"wdth" 92,"wght" 600}
.ws-ohne-js{margin-top:.5rem;font-size:.8rem}
.ws-js .ws-ohne-js{display:none}
.ws-nur-druck{display:none}
.ws-zettel-liste{margin-top:1rem;display:grid}
.ws-z{display:grid;grid-template-columns:7.2rem minmax(0,1fr);gap:.8rem;padding-block:.65rem;border-top:1px solid color-mix(in srgb,var(--weiss) 14%,transparent);font-size:.9rem;line-height:1.45}
.ws-z dt{color:var(--hell-text);font-size:.78rem;letter-spacing:.06em;padding-top:.1rem}
.ws-z dd b{display:block;color:var(--weiss);font-weight:inherit;font-variation-settings:"wdth" 92,"wght" 600;font-variant-numeric:tabular-nums}
.ws-z dd span{display:block;margin-top:.15rem;color:var(--hell-text);font-size:.84rem}
.ws-z.ok dd b::before{content:"✓ ";color:var(--orange)}
.ws-z.warnung dd b::before,.ws-z.fehler dd b::before{content:"! ";color:var(--orange)}
.ws-z.fehler dd b{color:var(--orange)}
.ws-z.tipp{margin-top:.4rem;padding:.8rem;border:0;border-radius:6px;background:color-mix(in srgb,var(--orange) 16%,transparent)}
.ws-z.tipp dt{color:var(--orange)}
.ws-z.tipp dd b{font-variation-settings:"wdth" 96,"wght" 500}
@media(max-width:420px){.ws-z{grid-template-columns:1fr;gap:.2rem}}
.ws-zettel-knoepfe{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;margin-top:1.4rem}
.ws-zettel-knoepfe[hidden]{display:none}
.ws-knopf{font:inherit;font-size:.9rem;color:var(--weiss);background:none;border:1px solid color-mix(in srgb,var(--weiss) 35%,transparent);border-radius:99px;padding:.6rem 1.1rem;cursor:pointer}
.ws-knopf:hover{border-color:var(--weiss)}
.ws-check-fuss{margin-top:1.4rem;max-width:80ch}

/* ---------- 03 Serien: Liste → Kartenstapel ---------- */
.ws-strecke{margin-top:clamp(2.2rem,5vw,3.5rem);display:grid;grid-template-columns:minmax(0,1.25fr) 2.2rem minmax(0,1fr);align-items:stretch}
.ws-station{background:var(--hell);border-radius:14px;padding:1.2rem 1.3rem;font-size:.92rem;line-height:1.55;min-width:0}
.ws-station-titel{display:flex;justify-content:space-between;gap:1rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--matt);margin-bottom:.8rem}
.ws-zaehler{letter-spacing:.06em;text-transform:none;font-variant-numeric:tabular-nums;color:var(--grau)}
.ws-tab-huelle{overflow-x:auto}
.ws-tab{width:100%;border-collapse:collapse;background:var(--weiss);font-size:.84rem;font-variant-numeric:tabular-nums}
.ws-tab th,.ws-tab td{border:1px solid var(--linie);padding:.35rem .55rem;text-align:left;white-space:nowrap}
.ws-tab thead th,.ws-tab tbody th{background:var(--hell);color:var(--matt);font-weight:inherit;font-size:.72rem;text-align:center}
.ws-tab tbody th{width:2rem}
.ws-tab-kopf td{color:var(--matt);font-variation-settings:"wdth" 92,"wght" 600}
.ws-tab tr[data-zeile] td{color:var(--grau);transition:background-color .35s var(--uebergang)}
.ws-pfeil{align-self:center;justify-self:center;width:1.2rem;height:1.2rem;border-top:2px solid var(--orange);border-right:2px solid var(--orange);transform:rotate(45deg)}
.ws-karte-platz{display:flex;flex-direction:column}
.ws-stapel{display:grid;margin-block:auto;padding:2% 9% 9% 2%}
.ws-vk{grid-area:1 / 1;position:relative;aspect-ratio:85/55;width:100%;background:var(--weiss);border-radius:4px;padding:7% 8%;box-shadow:0 1px 2px rgba(20,40,45,.12),0 14px 24px -16px rgba(20,40,45,.4);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:4%;container-type:inline-size;
  transform:translate(calc(var(--k) * 1.6%),calc(var(--k) * 2.4%)) rotate(calc((var(--k) - 2) * 1.2deg))}
.ws-vk-firma{grid-column:1 / -1;font-size:5.2cqw;color:var(--petrol-tief);font-variation-settings:"wdth" 88,"wght" 700;letter-spacing:-.01em}
.ws-vk-firma span{font-variation-settings:"wdth" 88,"wght" 400;color:var(--matt)}
.ws-vk-text{align-self:end;display:grid;gap:1.2cqw;font-size:4cqw;line-height:1.3;color:var(--matt);min-width:0}
.ws-vk-text b{font-size:5.4cqw;color:var(--grau);font-weight:inherit;font-variation-settings:"wdth" 92,"wght" 600}
.ws-vk-kontakt{margin-top:1.5cqw;font-size:3.6cqw;color:var(--grau);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ws-vk-qr{align-self:end;width:24cqw;height:24cqw;color:var(--grau)}
.ws-strecke-fuss{margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-items:center;font-size:.85rem;color:var(--matt)}
.ws-nochmal{font:inherit;font-size:.9rem;color:var(--petrol-tief);background:none;border:1px solid var(--linie);border-radius:99px;padding:.45rem 1rem;cursor:pointer}
.ws-nochmal:hover{border-color:var(--petrol)}
@media(max-width:900px){
  .ws-strecke{grid-template-columns:1fr;grid-auto-rows:auto;gap:0}
  .ws-pfeil{margin-block:.8rem;transform:rotate(135deg)}
  .ws-stapel{max-width:380px;width:100%;margin-inline:auto}
}
/* mit JavaScript: Zeile leuchtet auf, wird abgehakt, Karte legt sich auf den Stapel */
.ws-strecke.laeuft tr[data-zeile].an td{background:color-mix(in srgb,var(--orange) 22%,var(--weiss))}
.ws-strecke.laeuft tr[data-zeile].fertig td{color:var(--matt)}
.ws-strecke.laeuft .ws-vk{opacity:0;transform:translate(calc(var(--k) * 1.6% + 30%),calc(var(--k) * 2.4% - 12%)) rotate(8deg);transition:opacity .45s var(--uebergang),transform .6s var(--uebergang)}
.ws-strecke.laeuft .ws-vk.an{opacity:1;transform:translate(calc(var(--k) * 1.6%),calc(var(--k) * 2.4%)) rotate(calc((var(--k) - 2) * 1.2deg))}

/* ---------- Und sonst ---------- */
.ws-sonst{list-style:none;margin-top:clamp(2rem,5vw,3rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:clamp(1.2rem,3vw,2rem)}
.ws-sonst li{padding-top:1rem;border-top:2px solid var(--grau)}
.ws-sonst h3{font-size:1.1rem;color:var(--grau);font-variation-settings:"wdth" 92,"wght" 600}
.ws-sonst p{margin-top:.5rem;color:var(--matt);font-size:.95rem}
/* Typografie nach Regeln: Beispiele »getippt → gesetzt«; orange hinterlegt, was die Regeln eingesetzt haben (wie »Verborgene Zeichen« in InDesign) */
.ws-typo{margin-top:clamp(2.2rem,5vw,3.2rem);padding-top:1rem;border-top:2px solid var(--grau)}
.ws-typo h3{font-size:1.1rem;color:var(--grau);font-variation-settings:"wdth" 92,"wght" 600}
.ws-typo-text{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(1.2rem,3vw,2rem)}
@media(max-width:760px){.ws-typo-text{grid-template-columns:1fr}}
.ws-typo-text h3{grid-column:1/-1}
.ws-typo-text p{margin-top:.5rem;color:var(--matt);font-size:.95rem;max-width:58ch}
.ws-typo-beispiele{list-style:none;margin-top:clamp(1.4rem,3vw,2rem);display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.ws-typo-beispiele li{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem 1.05rem;background:var(--weiss);border:1px solid var(--linie);border-radius:12px}
.ws-getippt{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:.8rem;color:var(--matt);white-space:pre-wrap}
.ws-gesetzt{font-size:1.35rem;line-height:1.25;color:var(--grau);font-variation-settings:"wdth" 92,"wght" 400}
.ws-regel{font-size:.8rem;line-height:1.35;color:var(--matt)}
.ws-ganz{white-space:nowrap}
mark.ws-fein{background:color-mix(in srgb,var(--orange) 38%,transparent);color:inherit;border-radius:2px}
mark.ws-leer{display:inline-block;width:.27em;height:1.1em;vertical-align:-.2em;overflow:hidden;color:transparent;white-space:pre}
mark.ws-leer.ws-schmal{width:.17em}
@media(max-width:860px){.ws-typo-beispiele{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.ws-typo-beispiele{grid-template-columns:1fr}}
.ws-typo-fuss{margin-top:.9rem}
.ws-typo-fuss mark.ws-leer{width:.8em;height:1em;vertical-align:-.15em;margin-right:.3em}

/* ---------- Schluss ---------- */
.ws-schluss{background:var(--petrol-tief);color:var(--hell);padding-block:clamp(3.5rem,8vw,6rem)}
.ws-schluss blockquote{font-size:clamp(1.7rem,4vw,2.9rem);line-height:1.12;letter-spacing:-.02em;font-variation-settings:"wdth" 88,"wght" 300;max-width:22ch;color:var(--weiss)}
.ws-schluss blockquote::before{content:"»";color:var(--orange)}
.ws-schluss blockquote::after{content:"«";color:var(--orange)}
.ws-schluss p{margin-top:1.2rem;color:var(--hell-text);max-width:44ch}
.ws-schluss .btn{margin-top:1.8rem}

@media(prefers-reduced-motion:reduce){
  .ws-nachher,.ws-vorher img,.ws-szene img,.ws-strecke.laeuft *,.ws-merkmale li,.ws-chip span{transition:none!important}
}
@media print{
  .ws-vergleich input,.ws-griff,.ws-nochmal,.ws-zettel-knoepfe,.ws-szenen{display:none!important}
  .ws-zettel{position:static;background:none;color:#000;box-shadow:none;border:1px solid #999}
  .ws-zettel-titel,.ws-z dd b,.ws-z dt,.ws-z dd span,.ws-z.fehler dd b{color:#000}
  .ws-z{border-top-color:#ccc}
  .ws-schluss{background:none;color:#000}.ws-schluss blockquote{color:#000}
  .ws-strecke.laeuft .ws-vk{opacity:1!important}
  /* »Merkzettel drucken«: nur der Zettel */
  .ws-druck-zettel body > :not(main),.ws-druck-zettel main > :not(#check),.ws-druck-zettel #check .ws-check-kopf,
  .ws-druck-zettel #check form,.ws-druck-zettel .ws-ohne-js{display:none!important}
  .ws-druck-zettel #check{padding:0;background:none;border:0}
  .ws-druck-zettel .ws-check{display:block;margin:0}
  .ws-druck-zettel .ws-zettel{border:0;padding:0}
  .ws-druck-zettel .ws-nur-druck{display:block;font-size:9pt;color:#555;margin-bottom:6mm}
  .ws-druck-zettel .ws-z{grid-template-columns:38mm 1fr}
}

/* Hinweis, wenn der Browser die Übergabe des Merkzettels ans Formular nicht zulässt (seit 10.10.2026) */
.ws-uebergabe{margin-top:1rem;padding:.9rem 1rem;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);font-size:.9rem;line-height:1.5}
.ws-uebergabe-knoepfe{margin-top:.7rem;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}