.zahlung-dialog.zv2{--zv2-marke:#1f4f7a;--zv2-marke-dunkel:#1d3b5c;--zv2-rand:var(--rand,#d5dbe3);--zv2-flaeche:#f4f6f9;padding:16px}.zv2-huelle{width:min(960px,100%);max-height:calc(100dvh - 32px);color:var(--text,#1a1d21);text-align:left;background:#fff;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 48px #11182747}.zv2-huelle:focus-visible{outline-offset:-3px;outline:3px solid #fff}.zv2-band{background:var(--zv2-marke);color:#fff;justify-content:space-between;align-items:flex-end;gap:16px;padding:18px 24px;display:flex}.zv2-band-betrag{flex-direction:column;min-width:0;display:flex}.zv2-band-label{opacity:.85;font-size:15px}.zv2-betrag{font-variant-numeric:tabular-nums;font-size:48px;font-weight:700;line-height:1.1}.zv2-band-info{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.zv2-band-info h2{margin:0;font-size:20px;font-weight:600}.zv2-band-zeile{opacity:.85;font-size:14px}.zv2-tastenhinweis{background:#ffffff24;border-radius:8px;padding:4px 10px;font-size:13px}.zv2-tastenhinweis.gesperrt{color:var(--zv2-marke);background:#fff;font-weight:600}.zv2-sperrhinweis{color:var(--zv2-marke);background:var(--marke-weich,#eef2f7);margin:0;padding:0 24px;font-size:15px;font-weight:600}.zv2-sperrhinweis:not(:empty){padding:8px 24px}.zv2-inhalt{grid-template:"feld block""schnell block""scheine block""status block""rueckgeld block""rest block"1fr/minmax(0,1fr) 300px;gap:12px 24px;min-height:0;padding:20px 24px;display:grid;overflow-y:auto}.zv2-feld{grid-area:feld}.zv2-schnell{grid-area:schnell}.zv2-scheine{grid-area:scheine}.zv2-status{grid-area:status}.zv2-status:empty{display:none}.zv2-rueckgeld{grid-area:rueckgeld}.zv2-links{flex-direction:column;grid-area:1/1/-1/2;gap:12px;display:flex}.zv2-block{flex-direction:column;grid-area:block;gap:6px;display:flex}.zv2-feld label{color:var(--text-sekundaer,#4a5361);margin-bottom:6px;font-size:14px;font-weight:600}.zv2-eingabe{border:2px solid var(--zv2-marke);background:#fff;border-radius:12px;align-items:center;padding:0 16px;display:flex}.zv2-eingabe:focus-within{box-shadow:0 0 0 3px #1f4f7a40}.zv2-eingabe.fehler{border-color:var(--rot,#b3261e)}.zv2-eingabe input{text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 0;font-size:36px;font-weight:700}.zv2-eingabe input::placeholder{color:var(--text-sekundaer,#4a5361);font-size:16px;font-weight:400}.zv2-einheit{margin-left:8px;font-size:36px;font-weight:700}.zv2-schnell{flex-wrap:wrap;gap:8px;display:flex}.zv2-wahl,.zv2-geld{border:1px solid var(--zv2-rand);min-width:72px;min-height:52px;color:var(--text,#1a1d21);cursor:pointer;background:#fff;border-radius:10px;padding:0 16px;font-size:18px;font-weight:600}.zv2-geld{min-width:56px;min-height:44px;font-size:15px}.zv2-wahl.aktiv,.zv2-geld.aktiv{border:2px solid var(--zv2-marke);background:var(--marke-weich,#eef2f7);color:var(--zv2-marke)}.zv2-wahl:disabled,.zv2-geld:disabled,.zv2-link:disabled{opacity:.45;cursor:default}.zv2-scheine{flex-direction:column;gap:8px;display:flex}.zv2-scheine-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.zv2-link{min-height:44px;color:var(--zv2-marke);cursor:pointer;background:0 0;border:none;padding:0;font-size:15px;font-weight:600}.zv2-addiert{color:var(--zv2-marke);font-size:14px;font-weight:600}.zv2-scheine-feld{background:var(--zv2-flaeche);border-radius:10px;flex-wrap:wrap;gap:6px;padding:10px;display:flex}.zv2-zurueck{color:var(--zv2-marke)}.zv2-meldung{border-left:4px solid;border-radius:8px;flex-direction:column;gap:2px;padding:10px 14px;font-size:15px;font-weight:400;display:flex}.zv2-meldung strong{font-weight:700}.zv2-meldung span{color:var(--text,#1a1d21)}.zv2-meldung.marke{color:var(--zv2-marke);background:var(--marke-weich,#eef2f7)}.zv2-meldung.warnung{color:var(--gelb,#9a6700);background:var(--warnung-weich,#fdf4e0)}.zv2-meldung.gefahr{color:var(--rot,#b3261e);background:var(--gefahr-weich,#fbeceb)}.zv2-rueckgeld{background:var(--erfolg-weich,#e8f3ec);border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:14px 18px;display:grid}.zv2-rueckgeld-label{color:var(--text-sekundaer,#4a5361);font-size:17px}.zv2-rueckgeld-betrag{color:var(--gruen,#1d7a46);font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1.1}.zv2-stueckelung{color:var(--text-sekundaer,#4a5361);grid-column:1/-1;font-size:13px}.zv2-rueckgeld.fehlt{background:var(--warnung-weich,#fdf4e0)}.zv2-rueckgeld.fehlt .zv2-rueckgeld-betrag{color:var(--gelb,#9a6700)}.zv2-rueckgeld.leer{background:var(--zv2-flaeche)}.zv2-rueckgeld.leer .zv2-rueckgeld-betrag{color:var(--rand-feld,#8a94a3)}.zv2-tasten{gap:8px}.zv2-tasten button{background:var(--zv2-flaeche);min-height:58px;color:var(--text,#1a1d21);font-size:24px;font-weight:500}.zv2-tasten button:disabled{opacity:.4;cursor:default}.zv2-unterzeile{color:var(--text-sekundaer,#4a5361);font-size:13px}.zv2-text{margin:0;font-size:15px}.zv2-karten-kopf{align-items:center;gap:14px;display:flex}.zv2-karten-kopf h3{margin:0;font-size:20px}.zv2-symbol{background:var(--zv2-flaeche);width:44px;height:44px;color:var(--zv2-marke);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.zv2-symbol.erfolg{background:var(--erfolg-weich,#e8f3ec);color:var(--gruen,#1d7a46)}.zv2-symbol.warnung{background:var(--warnung-weich,#fdf4e0);color:var(--gelb,#9a6700)}.zv2-symbol.gefahr{background:var(--gefahr-weich,#fbeceb);color:var(--rot,#b3261e)}.zv2-ablauf{background:var(--zv2-flaeche);border-radius:12px;align-self:start;padding:14px 16px}.zv2-ablauf-titel{color:var(--text-sekundaer,#4a5361);font-size:13px;font-weight:600}.zv2-ablauf ol{flex-direction:column;gap:10px;margin:6px 0 0;padding:0;list-style:none;display:flex}.zv2-schritt{color:var(--text-sekundaer,#4a5361);align-items:center;gap:10px;font-size:15px;display:flex}.zv2-schritt-marke{border:1px solid var(--zv2-rand);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.zv2-schritt.erledigt .zv2-schritt-marke{background:var(--gruen,#1d7a46);border-color:var(--gruen,#1d7a46);color:#fff}.zv2-schritt.aktiv{color:var(--zv2-marke);font-weight:700}.zv2-schritt.aktiv .zv2-schritt-marke{background:var(--zv2-marke);border-color:var(--zv2-marke);color:#fff}.zv2-schritt.warnung .zv2-schritt-marke{background:var(--gelb,#9a6700);border-color:var(--gelb,#9a6700);color:#fff}.zv2-schritt.fehler .zv2-schritt-marke{background:var(--rot,#b3261e);border-color:var(--rot,#b3261e);color:#fff}.zv2-fuss{border-top:1px solid var(--zv2-rand);background:#fafbfc;flex-wrap:wrap;gap:12px;padding:14px 24px;display:flex}.zv2-fuss button.taste{min-height:64px}.zv2-fuss button.taste.zv2-abbrechen{background:var(--zv2-flaeche);min-width:180px;color:var(--text,#1a1d21);border-color:#0000}.zv2-fuss button.taste.zv2-primaer{background:var(--zv2-marke-dunkel);border-color:var(--zv2-marke-dunkel);flex:1}.zv2-fuss button.taste.zv2-abbruch{flex:1}.zv2-kuerzel{opacity:.75;margin-left:8px;font-family:inherit;font-size:13px;font-weight:400}@media (width<=860px){.zv2-huelle{width:min(720px,100%)}.zv2-inhalt{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"feld""schnell""scheine""status""block""rueckgeld""rest"}.zv2-links{grid-area:auto}.zv2-block{justify-self:center;width:min(300px,100%)}.zv2-karte .zv2-block{width:100%}.zv2-betrag{font-size:40px}}@media (height<=760px){.zv2-band{padding:12px 24px}.zv2-inhalt{row-gap:10px;padding:14px 24px}.zv2-tasten button{min-height:52px}.zv2-fuss button.taste{min-height:56px}}.retoure{flex-direction:column;gap:12px;display:flex}.retoure .rt-schritte{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.retoure .rt-schritte ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.retoure .rt-schritte button{background:var(--leiste);min-height:44px;color:var(--text-sekundaer);border:none;border-radius:8px;padding:0 14px;font-size:1rem;font-weight:600}.retoure .rt-schritte button.aktiv{background:var(--blau);color:#fff}.retoure .rt-schritte button.erledigt{background:var(--erfolg-weich);color:var(--gruen);cursor:pointer}.retoure .rt-schritte button:disabled:not(.aktiv){cursor:default}.retoure .rt-entwurf-marke{background:var(--warnung-weich);color:var(--gelb);border-radius:999px;margin-left:auto;padding:4px 10px;font-size:.85rem;font-weight:600}.retoure .rt-sperre{background:var(--warnung-weich);color:var(--gelb);margin:0;font-weight:600}.retoure .rt-raster{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.retoure .rt-arbeit{min-width:0;margin:0}main.verwaltung .retoure .rt-arbeit h2{margin-bottom:.8rem;font-size:1.4rem}.retoure .rt-arbeit h2:focus{outline:none}.retoure .rt-arbeit h2:focus-visible{outline:2px solid var(--blau);outline-offset:2px}.retoure .rt-einstieg{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.retoure .rt-kachel{border:1px solid var(--rand);background:var(--flaeche);min-height:88px;color:var(--text);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;font-size:1rem;display:flex}.retoure .rt-kachel:first-child{border:2px solid var(--blau)}.retoure .rt-kachel small{color:var(--text-sekundaer)}.retoure .rt-marke{background:var(--marke-weich);color:var(--blau);border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:600;display:inline-block}.retoure .rt-marke.warnung{background:var(--warnung-weich);color:var(--gelb)}main.verwaltung .retoure .rt-suche input{min-width:min(28rem,100%);height:48px;font-size:1.05rem}main.verwaltung .retoure button.taste{min-height:48px;font-size:1rem}main.verwaltung .retoure button.taste.gross{min-height:64px;font-size:1.3rem;font-weight:600}main.verwaltung .retoure table.liste button.taste{min-height:44px}.retoure .rt-historie{border:1px solid var(--rand);border-radius:10px;margin-top:16px;padding:12px 16px}.retoure .rt-historie ul{margin:0;padding:0;list-style:none}.retoure .rt-historie li{justify-content:space-between;gap:12px;padding:6px 0;display:flex}.retoure .rt-historie small{color:var(--text-sekundaer)}.retoure .rt-punkt:before{content:"";background:var(--blau);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.retoure .rt-tabelle{max-width:100%;overflow-x:auto}.retoure table.rt-positionen td.rt-bezeichnung{overflow-wrap:break-word;min-width:10rem}.retoure table.rt-positionen .rt-betrag{white-space:nowrap}.retoure table.rt-positionen td{vertical-align:middle}.retoure table.rt-positionen td small{color:var(--text-sekundaer);font-size:.85rem;display:block}.retoure table.rt-positionen input[type=checkbox]{width:26px;height:26px}.retoure table.rt-positionen tr.rt-aus{color:var(--text-sekundaer)}.retoure .rt-stepper button{min-width:56px;min-height:56px}.retoure .rt-stepper button:disabled{color:var(--rand-feld);cursor:default}.retoure .rt-stepper span{min-width:5.5rem}.retoure .rt-nur-schmal{display:none}.retoure .rt-negativ{color:var(--rot);font-weight:600}.retoure .rt-angaben{border:none;margin:0 0 16px;padding:0}.retoure .rt-angaben h3{color:var(--text-sekundaer)}.retoure .rt-angaben .chips{margin-bottom:10px}main.verwaltung .retoure .chips button{border-radius:10px;min-height:52px;padding:0 18px;font-size:1rem}.retoure .rt-angaben>label{margin:8px 0 12px}.retoure .rt-zustaende{border:1px solid var(--rand);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}main.verwaltung .retoure .rt-zustaende label{border-top:1px solid var(--rand);min-height:56px;color:var(--text);grid-template-columns:auto auto 1fr;align-items:center;gap:12px;padding:0 16px;font-size:1rem;display:grid}.retoure .rt-zustaende label:first-child{border-top:none}.retoure .rt-zustaende label:has(input:checked){background:var(--marke-weich)}.retoure .rt-zustaende input[type=radio]{width:22px;height:22px}.retoure .rt-zustaende small{color:var(--text-sekundaer);justify-self:end}.retoure .rt-aus{opacity:.6}.retoure .rt-kasten{border:1px solid var(--rand);background:var(--flaeche);border-radius:10px;margin:8px 0 16px;padding:12px 16px}.retoure .rt-kasten p{margin:.3rem 0}.retoure tr.rt-gesamt th,.retoure tr.rt-gesamt td{color:var(--blau);font-size:1.3rem;font-weight:700}.retoure table.rt-saetze caption{text-align:left;color:var(--text-sekundaer);padding-top:8px;font-size:.85rem}.retoure .rt-arten{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}main.verwaltung .retoure .rt-art{border:1px solid var(--rand);min-height:96px;color:var(--text);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:12px 16px;font-size:1rem;display:grid}.retoure .rt-art.gewaehlt{border:2px solid var(--blau);background:var(--marke-weich)}.retoure .rt-art small,.retoure .rt-art .rt-marke{grid-column:1/-1;justify-self:start}.retoure dl.rt-uebersicht{grid-template-columns:max-content 1fr;gap:8px 24px;margin:0 0 12px;display:grid}.retoure dl.rt-uebersicht dt{color:var(--text-sekundaer)}.retoure dl.rt-uebersicht dd{margin:0;font-weight:600}.retoure .rt-seite{flex-direction:column;gap:12px;display:flex;position:sticky;top:12px}.retoure .rt-zusammenfassung{margin:0;padding:0;overflow:hidden}.retoure .rt-betragsband{background:var(--blau);color:#fff;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.retoure .rt-betragsband span{opacity:.85;font-size:.9rem}.retoure .rt-betragsband strong{font-size:36px;line-height:1.1}.retoure .rt-zusammenfassung-inhalt{padding:12px 20px 16px}.retoure .rt-zeilen{border-top:1px solid var(--rand);margin:0;padding:8px 0 0;list-style:none}.retoure .rt-zeilen li{justify-content:space-between;gap:12px;padding:4px 0;display:flex}.retoure .rt-zeilen small{color:var(--text-sekundaer);font-size:.8rem;display:block}.retoure .rt-aktionen{flex-direction:column;gap:10px;display:flex}.retoure .rt-aktionen button.taste{width:100%}main.verwaltung .retoure .rt-aktionen button.rt-abschluss{background:var(--gruen);border-color:var(--gruen)}@media (width<=1199px){.retoure .rt-raster{grid-template-columns:minmax(0,1fr) 320px}.retoure .rt-betragsband strong{font-size:30px}.retoure .rt-spalte-menge{display:none}.retoure table.rt-positionen td small.rt-nur-schmal{display:block}.retoure .rt-stepper button{min-width:48px;min-height:48px}.retoure .rt-stepper span{min-width:4.5rem}}@media (width<=900px){.retoure .rt-raster{grid-template-columns:minmax(0,1fr)}.retoure .rt-seite{position:static}.retoure .rt-einstieg,.retoure .rt-arten{grid-template-columns:minmax(0,1fr)}.retoure .rt-entwurf-marke{margin-left:0}}.ea-flaeche{background:var(--hell);justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.ea-karte{background:var(--flaeche);border:1px solid var(--rand);width:100%;max-width:600px;color:var(--text);border-radius:16px;flex-direction:column;gap:16px;padding:32px;display:flex}.ea-karte h1{margin:0;font-size:1.6rem;line-height:1.25}.ea-kopf{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ea-wortmarke{align-items:center;gap:8px;display:inline-flex}.ea-marke{background:var(--blau);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:inline-flex}.ea-wort{letter-spacing:.08em;color:var(--text);flex-direction:column;font-size:11px;line-height:1.1;display:flex}.ea-unterzeile{color:var(--text-sekundaer);margin:-8px 0 0}.ea-text{color:var(--text-sekundaer);margin:0;font-size:1rem;line-height:1.45}.ea-wahl,.ea-tasten{flex-direction:column;gap:12px;display:flex}.ea-tasten{flex-direction:row;margin-top:8px}.ea-tasten>button{flex:1 1 0}.ea-tasten>button:first-child{flex:none}.ea-erweitert{min-height:48px;color:var(--text-sekundaer);cursor:pointer;text-align:left;background:0 0;border:0;align-self:flex-start;padding:0 4px;font-size:.9rem}.ea-erweitert:focus-visible,.ea-karte button:focus-visible{outline:3px solid var(--blau);outline-offset:2px}.ea-qr-zeile{align-items:center;gap:24px;display:flex}.ea-qr{background:#fff;flex:none;width:184px;height:184px}.ea-qr svg{width:100%;height:100%;display:block}.ea-qr-leer{border:1px dashed var(--rand);border-radius:8px}.ea-etikett{color:var(--text-sekundaer);margin:0 0 4px;font-size:.85rem}.ea-code{font-variant-numeric:tabular-nums;letter-spacing:.04em;white-space:nowrap;margin:0;font-size:2.4rem;font-weight:700}.ea-code-gross{text-align:center;font-size:3.2rem}.ea-frist{color:var(--text-sekundaer);margin:0;font-size:.85rem}.ea-code-gross+.ea-frist{text-align:center;margin-top:-8px}.ea-zellen{justify-content:center;gap:8px;margin:8px 0 0;display:flex}.ea-zelle{border:1px solid var(--rand-feld);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;width:52px;height:64px;font-size:1.8rem;font-weight:700;display:inline-flex}.ea-trenner-vor{margin-left:24px;position:relative}.ea-trenner-vor:before{content:"–";color:var(--text-sekundaer);font-weight:400;position:absolute;left:-20px}.ea-ziel{background:var(--marke-weich);border-radius:10px;flex-direction:column;gap:2px;padding:12px 16px;display:flex}.ea-ziel span{color:var(--text-sekundaer);font-size:.95rem}.ea-hinweis{border-left:4px solid var(--blau);background:var(--marke-weich);border-radius:10px;flex-direction:column;gap:2px;padding:12px 16px;font-size:.9rem;display:flex}.ea-hinweis span{color:var(--text-sekundaer)}.ea-hinweis-warnung{border-left-color:var(--gelb);background:var(--warnung-weich)}.ea-hinweis-gefahr{border-left-color:var(--rot);background:var(--gefahr-weich)}.ea-hinweis-erfolg{border-left-color:var(--gruen);background:var(--erfolg-weich)}.ea-warten{color:var(--text-sekundaer);align-items:center;gap:8px;margin:0;font-size:.9rem;display:flex}.ea-kreisel{border:2px solid var(--rand);border-top-color:var(--blau);border-radius:50%;width:16px;height:16px;animation:1s linear infinite ea-dreh}.ea-kreisel-gross{border-width:4px;width:40px;height:40px}@keyframes ea-dreh{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ea-kreisel{animation:none}}.ea-schritte{color:var(--text-sekundaer);flex-direction:column;gap:8px;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}.ea-schritte li:before{content:"○";width:1.5em;display:inline-block}.ea-schritte li.fertig:before{content:"✓";color:var(--gruen);font-weight:700}.ea-schritte li.aktiv{color:var(--text);font-weight:600}.ea-schritte li.aktiv:before{content:"●";color:var(--blau)}.ea-symbol{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:700;display:inline-flex}.ea-symbol-erfolg{background:var(--erfolg-weich);color:var(--gruen)}.ea-symbol-warnung{background:var(--warnung-weich);color:var(--gelb)}.ea-symbol-gefahr{background:var(--gefahr-weich);color:var(--rot)}.ea-symbol-neutral{background:var(--leiste);color:var(--text-sekundaer)}.ea-fakten{background:var(--hell);border-radius:10px;grid-template-columns:auto 1fr;gap:8px 24px;margin:0;padding:12px 16px;display:grid}.ea-fakten dt{color:var(--text-sekundaer)}.ea-fakten dd{text-align:right;margin:0;font-weight:600}@media (width<=600px){.ea-karte{padding:20px}.ea-qr-zeile{flex-direction:column;align-items:flex-start}.ea-zelle{width:32px;height:48px;font-size:1.3rem}.ea-trenner-vor{margin-left:16px}.ea-trenner-vor:before{left:-13px}}@media (width>=1600px){.ea-karte{gap:20px;max-width:760px;padding:48px;font-size:1.15rem}.ea-karte h1{font-size:2.1rem}.ea-text{font-size:1.15rem}.ea-qr{width:240px;height:240px}.ea-code{font-size:3rem}.ea-code-gross{font-size:4.2rem}.ea-karte button.taste{min-height:64px}}:root{--blau:#1f3a5f;--hell:#f4f6f9;--rand:#d5dbe3;--gruen:#1d7a46;--rot:#b3261e;--gelb:#9a6700;--marke-weich:#eef2f7;--erfolg-weich:#e8f3ec;--gefahr-weich:#fbeceb;--warnung-weich:#fdf4e0;--abdunkelung:#11182773;--rand-feld:#8a94a3;--text:#1a1d21;--text-sekundaer:#4a5361;--flaeche:#fff;--leiste:#e8edf3;color:#1a1d21;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px}*{box-sizing:border-box}body{background:var(--hell);margin:0}header.kopf{background:var(--flaeche);min-height:60px;color:var(--text);border-bottom:1px solid var(--rand);align-items:center;gap:16px;padding:0 16px;display:flex}header.kopf .marke{background:var(--blau);color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;display:inline-flex}nav.reiter{white-space:nowrap;scrollbar-width:none;flex:auto;gap:4px;min-width:0;display:flex;overflow-x:auto}nav.reiter button{min-height:44px;color:var(--text-sekundaer);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;padding:0 12px;font-size:16px}nav.reiter button:hover:not(:disabled){background:var(--hell)}nav.reiter button.aktiv{background:var(--marke-weich);color:var(--blau);font-weight:600}nav.reiter button:disabled{opacity:.45;cursor:default}.kopf-status{flex:none;align-items:center;gap:12px;display:flex}.status-pille{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.status-pille i{background:currentColor;border-radius:50%;width:8px;height:8px}.status-pille.online{background:var(--erfolg-weich);color:var(--gruen)}.status-pille.offline,.status-pille.warnung{background:var(--warnung-weich);color:var(--text)}.status-pille.offline i{background:var(--gelb)}.kopf-kasse{white-space:nowrap;flex-direction:column;align-items:flex-end;font-size:13px;line-height:1.3;display:flex}.kopf-zeit{font-variant-numeric:tabular-nums}.kopf-kasse small{color:var(--text-sekundaer);font-size:13px}button.kopf-bediener{background:var(--hell);min-height:48px;color:var(--text);text-align:left;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:4px 14px 4px 4px;display:inline-flex}button.kopf-bediener em{background:var(--blau);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-style:normal;font-weight:700;display:inline-flex}button.kopf-bediener span{flex-direction:column;line-height:1.2;display:flex}button.kopf-bediener strong{font-size:16px}button.kopf-bediener small{color:var(--text-sekundaer);font-size:13px}@media (width<=1279px){button.kopf-bediener small{display:none}}@media (width<=900px){header.kopf{flex-wrap:wrap;gap:8px 12px;padding:8px 12px 0}header.kopf nav.reiter{flex-basis:100%;order:3}.kopf-status{gap:8px;margin-left:auto}}@media (width<=600px){.kopf-kasse,button.kopf-bediener span{display:none}button.kopf-bediener{padding:4px}}.unsichtbar{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--blau);outline-offset:2px}main{max-width:1400px;margin:0 auto;padding:1rem}button{touch-action:manipulation}.karte{border:1px solid var(--rand);background:#fff;border-radius:12px;margin-bottom:1rem;padding:1rem}.zeile{flex-wrap:wrap;align-items:end;gap:.6rem;display:flex}label{color:#4a5361;flex-direction:column;gap:.2rem;font-size:.85rem;display:flex}input,select{border:1px solid var(--rand-feld);border-radius:8px;min-width:7rem;padding:.55rem .6rem;font-size:1.05rem}input[type=checkbox],input[type=radio]{width:auto;min-width:0;accent-color:var(--blau);margin:0}:is(label:has(>input[type=checkbox]),label:has(>input[type=radio])){color:inherit;flex-direction:row;align-items:center;gap:.4rem;font-size:.95rem}:is(.zeile>label:has(>input[type=checkbox]),.zeile>label:has(>input[type=radio])){min-height:var(--feld-hoehe,2.5rem)}input[type=checkbox],input[type=radio]{cursor:pointer;flex:none;width:1.1rem;height:1.1rem}button.taste{border:1px solid var(--blau);background:var(--blau);color:#fff;cursor:pointer;border-radius:10px;min-height:3rem;padding:.7rem 1.1rem;font-size:1.05rem}button.taste.gross{padding:1rem 1.4rem;font-size:1.3rem}button.taste.zweit{color:var(--blau);background:#fff}button.taste.gefahr{color:var(--rot);border-color:var(--rot);background:#fff}button.taste.gefahr:not(:disabled):hover{background:var(--rot);color:#fff}button.taste:disabled{opacity:.5;cursor:default}table.positionen{border-collapse:collapse;width:100%;margin:.8rem 0}main.verwaltung{font-size:16px}main.verwaltung .karte{border-radius:10px;padding:.9rem 1rem}main.verwaltung .karte h2,main.verwaltung .karte h3,main.verwaltung .karte h4{margin:0 0 .5rem;font-size:1.05rem}main.verwaltung .karte h2{font-size:1.2rem}main.verwaltung label{font-size:.8rem}main.verwaltung input:not([type=checkbox]):not([type=radio]),main.verwaltung select{box-sizing:border-box;min-width:6rem;height:2.5rem;padding:0 .55rem;font-size:.95rem}main.verwaltung select{padding-right:2rem}main.verwaltung button.taste{border-radius:8px;min-height:2.5rem;padding:.5rem .9rem;font-size:.95rem}main.verwaltung .zeile{gap:.5rem}main.verwaltung p{margin:.4rem 0}main.verwaltung table.positionen{margin:.5rem 0;font-size:.95rem}main.verwaltung table.positionen th,main.verwaltung table.positionen td{vertical-align:middle;padding:.3rem .4rem}main.verwaltung table.positionen th{color:#4a5361;font-size:.85rem;font-weight:600}main.verwaltung table.positionen button.taste{border-radius:7px;min-height:44px;padding:.25rem .6rem;font-size:.9rem}main.verwaltung dl.status{gap:.25rem 1rem;font-size:.95rem}main.verwaltung .chips button{min-height:44px;padding:0 .75rem;font-size:.9rem}main.verwaltung .zaehlbrett input{font-size:1.05rem}main.verwaltung .summe{font-size:1.3rem}table.liste{border-collapse:collapse;width:100%;margin:.5rem 0;font-size:.95rem}table.liste th,table.liste td{text-align:left;border-bottom:1px solid var(--rand);vertical-align:middle;padding:.3rem .4rem}table.liste th{color:#4a5361;font-size:.85rem;font-weight:600}table.liste td.betrag,table.liste th.betrag{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}table.liste td.aktionen,table.liste th.aktionen{white-space:nowrap;text-align:right;width:1%}table.liste input,table.liste select{width:100%;min-width:4rem;padding:.3rem .45rem;font-size:.95rem}table.liste select{min-width:6rem;max-width:14rem}main.verwaltung .karte h3:not(:first-child),main.verwaltung .karte h4:not(:first-child){margin-top:1rem}table.liste button.taste,button.taste.klein{border-radius:7px;min-height:44px;padding:.25rem .6rem;font-size:.9rem}.farbpunkt{vertical-align:-1px;border-radius:3px;width:.8rem;height:.8rem;margin-right:.4rem;display:inline-block}table.positionen th,table.positionen td{text-align:left;border-bottom:1px solid var(--rand);padding:.45rem .4rem}table.positionen td.betrag,table.positionen th.betrag{text-align:right;font-variant-numeric:tabular-nums}.summe{text-align:right;font-size:1.6rem;font-weight:700}.hinweis{color:#4a5361;font-size:.9rem}.fehler{color:var(--rot);font-weight:600}.ok{color:var(--gruen);font-weight:600}.warnung{color:var(--gelb);font-weight:600}pre.bon{border:1px dashed var(--rand);white-space:pre;background:#fff;padding:1rem;font-family:Courier New,Courier,monospace;font-size:.95rem;overflow-x:auto}.beleg-druck{grid-template-columns:1fr auto;align-items:start;gap:1rem;display:grid}dl.status{grid-template-columns:max-content 1fr;gap:.3rem 1rem;margin:0;display:grid}dl.status dt{color:#4a5361}dl.status dd{margin:0}.zahlung-dialog{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.zahlung-dialog .karte{text-align:center;width:min(520px,100%)}.zahlung-dialog .betrag{margin:.5rem 0;font-size:2.4rem;font-weight:700}.verkauf-raster{grid-template-columns:84px minmax(300px,440px) minmax(0,1fr);grid-template-areas:"funktionen bon artikel";align-items:start;gap:16px;display:grid}.verkauf-raster>.funktionen{flex-direction:column;grid-area:funktionen;gap:8px;display:flex}.verkauf-raster>.bon-panel{grid-area:bon;margin:0}.verkauf-raster>.artikel-bereich{flex-direction:column;grid-area:artikel;gap:12px;min-width:0;display:flex}button.funktion{border:1px solid var(--rand);background:var(--flaeche);width:100%;min-height:68px;color:var(--text);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;padding:6px 2px;font-size:13px;font-weight:500;line-height:1.15;display:flex;position:relative}button.funktion:active{background:var(--marke-weich)}button.funktion.aktiv{background:var(--marke-weich);border-color:var(--blau);color:var(--blau)}button.funktion.gefahr{border-color:var(--rot);color:var(--rot)}button.funktion:disabled{opacity:.4;cursor:default}button.funktion .zahl{background:var(--blau);color:#fff;border-radius:999px;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-style:normal;font-weight:700;line-height:22px;position:absolute;top:-6px;right:-6px}.mehr-bereich,.weitere-bereich{position:relative}.mehr-menue,.weitere-menue{z-index:30;background:var(--flaeche);border:1px solid var(--rand);border-radius:12px;flex-direction:column;gap:2px;min-width:240px;padding:6px;display:flex;position:absolute;box-shadow:0 8px 24px #1118272e}.mehr-menue{bottom:0;left:calc(100% + 8px)}.weitere-menue{bottom:calc(100% + 8px);right:0}.mehr-menue button,.weitere-menue button{min-height:48px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:0 12px;font-size:16px;display:flex}.mehr-menue button:hover:not(:disabled),.weitere-menue button:hover:not(:disabled){background:var(--hell)}.mehr-menue button:disabled,.weitere-menue button:disabled{opacity:.4;cursor:default}.mehr-menue button[aria-checked=true]{background:var(--marke-weich);color:var(--blau)}.mehr-menue .an{color:var(--text-sekundaer);margin-left:auto;font-size:13px;font-style:normal}.verkauf-raster>.bon-panel{flex-direction:column;padding:0;display:flex;overflow:hidden}.bon-kopf{border-bottom:1px solid var(--rand);align-items:center;gap:8px;padding:10px 8px 10px 16px;display:flex}.bon-kopf h2{color:var(--text);flex-wrap:wrap;flex:1;align-items:baseline;gap:2px 8px;margin:0;font-size:20px;font-weight:700;display:flex}.bon-kopf h2 small{color:var(--text-sekundaer);font-size:13px;font-weight:500}button.bon-leeren{min-height:44px;color:var(--rot);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:16px;display:inline-flex}button.bon-leeren:hover:not(:disabled){background:var(--gefahr-weich)}button.bon-leeren:disabled{opacity:.4;cursor:default}.bon-modi{border-bottom:1px solid var(--rand);flex-wrap:wrap;gap:6px;padding:8px 16px;display:flex}.bon-modi .modus{text-overflow:ellipsis;white-space:nowrap;background:var(--marke-weich);max-width:100%;color:var(--blau);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;overflow:hidden}.bon-modi .modus.warnung{background:var(--warnung-weich);color:var(--text)}.kunden-zeile{border-bottom:1px solid var(--rand);align-items:center;gap:8px;padding:6px 8px 6px 12px;display:flex}button.kunde-oeffnen{min-width:0;min-height:48px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:12px;padding:0 4px;display:flex}.initialen{background:var(--marke-weich);width:36px;height:36px;color:var(--blau);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.kunde-text{flex-direction:column;min-width:0;display:flex}.kunde-text strong,.kunde-text small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kunde-text strong{font-size:16px;font-weight:600}.kunde-text small{color:var(--text-sekundaer);font-size:13px}.rabatt-badge{background:var(--erfolg-weich);color:var(--gruen);border-radius:999px;flex:none;padding:3px 10px;font-size:13px;font-weight:600}button.kunde-entfernen,button.zeile-x,button.suche-loeschen{width:44px;height:44px;color:var(--text-sekundaer);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;font-size:20px}button.kunde-entfernen{font-size:26px}button.kunde-entfernen:hover,button.zeile-x:hover,button.suche-loeschen:hover{background:var(--hell)}.bon-inhalt{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.bon-liste{margin:0;padding:0;list-style:none}.bon-liste>li{border-bottom:1px solid var(--rand)}.bon-liste .menge-pille{background:var(--hell);font-variant-numeric:tabular-nums;border-radius:8px;flex:none;justify-content:center;align-items:center;min-width:40px;height:32px;padding:0 6px;font-size:15px;font-weight:600;display:inline-flex}.bon-liste .bez{overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;font-size:16px;font-weight:600;display:flex}.bon-liste .einzel{color:var(--text-sekundaer);font-size:13px;font-weight:400}.bon-liste .betrag{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:4.5rem;font-size:16px;font-weight:600}button.zeile-kopf{width:100%;min-height:54px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:12px;padding:8px 16px 8px 13px;display:flex}.bon-liste>li.gewaehlt{background:var(--marke-weich)}.bon-liste>li.gewaehlt>button.zeile-kopf{border-left-color:var(--blau)}.bon-liste>li.zuletzt{background:var(--erfolg-weich)}.bon-liste>li.zuletzt>button.zeile-kopf{border-left-color:var(--gruen)}.zeile-aktionen{flex-wrap:wrap;align-items:center;gap:8px;padding:0 16px 10px 68px;display:flex}.zeile-aktionen button.taste{min-height:46px;padding:0 14px;font-size:15px}.bon-liste>li.rabatt-zeile,.bon-liste>li.teilen-zeile{flex-wrap:wrap;align-items:center;gap:4px 12px;min-height:54px;padding:6px 8px 6px 16px;display:flex}.rabatt-zeile .bez{color:var(--text-sekundaer)}.rabatt-zeile .betrag{color:var(--gruen)}.teilen-zeile .zeile-aktionen{width:100%;padding:0 0 4px 52px}.bon-liste>li.bon-leer{color:var(--text-sekundaer);border-bottom:none;padding:24px 16px;font-size:15px}.bon-werkzeuge{border-top:1px solid var(--rand);flex-direction:column;flex:0 auto;gap:8px;max-height:45%;padding:10px 16px;display:flex;overflow-y:auto}.bon-werkzeuge p{margin:0}.bon-summen{border-top:1px solid var(--rand);background:var(--flaeche);flex:none;padding:10px 16px 14px}.bon-summen .hinweis{margin:0 0 4px}.zahlstand{grid-template-columns:1fr auto;gap:2px 16px;margin:0 0 6px;font-size:15px;display:grid}.zahlstand dt{color:var(--text-sekundaer)}.zahlstand dd{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0}.zahlstand dd.abzug{color:var(--gruen)}.zu-zahlen{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.zu-zahlen span{font-size:19px;font-weight:600}.zu-zahlen strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:43px;font-weight:700;line-height:1.1}.suche-leiste{gap:12px;display:flex}.suche-feld{flex:0 400px;align-items:center;min-width:0;display:flex;position:relative}.suche-feld>svg{color:var(--text-sekundaer);pointer-events:none;position:absolute;left:16px}.suche-feld input{border:1px solid var(--rand-feld);background:var(--flaeche);border-radius:12px;flex:1;min-width:0;min-height:56px;padding:0 52px;font-size:18px}button.suche-loeschen{position:absolute;right:6px}button.taste.menge-betrag{border-color:var(--rand-feld);white-space:nowrap;border-radius:12px;flex:none;align-items:center;gap:10px;min-height:56px;padding:0 20px;font-size:19px;font-weight:600;display:inline-flex}button.taste.menge-betrag.gedrueckt{background:var(--marke-weich);border-color:var(--blau)}.menge-betrag .vormerk{background:var(--blau);color:#fff;border-radius:999px;padding:1px 8px;font-size:14px;font-style:normal}.gruppen{flex:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}button.gruppe{border:1px solid var(--rand);background:var(--flaeche);min-height:48px;color:var(--text);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 18px;font-size:16px;font-weight:600;display:inline-flex}.gruppe-punkt,.kachel-punkt{background:var(--gruppe-farbe,var(--blau));border-radius:50%;flex:none;width:10px;height:10px}.gruppe-icon,.kachel-icon{color:var(--gruppe-farbe,var(--blau));flex:none}button.gruppe.aktiv{background:var(--blau);border-color:var(--blau);color:#fff}button.gruppe.aktiv .gruppe-punkt{background:#fff}button.gruppe.aktiv .gruppe-icon{color:#fff}.artikel-inhalt{flex:auto;gap:12px;min-height:0;display:flex}.kachel-feld{flex:1;min-width:0}.artikel-inhalt>.tasten-feld{flex:0 0 300px;margin:0;padding:12px}.kacheln{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.artikel-inhalt.mit-ziffern .kacheln{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}button.kachel{border:1px solid var(--rand);background:var(--flaeche);min-height:104px;color:var(--text);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:stretch;gap:8px;padding:12px;font-size:16px;line-height:1.2;display:flex}button.kachel:active{background:var(--marke-weich);transform:scale(.98)}button.kachel .name{overflow-wrap:anywhere;align-items:baseline;gap:8px;font-weight:600;display:flex}button.kachel .kachel-punkt{transform:translateY(-1px)}button.kachel .kachel-icon{align-self:flex-start}.kachel-fuss{justify-content:space-between;align-items:center;gap:8px;display:flex}button.kachel .preis{color:var(--text-sekundaer);font-variant-numeric:tabular-nums;font-size:16px}button.kachel .im-bon{background:var(--blau);color:#fff;text-align:center;border-radius:999px;min-width:24px;height:24px;padding:0 7px;font-size:13px;font-style:normal;font-weight:700;line-height:24px}.zahl-leiste{flex-wrap:wrap;align-items:stretch;gap:12px;display:flex}.zahl-leiste .zahl-summe{display:none}.zahl-leiste button.taste{border-radius:12px;min-height:72px}.zahl-leiste button.taste.zweit{border-color:var(--rand);justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:19px;font-weight:600;display:inline-flex}.zahl-leiste button svg{flex:none}.zahl-leiste .weitere-bereich{display:flex}.zahl-leiste button.taste.weitere{width:72px;padding:0;font-size:24px}.zahl-leiste button.taste.gross{flex:5 1 0;justify-content:center;align-items:center;gap:10px;min-width:7rem;padding:0 12px;font-size:23px;font-weight:600;display:inline-flex}.zahl-leiste button.taste.gross.karte{flex:4 1 0;max-width:360px}.zahl-leiste button.taste.zweit.aktiv{background:var(--gelb);border-color:var(--gelb);color:#fff}button.taste.bar{background:var(--gruen);border-color:var(--gruen)}button.taste.karte{background:var(--blau);border-color:var(--blau);margin:0}.ziffernblock{outline:none;grid-template-columns:1fr;gap:.6rem;display:grid}.ziffernblock:focus-visible{outline:2px solid var(--blau);outline-offset:2px;border-radius:12px}.ziffern-anzeige{text-align:right;font-variant-numeric:tabular-nums;background:var(--hell);border:1px solid var(--rand);border-radius:10px;margin-bottom:.6rem;padding:.4rem .8rem;font-size:2rem;font-weight:700}.ziffern-tasten{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.ziffern-tasten button{border:1px solid var(--rand);cursor:pointer;background:#fff;border-radius:10px;min-height:58px;font-size:1.4rem}.ziffern-tasten button:active{background:#dfe7f1}.ziffern-seite{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.ziffern-seite input{width:100%;min-width:0}.ziffern-seite .chips{width:100%}.ziffern-seite button.taste.gross{flex:1;min-height:56px;font-size:1.15rem;width:auto!important}.chips{flex-wrap:wrap;gap:.4rem;display:flex}.chips button{border:1px solid var(--rand);cursor:pointer;background:#fff;border-radius:999px;min-height:44px;padding:0 .9rem;font-size:1rem}.chips button.aktiv{background:var(--blau);color:#fff;border-color:var(--blau)}.stepper{border:1px solid var(--rand);background:#fff;border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.stepper button{cursor:pointer;background:#fff;border:none;min-width:46px;min-height:46px;font-size:1.4rem}.stepper button:active{background:#dfe7f1}.stepper span{text-align:center;min-width:2.6rem;font-weight:600}@media (width<=1279px){.verkauf-raster{grid-template-columns:84px minmax(280px,360px) minmax(0,1fr);gap:12px}.zu-zahlen strong{font-size:36px}button.taste.menge-betrag{padding:0 14px;font-size:17px}}@media (width>=1600px){.kacheln{grid-template-columns:repeat(6,minmax(0,1fr))}.artikel-inhalt.mit-ziffern .kacheln{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.verkauf-raster{grid-template-columns:minmax(0,1fr);grid-template-areas:"funktionen""suche""gruppen""inhalt""bon""aktionen";gap:12px}.verkauf-raster>.artikel-bereich{display:contents}.suche-feld{flex:auto}.artikel-bereich>.suche-leiste{grid-area:suche}.artikel-bereich>.gruppen{grid-area:gruppen}.artikel-bereich>.artikel-inhalt{flex-direction:column;grid-area:inhalt}.artikel-inhalt>.tasten-feld{flex:none}.verkauf-raster>.funktionen{flex-direction:row;padding:8px 8px 4px 2px;overflow-x:auto}button.funktion,.verkauf-raster>.funktionen>.mehr-bereich{flex:0 0 84px;min-height:60px}.mehr-menue{position:fixed;bottom:96px;left:12px;right:12px}.bon-inhalt{max-height:40vh}.artikel-bereich>.zahl-leiste{z-index:2;background:var(--hell);grid-area:aktionen;padding:8px 0;position:sticky;bottom:0}.zahl-leiste .zahl-summe{text-align:right;font-variant-numeric:tabular-nums;flex:100%;font-size:1.6rem;font-weight:700;display:block}.zahl-leiste button.taste{min-height:56px}.zahl-leiste button.taste.gross,.zahl-leiste button.taste.gross.karte{flex:40%;max-width:none;min-height:64px}}@media (width<=600px){.suche-leiste{flex-wrap:wrap}.suche-feld{flex-basis:100%}.kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}button.kachel{min-height:88px}.zu-zahlen strong{font-size:32px}}@media print{header,nav,.kein-druck{display:none!important}main{max-width:none;padding:0}pre.bon{border:none;font-size:11pt}}.rueckgeld-anzeige{text-align:center;background:#fff8e1;border-color:#d9a400;font-size:1.3rem}.rueckgeld-anzeige strong{font-size:2rem}.abschluss-schritte{gap:.4rem;margin:.5rem 0 1rem;padding:0;list-style:none;display:grid}.abschluss-schritte .schritt{align-items:baseline;gap:.6rem;display:flex}.schritt-zeichen{border:2px solid var(--rand);border-radius:50%;flex:none;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-weight:700;display:inline-flex}.schritt.erledigt .schritt-zeichen{background:var(--gruen);border-color:var(--gruen);color:#fff}.schritt.warnung .schritt-zeichen{background:var(--gelb);border-color:var(--gelb);color:#fff}.schritt.uebersprungen{color:#7a8290}.zaehlbrett{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.5rem;margin:.5rem 0;display:grid}.zaehlbrett label{flex-direction:column;gap:.2rem;font-size:.85rem;display:flex}.zaehlbrett input{text-align:right;box-sizing:border-box;width:100%;padding:.4rem;font-size:1.2rem}.kundenanzeige{background:var(--blau);color:#fff;box-sizing:border-box;cursor:default;-webkit-user-select:none;user-select:none;flex-direction:column;height:100vh;padding:3vh 4vw;font-size:4.2vh;line-height:1.2;display:flex;overflow:hidden}.kundenanzeige header{opacity:.8;justify-content:space-between;gap:2vw;min-height:4vh;margin-bottom:1.5vh;font-size:.65em;display:flex}.kundenanzeige h1{margin:0 0 3vh;font-size:2.2em}.kundenanzeige-mitte{flex-direction:column;flex:1;justify-content:center;display:flex}.kundenanzeige-hinweis{opacity:.85;font-size:.8em}.kundenanzeige-liste{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow:hidden}.kundenanzeige-liste li{box-sizing:border-box;border-bottom:1px solid #ffffff26;grid-template-columns:1fr auto;align-content:center;column-gap:2vw;height:8vh;display:grid}.kundenanzeige-liste li.neu{background:#ffffff1a}.kundenanzeige-liste li.rabatt{color:#c8f0d6}.kundenanzeige-bezeichnung{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kundenanzeige-betrag{text-align:right;font-variant-numeric:tabular-nums}.kundenanzeige-detail{opacity:.8;font-variant-numeric:tabular-nums;grid-column:1/-1;font-size:.65em}.kundenanzeige-weitere{opacity:.7;font-size:.7em}.kundenanzeige-zeile,.kundenanzeige-summe{font-variant-numeric:tabular-nums;justify-content:space-between;gap:2vw;padding:.6vh 0;display:flex}.kundenanzeige-zeile.ersparnis{color:#c8f0d6}.kundenanzeige-summe{border-top:2px solid #ffffff80;margin-top:1.5vh;padding-top:1.5vh;font-size:1.6em;font-weight:700}.kundenanzeige-zeile.gross{font-size:1.4em;font-weight:700}.kundenanzeige-zahlung{text-align:center;background:#ffffff26;border-radius:8px;margin-top:1.5vh;padding:1.2vh 2vw;font-weight:600}.kundenanzeige-zahlung.abgelehnt,.kundenanzeige-zahlung.abgebrochen{background:var(--rot)}.kundenanzeige-fuss{opacity:.5;font-size:.4em;position:fixed;bottom:.5vh;right:1vw}.kuerzel{opacity:.7;margin-left:.4em;font-size:.6em;display:none}@media (hover:hover) and (pointer:fine){.kuerzel{display:inline}}.kunden-treffer{gap:.3rem;width:100%;margin:.2rem 0 0;padding:0;list-style:none;display:grid}.kunden-treffer button{text-align:left;border:1px solid var(--rand);cursor:pointer;background:#fff;border-radius:8px;width:100%;min-height:48px;padding:.4rem .8rem;font-size:1rem}.kunden-treffer button:hover{background:#eef3fb}.pin-block{grid-template-columns:repeat(3,1fr);gap:.4rem;max-width:18rem;margin:.6rem auto;display:grid}.pin-block .taste{min-height:52px;font-size:1.3rem}.zahlung-dialog .karte.bar-dialog{width:min(720px,100%)}.geld-brett{flex-wrap:wrap;justify-content:center;gap:.35rem;margin:.4rem 0;display:flex}.geld-taste{border:1px solid var(--rand);cursor:pointer;background:#fff;border-radius:10px;padding:.25rem;line-height:0}.geld-taste:active{transform:scale(.95)}.geld-taste svg{display:block}.gegeben-zeile{justify-content:center;align-items:flex-end}.gegeben-teile{align-self:center}.rueckgeld-stuecke{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:.5rem;display:flex}.rueckgeld-stueck{align-items:center;gap:.3rem;display:inline-flex}.ziffern-mengenhinweis{text-align:right;min-height:1.1rem;margin:.15rem 0 .3rem;font-size:.8rem}@media (width>=901px) and (height>=600px){#app:has(>main.verkauf){flex-direction:column;height:100dvh;display:flex;overflow:hidden}main.verkauf{flex:1;width:100%;max-width:none;min-height:0;padding:16px}main.verkauf .verkauf-raster{grid-template-rows:minmax(0,1fr);align-items:stretch;height:100%}main.verkauf .verkauf-raster>.funktionen{align-self:start}main.verkauf .verkauf-raster>.bon-panel,main.verkauf .verkauf-raster>.artikel-bereich{min-height:0}main.verkauf .kachel-feld{overscroll-behavior:contain;min-height:0;margin:-3px;padding:3px;overflow-y:auto}main.verkauf .artikel-inhalt>.tasten-feld{overflow-y:auto}}@media (width>=901px) and (height>=600px) and (height<=780px){main.verkauf{padding:12px}main.verkauf .verkauf-raster{gap:12px}main.verkauf .verkauf-raster>.funktionen{gap:6px}main.verkauf button.funktion{min-height:60px}main.verkauf .suche-feld input,main.verkauf button.taste.menge-betrag{min-height:52px}main.verkauf button.kachel{min-height:92px}main.verkauf .zahl-leiste button.taste{min-height:64px}main.verkauf .ziffern-anzeige{margin-bottom:.3rem;padding:.25rem .7rem;font-size:1.6rem}main.verkauf .ziffern-tasten button{min-height:52px}}@media (width>=901px) and (height>=600px) and (height<=700px){main.verkauf .verkauf-raster>.funktionen{gap:4px}main.verkauf button.funktion{gap:2px;min-height:52px;font-size:12px}main.verkauf .zahl-leiste button.taste{min-height:56px}}select{appearance:none;cursor:pointer;color:inherit;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%234a5361' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;background-size:.75rem;padding-right:2rem}input[type=search]{appearance:none}table.liste select{background-position:right .45rem center;padding-right:1.6rem}main.verwaltung table.liste input:not([type=checkbox]):not([type=radio]),main.verwaltung table.liste select{height:44px;padding-top:0;padding-bottom:0}.anmelde-seite{justify-content:center;padding:2rem 1rem;display:flex}.anmelde-seite .karte{text-align:center;width:min(720px,100%);padding:1.5rem}.anmelde-seite h2{margin:0 0 .5rem;font-size:1.5rem}.anmelde-seite .chips{justify-content:center;gap:.7rem;margin:1rem 0}.anmelde-seite .chips button{border-radius:14px;min-width:10rem;min-height:72px;padding:0 1.4rem;font-size:1.2rem}.zahlung-dialog .karte.kamera-scanner{width:min(560px,100%)}.kamera-bild{aspect-ratio:4/3;background:#000;border-radius:8px;position:relative;overflow:hidden}.kamera-bild video{object-fit:cover;width:100%;height:100%;display:block}.kamera-rahmen{border:2px solid #ffffffd9;border-radius:6px;position:absolute;inset:30% 10%;box-shadow:0 0 0 999px #00000040}.erfassung-scan{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.erfassung-scan .scan-code{flex:1;min-width:12rem}.erfassung-scan .scan-menge input{width:5rem;min-width:0}table.liste td.menge input{width:5.5rem;min-width:0}table.liste td .neu{color:var(--gelb);font-size:.85em}.kuechenmonitor{background:var(--hell);min-height:100vh;padding:1rem}.kuechenmonitor>header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.kuechenmonitor h1{color:var(--blau);margin:0;font-size:1.6rem}.kuechenmonitor .leer{color:#64748b;font-size:1.2rem}.kuechenmonitor .bestellungen{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-items:start;gap:.75rem;display:grid}.kuechenmonitor .bestellung{border:1px solid var(--rand);border-top:6px solid var(--gruen);background:#fff;border-radius:8px;flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.kuechenmonitor .bestellung.wartet{border-top-color:var(--gelb)}.kuechenmonitor .bestellung.spaet{border-top-color:var(--rot)}.kuechenmonitor .bestellung header{justify-content:space-between;align-items:baseline;gap:.5rem;font-size:1.15rem;display:flex}.kuechenmonitor .bestellung header span{white-space:nowrap;color:#64748b;font-size:.9rem}.kuechenmonitor .bestellung ul{margin:0;padding:0;font-size:1.2rem;list-style:none}.kuechenmonitor .bestellung li{padding:.15rem 0}.kuechenmonitor .bestellung li.storno{color:var(--rot);font-weight:700}.kuechenmonitor .bestellung .notiz{color:var(--gelb);margin:0;font-weight:600}.kuechenmonitor>footer{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.5rem;display:flex}.zahlung-dialog.tischplan-dialog .karte{text-align:left;width:min(1100px,100%)}.tischplan-kopf{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.tischplan-raum{background:var(--hell);border:1px solid var(--rand);border-radius:8px;width:100%;max-height:75vh;position:relative}.raum-tisch{box-sizing:border-box;color:var(--blau);border:2px solid var(--rand);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;margin:0;padding:2px;font-size:.85rem;line-height:1.1;display:flex;position:absolute;overflow:hidden}.raum-tisch.rund{border-radius:50%}.raum-tisch.belegt{background:var(--blau);border-color:var(--blau);color:#fff}.raum-tisch.aktiv{box-shadow:0 0 0 3px #f5b400}.raum-tisch small{opacity:.8}.termin-tag{text-align:center;min-width:14rem}.termin-karte{overflow-x:auto}.termin-raster{grid-template-rows:2rem repeat(48,1.15rem);min-width:max-content;display:grid}.termin-kopf{text-align:center;border-bottom:1px solid var(--rand);padding:.3rem;font-weight:600}.termin-zeiten{color:#64748b;grid-column:1;grid-template-rows:repeat(12,1fr);font-size:.75rem;display:grid}.termin-zeiten span{transform:translateY(-.45rem)}.termin-spalte{border-left:1px solid var(--rand);grid-template-rows:repeat(48,1fr);display:grid;position:relative}.termin-feld{cursor:pointer;background:0 0;border:0;border-top:1px dotted #eef1f5;min-height:0;margin:0;padding:0}.termin-feld.volle{border-top:1px solid var(--rand)}.termin-feld:hover{background:#eef4fb}.termin{box-sizing:border-box;text-align:left;border:1px solid #9db7dd;border-left:4px solid var(--blau);color:var(--blau);cursor:pointer;background:#e8f0fb;border-radius:4px;flex-direction:column;align-items:flex-start;margin:0;padding:.15rem .35rem;font-size:.8rem;line-height:1.2;display:flex;position:absolute;left:3px;right:3px;overflow:hidden}.termin>*{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.termin.erschienen{border-color:#9fd3b4;border-left-color:var(--gruen);background:#e7f5ed}.termin.abgesagt,.termin.nicht_erschienen{color:#888;background:#f6f6f6;border-color:#ddd #ddd #ddd #aaa;text-decoration:line-through}.termin-jetzt{border-top:2px solid var(--rot);pointer-events:none;z-index:1;position:absolute;left:0;right:0}.zahlung-dialog .karte.termin-dialog{text-align:left;width:min(640px,100%)}.handterminal{background:var(--hell);min-height:100vh}header.handterminal-kopf{z-index:2;gap:10px;padding:6px 12px;position:sticky;top:0}.handterminal-titel{flex-direction:column;flex:auto;min-width:0;line-height:1.2;display:flex}.handterminal-titel strong,.handterminal-titel .hinweis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.handterminal .verbindung{border-radius:999px;padding:2px 8px;font-size:.8rem}.handterminal .verbindung.online{background:var(--erfolg-weich);color:var(--gruen)}.handterminal .verbindung.offline{background:var(--warnung-weich);color:var(--gelb)}nav.handterminal-reiter{z-index:1;background:var(--flaeche);border-bottom:1px solid var(--rand);padding:4px 8px;position:sticky;top:60px}nav.handterminal-reiter button.aktiv{background:var(--marke-weich);color:var(--blau);font-weight:600}main.handterminal,main.handterminal-inhalt{max-width:720px;padding:.75rem}.handterminal .karte h2{margin:0 0 .5rem;font-size:1.1rem}.handterminal-modus{margin-bottom:.6rem}.handterminal-modus button{flex:1 1 0}.handterminal-scan{flex-direction:column;gap:.5rem;display:flex}.handterminal-scan input,.handterminal label input:not([type=checkbox]){width:100%;min-height:48px}.handterminal button.taste{min-height:48px}.handterminal button.taste.klein{min-height:44px;padding:.3rem .7rem;font-size:.9rem}.handterminal-aktionen button.taste.gross{flex:auto}ul.erfassungsliste,ul.buchungsliste,ul.bewegungsliste,ul.trefferliste,ul.bestandsliste{margin:.5rem 0;padding:0;list-style:none}ul.erfassungsliste li{border-bottom:1px solid var(--rand);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.erfassung-text{flex-direction:column;min-width:0;display:flex}.erfassung-text strong{overflow-wrap:anywhere}.erfassung-menge{flex:none;align-items:center;gap:.3rem;display:flex}.erfassung-menge button.taste{min-width:48px;padding:.3rem;font-size:1.3rem}.erfassung-menge input{text-align:center;width:4.5rem;min-width:0}dl.artikel-daten{grid-template-columns:auto 1fr;gap:.3rem .8rem;margin:0 0 .6rem;display:grid}dl.artikel-daten dt{color:var(--text-sekundaer)}dl.artikel-daten dd{margin:0;font-weight:600}ul.bewegungsliste li,ul.bestandsliste li{border-bottom:1px solid var(--rand);justify-content:space-between;gap:.5rem;padding:.45rem 0;display:flex}ul.bestandsliste li.unter strong{color:var(--rot)}ul.trefferliste li button{border:1px solid var(--rand);background:var(--flaeche);text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;min-height:52px;margin-bottom:.4rem;padding:.5rem .7rem;font-size:1rem;display:flex}ul.trefferliste li button.aktiv{border-color:var(--blau);background:var(--marke-weich)}ul.buchungsliste li.buchung{border-bottom:1px solid var(--rand);padding:.6rem 0}.buchung-kopf{flex-wrap:wrap;align-items:center;gap:.4rem .6rem;display:flex}.buchung-status{border-radius:999px;padding:2px 8px;font-size:.8rem;font-weight:700}.buchung-status.gebucht{background:var(--erfolg-weich);color:var(--gruen)}.buchung-status.ausstehend{background:var(--warnung-weich);color:var(--gelb)}.buchung-status.konflikt{background:var(--gefahr-weich);color:var(--rot)}.handterminal-fuss{text-align:center;margin-top:1.5rem}.zahlung-dialog .karte.dlg{text-align:left;gap:12px;width:min(560px,100%);max-height:calc(100dvh - 2rem);padding:20px 22px;display:grid;overflow-y:auto}.dlg h2{align-items:center;gap:8px;margin:0;font-size:1.25rem;display:flex}.dlg p{margin:0}.dlg-kopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.dlg-meta{color:var(--text-sekundaer);font-size:.8rem}.dlg-info{background:var(--marke-weich);border-radius:10px;gap:2px;padding:10px 14px;display:grid}.dlg-info.dlg-warnung{background:var(--warnung-weich)}.dlg-info.dlg-erfolg{background:var(--erfolg-weich)}.dlg-betragszeile{color:var(--text-sekundaer);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.zahlung-dialog .dlg .dlg-betragszeile .betrag{color:var(--text);font-variant-numeric:tabular-nums;margin:0}.dlg-wahl,.dlg-fuss{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dlg-wahl button.taste,.dlg-fuss button.taste,.dlg-aktionen button.taste{width:100%;min-height:56px}.dlg-aktionen{gap:10px;display:grid}button.taste.dlg-leise{background:var(--hell);border-color:var(--hell)}.dlg-feldname{color:var(--text-sekundaer);font-size:.8rem}@media (hover:hover) and (pointer:fine){.dlg button[data-kuerzel]:after{content:attr(data-kuerzel);opacity:.7;margin-left:.5em;font-size:.6em}}.zahlung-dialog.rueckfrage{z-index:60}.zahlung-dialog .karte.trinkgeld-dialog,.zahlung-dialog .karte.karten-dialog{width:min(600px,100%)}.trinkgeld-frei{gap:10px;display:grid}.trinkgeld-frei .ziffern-anzeige{margin:0;display:block}.zahlung-dialog .karte.bar-dialog.bar-zweispaltig{width:min(880px,100%)}.bar-spalten{grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:start;gap:20px;display:grid}.bar-links{gap:10px;display:grid}.bar-links .chips{justify-content:flex-start}.bar-gezaehlt{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bar-gezaehlt .gegeben-teile{flex:8rem}.bar-gegeben{border:2px solid var(--blau);border-radius:10px;align-items:center;gap:12px;min-height:52px;padding:0 14px;font-size:1.1rem;display:flex}.bar-gegeben input{text-align:right;background:0 0;border:0;flex:1;min-width:0;font-size:1.2rem;font-weight:700}.bar-gegeben input:focus-visible{outline:none}.bar-gegeben:focus-within{outline:2px solid var(--blau);outline-offset:2px}.rueckgeld-band{background:var(--erfolg-weich);color:var(--gruen);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:1.1rem;font-weight:600;display:flex}.rueckgeld-band strong{font-variant-numeric:tabular-nums;font-size:2rem}.bar-links .rueckgeld-stuecke{color:var(--gruen);margin:4px 0 0;font-size:.8rem;display:block}.dlg-fuss.bar-fuss{grid-template-columns:minmax(0,1fr) minmax(0,2.6fr)}@media (width<=860px){.bar-spalten{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.dlg-wahl,.dlg-fuss,.dlg-fuss.bar-fuss{grid-template-columns:minmax(0,1fr)}}.zahlung-dialog .karte.menge-betrag-karte{width:min(560px,100%)}.menge-betrag-fenster{gap:12px}.menge-betrag-fenster .ziffern-haupt,.menge-betrag-fenster .ziffern-seite{gap:8px;display:grid}.menge-betrag-fenster .ziffern-anzeige{border:2px solid var(--blau);background:var(--flaeche);margin:0}.ziffern-bezeichnung{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.ziffern-bezeichnung input{min-height:48px}.gs-code{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.gs-code label,.gs-betrag,.dlg-feld{gap:4px;display:grid}.gs-code input,.dlg-feld input{width:100%;min-height:48px}.gs-betrag input{text-align:right;border:2px solid var(--blau);border-radius:10px;min-height:64px;font-size:2rem;font-weight:700}.gs-bereits ul{gap:6px;margin:4px 0 0;padding:0;list-style:none;display:grid}.gs-bereits li{background:var(--hell);border-radius:10px;align-items:center;gap:10px;padding:0 0 0 12px;display:flex}.gs-bereits li span{overflow-wrap:anywhere;flex:1;min-width:0}.gs-bereits li strong{color:var(--gruen)}.zahlung-dialog .karte.empfaenger-dialog{width:min(640px,100%)}.empfaenger-dialog .empfaenger-felder{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.empfaenger-dialog .empfaenger-anschrift{grid-column:1/-1}@media (width<=480px){.empfaenger-dialog .empfaenger-felder,.gs-code{grid-template-columns:minmax(0,1fr)}}button.taste.bt-knopf{border-color:var(--rand-feld);white-space:nowrap;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:8px;min-width:56px;min-height:56px;padding:0 16px;font-size:17px;font-weight:600;display:inline-flex}button.taste.bt-knopf.bt-knopf-klein{min-width:48px;min-height:48px;padding:0 12px;font-size:16px}button.taste.bt-knopf.gedrueckt,button.taste.bt-taste.gedrueckt{background:var(--marke-weich);border-color:var(--blau)}.bildschirmtastatur{background:var(--leiste);border:1px solid var(--rand);border-radius:14px;grid-template-columns:minmax(0,1fr);gap:6px;padding:12px;display:grid}.bt-kopf{align-items:center;gap:12px;min-height:44px;display:flex}.bt-ziel{white-space:nowrap;flex:1 0 auto}.bt-hinweis{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-sekundaer);flex:0 auto;font-size:.8rem;overflow:hidden}.bt-kopf button.bt-schliessen{white-space:nowrap;flex:none}.bt-reihe{grid-template-columns:repeat(11,minmax(44px,1fr));gap:6px;display:grid}.bt-reihe.bt-funktionen{grid-template-columns:minmax(88px,1.4fr) minmax(132px,4fr) minmax(88px,1.4fr) minmax(76px,1.1fr) minmax(104px,2fr)}button.taste.bt-taste{min-width:44px;min-height:54px;padding:0 4px;font-size:20px}.bt-funktionen button.taste.bt-taste{font-size:17px}button.taste.bt-schliessen{min-height:44px;padding:0 14px}.bt-warnzeile{background:var(--warnung-weich);min-height:44px;color:var(--gelb);border-radius:10px;align-items:center;gap:8px;padding-left:12px;font-weight:600;display:flex}.bt-warn-titel{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}button.bt-warn-alle{min-width:44px;min-height:44px;color:var(--blau);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 12px;font-weight:600}.bt-flaeche{z-index:40;overscroll-behavior:contain;position:fixed;overflow-y:auto}.bt-flaeche>.bildschirmtastatur{box-shadow:0 8px 24px #1118272e}.zahlung-dialog .karte.dlg.mit-tastatur{flex-direction:column;max-height:calc(100dvh - 32px);display:flex}.dlg-inhalt{gap:12px;display:grid}.mit-tastatur>.dlg-inhalt{flex:auto;min-height:0;overflow-y:auto}.mit-tastatur>.bildschirmtastatur,.mit-tastatur>.dlg-fuss,.mit-tastatur>.dlg-kopf{flex:none}.zahlung-dialog .karte.dlg.gutschein-dialog.mit-tastatur,.zahlung-dialog .karte.dlg.storno-grund-dialog,.zahlung-dialog .karte.empfaenger-dialog.mit-tastatur{width:min(680px,100vw - 32px)}.feld-mit-knopf{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.dlg-kopf .bt-knopf{margin-left:auto}@media (width<=1000px){.bt-hinweis{display:none}}@media (width<=600px){button.taste.bt-knopf,.bildschirmtastatur,.bt-flaeche{display:none}}.gs-code:has(>.bt-knopf){grid-template-columns:minmax(0,1fr) auto auto}.zahlung-dialog .karte.menge-betrag-karte:has(.mit-tastatur){width:min(1000px,100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}.menge-betrag-fenster .ziffern-anzeige:focus-visible{outline:2px solid var(--blau);outline-offset:2px}@media (width>=1000px){.menge-betrag-fenster.mit-tastatur{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start}.menge-betrag-fenster.mit-tastatur>.dlg-kopf,.menge-betrag-fenster.mit-tastatur>.chips,.menge-betrag-fenster.mit-tastatur>.ziffern-tastatur,.menge-betrag-fenster.mit-tastatur>.dlg-fuss{grid-column:1/-1}.menge-betrag-fenster.mit-tastatur .ziffern-seite .chips{flex-wrap:nowrap}}.menge-betrag-fenster.mit-tastatur>.dlg-fuss{background:var(--flaeche);padding-top:8px;position:sticky;bottom:0}@media (width>=601px) and (width<=700px){.bildschirmtastatur{gap:4px;padding:8px}.bt-reihe{gap:4px}.zahlung-dialog:has(.mit-tastatur){padding:8px}.zahlung-dialog .karte.dlg.mit-tastatur{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:12px}.zahlung-dialog .karte.menge-betrag-karte:has(.mit-tastatur){width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:12px}}.ziffern-bezeichnung{grid-template-columns:minmax(0,1fr) auto;align-items:end}.ziffern-bezeichnung:has(>.bt-knopf){grid-template-columns:minmax(0,1fr) auto auto}.mengenfeld{justify-items:start;gap:4px;display:grid}.mengenfeld-stepper{border:2px solid var(--blau);background:var(--marke-weich);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.mengenfeld-stepper button{border:1px solid var(--rand);background:var(--flaeche);min-width:52px;min-height:52px;color:var(--text);cursor:pointer;border-radius:8px;font-size:1.4rem}.mengenfeld-stepper button:disabled{opacity:.38;cursor:default}.mengenfeld-stepper button:not(:disabled):active{background:#dfe7f1}.mengenfeld-stepper .mengenfeld-wert{border-color:var(--rand-feld);align-content:center;place-items:center;gap:0;min-width:76px;padding:2px 6px;line-height:1.1;display:grid}.mengenfeld-zahl{font-variant-numeric:tabular-nums;align-items:center;font-size:1.2rem;font-weight:600;display:inline-flex}.mengenfeld-mal{color:var(--text-sekundaer);margin-left:1px;font-size:1rem;font-weight:400}.mengenfeld-hinweis{color:var(--text-sekundaer);font-size:.6rem}.mengenfeld-cursor{background:var(--blau);width:2px;height:1.2rem;margin-left:1px;animation:1s step-end infinite mengenfeld-blinken}@keyframes mengenfeld-blinken{50%{opacity:0}}.mengenfeld-stepper.eingabe .mengenfeld-wert{border:3px solid var(--blau)}.mengenfeld-stepper.ungueltig .mengenfeld-wert{border-color:var(--rot);background:var(--gefahr-weich)}.mengenfeld-stepper.ungueltig .mengenfeld-cursor{background:var(--rot)}.mengenfeld-stepper.ungueltig .mengenfeld-hinweis{color:var(--rot)}.menge-betrag-fenster .ziffern-anzeige.ruhend{border:1px solid var(--rand);cursor:pointer}@media (prefers-reduced-motion:reduce){.mengenfeld-cursor{animation:none}}@media (width<=600px){:is(.ziffern-bezeichnung,.ziffern-bezeichnung:has(>.bt-knopf)){grid-template-columns:minmax(0,1fr) auto}.ziffern-bezeichnung>.mengenfeld{grid-column:1/-1}}.zahlung-dialog .karte.dlg.gewicht-dialog{width:min(560px,100%)}.gewicht-feld{gap:6px;min-width:0;display:grid}.gewicht-dialog .ziffern-anzeige.gewicht-anzeige{border:2px solid var(--blau);background:var(--flaeche);box-sizing:border-box;align-items:baseline;gap:.3em;min-height:64px;margin:0;font-size:2.4rem;display:flex}.gewicht-anzeige input{width:0;min-width:0;font:inherit;color:var(--text);text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;padding:0}.gewicht-anzeige input::placeholder{color:var(--rand-feld)}.gewicht-anzeige:focus-within{outline:2px solid var(--blau);outline-offset:2px}.gewicht-anzeige:has(input[aria-invalid=true]){border-color:var(--rot)}.gewicht-dialog .ziffern-tasten button{background:var(--hell);min-height:52px;color:var(--text)}.gewicht-gesamt{gap:2px;display:grid}.zahlung-dialog .gewicht-dialog .gewicht-gesamt .betrag{font-variant-numeric:tabular-nums;margin:0;font-size:2.4rem;line-height:1.15}.zahlung-dialog .gewicht-dialog .gewicht-gesamt .betrag.ungueltig{color:var(--rot);font-size:1rem}.dlg-fuss.gewicht-fuss{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr)}@media (width<=600px){.zahlung-dialog:has(.gewicht-dialog){align-items:flex-end;padding:0}.zahlung-dialog .karte.dlg.gewicht-dialog{border-radius:16px 16px 0 0;width:100%;max-height:100dvh}.dlg-fuss.gewicht-fuss{grid-template-columns:minmax(0,1fr)}.dlg-fuss.gewicht-fuss>button.taste.gross{order:-1}}@media (width>=601px) and (height<=780px){.gewicht-dialog .ziffern-tasten button{min-height:46px}.gewicht-dialog .ziffern-anzeige.gewicht-anzeige,.zahlung-dialog .gewicht-dialog .gewicht-gesamt .betrag{font-size:2rem}}
