:root{--farbe-hintergrund:#f4f5f7;--farbe-flaeche:#fff;--farbe-rand:#dfe3e8;--farbe-text:#1c2025;--farbe-text-leise:#61686f;--farbe-primaer:#c4321a;--farbe-primaer-text:#fff;--farbe-primaer-leise:#fbeae7;--farbe-erfolg:#1a7f4b;--farbe-warnung:#a8690b;--farbe-gefahr:#b3261e;--abstand-1:4px;--abstand-2:8px;--abstand-3:12px;--abstand-4:16px;--abstand-5:24px;--abstand-6:32px;--radius:10px;--radius-klein:6px;--schatten:0 1px 2px #0000000f, 0 4px 12px #0000000d;--schrift:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--schrift-klein:13px;--schrift-normal:15px;--schrift-gross:19px;--schrift-titel:26px}*{box-sizing:border-box}body{font-family:var(--schrift);font-size:var(--schrift-normal);color:var(--farbe-text);background:var(--farbe-hintergrund);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}.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{color:var(--farbe-warnung);background:#fff3e0}.abzeichen--FERTIG_ABHOLUNG,.abzeichen--IN_AUSLIEFERUNG{color:#14568f;background:#e6f2ff}.abzeichen--ABGESCHLOSSEN{color:var(--farbe-erfolg);background:#e7f5ec}.abzeichen--ABGELEHNT,.abzeichen--STORNIERT{color:var(--farbe-gefahr);background:#fdecea}.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{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);background:#fdecea}.kopf{margin-bottom:var(--abstand-4);justify-content:space-between;align-items:center;display:flex}.kopf h1{font-size:var(--schrift-titel);margin:0}.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)}.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)}.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)}}