@font-face{font-family:Kanit;src:url(../../assets/fonts/kanit-900.woff2)format('woff2');font-weight:900;font-display:swap}

@font-face{font-family:Kanit;src:url(../../assets/fonts/kanit-700.woff2)format('woff2');font-weight:700;font-display:swap}

@font-face{font-family:Satoshi;src:url(../../assets/fonts/satoshi-500.woff2)format('woff2');font-weight:500;font-display:swap}

@font-face{font-family:Satoshi;src:url(../../assets/fonts/satoshi-700.woff2)format('woff2');font-weight:700;font-display:swap}



/* BITEZZA — Küchenübersicht. Kohle, warmes Gold, klare Bons auf der Schiene. */
:root{--nacht:#100e0c;--nacht-tief:#090807;--rauch:#191613;--rauch-hoch:#24201b;--papier:#f6f0e8;--papier-leise:#bfb1a1;--asche:#aa9a89;--glut:#ef4540;--glut-hell:#e7bc68;--glut-tief:#be2927;--linie:#342e27;--linie-hart:#736350;--gruen:#8bc49b;--ease:cubic-bezier(.2,.85,.3,1);--pad:clamp(1.1rem,3vw,3rem);--kopf-h:80px;--griff:48px;--seite:224px;color-scheme:dark}

body.hell{--nacht:#f2ece1;--nacht-tief:#e8dfd0;--rauch:#fffaf1;--rauch-hoch:#e8dfd0;--papier:#282017;--papier-leise:#655846;--asche:#71614e;--glut:#b53128;--glut-hell:#78541e;--glut-tief:#9c261f;--linie:#d2c5b1;--linie-hart:#958166;--gruen:#316443;color-scheme:light}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:110px}
body{background:var(--nacht);color:var(--papier);font-family:Satoshi,sans-serif;font-weight:500;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100svh}
img{display:block;max-width:100%;height:auto}
button,input,select{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
button:disabled{opacity:.5;cursor:wait}
input,select{min-width:0}
a{color:inherit}
ul{list-style:none}
b{font-weight:700}
:focus-visible{outline:2px solid var(--glut-hell);outline-offset:4px}
.sprung{position:fixed;top:-100px;left:20px;z-index:200;padding:12px 20px;background:var(--glut-hell);color:var(--nacht)}
.sprung:focus{top:12px}

/* Ankommen: Markenseite links, ruhiger Zugang rechts. */
.tor{position:fixed;inset:0;z-index:100;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr);grid-template-rows:1fr auto;background:#100d0b;color:#f6f0e8}

.tor-buehne{padding:clamp(2rem,5vw,5.5rem);display:flex;flex-direction:column;justify-content:center;border-right:1px solid #342c23;background:radial-gradient(ellipse at 15% 95%,#442417 0,transparent 60%),#110e0b;position:relative}

.tor-zurueck{color:#bfb1a1;text-decoration:none;font-size:.8rem;position:absolute;left:clamp(2rem,5vw,5.5rem);top:2rem;min-height:44px;display:flex;align-items:center}

.tor-marke{margin:2rem 0 3.5rem}
.tor-marke img{width:154px}
.tor-marke span{display:block;margin-top:1.1rem;color:#bdab93;text-transform:uppercase;letter-spacing:.16em;font-size:.66rem}

.tor-buehne h1{font:900 clamp(2.4rem,4.4vw,4.9rem)/1.03 Kanit,sans-serif;letter-spacing:-.02em}
.tor-buehne h1 em{font-style:normal;color:#e7bc68}
.tor-buehne>p{font-size:1rem;color:#bfb1a1;margin-top:1.8rem;line-height:1.75}

.tor-ablauf{display:flex;gap:1.5rem;border-top:1px solid #554331;padding-top:1.5rem;margin-top:3.5rem;color:#e7bc68;font-size:.75rem}
.tor-ablauf span{display:grid;gap:.5rem;flex:1}
.tor-ablauf b{color:#c8b9a5;font-size:.78rem}

.tor-innen{width:min(100%,430px);align-self:center;justify-self:center;padding:3rem 2rem}
.tor-logo{display:none;width:120px;margin-bottom:2rem}
.tor-zeile{color:#e7bc68;font-size:.82rem;margin-bottom:1rem}
.tor-innen h2{font:700 2.3rem/1.1 Kanit,sans-serif;letter-spacing:-.015em}
.tor-intro{color:#bfb1a1;font-size:.9rem;line-height:1.7;margin:1rem 0 2rem;max-width:30ch}
.tor-form{display:grid;gap:1.2rem}
.feld{display:grid;gap:.5rem}
.feld span{color:#c7b9a7;font-size:.8rem}
.feld input{width:100%;height:54px;background:#1a1612;border:1px solid #514438;padding:0 1rem;color:#f6f0e8}
.feld input:focus{outline:2px solid #e7bc68;outline-offset:2px}
.tor-fehler{color:#ffaaa2;font-size:.86rem;border-left:2px solid #ed6155;padding-left:.75rem}
.tor-form .knopf-voll{display:flex;align-items:center;justify-content:space-between;background:#e7bc68;color:#21180d;margin-top:.3rem}
.tor-form .knopf-voll:hover{background:#f6d596}
.tor-fuss{font-size:.75rem;line-height:1.7;color:#ad9d8b;margin-top:1.4rem}
.tor-signatur{grid-column:1/-1;padding:1rem 2rem;border-top:1px solid #342c23}
.kein-js .tor-form{display:none}

.knopf-voll,.knopf-rand{min-height:var(--griff);padding:.8rem 1.25rem;font-size:.84rem;font-weight:700;transition:background-color .2s,color .2s,border-color .2s}
.knopf-voll{background:var(--glut-hell);color:var(--nacht);border:1px solid var(--glut-hell)}
.knopf-voll:hover{background:var(--papier);border-color:var(--papier)}
.knopf-rand{border:1px solid var(--linie-hart)}
.knopf-rand:hover{border-color:var(--glut-hell);color:var(--glut-hell)}

/* Feste Seitenleiste am Arbeitsplatz, kompakte Navigation am Telefon. */
.kopf{position:sticky;top:0;z-index:40;height:var(--kopf-h);padding:0 var(--pad) 0 2rem;display:flex;align-items:center;gap:1.5rem;background:var(--nacht-tief);border-bottom:1px solid var(--linie)}
.kopf-marke{width:calc(var(--seite) - 2rem);flex:0 0 auto}
.kopf-logo{width:110px}
.kopf-marke>span{display:block;color:var(--asche);font-size:.66rem;margin-top:4px}
.kopf-lage{display:flex;gap:.65rem;align-items:center;font-size:.8rem;color:var(--papier-leise);margin-right:auto}
.lampe,.status-punkt{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gruen);flex:0 0 auto}
.lampe.zu{background:var(--glut)}
.kopf-rechts{display:flex;gap:8px}
.kopf-knopf{min-height:44px;padding:0 12px;font-size:.76rem;color:var(--papier-leise);border:1px solid var(--linie)}
.kopf-knopf:hover{color:var(--papier);border-color:var(--linie-hart)}

.reiter{position:fixed;left:0;top:var(--kopf-h);bottom:0;width:var(--seite);z-index:35;padding:2.2rem 1rem;display:flex;flex-direction:column;gap:.4rem;background:var(--nacht-tief);border-right:1px solid var(--linie)}
.reiter-label{color:var(--asche);font-size:.72rem;margin:0 1rem 1.1rem}
.reiter-knopf{display:flex;align-items:center;gap:.65rem;text-align:left;padding:.9rem .9rem;min-height:var(--griff);font-size:.78rem;color:var(--papier-leise);border-left:2px solid transparent;transition:background-color .2s,color .2s}
.reiter-knopf:hover{background:var(--rauch)}
.reiter-knopf[aria-current="true"]{background:var(--rauch-hoch);color:var(--glut-hell);border-color:var(--glut-hell)}
.reiter-icon{width:20px;font-size:1.2rem;line-height:1;color:var(--asche)}
.reiter-knopf[aria-current="true"] .reiter-icon{color:var(--glut-hell)}
.reiter-zahl{min-width:21px;height:21px;display:grid;place-items:center;margin-left:auto;font-size:.68rem;font-weight:700;background:var(--glut);color:var(--nacht-tief)}
.reiter-zahl[data-null]{background:var(--linie);color:var(--papier-leise)}
.reiter-website{margin-top:auto;display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:1rem .9rem 0;border-top:1px solid var(--linie);font-size:.73rem;text-decoration:none;color:var(--papier-leise)}

.raum{padding:2.7rem var(--pad) 2rem;margin-left:var(--seite);min-height:calc(100svh - 180px);max-width:1700px;overflow-x:clip}
.vorschau-hinweis{font-size:.78rem;color:var(--glut-hell);border:1px solid var(--linie-hart);padding:.6rem .9rem;margin-bottom:1.6rem}
.augenbraue{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--asche);margin-bottom:.55rem}
.tag-leiste{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--linie)}
.tag-titel{font:700 clamp(1.8rem,3.3vw,3rem)/1.12 Kanit,sans-serif;letter-spacing:-.02em;overflow-wrap:anywhere}
.tag-titel>span{color:var(--glut-hell)}
.tag-hinweis{font-size:.8rem;line-height:1.6;color:var(--asche);margin-top:.6rem}
.tag-zahlen{display:flex;gap:1.5rem;text-align:right;align-self:flex-end}
.tag-zahlen>span{display:grid;gap:.1rem;font-size:.62rem;color:var(--asche);white-space:nowrap}
.tag-zahlen b{font:700 clamp(1.2rem,2vw,1.65rem)/1.2 Kanit,sans-serif;color:var(--papier);font-variant-numeric:tabular-nums}

/* Signature: Küchenübersicht — vom Eingang über die Küche zum Gast. */
.kuechen-schritte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--linie);margin-bottom:1.8rem}
.kuechen-schritt{text-align:left;padding:1.1rem 1.3rem 1rem;border-right:1px solid var(--linie);background:var(--rauch);transition:background-color .2s,box-shadow .2s;min-width:0}
.kuechen-schritt:last-child{border-right:0}
.kuechen-schritt:hover,.kuechen-schritt[aria-pressed="true"]{background:var(--rauch-hoch);box-shadow:inset 0 -2px var(--glut-hell)}
.schritt-kopf{display:flex;gap:.5rem;align-items:center;color:var(--papier-leise);font-size:.74rem}
.schritt-kopf>span:last-child{margin-left:auto;font-size:1rem;color:var(--asche)}
.status-punkt.neu{background:var(--glut)}
.status-punkt.arbeit{background:var(--glut-hell)}
.kuechen-schritt>b{display:block;font:700 3.15rem/1.2 Kanit,sans-serif;margin:.5rem 0 .3rem;font-variant-numeric:tabular-nums}
.kuechen-schritt>span:last-child{font-size:.66rem;color:var(--asche)}

.bons-werkzeug{display:flex;gap:1rem;justify-content:space-between;align-items:center;margin-bottom:.65rem}
.bon-filter{display:flex;gap:1.2rem}
.bon-filter button{position:relative;min-height:46px;color:var(--asche);font-size:.77rem;border-bottom:2px solid transparent}
.bon-filter button[aria-pressed="true"]{color:var(--papier);border-color:var(--glut-hell)}
.aktualisieren{min-height:44px;display:flex;gap:.5rem;align-items:center;font-size:.72rem;color:var(--papier-leise)}
.aktualisieren>span{font-size:1.2rem}
.verbindung{font-size:.66rem;color:var(--asche);margin-bottom:1.5rem}
.verbindung[data-fehler]{color:var(--glut)}

/* Bons: eindeutige Statusfarbe, großzügiger Satz, nächster Schritt zuerst. */
.rolle{position:relative;padding-top:9px}
.rolle-kante{position:absolute;inset:0 0 auto;height:5px;border-top:1px solid var(--linie-hart);border-bottom:1px solid var(--linie)}
.bons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
.bon{position:relative;min-width:0;background:var(--rauch);border:1px solid var(--linie);border-top:2px solid var(--linie-hart);padding:1.2rem;display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:.9rem;animation:einrollen .3s var(--ease) both}
.bon[data-status="neu"]{border-top-color:var(--glut);background:color-mix(in srgb,var(--glut) 4%,var(--rauch))}
.bon[data-status="in_arbeit"]{border-top-color:var(--glut-hell)}
.bon[data-status="unterwegs"],.bon[data-status="abholbereit"]{border-top-color:var(--gruen)}
.bon[data-status="erledigt"],.bon[data-status="abgelehnt"]{background:var(--nacht)}
.bon-nr{font:700 2.35rem/1 Kanit,sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--papier)}
.bon-nr::before{content:'BON';display:block;font:500 .55rem/1.5 Satoshi,sans-serif;letter-spacing:.16em;color:var(--asche);margin-bottom:.3rem}
.bon-koerper{min-width:0}
.bon-kopf{display:flex;flex-wrap:wrap;gap:.4rem .6rem;align-items:center;margin-bottom:1rem}
.bon-art{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--papier-leise);padding:.2rem .45rem;border:1px solid var(--linie-hart)}
.bon-summe{font:700 1.15rem/1 Kanit,sans-serif;margin-left:auto;font-variant-numeric:tabular-nums}
.bon-status{font-size:.61rem;color:var(--glut-hell);font-weight:700}
.bon[data-status="neu"] .bon-status{color:var(--glut)}
.bon[data-status="unterwegs"] .bon-status,.bon[data-status="abholbereit"] .bon-status{color:var(--gruen)}
.bon-zeit{flex:1 1 100%;font-size:.69rem;color:var(--asche);font-variant-numeric:tabular-nums}
.bon-posten{font-size:.82rem;color:var(--papier);margin:.38rem 0;overflow-wrap:anywhere}
.bon-posten b{color:var(--glut-hell);margin-right:.15rem}
.bon-wahl{display:block;color:var(--papier-leise);font-style:normal;font-size:.71rem;line-height:1.6;margin:.15rem 0 .55rem 1.4rem}
.bon-kunde{font-size:.72rem;color:var(--papier-leise);line-height:1.65;border-top:1px dashed var(--linie-hart);margin-top:1rem;padding-top:.8rem;overflow-wrap:anywhere}
.bon-griffe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:1rem}
.griff{min-height:44px;padding:.55rem .65rem;border:1px solid var(--linie-hart);font-size:.7rem;font-weight:700;transition:background-color .18s,color .18s;overflow-wrap:anywhere}
.griff:hover{border-color:var(--glut-hell);color:var(--glut-hell)}
.griff-haupt{background:var(--glut-hell);border-color:var(--glut-hell);color:var(--nacht-tief)}
.griff-haupt:hover{background:var(--papier);color:var(--nacht-tief)}
.griff-still{border-color:var(--linie);color:var(--asche);font-weight:500}
.griff-leise{margin-top:.6rem;border-color:transparent;color:var(--asche);font-weight:500;font-size:.72rem;opacity:.7}.griff-leise:hover{opacity:1;border-color:var(--linie)}
.rolle-leer{display:grid;place-content:center;text-align:center;min-height:240px;padding:2rem;color:var(--papier-leise);font-size:.95rem;border:1px dashed var(--linie-hart);background:var(--rauch)}
.rolle-leer::before{content:'▤';display:block;font-size:2.5rem;color:var(--glut-hell);margin-bottom:1rem}
.rolle-abriss{height:6px;margin-top:1rem;border-top:1px dashed var(--linie-hart)}
.ablehnen-zeile{display:flex;gap:.5rem;flex-wrap:wrap;border-top:1px solid var(--linie);margin-top:1rem;padding-top:1rem}
.ablehnen-feld{width:100%;height:48px;padding:0 .7rem;background:var(--nacht);border:1px solid var(--linie-hart);font-size:.8rem}
.meldung{position:fixed;right:1.5rem;bottom:1.5rem;z-index:150;max-width:calc(100vw - 3rem);padding:1rem 1.4rem;border:1px solid var(--glut);background:var(--rauch-hoch);color:var(--papier);font-size:.85rem;box-shadow:0 6px 25px #0004}

@keyframes einrollen{from{transform:translateY(-8px);opacity:.3}
to{transform:translateY(0);opacity:1}
}

/* Geschäftszahlen, Karte und Betriebszeiten: dieselbe ruhigere Hierarchie. */
.wahl-zeit{display:flex;gap:.25rem;padding:4px;border:1px solid var(--linie);background:var(--nacht-tief)}
.zeit-knopf{min-height:44px;padding:.6rem 1rem;font-size:.76rem;color:var(--papier-leise)}
.zeit-knopf[aria-current="true"]{background:var(--rauch-hoch);color:var(--glut-hell)}
.kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--linie);margin-bottom:2rem}
.kachel{padding:1.6rem;background:var(--rauch);border-right:1px solid var(--linie)}
.kachel:last-child{border-right:0}
.kachel-schild{display:block;color:var(--asche);font-size:.69rem;margin-bottom:.8rem}
.kachel-zahl{font:700 clamp(1.5rem,2.5vw,2.4rem)/1.1 Kanit,sans-serif;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.kachel-glut .kachel-zahl{color:var(--glut-hell)}
.ust-tafel{width:100%;border-collapse:collapse;margin-bottom:2rem;font-size:.9rem;table-layout:fixed}
.ust-tafel caption{text-align:left;font-weight:700;margin-bottom:1rem;color:var(--papier)}
.ust-tafel th,.ust-tafel td{text-align:right;padding:1rem .65rem;border-bottom:1px solid var(--linie);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ust-tafel th:first-child{text-align:left}
.ust-tafel thead{background:var(--rauch)}
.ust-tafel thead th{font-size:.7rem;font-weight:500;color:var(--asche)}
.ust-tafel em{display:block;font-style:normal;font-size:.7rem;color:var(--asche);font-weight:500}
.ust-tafel tfoot{font-weight:700}
.ust-tafel tfoot th,.ust-tafel tfoot td{border-bottom:0;color:var(--glut-hell)}
.holen{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.5rem}
.rechtszeile{font-size:.72rem;line-height:1.65;color:var(--asche);border-left:2px solid var(--linie-hart);padding-left:1rem;max-width:70ch}

.karte-filter{display:flex;gap:.75rem;margin-bottom:.75rem}
.karte-suche,.karte-kat{height:50px;padding:0 1rem;border:1px solid var(--linie-hart);background:var(--rauch);font-size:.82rem}
.karte-suche{flex:1}
.karte-kat{width:210px}
.karte-zahl{font-size:.7rem;color:var(--asche);margin:1.2rem 0 .6rem}
.karte-liste{border-top:1px solid var(--linie)}
.karte-zeile{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--rauch);border:1px solid var(--linie);border-top:0}
.karte-name{flex:1;min-width:0}
.karte-name b{display:block;font-size:.87rem;overflow-wrap:anywhere}
.karte-name span{display:block;color:var(--asche);font-size:.7rem;margin-top:.2rem}
.karte-satz{font-size:.66rem;color:var(--asche);white-space:nowrap}
.karte-preis{width:6rem;height:46px;padding:0 .7rem;text-align:right;background:var(--nacht);border:1px solid var(--linie-hart);font-variant-numeric:tabular-nums}
.karte-da{min-width:96px;min-height:46px;padding:.5rem .7rem;border:1px solid var(--linie-hart);font-size:.67rem;color:var(--gruen)}
.karte-da[aria-pressed="false"]{color:var(--glut);border-color:var(--glut)}
.karte-zeile[data-aus] .karte-name b{text-decoration:line-through;color:var(--asche)}

.sperre{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--rauch);border:1px solid var(--linie);padding:1.3rem;margin-bottom:1.5rem}
.sperre p{max-width:65ch;font-size:.77rem;color:var(--asche);margin-top:.3rem}
.schalter{width:64px;height:44px;padding:7px;flex:0 0 auto;background:var(--rauch-hoch);border:1px solid var(--linie-hart)}
.schalter-lauf{display:block;position:relative;width:100%;height:100%}
.schalter-kopf{position:absolute;inset:0 auto 0 0;width:50%;background:var(--asche);transition:transform .2s,background-color .2s}
.schalter[aria-pressed="true"]{border-color:var(--glut)}
.schalter[aria-pressed="true"] .schalter-kopf{transform:translateX(100%);background:var(--glut)}
.zeit-liste{border-top:1px solid var(--linie)}
.zeit-zeile{display:flex;gap:.8rem;align-items:center;padding:1rem;background:var(--rauch);border:1px solid var(--linie);border-top:0}
.zeit-tag{flex:1;font-size:.86rem;font-weight:700;min-width:85px}
.zeit-feld{width:76px;height:46px;text-align:center;border:1px solid var(--linie-hart);background:var(--nacht);font-size:.82rem;font-variant-numeric:tabular-nums}
.zeit-bis{font-size:.72rem;color:var(--asche)}
.zeit-zeile .karte-da{margin-left:auto;min-width:84px}
.tag-titel.klein{font-size:1.3rem;margin:2rem 0 1rem}
.annahme-werte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.wert-feld{background:var(--rauch);border:1px solid var(--linie);padding:1rem;display:grid;gap:.6rem}
.wert-feld span{font-size:.72rem;color:var(--papier-leise)}
.wert-feld input{height:46px;background:var(--nacht);border:1px solid var(--linie-hart);padding:0 .75rem;max-width:100%}
.karte-zeile.gemerkt,.zeit-zeile.gemerkt,.wert-feld.gemerkt{animation:gespeichert 1s var(--ease)}
@keyframes gespeichert{from{background:var(--rauch-hoch);box-shadow:inset 3px 0 var(--gruen)}
to{background:var(--rauch);box-shadow:inset 0 0 var(--gruen)}
}

.app-fuss{margin:1rem 0 0 var(--seite);padding:1rem var(--pad);border-top:1px solid var(--linie)}

@media(min-width:1600px){.bons{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:1180px){:root{--seite:190px;--pad:1.5rem}
.kopf{padding-left:1.5rem}
.kopf-marke{width:calc(var(--seite) - 1.5rem)}
.reiter{padding-left:.7rem;padding-right:.7rem}
.reiter-knopf{padding-left:.6rem;padding-right:.6rem;font-size:.72rem}
.tag-zahlen{gap:1rem}
.kuechen-kopf{align-items:flex-start;flex-direction:column;gap:1rem}
.tag-zahlen{align-self:auto;text-align:left}
.bon{grid-template-columns:48px minmax(0,1fr);padding:1rem;gap:.6rem}
.bon-nr{font-size:2rem}
.zeit-zeile{gap:.5rem}
.zeit-feld{width:64px}
.zeit-tag{min-width:76px}
.zeit-zeile .karte-da{min-width:60px}
.schritt-kopf{font-size:.66rem}
.kuechen-schritt{padding:1rem}
.karte-zeile{gap:.6rem}
}

@media(max-width:900px){:root{--seite:0px;--kopf-h:72px;--pad:1.5rem}
.kopf{padding:0 var(--pad);gap:1rem}
.kopf-marke{width:auto;margin-right:.8rem}
.kopf-logo{width:95px}
.reiter{position:sticky;top:var(--kopf-h);bottom:auto;flex-direction:row;width:100%;border-right:0;border-bottom:1px solid var(--linie);padding:0 var(--pad);gap:1.5rem;justify-content:flex-start}
.reiter-label,.reiter-website{display:none}
.reiter-knopf{padding:.85rem 0;white-space:nowrap;border-left:0;border-bottom:2px solid transparent;font-size:.76rem;gap:.4rem}
.reiter-knopf[aria-current="true"]{background:none}
.reiter-icon{display:none}
.raum{padding-top:2rem}
.tag-titel{font-size:2.4rem}
.kuechen-kopf{flex-direction:row;align-items:center}
.tag-zahlen{align-self:flex-end;text-align:right}
.tag-zahlen>span{font-size:.59rem}
.bons{gap:.8rem}
.bon{grid-template-columns:50px minmax(0,1fr)}
.kachel{padding:1.2rem}
.tor-buehne{padding:3rem 2rem}
.tor-buehne h1{font-size:2.7rem}
}

@media(max-width:650px){:root{--pad:1rem;--kopf-h:68px}
.kopf{gap:.7rem}
.kopf-lage{font-size:.64rem;gap:.4rem}
.kopf-marke{margin-right:0}
.kopf-logo{width:84px}
.kopf-marke>span{font-size:.48rem}
.kopf-rechts{gap:5px}
.kopf-knopf{font-size:.64rem;padding:0 8px}
.reiter{gap:0;padding:0 .8rem;justify-content:space-between}
.reiter-knopf{font-size:.63rem;gap:.28rem;min-height:54px}
.reiter-zahl{min-width:17px;height:17px;font-size:.58rem}
.raum{padding-top:1.6rem}
.tag-leiste{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.2rem}
.kuechen-kopf{display:block}
.tag-titel{font-size:2rem}
.augenbraue{font-size:.57rem}
.tag-zahlen{margin-top:1.2rem;text-align:left;gap:2rem}
.tag-zahlen>span{font-size:.64rem}
.tag-zahlen b{font-size:1.5rem}
.tag-hinweis{font-size:.74rem}
.kuechen-schritte{margin-bottom:1rem}
.kuechen-schritt{padding:.8rem .55rem}
.schritt-kopf{font-size:.61rem;align-items:flex-start;gap:.35rem;line-height:1.4;min-height:30px}
.schritt-kopf .status-punkt{margin-top:3px;width:5px;height:5px}
.schritt-kopf>span:last-child{display:none}
.kuechen-schritt>b{font-size:2.3rem;margin:.15rem 0}
.kuechen-schritt>span:last-child{font-size:.57rem;line-height:1.4;display:block;min-height:26px}
.bons-werkzeug{flex-wrap:wrap;gap:0}
.bon-filter{gap:1.1rem}
.bon-filter button{font-size:.69rem}
.aktualisieren{font-size:.65rem;min-height:36px}
.verbindung{font-size:.61rem;margin-bottom:1rem}
.bons{grid-template-columns:minmax(0,1fr)}
.bon{padding:1rem;grid-template-columns:48px minmax(0,1fr);gap:.65rem}
.bon-posten{font-size:.85rem}
.bon-griffe{gap:.5rem}
.griff{min-height:46px}
.rolle-leer{min-height:210px;font-size:.85rem}
.wahl-zeit{width:100%}
.zeit-knopf{flex:1}
.kacheln{grid-template-columns:minmax(0,1fr);margin-bottom:1.5rem}
.kachel{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-right:0;border-bottom:1px solid var(--linie);padding:1.2rem}
.kachel:last-child{border-bottom:0}
.kachel-schild{margin-bottom:0;font-size:.74rem}
.kachel-zahl{font-size:1.6rem}
.ust-tafel{font-size:.75rem}
.ust-tafel th,.ust-tafel td{padding:.8rem .3rem}
.ust-tafel thead th{font-size:.61rem}
.holen{display:grid}
.knopf-voll,.knopf-rand{font-size:.75rem}
.karte-filter{flex-direction:column}
.karte-suche{flex:auto;width:100%}
.karte-kat{width:100%}
.karte-zeile{display:grid;grid-template-columns:minmax(0,1fr) 90px 102px;gap:.65rem}
.karte-name{grid-column:1/-1}
.karte-name b{font-size:.9rem}
.karte-preis{width:100%;font-size:.86rem}
.karte-da{min-width:0;width:100%}
.karte-satz{align-self:center}
.sperre{padding:1rem;gap:.75rem}
.sperre b{font-size:.86rem}
.sperre p{font-size:.7rem}
.zeit-zeile{display:grid;grid-template-columns:70px 22px 70px minmax(0,1fr);gap:.55rem;padding:1rem}
.zeit-tag{grid-column:1/4}
.zeit-zeile>.karte-da{grid-column:4;grid-row:1;width:100%;min-width:0}
.zeit-zeile>.zeit-bis:nth-of-type(3){grid-column:1/3}
.zeit-zeile>.zeit-feld:last-of-type{grid-column:3}
.zeit-feld{width:100%}
.annahme-werte{grid-template-columns:minmax(0,1fr)}
.wert-feld{grid-template-columns:minmax(0,1fr) 100px;align-items:center}
.tor{display:block;padding:1.5rem}
.tor-buehne{display:none}
.tor-innen{padding:2rem 0;max-width:370px;margin:auto}
.tor-logo{display:block}
.tor-innen h2{font-size:2rem}
.tor-signatur{padding:1rem 0}
.tor-innen .tor-intro{margin-bottom:1.7rem}
.app-fuss{padding:1rem}
.meldung{right:1rem;bottom:1rem;max-width:calc(100vw - 2rem)}
}

@media(max-width:390px){.kopf-lage{max-width:65px}
.kopf-knopf{padding:0 6px}
.reiter-knopf{font-size:.75rem}
.tag-titel{font-size:1.85rem}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Gedruckt wird genau ein Bon oder der gewählte Umsatzbericht. */
@media print{@page{margin:10mm}
body{background:white!important;color:black!important}
.kopf,.reiter,.tor,.tag-leiste,.kuechen-schritte,.bons-werkzeug,.verbindung,.bon-griffe,.meldung,.app-fuss,.rolle-kante,.rolle-abriss,.rolle-leer,.vorschau-hinweis,.sprung,.ablehnen-zeile{display:none!important}
.raum,.tafel,.rolle{display:block!important;padding:0!important;margin:0!important;min-height:0!important;max-width:none!important}
body:not([data-bericht-druck]) [data-tafel="bericht"],[data-tafel="karte"],[data-tafel="zeiten"]{display:none!important}
.bons{display:block!important}
body[data-druck] .bon{display:none!important}
body[data-druck] .bon.wird-gedruckt{display:block!important}
.bon{width:72mm!important;display:block!important;border:0!important;background:white!important;color:black!important;padding:0 0 6mm!important;margin:0!important;page-break-after:always;font-family:monospace;animation:none!important}
.bon *{color:black!important;box-shadow:none!important;background:transparent!important}
.bon-nr{font-size:13mm;line-height:1.1;text-align:center;border-bottom:1px dashed black;padding-bottom:2mm}
.bon-koerper{padding-top:2mm}
.bon-kopf{display:flex;gap:2mm;border-bottom:1px dashed black;padding-bottom:2mm}
.bon-posten{font-size:3.8mm;line-height:1.5}
.bon-wahl{font-size:3.2mm}
.bon-kunde{font-size:3.4mm;border-top:1px dashed black}
body[data-bericht-druck] [data-tafel="bons"]{display:none!important}
body[data-bericht-druck] [data-tafel="bericht"]{display:block!important}
body[data-bericht-druck] .tag-leiste{display:block!important}
body[data-bericht-druck] .wahl-zeit,body[data-bericht-druck] .holen{display:none!important}
body[data-bericht-druck] [data-tafel="bericht"] *{background:white!important;color:black!important;border-color:#ccc!important}
.kacheln{display:flex!important}
.kachel{flex:1}
.ust-tafel{font-size:10pt}
.rechtszeile{font-size:8pt}
}


.reiter-kurz{display:none}

@media(max-width:650px){.reiter-lang{display:none}
.reiter-kurz{display:inline}
.reiter-knopf{font-size:.75rem}
.schritt-kopf{font-size:.7rem}
.kuechen-schritt>span:last-child{font-size:.64rem}
.bon-filter button{font-size:.75rem}
.bon-filter{gap:1rem}
.verbindung{font-size:.68rem}
.bon-status{font-size:.68rem}
.bon-art{font-size:.65rem}
}
body.hell .kopf{--nacht-tief:#090807;--papier-leise:#bfb1a1;--linie:#342e27;--linie-hart:#736350;--asche:#aa9a89;--gruen:#8bc49b;--glut:#ef4540;--papier:#f6f0e8}
body.hell .app-fuss .ft-credit{--ft-ink:#282017;--ft-muted:#655846;--ft-accent:#78541e;--ft-line:#d2c5b1}
@media print{@page{margin:3mm}@page umsatzbericht{size:A4;margin:12mm}body[data-bericht-druck]{page:umsatzbericht}}
/* Allergen-Chips je Gericht (Reiter Karte) */
.karte-zeile{flex-wrap:wrap}
.karte-zeile-unten{flex-basis:100%;padding-top:.5rem;border-top:1px dashed var(--linie)}
.karte-allergene{display:flex;flex-wrap:wrap;gap:.3rem}
.allergen-chip{min-width:2rem;height:2rem;padding:0 .4rem;border:1px solid var(--linie-hart);background:transparent;color:var(--asche);font:700 .7rem/1 inherit;letter-spacing:.06em;cursor:pointer;border-radius:.3rem}
.allergen-chip[aria-pressed="true"]{background:var(--glut-hell);border-color:var(--glut-hell);color:#0d0908}
.allergen-chip:hover{border-color:var(--glut-hell)}