/*
====================================================================
Titel:        ansichten.css - Liste, Kalender, Detail, Post, Ausgaben, Dashboard, Tagesansicht,
              Einrichtung, Auslastung, Raster nach Gerät
Version:      1.2.1
Autor:        Andreas Grundke IT-Service (erstellt mit Claude)
Datum:        15.10.2026
Beschreibung: Reihenfolge wie die Module. Am Rechner eine Zeile je Veranstaltung,
              ab 1280 px Seitenpanel, Tablet 768 bis 1099 px schmale Leiste links,
              Handy bis 767 px einspaltig mit unterer Navigation.
Aenderungen:  1.0.0 (15.10.2026) Neutrale Fassung für die öffentliche Demo
              1.1.0 (15.10.2026) Design-System: Linien statt Karten, Post einzeilig,
                    Kalender mit Tagespanel, Ausgaben mit großer Vorschau, Zeilenmenüs,
                    Handy-Liste kompakt mit Filterblatt
              1.2.0 (15.10.2026) Handy: Dashboard mit eigener Reihenfolge, Klappabschnitten und
                    einzeiligen Einträgen, Detailkopf in zwei Zeilen, Assistent-Zeile neu angeordnet;
                    Assistent am Rechner mit einem Spaltenkopf und Pfeilen direkt an der Fristart
              1.2.1 (16.10.2026) Reiterverlauf links und rechts, Bestuhlung einzeilig, Knopf in Eckdaten umbrechen
====================================================================
*/

/* ---------- Auswahl in Markenfarbe statt Rottönung (Bestuhlung) ---------- */
.mtab-b tr.gewaehlt{background:var(--karte-2);box-shadow:inset 3px 0 0 var(--marke-solid)}
.mtab-b tr.gewaehlt td{background:none;font-weight:600}

/* ---------- Liste und Kalender ---------- */
.lage{color:var(--text2);margin:0 0 6px}
.lage b{color:var(--dunkel)}
.ueb-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 20px;margin-bottom:var(--gap-s)}
.toolbar{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin-bottom:var(--gap-s)}
.suche{flex:1 1 240px;position:relative;max-width:520px}
.suche svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text3)}
.suche input{padding-left:38px}
.toolbar select{width:auto;min-width:130px}
.chips-zeile{margin-bottom:var(--gap-s)}
@media (pointer:coarse),(max-width:1099px){.chips-zeile{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.chips-zeile button{flex:none}}
.aktivfilter{margin:0 0 10px;padding:6px 10px;background:var(--marke-fl-1);border:1px solid var(--marke-rand);border-radius:var(--r-zelle)}
.vliste{list-style:none;margin:0;padding:0}
.vzeile{display:grid;grid-template-columns:var(--vz-cols);gap:0 12px;align-items:center;padding:var(--row-py) 8px;border-bottom:1px solid var(--rand);text-decoration:none;color:var(--text);transition:background 160ms var(--kurve)}
.vzeile>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vzeile:hover{background:var(--hover);color:var(--text)}
.vzeile.gewaehlt{background:var(--auswahl)}
.vz-dt b{color:var(--dunkel);font-weight:600}
.vz-zeit{color:var(--text2);margin-left:7px}
.vz-status{display:flex;min-width:0}
.vz-anlass{font-weight:600;color:var(--dunkel)}
.vz-gaeste{text-align:right}
.vzeile--vorbei .vz-anlass,.vzeile--vorbei .vz-kunde,.vzeile--storno .vz-anlass{color:var(--text2)}
.vzeile--storno .vz-anlass{text-decoration:line-through}
.kopfzeile{display:grid;grid-template-columns:var(--vz-cols);gap:0 12px;padding:4px 8px;font-size:.84rem;color:var(--text2);font-weight:650;border-bottom:2px solid var(--linie-stark)}
.kopfzeile .r{text-align:right}
.kal__kopf{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.kal__kopf h2{min-width:9.5em;text-align:center}
.kal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--rand);border:1px solid var(--rand);border-radius:var(--r-zelle);overflow:hidden}
.kal__wt{background:var(--karte-2);padding:7px 6px;font-size:.85rem;font-weight:600;text-align:center;color:var(--dunkel)}
.kal__tag{background:var(--karte);min-height:108px;padding:4px;display:flex;flex-direction:column;gap:3px;min-width:0}
.kal__tag--fremd{background:var(--karte-2)}
.kal__tag--we{background:color-mix(in oklab,var(--karte) 70%,var(--karte-2))}
.kal__nr{font:600 .88rem var(--font);color:var(--dunkel);background:none;border:0;text-align:left;padding:3px 5px;min-height:26px;border-radius:var(--r-chip);cursor:pointer;align-self:flex-start;font-family:var(--schrift-zahlen);font-weight:500}
.kal__nr:hover{background:var(--flaeche-hover)}
.kal__tag--heute .kal__nr{background:var(--marke-solid);color:var(--auf-marke)}
.kal__tag--gewaehlt{box-shadow:inset 0 0 0 2px var(--dunkel)}
.kal__ev{display:block;font-size:.8rem;line-height:1.25;padding:2px 5px;border-radius:var(--r-chip);font-weight:550;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid transparent}
.kal__buch{background:var(--karte-2);color:var(--text2);border-color:var(--rand)}
.kal__punkte{display:none;gap:3px;flex-wrap:wrap;padding:0 5px}
.kal__punkte i{width:8px;height:8px;border-radius:50%;background:var(--marke-solid)}
.kal__punkte i.b{background:var(--n-9)}
.tagesliste{margin-top:18px}
.kal__legende{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:10px;font-size:.84rem;color:var(--text2)}
.tagpanel h2{margin-bottom:4px}
.tagpanel .tp-liste{list-style:none;margin:8px 0 0;padding:0}
.tagpanel .tp-liste li{border-bottom:1px solid var(--linie)}
.tagpanel .tp-liste a{display:grid;grid-template-columns:3.4em minmax(0,1fr) auto;gap:2px 10px;align-items:center;padding:7px 2px;text-decoration:none;color:var(--text)}
.tagpanel .tp-liste a:hover{background:var(--hover)}
.tagpanel .tp-liste small{grid-column:2/-1;color:var(--text2)}
.ueb{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.vorschau{display:none}

/* ---------- Veranstaltung ---------- */
.zurueck{display:inline-flex;align-items:center;gap:6px;color:var(--marke-text);text-decoration:none;font-weight:600;min-height:var(--ctl-s);margin-bottom:4px}
.vkopf{display:grid;gap:10px;margin-bottom:6px}
.vkopf__meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--text2)}
.schritte{list-style:none;margin:6px 0 0;padding:0;display:flex;gap:4px}
.schritte li{flex:1;min-width:0}
.schritte i{display:block;height:5px;border-radius:1px;background:var(--rand)}
.schritte span{display:block;font-size:.8rem;color:var(--text2);margin-top:5px;line-height:1.2;overflow-wrap:anywhere}
.schritt-text{display:none;margin-top:6px;font-size:.93rem}
.schritte .erledigt i{background:var(--marke)}
.schritte .jetzt i{background:var(--dunkel)}
.schritte .jetzt span{color:var(--dunkel);font-weight:700}
.reiter{display:flex;flex-wrap:nowrap;gap:2px;border-bottom:1px solid var(--rand-stark);margin:16px 0 18px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.reiter::-webkit-scrollbar{display:none}
.reiter--ueber{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}
.reiter--anfang{-webkit-mask-image:linear-gradient(to right,transparent,#000 40px);mask-image:linear-gradient(to right,transparent,#000 40px)}
.reiter--anfang.reiter--ueber{-webkit-mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.reiter a{padding:0 12px;min-height:var(--ctl);color:var(--text2);text-decoration:none;font-weight:600;border-bottom:2px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:6px;flex:none;scroll-snap-align:start}
.reiter a:hover{background:var(--hover);color:var(--dunkel)}
.reiter a[aria-selected=true]{color:var(--dunkel);border-bottom-color:var(--marke-solid)}
.spalten{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:28px 36px;align-items:start}
.zahlenzeile{display:flex;flex-wrap:wrap;gap:6px 28px;align-items:baseline;margin-bottom:16px}
.zahlenzeile b{font-size:1.35rem;font-weight:650;color:var(--dunkel);font-family:var(--schrift-zahlen)}
.zahlenzeile span{color:var(--text2)}
.opt{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:6px 20px}
.opt li{display:flex;gap:9px;align-items:baseline}
.box{display:inline-block;width:15px;height:15px;border:1.5px solid var(--rand-eingabe);border-radius:3px;flex:none;position:relative;top:2px}
.box.an{background:var(--marke-solid);border-color:var(--marke-solid)}
.box.an::after{content:'';position:absolute;left:4px;top:0;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.box.frage{border-style:dashed;border-color:var(--warnung-text);background:var(--offen-bg)}
.inline-feld{display:flex;gap:8px;align-items:center}
.inline-feld input,.inline-feld select{max-width:220px}
.inline-feld input.eingabe-zeit{max-width:6.5em}
.gerichtname{font-weight:600;color:var(--dunkel)}
.beilagen{display:block;color:var(--text2);font-size:.92rem}
.vegan{font-size:.76rem;font-weight:650;border:1px solid var(--akzent-solid);color:var(--akzent-text);border-radius:var(--r-chip);padding:0 4px;margin-left:6px}
.checkliste{list-style:none;margin:0;padding:0}
.checkliste li{border-bottom:1px solid var(--rand)}
.checkliste label{display:flex;gap:12px;align-items:center;padding:4px 4px;min-height:calc(var(--ctl) + 4px);cursor:pointer}
.checkliste .erl{color:var(--text2);text-decoration:line-through}
.rollenmarke{margin-left:auto;font-size:.8rem;color:var(--text2);border:1px solid var(--rand);border-radius:var(--r-chip);padding:0 6px}
.protokoll{list-style:none;margin:0;padding:0}
.protokoll li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 18px;padding:8px 0;border-bottom:1px solid var(--rand)}
.protokoll time{color:var(--text2);font-size:.92rem}
.alt{text-decoration:line-through;color:var(--text2)}
.zeitplan{list-style:none;margin:0;padding:0;border-left:1px solid var(--rand-stark)}
.zeitplan li{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:7px 0 7px 16px;border-bottom:1px dotted var(--rand-stark)}
.zeitplan b{color:var(--dunkel)}
.fortschritt{margin-bottom:16px}
.balken{height:8px;border-radius:2px;background:var(--rand);overflow:hidden;margin-bottom:8px}
.balken i{display:block;height:100%;background:var(--marke-solid)}
.techlist{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.techlist label{display:flex;gap:10px;align-items:center;min-height:var(--ctl);cursor:pointer}
.raumplan{display:block;width:100%;max-width:560px;border:1px solid var(--rand);border-radius:var(--r-zelle);background:var(--karte)}
.formular{display:grid;gap:14px}

/* ---------- Posteingang: am Rechner eine Zeile je Mail, die erste ungelesene ist offen ---------- */
.post{display:grid;grid-template-columns:minmax(340px,440px) minmax(0,1fr);gap:0;border:1px solid var(--rand);border-radius:var(--r-zelle);background:var(--karte);min-height:calc(100vh - var(--demo-h) - 190px)}
.post__liste{border-right:1px solid var(--rand);list-style:none;margin:0;padding:0;min-width:0}
.post__liste a{display:grid;grid-template-columns:minmax(0,8.5em) minmax(0,1fr) auto auto;gap:0 10px;align-items:center;min-height:var(--zeile);padding:0 12px;border-bottom:1px solid var(--linie);text-decoration:none;color:var(--text2)}
.post__liste a>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post__liste a:hover{background:var(--hover)}
.post__liste a[aria-current=true]{background:var(--zeile-gewaehlt);box-shadow:inset 2px 0 0 var(--marke-solid);color:var(--text)}
.post__liste a.ist-neu{color:var(--text);font-weight:650}
.post__von,.post__betreff{color:inherit}
.post__liste time{font:400 .82rem var(--schrift-zahlen);color:var(--text2)}
.post__ki{color:var(--marke-text);display:inline-flex}
.mstat{font-size:.76rem;font-weight:650;border-radius:var(--r-chip);padding:0 5px;border:1px solid var(--rand-stark);color:var(--text2);background:var(--karte)}
.post__lese{padding:16px clamp(16px,2.2vw,28px);min-width:0;display:grid;gap:16px;align-content:start}
.mailtext{white-space:pre-wrap;background:var(--karte-2);border:1px solid var(--rand);border-radius:var(--r-zelle);padding:12px 14px;overflow-wrap:anywhere;max-width:80ch}
.ki-block{border-top:2px solid var(--linie-stark);padding-top:12px;display:grid;gap:12px}
.ki-block h3{color:var(--dunkel);display:flex;gap:8px;align-items:center}
.felder{list-style:none;margin:0;padding:0;display:grid;gap:0}
.felder li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:6px 0;border-bottom:1px solid var(--linie)}
.felder small{display:block;color:var(--text2)}
.anhang{display:inline-flex;align-items:center;gap:8px;background:var(--karte);border:1px solid var(--rand-eingabe);border-radius:var(--r-eingabe);padding:4px 10px;font-size:.9rem}
.anhang input{width:18px;height:18px}
.post__zurueck{display:none}
@media (pointer:coarse){.post__liste a{grid-template-columns:minmax(0,1fr) auto;padding:8px 14px;min-height:64px}.post__von{grid-column:1;grid-row:1}.post__liste time{grid-column:2;grid-row:1}.post__betreff{grid-column:1/-1;grid-row:2}.post__ki{display:none}}

/* ---------- Ausgaben: Dokumentwahl als Reiter über einer großen Papiervorschau ---------- */
.ausgaben{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:20px 28px;align-items:start}
.ausgaben__seite{display:grid;gap:12px;align-content:start;position:sticky;top:calc(var(--demo-h) + 14px)}
.doklist{list-style:none;margin:0;padding:0;display:grid;gap:0}
.doklist a{display:flex;align-items:center;gap:12px;min-height:calc(var(--ctl) + 8px);padding:4px 6px;border-bottom:1px solid var(--linie);text-decoration:none;color:var(--text)}
.doklist a:hover{background:var(--hover)}
.doklist small{display:block;font-weight:400;color:var(--text2)}
.papier-rahmen{background:var(--karte-2);border:1px solid var(--rand);border-radius:var(--r-zelle);padding:clamp(12px,2.4vw,32px);display:flex;justify-content:center}
.papier{background:#fff;width:100%;max-width:720px;min-height:min(1018px,141vw);padding:6.5% 7.5%;box-shadow:var(--schatten-2);font-size:clamp(.66rem,.48rem + .5vw,.9rem);line-height:1.42;position:relative;display:flex;flex-direction:column}
.papier--a5{max-width:520px;min-height:min(737px,141vw)}
.papier__muster{position:absolute;top:0;left:0;right:0;background:var(--karte-2);color:var(--text2);text-align:center;font-size:.78em;font-weight:600;padding:3px 0;border-bottom:1px solid var(--rand)}
.papier__kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin:2.2em 0 1.2em;padding-bottom:.6em;border-bottom:1px solid var(--marke)}
.papier__kopf img{height:3.6em;width:auto;max-width:62%}
.papier__kopf small{text-align:right;color:var(--text2);font-size:.85em}
.papier h3{font-size:1.55em;color:var(--dunkel);margin-bottom:.4em}
.papier h4{font-family:var(--font-titel);font-size:1.06em;color:var(--dunkel);margin:1.1em 0 .35em;padding-bottom:.2em;border-bottom:1px solid var(--rand);font-weight:var(--titel-gewicht)}
.papier table{width:100%;border-collapse:collapse;font-size:.95em}
.papier td,.papier th{padding:.3em .4em;border-bottom:1px solid var(--rand);text-align:left;vertical-align:top}
.papier th{background:var(--karte-2);color:var(--dunkel);font-weight:600}
.papier .r{text-align:right}
.papier .agb{font-size:.82em;color:var(--text2);columns:2;column-gap:1.6em}
.papier .agb p{margin:0 0 .4em}
.papier__fuss{margin-top:auto;padding-top:1.4em;font-size:.75em;color:var(--text2);display:flex;justify-content:space-between;gap:10px}
.menuekarte{text-align:center}
.menuekarte h3{font-size:1.8em}
.menuekarte .gang{margin:1.3em 0 .3em;color:var(--marke-text);font-family:var(--font-titel);font-weight:var(--titel-gewicht);font-size:1.05em}
.menuekarte .oder{font-size:.85em;color:var(--text2)}

/* ---------- Dialog (Vollbild) ---------- */
dialog.voll{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:var(--bg);color:var(--text)}
dialog.voll::backdrop{background:rgba(15,17,23,.6)}
dialog.voll[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.voll__kopf{display:flex;align-items:center;gap:12px;padding:12px clamp(16px,3vw,40px);background:var(--dunkel);color:#fff}
.voll__kopf h2{color:#fff;font-size:1.25rem}
.voll__kopf h2:focus{outline:none}
.voll__kopf .btn{margin-left:auto;background:transparent;border-color:#d7dde6;color:#fff}
.voll__kopf .btn:hover{background:var(--nav-aktiv)}
.voll__koerper{overflow:auto;padding:22px clamp(16px,3vw,40px);display:grid;gap:18px;align-content:start;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.voll__fuss{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px clamp(16px,3vw,40px);border-top:1px solid var(--rand);background:var(--karte)}
.voll__fuss label{display:flex;gap:10px;align-items:center;font-weight:500;flex:1 1 280px}
.voll__koerper .vollbreit{grid-column:1/-1}
.voll__text{white-space:pre-wrap;background:#fff;border:1px solid var(--rand);border-radius:var(--r-knopf);padding:16px;overflow-wrap:anywhere}

/* ---------- Dashboard: Linien wie im Kassenbuch, Zahlen rechtsbündig ---------- */
.dash-satz{margin:0 0 var(--gap-b);max-width:110ch}
.dash-satz b{font-family:var(--schrift-zahlen);font-weight:600}
.dash-spalten{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gap-b) 26px;align-items:start;grid-auto-flow:dense}
.dash-spalten .p{grid-column:auto;margin:0;min-width:0}
.dash-spalten .p-breit{grid-column:span 2}
.dash-col{display:contents}
.p{min-width:0;border-top:2px solid var(--linie-stark);padding-top:8px}
.p>h2{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
.zaehler{font:600 .92rem var(--schrift-zahlen);color:var(--text2)}
.zaehler.warn{color:var(--warnung-text)}
.verteilung{display:flex;gap:2px;height:10px;margin:2px 0 8px;border-radius:2px;overflow:hidden}
.verteilung i{display:block;min-width:4px;border:0}
.vt-vorlauf{background:var(--marke-fl-3)}.vt-verbindlich{background:var(--marke-rand)}.vt-vorbereitung{background:var(--marke-solid)}
.vt-durchfuehrung{background:var(--dunkel)}.vt-nachlauf{background:var(--n-8)}.vt-abschluss{background:var(--n-6)}.vt-storno{background:var(--karte);box-shadow:inset 0 0 0 1px var(--n-8)}
.legende{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 24px}
.legende li{display:grid;grid-template-columns:10px minmax(0,1fr) 3ch 5ch;gap:8px;align-items:center;min-height:calc(var(--zeile) - 6px);border-bottom:1px solid var(--linie)}
.legende li i{width:10px;height:10px;border-radius:2px;display:block}
.legende li b,.legende li span.muted{text-align:right;font-family:var(--schrift-zahlen);font-weight:500}
.zutun{list-style:none;margin:0;padding:0}
.zutun a{display:grid;grid-template-columns:minmax(0,1fr) 3ch 16px;gap:10px;align-items:center;min-height:var(--zeile);padding:0 2px;border-bottom:1px solid var(--linie);text-decoration:none;color:var(--text)}
.zutun a:hover{background:var(--hover)}
.zutun a[aria-disabled=true]{color:var(--text2);pointer-events:none}
.zutun a[aria-disabled=true] svg{visibility:hidden}
.zutun b{text-align:right;font:600 1rem var(--schrift-zahlen);color:var(--text2)}
.zutun b.hat{color:var(--dunkel)}
.gruende{list-style:none;margin:6px 0 0;padding:0}
.gruende li{display:grid;grid-template-columns:minmax(0,1fr) 90px 2ch;gap:10px;align-items:center;padding:4px 0}
.gruende i{display:block;height:6px;border-radius:1px;background:var(--n-9)}
.swatch{display:inline-block;width:18px;height:18px;border-radius:var(--r-chip);border:1px solid var(--rand-stark);vertical-align:-4px}
.profil-logo{height:60px;width:auto;padding:6px 0}
.chipreihe{display:flex;flex-wrap:wrap;gap:8px}
@media (min-width:1700px){.dash-spalten{grid-template-columns:2fr 1fr 1fr 1fr}.dash-col{display:grid;gap:var(--gap-b);align-content:start;min-width:0}.dash-spalten .p-breit{grid-column:auto}}

/* ---------- Auslastung und Vertrieb ---------- */
.auslastung{margin-top:calc(var(--gap-b) * 1.5);border-top:3px solid var(--dunkel);padding-top:10px}
h2.gross2{font-size:1.45rem}
.ausgrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.ausgrid .p-breit2{grid-column:1/-1}
.xscroll{max-width:100%}
.ausl2{table-layout:fixed;width:100%}
.ausl2 th,.ausl2 td{padding-left:3px;padding-right:3px}
.ausl2 th:first-child,.ausl2 td.erste{width:11%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ausl2 .sai{border-left:2px solid var(--rand-stark)}
.ausl2 .sai+.sai{border-left:1px solid var(--rand)}
.heat th,.heat td{text-align:center}
.heat td.erste{text-align:left;width:5%}
table.tab td.h0{color:var(--text2);background:transparent}
table.tab td.h1{background:color-mix(in srgb,var(--marke) 14%,#fff)}
table.tab td.h2{background:color-mix(in srgb,var(--marke) 30%,#fff)}
table.tab td.h3{background:color-mix(in srgb,var(--marke) 48%,#fff);color:var(--dunkel)}
table.tab td.h4{background:color-mix(in srgb,var(--marke) 68%,#fff);color:var(--dunkel);font-weight:600}
table.tab td.h5{background:var(--marke-solid);color:#fff;font-weight:700}
table.tab tbody tr:hover td.h0,table.tab tbody tr:hover td.h1,table.tab tbody tr:hover td.h2,table.tab tbody tr:hover td.h3,table.tab tbody tr:hover td.h4{filter:brightness(.97)}
.leerliste,.hinweisliste{list-style:none;margin:0;padding:0}
.leerliste li{display:grid;gap:0;padding:6px 0;border-bottom:1px solid var(--rand)}
.hinweisliste li{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--rand)}
.hinweisliste li span{flex:1 1 300px}
.balkenliste{list-style:none;margin:0;padding:0}
.balkenliste li{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(40px,1.3fr) 3ch auto;gap:10px;align-items:center;padding:4px 0;border-bottom:1px solid var(--rand)}
.balkenliste i{display:block;height:8px;border-radius:4px;background:var(--marke-solid)}
.balkenliste b{text-align:right}
.stapel{display:flex;height:14px;border-radius:4px;overflow:hidden;min-width:90px}
.stapel i{display:block;min-width:3px}
.t-tablet{background:var(--marke-solid)}.t-handy{background:var(--akzent)}.t-pc{background:var(--rand-stark)}
.balkenzelle{min-width:110px}

/* ---------- Tagesansicht (Küche, Service) ---------- */
.tagesansicht{display:grid;grid-template-columns:minmax(230px,330px) minmax(0,1fr);gap:24px 40px;align-items:start}
.tagliste{display:grid;gap:14px;position:sticky;top:calc(var(--demo-h) + 14px)}
.tag-gruppe h2{font-size:1.02rem;margin-bottom:2px;padding-bottom:4px;border-bottom:2px solid var(--linie-stark)}
.tagbtn{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 14px;align-items:center;width:100%;min-height:var(--tagbtn-h);text-align:left;padding:6px 8px;border:0;border-bottom:1px solid var(--linie);border-radius:0;background:transparent;color:var(--text);font:inherit;cursor:pointer;transition:background var(--dauer) var(--kurve)}
.tagbtn:hover{background:var(--hover)}
.tagbtn .chip{grid-column:2;justify-self:start}
.tagbtn[aria-pressed=true]{background:var(--marke-fl-2)}
.tagbtn__zeit{font:600 1.35rem var(--schrift-zahlen);color:var(--dunkel);grid-row:span 2}
.tagbtn__text b{display:block;color:var(--dunkel);line-height:1.25}
.tagbtn__text span{color:var(--text2);font-size:.93rem}
.td-kopf{display:grid;gap:8px;margin-bottom:18px}
.td-kopf h2{font-size:1.7rem}
.td-spalten{display:grid;gap:26px 40px}
.td-block>h2{border-top:2px solid var(--linie-stark);padding-top:10px;margin-bottom:12px}
.td-block h3{margin:20px 0 8px}
.td-gross{font-size:1.3rem;margin-bottom:8px}
.td-gross b{font-size:2.2rem;font-weight:650;color:var(--dunkel);font-family:var(--schrift-zahlen)}
.td-gerichte{list-style:none;margin:10px 0 14px;padding:0}
.td-gerichte li{display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--rand)}
.td-gerichte li>b{font-size:2rem;font-weight:650;color:var(--dunkel);text-align:right;font-family:var(--schrift-zahlen)}
.td-allergene{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.td-allergene li{font-size:1.15rem}
.td-allergene b{font-size:1.5rem;margin-right:6px}
.td-gaeste{list-style:none;margin:0;padding:0}
.td-gaeste li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--rand)}
.checkliste.gross label{min-height:var(--check-h);font-size:1.08rem;gap:16px}
.checkliste.gross input{width:32px;height:32px}

/* ---------- Einrichtungsassistent: eine Zeile je Stufe, Spaltenkopf statt Feldbeschriftung ---------- */
.wiz-schritte{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:nowrap;gap:2px;border-bottom:1px solid var(--rand-stark);overflow-x:auto;scrollbar-width:none}
.wiz-schritte a{display:inline-flex;gap:8px;align-items:center;min-height:var(--ctl);padding:0 12px;border-bottom:2px solid transparent;color:var(--text2);text-decoration:none;font-weight:600;white-space:nowrap}
.wiz-schritte a:hover{background:var(--hover);color:var(--dunkel)}
.wiz-schritte a[aria-current=step]{color:var(--dunkel);border-bottom-color:var(--marke-solid)}
.wiz-phase{margin-top:var(--gap-b)}
.wiz-phase>h2{display:flex;gap:10px;align-items:baseline;border-top:2px solid var(--linie-stark);padding-top:8px;margin-bottom:2px}
.wiz-liste{list-style:none;margin:0;padding:0}
.wiz-zeile{display:grid;gap:4px 12px;align-items:center;min-height:var(--zeile);padding:2px 4px;border-bottom:1px solid var(--linie)}
.wiz-kopf{font-weight:650;color:var(--text2);min-height:28px;border-bottom:1px solid var(--rand-stark)}
.wiz-kopf>span{font-size:.82rem}
.wiz-zeile.aus .wiz-name,.wiz-zeile.aus .wiz-name input{color:var(--text2)}
.wiz-zeile--s{grid-template-columns:30px minmax(240px,26em) 6em 11em auto}
.wiz-liste--kopf{position:sticky;top:var(--demo-h);z-index:3;background:var(--bg)}
.wiz-hinweis{color:var(--text2);margin:4px 0 0}
.wiz-zeile--k{grid-template-columns:30px minmax(240px,1fr) 11em 7em}
.wiz-zeile--l{grid-template-columns:30px minmax(220px,1fr) 8em 8em 8em 6em}
.wiz-zeile--r{grid-template-columns:30px minmax(160px,1fr) 9em 6em 7em minmax(110px,10em)}
.wiz-zeile--e{grid-template-columns:30px minmax(220px,1fr) 7em}
.wiz-ck{display:flex;align-items:center;justify-content:center;min-height:var(--ctl);cursor:pointer}
.wiz-ck input{width:20px;height:20px}
.wiz-name{display:flex;gap:8px;align-items:center;min-width:0}
.wiz-name input{min-height:var(--ctl-s);flex:1 1 auto;width:auto;min-width:0}
.wiz-name small{color:var(--text2);font-size:.8rem;white-space:nowrap;flex:0 0 8.5em}
.wiz-name .chip-klein{margin:0}
.wiz-zeile select,.wiz-zeile input[type=number]{min-height:var(--ctl-s)}
.wiz-pfeile{display:flex;gap:2px;justify-self:start}
.ikon-knopf{display:inline-flex;align-items:center;justify-content:center;min-width:var(--ctl-s);min-height:var(--ctl-s);border:1px solid transparent;border-radius:var(--r-knopf);background:none;color:var(--text2);cursor:pointer}
.ikon-knopf:hover{background:var(--flaeche-hover);color:var(--text)}
.ikon-knopf[disabled]{visibility:hidden}
.wiz-ro{align-self:center;font-size:.9rem}
.statusband{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.statusband li{display:grid;padding:4px 10px;min-width:96px;border-radius:var(--r-chip);border:1px solid transparent}
.statusband li b{font-weight:650}
.statusband li small{font-size:.76rem;opacity:.9}
.radios{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;cursor:pointer}

/* ---------- Klappabschnitte: am Rechner offen und wie eine Überschrift, am Handy antippbar ---------- */
.klapp>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px}
.klapp>summary::-webkit-details-marker{display:none}
.klapp>summary>h2{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
@media (min-width:768px){.klapp>summary{pointer-events:none;cursor:default}.klapp>summary .zaehler{display:none}}
.klapp>summary .zaehler{font-family:var(--font);font-variant-numeric:tabular-nums}
.mkopf{display:none}

/* ---------- Raster nach Gerät ---------- */
.nk{display:none}
.nav__marke .logo-klein{display:none}
.filterknopf,.fab,.nur-schmal{display:none}
.ueb--kal .tagpanel{display:none}
@media (max-width:1099px){.dash-spalten{grid-template-columns:minmax(0,1fr)}.dash-spalten .p-breit,.ausgrid .p-breit2{grid-column:1/-1}.band__betrieb,.band__link{display:none}}
@media (min-width:1280px){
  .ueb{grid-template-columns:minmax(0,1fr) 380px;gap:32px}
  .vorschau{display:block;position:sticky;top:calc(var(--demo-h) + 14px);align-self:start;border-top:2px solid var(--linie-stark);padding-top:10px}
  .vorschau h2{margin-bottom:8px}
  .vorschau .kv2{margin:10px 0}
  .ueb--kal{grid-template-columns:minmax(0,1fr) 340px}
  .ueb--kal .tagpanel{display:block}
  .ueb--kal .tagesliste{display:none}
  .p-4{grid-column:span 1}
  .td-spalten.zwei{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (min-width:1100px){.nl{display:inline}}
@media (min-width:768px) and (max-width:1099px){
  :root{--nav-b:92px}
  .nav{padding:12px 6px;align-items:stretch}
  .nav__marke{padding:6px;margin:0 2px 14px}
  .nav__marke .logo-voll{display:none}.nav__marke .logo-klein{display:block;height:38px;width:38px;margin:auto;border-radius:var(--r-zelle)}
  .nav__modul,.nav__fuss{display:none}
  .nl{display:none}.nk{display:inline}
  .nav__link{flex-direction:column;justify-content:center;gap:4px;padding:8px 2px;font-size:.78rem;text-align:center;min-height:66px;position:relative;line-height:1.15}
  .nav__zahl{position:absolute;margin:0;top:2px;right:6px;font-size:.72rem}
  .fuss-mobil{display:block;margin-top:36px;padding-top:14px;border-top:1px solid var(--rand);color:var(--text2)}
  .vzeile,.kopfzeile{grid-template-columns:var(--vz-cols-s)}
  .vz-raum,.vz-offen,.k-raum,.k-offen{display:none}
  .ueb{grid-template-columns:minmax(0,1fr)}
  .td-spalten.zwei{grid-template-columns:minmax(0,1fr)}
  .wiz-zeile--s,.wiz-zeile--k,.wiz-zeile--l,.wiz-zeile--r,.wiz-zeile--e{grid-template-columns:30px minmax(0,1fr) minmax(0,1fr)}
  .wiz-zeile .wiz-name{grid-column:2/-1}
  .wiz-kopf{display:none}
}
@media (max-width:899px){
  .spalten,.ausgaben,.voll__koerper{grid-template-columns:minmax(0,1fr)}
  .ausgaben__seite{position:static;order:-1}
  .post{grid-template-columns:minmax(0,1fr);min-height:0}
  .post__liste{border-right:0}
  .post--detail .post__liste{display:none}
  .post:not(.post--detail) .post__lese{display:none}
  .post__zurueck{display:inline-flex}
}
@media (max-width:767px){
  :root{--tab-h:66px;--demo-h:74px}
  .nur-breit{display:none!important}
  .nur-schmal{display:inline-block}
  .band{flex-wrap:wrap;align-content:center;row-gap:4px;padding:4px 8px}
  .band__demo{flex:1 1 100%;gap:8px}
  .band__demo span{font-size:.8rem;white-space:normal;line-height:1.15}
  .band__ctl{order:3;flex:1;margin:0;gap:6px;min-width:0}
  .band__betrieb,.band__link,.band__feld{display:none}
  .band__rollen{flex:1}
  .band__rollen button{flex:1;padding:3px 2px;font-size:.8rem}
  .band__reset{order:4;margin-left:0}
  .band .lang{display:none}.band .kurz{display:inline}
  .app{grid-template-columns:minmax(0,1fr)}
  .nav{position:fixed;inset:auto 0 0 0;top:auto;height:var(--tab-h);flex-direction:row;padding:5px 6px;z-index:50;border-right:0;border-top:2px solid var(--nav-linie);overflow:visible}
  .nav__marke,.nav__modul,.nav__fuss{display:none}
  .nav ul{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%;gap:2px}
  .nav__link{flex-direction:column;justify-content:center;gap:2px;font-size:.72rem;padding:4px 1px;text-align:center;min-height:52px;position:relative;line-height:1.1}
  .nl{display:none}.nk{display:inline}
  .nav__zahl{position:absolute;margin:0;top:0;right:4px;font-size:.7rem}
  main{padding:14px 16px calc(var(--tab-h) + 28px)}
  .fuss-mobil{display:block;margin-top:36px;padding-top:14px;border-top:1px solid var(--rand);color:var(--text2)}
  .kopfzeile{display:none}
  .vzeile{grid-template-columns:auto minmax(0,1fr) auto;padding:7px 2px;gap:1px 8px;min-height:56px;align-content:center}
  .vz-dt{grid-column:1/3;grid-row:1}
  .vz-status{grid-column:3;grid-row:1;justify-self:end}
  .vz-anlass{grid-column:1;grid-row:2;max-width:13em}
  .vz-kunde{grid-column:2;grid-row:2;color:var(--text2)}
  .vz-offen{grid-column:3;grid-row:2;justify-self:end}.vz-offen:empty{display:none}
  .vz-gaeste,.vz-raum{display:none}
  .kal__tag{min-height:56px}
  .kal__ev{display:none}
  .kal__punkte{display:flex}
  .kal__wt{font-size:.78rem;padding:6px 0}
  .kv{grid-template-columns:minmax(6.5em,8.5em) minmax(0,1fr)}
  .kv dt{padding:8px 10px 8px 0}
  .kv dd{padding:8px 0}
  .kv-breit{display:none}
  .zeitplan li{grid-template-columns:1fr;gap:0}
  .protokoll li{grid-template-columns:1fr}
  .schritte{display:none}
  .schritt-text{display:block}
  .tagesansicht{grid-template-columns:minmax(0,1fr)}
  .tagliste{position:static}
  .reiter{margin:12px -16px 14px;padding:0 16px}
  .kv dd .btn{margin-top:6px;max-width:100%;white-space:normal;text-align:left}
  .legende{grid-template-columns:1fr}
  .papier{font-size:.62rem}
  .feldreihe>*{flex-basis:100%}
  .voll__fuss .btn{flex:1 1 100%}
  .felder li{grid-template-columns:1fr}
  input.eingabe-zahl{width:6em}
  .wiz-zeile--s,.wiz-zeile--k,.wiz-zeile--l,.wiz-zeile--r,.wiz-zeile--e{grid-template-columns:30px minmax(0,1fr) auto}
  .wiz-zeile .wiz-name{grid-column:2/-1}
  .wiz-kopf,.wiz-liste--kopf{display:none}
  .xscroll{overflow-x:auto}
  .ausl2,.heat{font-size:.74rem;min-width:560px}
  .ausl2 th,.ausl2 td,.heat th,.heat td{padding-left:1px;padding-right:1px}
  .ausl2 .sai{display:none}
  .ausl2 th:first-child,.ausl2 td.erste{width:20%}
  .balkenliste li{grid-template-columns:1fr 1fr 3ch}
  .balkenliste li span.muted{display:none}
  table.tab:not(.ausl2):not(.heat):not(.mtab):not(.ktab) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  table.tab:not(.ausl2):not(.heat):not(.mtab):not(.ktab),table.tab:not(.ausl2):not(.heat):not(.mtab):not(.ktab) tbody,table.tab:not(.ausl2):not(.heat):not(.mtab):not(.ktab) tr,table.tab:not(.ausl2):not(.heat):not(.mtab):not(.ktab) td,table.tab:not(.ausl2):not(.heat):not(.mtab):not(.ktab) tfoot{display:block;width:100%}
  table.tab:not(.ausl2):not(.heat):not(.mtab):not(.ktab) tr{padding:10px 12px;border-bottom:1px solid var(--rand)}
  table.tab:not(.ausl2):not(.heat):not(.mtab):not(.ktab) td{border:0;padding:3px 0;display:flex;gap:12px;justify-content:space-between;text-align:right}
  table.tab:not(.ausl2):not(.heat):not(.mtab):not(.ktab) td::before{content:attr(data-l);font-weight:600;color:var(--text2);text-align:left;flex:none}
  table.tab:not(.ausl2):not(.heat):not(.mtab):not(.ktab) td.erste{display:block;text-align:left;font-weight:600}
  table.tab:not(.ausl2):not(.heat):not(.mtab):not(.ktab) td.erste::before{display:none}
  table.tab:not(.ausl2):not(.heat):not(.mtab):not(.ktab) tr.summe{background:var(--flaeche)}
  table.tab td[data-l="Aktion"]::before,table.tab td[data-l="Aktionen"]::before{display:none}
  .toast{bottom:calc(var(--tab-h) + 14px)}
}
/* Handy: Suche und Filterknopf in einer Zeile, Filter im Blatt von unten, Neue Anfrage schwebt */
@media (max-width:599px){
  .ueb-kopf{margin-bottom:6px}
  .ueb-kopf .knopfreihe{display:none}
  .tb-voll{display:none!important}
  .toolbar{flex-wrap:nowrap;margin-bottom:6px}
  .suche{flex:1 1 auto}
  .filterknopf{display:inline-flex;flex:none}
  .lage{font-size:.88rem;margin-bottom:2px}
  .fab{display:inline-flex;position:fixed;right:16px;bottom:calc(var(--tab-h) + 14px);z-index:55;min-height:52px;padding:0 18px;box-shadow:var(--schatten-3)}
}
.filterblatt{position:fixed;inset:auto 0 0 0;z-index:var(--z-dialog);background:var(--karte);border-top:1px solid var(--rand);border-radius:var(--r-dialog) var(--r-dialog) 0 0;box-shadow:var(--schatten-4);padding:14px 16px calc(14px + env(safe-area-inset-bottom));display:grid;gap:12px;max-height:80vh;overflow:auto}
.filterblatt__kopf{display:flex;justify-content:space-between;align-items:center}
.filterblatt .segment{justify-self:start}
.filterblatt__grund{position:fixed;inset:0;z-index:calc(var(--z-dialog) - 1);background:rgba(15,17,23,.4);border:0}

/* Assistent bis Tablet: Stufe in zwei Zeilen. Oben Haken und Name, darunter Frist, Art der Frist und Pfeile */
@media (max-width:1099px){
  .wiz-zeile--s{grid-template-columns:30px 5.5em minmax(0,1fr) auto;grid-template-areas:"ck name name name" ". frist art pfeile";padding:6px 0;row-gap:4px}
  .wiz-zeile--s>.wiz-ck{grid-area:ck}
  .wiz-zeile--s>.wiz-name{grid-area:name}
  .wiz-zeile--s>label:not(.wiz-ck):not(.wiz-name){grid-area:frist}
  .wiz-zeile--s>.wiz-ro{grid-area:art;font-size:.86rem}
  .wiz-zeile--s>.wiz-pfeile{grid-area:pfeile}
  .wiz-zeile--s input.eingabe-zahl{width:100%}
  .wiz-name small{flex:0 0 auto}
}
/* Handy: Dashboard in eigener Reihenfolge, Detailkopf kompakt */
@media (max-width:767px){
  .dash-col{display:contents}
  .dash-satz{font-size:.9rem;margin-bottom:10px}
  .dash-spalten{gap:0}
  .d-zutun{order:1}.d-haengt{order:2}.d-naechste{order:3}.dash-spalten .klapp{order:10}
  .d-zutun,.d-haengt,.d-naechste{margin-bottom:18px}
  .zutun li.null{display:none}
  .zutun a{min-height:46px}
  .klapp{padding-top:0;border-top-width:1px}
  .klapp>summary{min-height:48px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .klapp>summary>h2{margin:0;font-size:1.04rem}
  .klapp>summary .ic{color:var(--text2);transition:transform var(--dauer-kurz) var(--kurve)}
  .klapp[open]>summary .ic{transform:rotate(180deg)}
  .klapp[open]{padding-bottom:12px}
  .klapp-ausl{margin-top:0;border-bottom:1px solid var(--linie-stark)}
  .klapp-ausl .auslastung{margin-top:0;border-top:0;padding-top:0}
  .klapp-ausl #a-h{display:none}
  .klapp-ausl .seitenkopf{margin-top:0!important}
  table.mtab,table.mtab tbody{display:block;width:100%}
  table.mtab thead{display:none}
  table.mtab tr{display:grid;gap:2px 10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--linie);min-height:48px}
  table.mtab td{display:block;border:0;padding:0;text-align:left;min-width:0;background:none}
  .mtab-h tr{grid-template-columns:minmax(0,1fr) auto auto}
  .mtab-h td.erste{grid-column:1;grid-row:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
  .mtab-h td[data-l=Status]{grid-column:2;grid-row:1}
  .mtab-h td[data-l=Tage]{grid-column:3;grid-row:1;min-width:3.4em;text-align:right}
  .mtab-h td[data-l=Tage]::after{content:" Tg.";font:400 .78rem var(--font);color:var(--text2)}
  .mtab-h td[data-l=Grund]{grid-column:1/-1;grid-row:2;font-size:.84rem;line-height:1.3;color:var(--text2)}
  .mtab-h:not(.alle) tbody tr:nth-child(n+6){display:none}
  .mtab-b tr{grid-template-columns:minmax(0,1fr) auto auto;gap:0 14px}
  .mtab-b td.erste{grid-column:1;font-weight:600}
  .mtab-b td[data-l="Plätze"]{grid-column:2;text-align:right;white-space:nowrap}
  .mtab-b td[data-l="Plätze"]::after{content:" Plätze";font:400 .78rem var(--font);color:var(--text2)}
  .mtab-b td[data-l="Wahl"]{grid-column:3;min-width:5.5em;text-align:right}
  .mtab-n tr.weit,.mtab-n td[data-l=Raum],.mtab-n td.leer-zelle{display:none}
  .mtab-n tr{grid-template-columns:auto minmax(0,1fr) auto auto}
  .mtab-n td.erste{grid-column:1;grid-row:1;white-space:nowrap;font-weight:600}
  .mtab-n td.erste .nur-schmal{display:inline}
  .mtab-n td[data-l=Anlass]{grid-column:2;grid-row:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mtab-n td.num{grid-column:3;grid-row:1;text-align:right}
  .mtab-n td[data-l=Status]{grid-column:4;grid-row:1}
  .mtab-n td[data-l=Offen]{grid-column:1/-1;grid-row:2;font-size:.84rem}
  .mehr-knopf{margin-top:4px}
  [data-seite=v] main{padding-top:4px}
  .mkopf{display:grid;gap:3px}
  .mkopf__z1{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px}
  .mkopf__zurueck{margin-left:-10px;color:var(--marke-text)}
  .mkopf h1{font-size:1.18rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .mkopf__meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;color:var(--text2);font-size:.9rem;margin:0}
  .mkopf__meta .num{font-size:.84rem}
  .mkopf__warn{display:flex;gap:6px;align-items:center;font-size:.84rem;color:var(--offen-text);background:var(--offen-bg);border:1px solid var(--offen-rand);border-radius:var(--r-zelle);padding:2px 8px;margin:0}
  .mkopf__warn a{color:inherit;font-weight:600}
  .mkopf__warn .ic{flex:none;width:16px;height:16px}
  [data-seite=v] .reiter{position:sticky;top:var(--demo-h);z-index:5;background:var(--bg);margin:2px -16px 4px}
  .reiter a{padding:0 11px}
  .reiter a .nur-schmal{display:inline}
  #panel .spalten h2{font-size:1.04rem;margin-bottom:2px!important}
  #panel .spalten{gap:18px}
  #h-ev{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .kv dt{hyphens:auto;overflow-wrap:break-word}
}