:root{--farbe-hintergrund:#f7f2ea;--farbe-flaeche:#fffdf9;--farbe-flaeche-2:#f2ece1;--farbe-rand:#e6dccb;--farbe-rand-leise:#efe6d8;--farbe-text:#241f1a;--farbe-text-leise:#7d7266;--farbe-text-schwach:#a09585;--farbe-primaer:#c4321a;--farbe-primaer-text:#fff;--farbe-primaer-leise:#fdeee9;--farbe-primaer-rand:#f0cdc4;--farbe-warnung:#a86200;--farbe-warnung-flaeche:#fdf0dc;--farbe-warnung-text:#7a4700;--farbe-info:#14607a;--farbe-info-flaeche:#e3f0f5;--farbe-info-text:#0f4d61;--farbe-erfolg:#1a7f4b;--farbe-erfolg-flaeche:#e6f4ec;--farbe-erfolg-text:#136c3f;--farbe-gefahr:#b3261e;--abstand-1:4px;--abstand-2:8px;--abstand-3:12px;--abstand-4:16px;--abstand-5:20px;--abstand-6:24px;--abstand-7:32px;--radius:14px;--radius-klein:10px;--radius-rund:999px;--schatten:0 1px 2px #241f1a0d;--schatten-hoch:0 8px 30px #241f1a24;--hoehe-knopf:44px;--hoehe-knopf-handy:52px;--hoehe-knopf-haupt:56px;--schrift:Figtree, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--schrift-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--schrift-mini:12px;--schrift-klein:13px;--schrift-normal:15px;--schrift-mittel:16px;--schrift-gross:20px;--schrift-titel:24px;--schrift-riesig:42px}*{box-sizing:border-box}body{font-family:var(--schrift);font-size:var(--schrift-normal);color:var(--farbe-text);background:var(--farbe-hintergrund);font-variant-numeric:tabular-nums;margin:0}button,input,select,textarea{font:inherit}.btn{padding:var(--abstand-2) var(--abstand-4);border-radius:var(--radius-klein);border:1px solid var(--farbe-rand);background:var(--farbe-flaeche);color:var(--farbe-text);cursor:pointer}.feld-reihe{gap:var(--abstand-3);display:flex}.feld-reihe>*{flex:1}a.btn{text-decoration:none;display:inline-block}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primaer{background:var(--farbe-primaer);border-color:var(--farbe-primaer);color:var(--farbe-primaer-text)}.btn--gefahr{background:var(--farbe-flaeche);border-color:var(--farbe-gefahr);color:var(--farbe-gefahr)}.btn--leise{color:var(--farbe-text-leise);background:0 0;border-color:#0000}.karte{background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius);box-shadow:var(--schatten);padding:var(--abstand-4)}.feld{gap:var(--abstand-1);margin-bottom:var(--abstand-3);flex-direction:column;display:flex}.feld__label{font-size:var(--schrift-klein);color:var(--farbe-text-leise)}.feld__eingabe{padding:var(--abstand-2) var(--abstand-3);border:1px solid var(--farbe-rand);border-radius:var(--radius-klein);background:var(--farbe-flaeche);color:var(--farbe-text)}.abzeichen{padding:2px var(--abstand-2);font-size:var(--schrift-klein);background:var(--farbe-primaer-leise);color:var(--farbe-primaer);white-space:nowrap;border-radius:999px;display:inline-block}.abzeichen--NEU{background:var(--farbe-primaer-leise);color:var(--farbe-primaer)}.abzeichen--IN_ZUBEREITUNG{background:var(--farbe-warnung-flaeche);color:var(--farbe-warnung-text)}.abzeichen--FERTIG_ABHOLUNG{background:var(--farbe-erfolg-flaeche);color:var(--farbe-erfolg-text)}.abzeichen--IN_AUSLIEFERUNG{background:var(--farbe-info-flaeche);color:var(--farbe-info-text)}.abzeichen--ABGESCHLOSSEN{background:var(--farbe-flaeche-2);color:var(--farbe-text-leise)}.abzeichen--ABGELEHNT,.abzeichen--STORNIERT{background:var(--farbe-primaer-leise);color:var(--farbe-gefahr)}.bild{border-radius:var(--radius-klein);object-fit:cover;flex:none}.bild--platzhalter{background:var(--farbe-rand);color:var(--farbe-text-leise);justify-content:center;align-items:center;font-weight:600;display:flex}.bild-knopf{align-items:center;display:inline-flex}.bild-knopf input{display:none}.hinweis{background:var(--farbe-primaer-leise);color:var(--farbe-gefahr);border-radius:var(--radius-klein);padding:var(--abstand-2) var(--abstand-3);margin-bottom:var(--abstand-3);font-size:var(--schrift-klein)}.kopf{margin-bottom:var(--abstand-4);justify-content:space-between;align-items:center;display:flex}.kopf h1{font-size:var(--schrift-titel);margin:0}.kopf__knoepfe{gap:var(--abstand-2);display:flex}.verbindung-weg{margin-bottom:var(--abstand-4);padding:var(--abstand-3) var(--abstand-4);border-radius:var(--radius-klein);background:var(--farbe-primaer-leise);border:1px solid var(--farbe-primaer-rand);color:var(--farbe-gefahr)}.ton-gesperrt{margin-bottom:var(--abstand-4);padding:var(--abstand-3) var(--abstand-4);border-radius:var(--radius-klein);background:var(--farbe-warnung-flaeche);color:var(--farbe-warnung-text);font-size:var(--schrift-klein)}.kopf__zaehler{margin-left:var(--abstand-3);padding:2px var(--abstand-3);background:var(--farbe-primaer);color:var(--farbe-primaer-text);font-size:var(--schrift-klein);vertical-align:middle;border-radius:999px}.liste{gap:var(--abstand-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.bestellung__kopf{margin-bottom:var(--abstand-2);justify-content:space-between;align-items:center;display:flex}.leise{color:var(--farbe-text-leise)}.klein{font-size:var(--schrift-klein)}.vorbestellung{margin-top:var(--abstand-3);padding:var(--abstand-2) var(--abstand-3);border-radius:var(--radius-klein);background:var(--farbe-info-flaeche);color:var(--farbe-info-text);font-size:var(--schrift-klein)}.bemerkung{margin-top:var(--abstand-3);padding:var(--abstand-2) var(--abstand-3);border-left:3px solid var(--farbe-warnung);background:var(--farbe-warnung-flaeche);border-radius:var(--radius-klein);font-size:var(--schrift-klein)}.positionen{margin:var(--abstand-3) 0;border-top:1px solid var(--farbe-rand);padding:0;list-style:none}.positionen li{justify-content:space-between;gap:var(--abstand-3);padding:var(--abstand-2) 0;border-bottom:1px solid var(--farbe-rand);display:flex}.menge{width:52px;padding:2px var(--abstand-1);border:1px solid var(--farbe-rand);border-radius:var(--radius-klein)}.summe{margin-bottom:var(--abstand-3);justify-content:space-between;align-items:baseline;display:flex}.aktionen,.aendern{gap:var(--abstand-2);margin-top:var(--abstand-3);flex-wrap:wrap;display:flex}.grund{padding:var(--abstand-2) var(--abstand-3);border:1px solid var(--farbe-rand);border-radius:var(--radius-klein);flex:100%}h1{font-size:var(--schrift-titel)}.neu,.kategorie{margin-bottom:var(--abstand-4)}.kategorie__kopf{justify-content:space-between;align-items:center;display:flex}.kategorie__kopf h2{font-size:var(--schrift-gross);margin:0 0 var(--abstand-2)}.artikel{justify-content:space-between;align-items:center;gap:var(--abstand-3);padding:var(--abstand-3) 0;border-top:1px solid var(--farbe-rand);display:flex}.artikel--aus{opacity:.55}.artikel--aus strong{text-decoration:line-through}.artikel__aktionen{gap:var(--abstand-2);display:flex}.artikel--neu{gap:var(--abstand-2)}.eingabe{padding:var(--abstand-2) var(--abstand-3);border:1px solid var(--farbe-rand);border-radius:var(--radius-klein);flex:1}.eingabe--preis{flex:0 0 110px}.rahmen{min-height:100vh}.navi{justify-content:space-between;align-items:center;gap:var(--abstand-3);padding:var(--abstand-3) var(--abstand-5);background:var(--farbe-flaeche);border-bottom:1px solid var(--farbe-rand);z-index:10;display:flex;position:sticky;top:0}.navi__punkte{gap:var(--abstand-2);flex-wrap:wrap;display:flex}.navi__punkt{padding:var(--abstand-2) var(--abstand-3);border-radius:var(--radius-klein);color:var(--farbe-text-leise);text-decoration:none}.navi__punkt--aktiv{background:var(--farbe-primaer-leise);color:var(--farbe-primaer)}.navi__rechts{align-items:center;gap:var(--abstand-2);display:flex}.inhalt{max-width:1200px;padding:var(--abstand-5);margin:0 auto}.login{max-width:380px;padding:var(--abstand-4);margin:12vh auto}.laedt{padding:var(--abstand-6);color:var(--farbe-text-leise)}.pass-kategorie{border-top:1px solid var(--farbe-rand);padding:var(--abstand-2) 0}.pass-artikel{gap:var(--abstand-3);padding-left:var(--abstand-5);flex-wrap:wrap;display:flex}.dialog-hinter{padding:var(--abstand-5) var(--abstand-3);z-index:20;background:#00000059;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.dialog{width:min(760px,100%)}.gruppe{border:1px solid var(--farbe-rand);border-radius:var(--radius-klein);padding:var(--abstand-3);margin-bottom:var(--abstand-3)}.zeit-zeile{align-items:flex-start;gap:var(--abstand-3);padding:var(--abstand-2) 0;border-top:1px solid var(--farbe-rand);display:flex}.zeit-zeile__tag{padding-top:var(--abstand-2);flex:0 0 110px}.zeit-zeile__zeiten{align-items:center;gap:var(--abstand-2);flex-wrap:wrap;display:flex}.zeit{width:120px}.raster{gap:0 var(--abstand-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.reihe{align-items:center;gap:var(--abstand-3);display:flex}.reihe-zwischen{justify-content:space-between;align-items:flex-start;gap:var(--abstand-3);flex-wrap:wrap;display:flex}.kennzahlen{gap:var(--abstand-5);margin-top:var(--abstand-4);padding-top:var(--abstand-3);border-top:1px solid var(--farbe-rand);flex-wrap:wrap;display:flex}.kennzahl{font-size:var(--schrift-gross);font-weight:600}.antwort{margin-top:var(--abstand-3);padding:var(--abstand-3);border-left:3px solid var(--farbe-primaer);background:var(--farbe-primaer-leise);border-radius:var(--radius-klein)}.bilder-reihe{gap:var(--abstand-5);margin-bottom:var(--abstand-4);flex-wrap:wrap;display:flex}.bilder-reihe__eintrag{align-items:center;gap:var(--abstand-3);display:flex}.schalter{align-items:flex-start;gap:var(--abstand-2);margin-top:var(--abstand-3);display:flex}@media (width<=640px){.navi,.inhalt{padding:var(--abstand-3)}}