/* onfyr.de — Zuarbeit (15.10.2026, Zettel UPDATE_2026-10-15_ONFYR-Zuarbeit-Client.md). Eigene Fassung im ONFYR-Stil:
   Cormorant für Titel, Outfit für Text, Carbon/Teal/Gold aus css/tokens.css; Knöpfe aus css/basis.css (.knopf, .knopf--geist).
   Grüner Haken nur in der Übersicht (Ansage Michael: fertige Fragen grün), sonst Gold. prefers-reduced-motion: keine Bewegung. */
.za{position:relative;min-height:calc(100vh - 6rem);padding-top:clamp(4.5rem,8vw,6.5rem)}
.za__innen{max-width:860px}
.za__nur-vorleser{position:absolute;left:0;top:0;width:1px;height:1px;min-height:0;padding:0;margin:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.za__honig{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.za__fortschritt{position:absolute;top:0;left:0;right:0;height:3px;z-index:5;background:rgba(245,241,235,.08)}
.za__fortschritt i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--c-teal-2),var(--c-gold) 70%,var(--c-gold-hell));box-shadow:0 0 12px rgba(202,158,103,.55);transition:width .8s var(--kurve)}

/* Kopfzeile */
.za__kopf{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.6rem}
.za__kopf[hidden]{display:none}
.za__kicker{margin:0}
.za__kunde{color:var(--c-text-2);letter-spacing:.06em;text-transform:none;font-weight:400}
.za__kopf-rechts{display:flex;align-items:center;gap:1rem}
.za__speicher{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--fs-klein);letter-spacing:.05em;color:var(--c-text-2);min-height:44px}
.za__speicher i{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:0;transition:opacity .3s}
.za__speicher[data-za-speicher="laeuft"]{color:var(--c-gold)} .za__speicher[data-za-speicher="laeuft"] i{opacity:1;animation:za-puls 1s infinite}
.za__speicher[data-za-speicher="gespeichert"]{color:#7CC08F} .za__speicher[data-za-speicher="gespeichert"] i{opacity:1}
.za__speicher[data-za-speicher="fehler"]{color:#E9A48E} .za__speicher[data-za-speicher="fehler"] i{opacity:1}
@keyframes za-puls{50%{opacity:.25}}
.za__pille{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--c-linie);background:rgba(27,58,63,.4);color:var(--c-text);font:inherit;font-size:var(--fs-klein);font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:border-color .25s,background .25s}
.za__pille:hover{border-color:var(--c-gold);background:rgba(27,58,63,.7)}
.za__pille svg{width:16px;height:16px}
.za__pille[hidden]{display:none}

/* Bühne + Blätter */
.za__buehne{position:relative;min-height:20rem}
.za__blatt{transition:opacity .5s var(--kurve),transform .5s var(--kurve)}
.za__blatt:not(.za__blatt--da){opacity:0;transform:translateY(22px)}
.za__blatt--von-rechts:not(.za__blatt--da){transform:translateX(36px)}
.za__blatt--von-links:not(.za__blatt--da){transform:translateX(-36px)}
.za__blatt--weg{opacity:0;transform:translateY(-14px);transition-duration:.2s;pointer-events:none}
.za__fuss{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;margin:3rem 0 0;font-size:var(--fs-klein);color:var(--c-text-2)}
.za__fuss a{color:inherit;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.za__fuss a:hover{color:var(--c-gold)}

/* Typografie */
.za__titel{font-family:var(--font-display);font-weight:var(--fw-headline);font-size:var(--fs-h2);line-height:1.08;margin:0 0 1rem}
.za__titel--gross{font-size:var(--fs-hero)}
.za__titel--klein{font-size:var(--fs-h3)}
.za__titel-duenn{display:block;font-weight:400;font-style:italic;color:var(--c-gold);font-size:.56em;margin-top:.3em;letter-spacing:.01em}
.za__text{margin:0 0 1rem;color:var(--c-text-2);font-size:var(--fs-text);line-height:1.6;max-width:60ch}
.za__text--lead{font-size:var(--fs-lead);color:var(--c-text)}
.za__fein{margin:.6rem 0 0;font-size:var(--fs-klein);color:var(--c-text-2);line-height:1.5}
.za__fein kbd{font:inherit;padding:.05em .4em;border:1px solid var(--c-linie);border-radius:5px}
.za__label{display:block;font-size:var(--fs-klein);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text-2);margin:1rem 0 .4rem}
.za__fehler{margin:.6rem 0 0;min-height:1.3em;font-size:.9rem;color:#E9A48E}
.za__meldung{margin:.6rem 0 0;min-height:1.3em;font-size:.9rem;color:var(--c-text-2)}
.za__meldung--ok{color:#7CC08F} .za__meldung--fehler{color:#E9A48E}
.za__geschafft{display:flex;align-items:center;gap:.5rem;color:var(--c-gold)}
.za__geschafft svg{width:18px;height:18px;flex:none}

/* Karte */
.za__karte{position:relative;padding:clamp(1.3rem,3.5vw,2.4rem);border-radius:var(--radius);background:rgba(27,58,63,.36);border:1px solid var(--c-linie);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.za__karte::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity .5s;background:linear-gradient(130deg,var(--c-gold),var(--c-teal-2),var(--c-gold));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.za__frage-karte--an::before{opacity:1}

/* Eingaben (Fassung 1.3: box-sizing hier UND im Portal-Shim — das Feld blieb mobil nicht in der Karte) */
.za,.za *,.za *::before,.za *::after{box-sizing:border-box}
.za__eingabe{width:100%;max-width:100%;min-height:48px;padding:.7rem 1rem;border-radius:10px;border:1px solid rgba(245,241,235,.22);background:rgba(12,20,22,.55);color:var(--c-text);font:inherit;font-size:var(--fs-text);transition:border-color .2s,box-shadow .2s}
.za__eingabe::placeholder{color:rgba(200,194,184,.6)}
.za__eingabe:focus{outline:none;border-color:var(--c-gold);box-shadow:0 0 0 3px rgba(202,158,103,.22)}
.za__eingabe--pin{font-family:var(--font-display);font-size:1.9rem;letter-spacing:.42em;text-align:center;max-width:14rem}
.za__textbereich{resize:vertical;min-height:7rem;line-height:1.55}
.za__zeile{display:flex;gap:.6rem;align-items:stretch;flex-wrap:wrap}
.za__zeile .za__eingabe{flex:1 1 14rem}
.za__gate{max-width:34rem}
.za__gate-form{margin-top:1.4rem}

/* Willkommen */
.za__fakten{list-style:none;margin:1.6rem 0;padding:0;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}
.za__fakten li{display:grid;grid-template-columns:22px 1fr;gap:.2rem .8rem;align-items:center;padding:.9rem 1rem;border-radius:10px;border:1px solid var(--c-linie);background:rgba(27,58,63,.3)}
.za__fakten svg{width:20px;height:20px;color:var(--c-gold);grid-row:span 2}
.za__fakten b{font-weight:600} .za__fakten small{color:var(--c-text-2);font-size:var(--fs-klein)}
.za__aktionen{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;margin-top:1.4rem}
.za__knopf-klein{min-height:44px;font-size:var(--fs-klein)}
.knopf svg{width:18px;height:18px}
.knopf--wartet{opacity:.65;pointer-events:none}

/* Frage — Fassung 1.2 (16.10.2026, Ansage Michael): Kategorie-Kopf fett mit Fragenzahl, Kategorie-Karte, volle Frage in Textschrift */
.za__frage-kopf{margin-bottom:1.1rem}
.za__kat-kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .8rem;margin:0 0 .6rem;font-size:var(--fs-klein);letter-spacing:.06em;color:var(--c-text-2)}
.za__kat-name{font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-gold)}
.za__kat-zahl{font-variant-numeric:tabular-nums}
.za__map{display:flex;gap:4px;align-items:stretch;width:100%;margin:0 0 .3rem}
.za__map-feld{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 3px 3px;border-radius:8px;border:1px solid var(--c-text-2);border-color:color-mix(in srgb,var(--c-text-2) 45%,transparent);background:linear-gradient(90deg,rgba(202,158,103,.22) calc(var(--za-fill,0) * 100%),transparent 0);cursor:pointer;font:inherit;color:var(--c-text-2);transition:border-color .3s,box-shadow .3s,background .4s}
.za__map-feld:hover{border-color:var(--c-gold)}
.za__map-feld--jetzt{border-color:var(--c-gold);box-shadow:inset 0 0 0 1px var(--c-gold)}
.za__map-feld--komplett{border-color:var(--c-gruen,#7CC08F);background:linear-gradient(90deg,rgba(124,192,143,.3),rgba(124,192,143,.18));box-shadow:0 0 14px rgba(124,192,143,.35)}
.za__map-feld--komplett .za__map-kennung{color:var(--c-gruen,#7CC08F);font-weight:700}
.za__map-feld--komplett.za__map-feld--jetzt{border-color:var(--c-gold);box-shadow:inset 0 0 0 1px var(--c-gold),0 0 14px rgba(124,192,143,.35)}
.za__map-punkte{display:flex;gap:2px;justify-content:center;flex-wrap:nowrap;width:100%}
.za__map-punkt{flex:0 1 7px;min-width:3px;height:7px;border-radius:50%;background:var(--c-text-2);opacity:.38;transition:background .35s,box-shadow .35s,opacity .35s}
.za__map-punkt--fertig,.za__map-punkt--jetzt{opacity:1}
/* Fassung 1.3 (Ansage Michael 16.10.): fertig = GRÜN (wie die Haken der Übersicht), aktuell = GOLD */
.za__map-punkt--fertig{background:var(--c-gruen,#7CC08F);box-shadow:0 0 6px rgba(124,192,143,.8)}
.za__map-punkt--jetzt{background:var(--c-gold);box-shadow:0 0 0 2px rgba(202,158,103,.4);animation:za-punkt 1.6s ease-in-out infinite}
.za__map-punkt--jetzt.za__map-punkt--fertig{background:var(--c-gold);box-shadow:0 0 0 2px rgba(202,158,103,.4),0 0 6px rgba(124,192,143,.8)}
@keyframes za-punkt{50%{box-shadow:0 0 0 4px rgba(202,158,103,.14)}}
.za__map-kennung{font-size:.72rem;font-weight:600;letter-spacing:.08em;line-height:1}
.za__etappen-text{margin:.1rem 0 0;font-size:var(--fs-klein);color:var(--c-gold)}
.za__etappen-text[hidden]{display:none}
.za__kennung{margin:0 0 .4rem;font-size:var(--fs-klein);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--c-gold)}
.za__optional{color:var(--c-text-2);font-weight:400;letter-spacing:.06em;text-transform:none}
.za__frage-titel{font-family:var(--font);font-weight:600;font-size:clamp(1.05rem,2.4vw,1.3rem);line-height:1.4;margin:0 0 .9rem;color:var(--c-text);overflow-wrap:anywhere}
.za__details{margin:0 0 1rem;padding-left:1.2rem;color:var(--c-text-2);font-size:.95rem;line-height:1.55}
.za__chips-hinweis{margin:1rem 0 .5rem;font-size:var(--fs-klein);color:var(--c-text-2)}
.za__chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.za__chip{min-height:44px;padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(245,241,235,.22);background:transparent;color:var(--c-text);font:inherit;font-size:.95rem;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.za__chip:hover{border-color:var(--c-gold)}
.za__chip--drin{background:var(--c-gold);color:var(--c-dunkel-text);border-color:var(--c-gold)}
.za__mikro-zeile{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:.9rem;align-items:center;margin-top:1.1rem;padding:.8rem 1rem;border-radius:12px;border:1px dashed rgba(202,158,103,.45)}
.za__mikro{width:52px;height:52px;border-radius:50%;border:1px solid var(--c-gold);background:transparent;color:var(--c-gold);cursor:pointer;display:grid;place-items:center;transition:background .25s,color .25s,box-shadow .25s}
.za__mikro svg{width:22px;height:22px;grid-area:1/1}
.za__mikro svg+svg{display:none}
.za__mikro:hover{background:rgba(202,158,103,.12)}
.za__mikro--an{background:var(--c-gold);color:var(--c-dunkel-text);box-shadow:0 0 0 6px rgba(202,158,103,.22)}
.za__mikro--an svg:first-child{display:none} .za__mikro--an svg+svg{display:block}
.za__mikro-text{display:grid;line-height:1.3;min-width:0}
.za__mikro-text b{font-weight:600} .za__mikro-text small{color:var(--c-text-2);font-size:var(--fs-klein)}
.za__welle{display:none;gap:3px;align-items:center;height:28px}
.za__welle i{width:3px;height:100%;border-radius:2px;background:var(--c-gold);transform:scaleY(.2);transform-origin:center;transition:transform .08s linear}
.za__mikro-zeit{font-variant-numeric:tabular-nums;font-size:var(--fs-klein);color:var(--c-text-2);min-width:2.6rem;text-align:right}
.za__frage-karte--an .za__welle{display:flex}
.za__frage-karte--an .za__mikro-zeile{grid-template-columns:52px minmax(0,1fr) auto auto}
.za__fein--mikro{margin-top:.5rem}
.za__ablage{display:flex;align-items:center;gap:.9rem;margin-top:1.1rem;padding:.9rem 1rem;min-height:56px;border-radius:12px;border:1px dashed rgba(245,241,235,.28);cursor:pointer;transition:border-color .2s,background .2s}
.za__ablage:hover,.za__ablage--drueber{border-color:var(--c-gold);background:rgba(202,158,103,.06)}
.za__ablage svg{width:20px;height:20px;color:var(--c-gold);flex:none}
.za__ablage span{display:grid;line-height:1.3} .za__ablage b{font-weight:600} .za__ablage small{color:var(--c-text-2);font-size:var(--fs-klein)}
.za__dateien{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.4rem}
.za__dateien li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:.6rem;align-items:center;padding:.5rem .3rem .5rem .9rem;border-radius:10px;background:rgba(12,20,22,.45);border:1px solid var(--c-linie);overflow:hidden}
.za__datei-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.za__datei-groesse{font-size:var(--fs-klein);color:var(--c-text-2)}
.za__datei-weg{width:44px;height:44px;border:0;background:transparent;color:var(--c-text-2);cursor:pointer;display:grid;place-items:center;border-radius:8px}
.za__datei-weg:hover{color:#E9A48E} .za__datei-weg svg{width:16px;height:16px}
.za__datei-balken{position:absolute;left:0;bottom:0;height:2px;background:var(--c-gold);transition:width .2s}
.za__datei--fehler{border-color:rgba(233,164,142,.6)} .za__datei--fehler .za__datei-groesse{color:#E9A48E}
.za__frage-aktionen{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}
.za__frage-aktionen .knopf[disabled]{opacity:.35;pointer-events:none}
.za__unter{display:flex;justify-content:center;gap:1.4rem;flex-wrap:wrap;margin-top:1rem}
.za__textlink{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:0 .4rem;border:0;background:transparent;color:var(--c-text-2);font:inherit;font-size:var(--fs-klein);letter-spacing:.06em;cursor:pointer;text-decoration:underline;text-underline-offset:.25em;text-decoration-color:transparent;transition:color .2s,text-decoration-color .2s}
.za__textlink:hover{color:var(--c-gold);text-decoration-color:currentColor}
.za__textlink svg{width:15px;height:15px}
.za__textlink[hidden]{display:none}
.za__textlink--leise{opacity:.8}
.za__textlink--rueck{color:var(--c-gold)}

/* Kategorie geschafft */
.za__jubel{position:fixed;inset:0;z-index:170;display:grid;place-items:center;padding:1rem;background:rgba(12,20,22,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .4s var(--kurve);cursor:pointer}
.za__jubel--an{opacity:1}
.za__jubel-innen{text-align:center;max-width:32rem;transform:translateY(12px);transition:transform .5s var(--kurve)}
.za__jubel--an .za__jubel-innen{transform:none}
.za__jubel-innen .kicker{margin-bottom:.5rem}
.za__jubel-innen .za__text{margin:0 auto .8rem}
.za__jubel-innen .za__text b{color:var(--c-text);font-weight:600}
.za__jubel-haken{width:96px;height:96px;margin:0 auto 1.4rem;display:block;fill:none;stroke:var(--c-gold);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.za__jubel-haken circle{stroke-dasharray:302;stroke-dashoffset:302;animation:za-zieh 1s var(--kurve) forwards}
.za__jubel-haken path{stroke-dasharray:60;stroke-dashoffset:60;animation:za-zieh .5s .6s var(--kurve) forwards}
.za__jubel-haken--still{margin:0 0 1.4rem;width:76px;height:76px}
@keyframes za-zieh{to{stroke-dashoffset:0}}

/* Schleier, Dialog, Übersicht */
.za__schleier{position:fixed;inset:0;z-index:165;display:grid;place-items:center;padding:1rem;background:rgba(12,20,22,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .35s var(--kurve)}
.za__schleier--an{opacity:1}
.za__dialog{width:min(100%,34rem);max-height:calc(100vh - 2rem);overflow:auto;background:var(--c-teal);transform:translateY(16px);transition:transform .4s var(--kurve)}
.za__schleier--an .za__dialog{transform:none}
.za__zu{position:absolute;top:.8rem;right:.8rem;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--c-text-2);cursor:pointer;display:grid;place-items:center}
.za__zu:hover{color:var(--c-text);background:rgba(245,241,235,.08)} .za__zu svg{width:18px;height:18px}
.za__zu--statisch{position:static}
.za__schleier--rechts{place-items:stretch end;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(12,20,22,.55)}  /* Übersicht: kein Weichzeichner (Ansage Michael 16.10.), nur abgedunkelt */
.za__uebersicht{width:min(100%,24rem);height:100%;max-height:100vh;max-height:100dvh;display:flex;flex-direction:column;background:var(--c-teal);border-left:1px solid var(--c-linie);transform:translateX(40px);transition:transform .4s var(--kurve);overflow:hidden}
.za__schleier--an .za__uebersicht{transform:none}
.za__uebersicht-kopf{display:flex;align-items:center;gap:.8rem;padding:1.1rem 1rem 1rem 1.3rem;border-bottom:1px solid var(--c-linie)}
.za__uebersicht-kopf .za__titel{margin:0;flex:1}
.za__uebersicht-stand{font-size:var(--fs-klein);color:var(--c-text-2);font-variant-numeric:tabular-nums}
.za__uebersicht-liste{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:.6rem .6rem 1.4rem}
.za__uebersicht-kat em{font-style:normal;display:inline-grid;place-items:center;min-width:1.5rem;height:1.5rem;margin-right:.3rem;border-radius:6px;border:1px solid var(--c-linie);font-size:.72rem}
.za__uebersicht-kat--komplett em{background:var(--c-gold);color:var(--c-dunkel-text);border-color:var(--c-gold)}
/* Scroll-Lock solange ein Schleier offen ist */
html.za-lock{overflow:hidden}
html.za-lock body{position:fixed;left:0;right:0;width:100%;overflow:hidden}
.za__uebersicht-kat{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;margin:1rem .7rem .4rem;font-family:var(--font);font-size:var(--fs-klein);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-gold)}
.za__uebersicht-kat small{color:var(--c-text-2);font-weight:400;letter-spacing:.04em}
.za__nav-frage{display:grid;grid-template-columns:24px auto minmax(0,1fr);gap:.6rem;align-items:center;width:100%;min-height:44px;padding:.5rem .7rem;border:0;border-radius:10px;background:transparent;color:var(--c-text);font:inherit;font-size:.95rem;text-align:left;cursor:pointer;transition:background .2s}
.za__nav-frage:hover{background:rgba(245,241,235,.06)}
.za__nav-frage--jetzt{background:rgba(202,158,103,.12);box-shadow:inset 0 0 0 1px rgba(202,158,103,.5)}
.za__punkt{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(245,241,235,.3);display:grid;place-items:center;color:#111A1C;transition:background .3s,border-color .3s}
.za__punkt svg{width:14px;height:14px;opacity:0}
.za__nav-frage--fertig .za__punkt{background:#7CC08F;border-color:#7CC08F}
.za__nav-frage--fertig .za__punkt svg{opacity:1}
.za__nav-kennung{font-size:var(--fs-klein);color:var(--c-text-2);letter-spacing:.08em}
.za__nav-titel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Durchsicht */
.za__durchsicht-liste{margin:1.6rem 0}
.za__durchsicht-kat{margin:1.8rem 0 .6rem}
.za__durchsicht-frage{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem .8rem;align-items:start;padding:1rem 1.1rem;margin-bottom:.6rem;border-radius:var(--radius);border:1px solid var(--c-linie);background:rgba(27,58,63,.28)}
.za__durchsicht-frage h3{margin:0;font-family:var(--font);font-size:1rem;font-weight:600;line-height:1.35}
.za__durchsicht-frage h3 span{display:inline-block;margin-right:.6rem;font-size:var(--fs-klein);letter-spacing:.12em;color:var(--c-gold)}
.za__durchsicht-frage p{grid-column:1 / -1;margin:.3rem 0 0;color:var(--c-text-2);white-space:pre-wrap;line-height:1.55;font-size:.97rem}
.za__durchsicht-frage--offen{border-color:rgba(233,164,142,.55)}
.za__offen{color:#E9A48E}
.za__anhang{display:flex;align-items:center;gap:.4rem;font-size:var(--fs-klein)}
.za__anhang svg{width:14px;height:14px;color:var(--c-gold)}
.za__absenden{display:grid;gap:.6rem;margin-top:1.4rem}
.za__absenden .za__frage-titel{margin-bottom:0}
.za__absenden .za__text{margin-bottom:.2rem}
.za__haken{display:grid;grid-template-columns:22px minmax(0,1fr);gap:.7rem;align-items:start;font-size:.95rem;color:var(--c-text-2);line-height:1.5;cursor:pointer;padding:.3rem 0}
.za__haken input{width:22px;height:22px;margin:.1rem 0 0;accent-color:var(--c-gold);cursor:pointer}
.za__haken a{color:var(--c-gold)}
.za__absenden .knopf{justify-self:start;margin-top:.4rem}

/* Danke */
.za__fertig{text-align:left;max-width:40rem}

/* Toast */
.za__toast{position:fixed;left:50%;bottom:1.4rem;z-index:180;transform:translate(-50%,16px);opacity:0;max-width:min(92vw,30rem);padding:.8rem 1.1rem;border-radius:12px;background:var(--c-teal);border:1px solid var(--c-gold);color:var(--c-text);font-size:.95rem;line-height:1.45;box-shadow:0 18px 50px -20px rgba(0,0,0,.8);transition:opacity .3s,transform .3s var(--kurve);pointer-events:none}
.za__toast--an{opacity:1;transform:translate(-50%,0)}

/* Mobil (≤ 767 px): Übersicht als Vollblatt, Aktionen gestapelt */
@media (max-width:767px){
  .za{padding-top:5.5rem}
  .za__kopf{margin-bottom:1.1rem}
  .za__karte{padding:1rem}
  .za__frage-titel{font-size:1.05rem;line-height:1.4}
  .za__text{font-size:.97rem}
  .za__kat-kopf{font-size:.78rem}
  .za__map{gap:3px}
  .za__map-feld{padding:4px 2px 2px;border-radius:6px;gap:2px}
  .za__map-punkt{flex-basis:5px;height:5px;min-width:2px}
  .za__map-kennung{font-size:.62rem}
  .za__durchsicht-frage h3{font-size:.95rem}
  .za__textbereich{min-height:6rem}
  .za__uebersicht{width:100%;border-left:0}
  .za__frage-aktionen .knopf{flex:1 1 auto}
  .za__mikro-zeile{grid-template-columns:48px minmax(0,1fr) auto}
  .za__mikro{width:48px;height:48px}
  .za__frage-karte--an .za__mikro-zeile{grid-template-columns:48px minmax(0,1fr) auto}
  .za__frage-karte--an .za__welle{display:none}
  .za__eingabe--pin{max-width:100%}
  .za__durchsicht-frage{grid-template-columns:1fr}
  .za__durchsicht-frage .za__textlink{justify-self:start}
}

/* Fassung 1.1 (16.10.2026): Abschluss-Text (Markdown) auf dem Danke-Blatt, Hinweis-Blatt „Link abgelaufen“ */
.za__abschluss{margin:1rem 0 .4rem;padding:1rem 1.2rem;border-radius:var(--radius);border:1px solid var(--c-linie);background:rgba(27,58,63,.3);max-width:40rem}
.za__abschluss p{margin:0 0 .7rem} .za__abschluss p:last-child{margin-bottom:0}
.za__gate-hinweis{color:var(--c-text);border-left:3px solid var(--c-gold);padding-left:.9rem;margin-top:1rem}

/* Bewegung aus */
@media (prefers-reduced-motion:reduce){
  .za__blatt,.za__schleier,.za__dialog,.za__uebersicht,.za__jubel,.za__jubel-innen,.za__toast,.za__fortschritt i,.za__map-feld,.za__map-punkt{transition:none}
  .za__map-punkt--jetzt{animation:none}
  .za__blatt:not(.za__blatt--da){opacity:1;transform:none}
  .za__jubel-haken circle,.za__jubel-haken path{animation:none;stroke-dashoffset:0}
  .za__speicher[data-za-speicher="laeuft"] i{animation:none}
}