.wk-kopf{justify-content:space-between;align-items:baseline;gap:var(--mass-2) var(--mass-5);border-block-end:var(--kante-staerke) solid var(--kante);flex-wrap:wrap;margin-block-end:var(--mass-5);padding-block-end:var(--mass-3);display:flex}.wk-kopf h1{margin:0}.wk-kopf__kasse{inline-size:100%;order:3;margin-block-end:var(--mass-4)}@media (width>=68rem){.wk-kopf__kasse{display:none}}.wk-kopf__zahl{font-size:var(--text-fein);color:var(--text-leise);font-variant-numeric:tabular-nums;margin:0}.wk-band{margin-block:0 var(--mass-5);padding:var(--mass-4) var(--mass-5);background:var(--flaeche);border-inline-start:3px solid var(--linie-bedienbar);font-size:var(--text-fein);line-height:var(--zeile-normal);overflow-wrap:anywhere}.wk-band p{margin:0 0 var(--mass-2)}.wk-band p:last-child{margin-block-end:0}.wk-band--gut{border-color:var(--zustand-lager)}.wk-band--warnung{border-color:var(--zustand-beschaffung)}.wk-band--fehler{border-color:var(--zustand-aus)}.wk-leer{justify-items:start;gap:var(--mass-2);max-inline-size:36rem;padding-block:var(--mass-7);display:grid}.wk-leer__titel{font-size:var(--text-h3);font-weight:var(--gewicht-halbfett);margin:0}.wk-leer__text{margin:0 0 var(--mass-4);color:var(--text-leise)}.wk-leer .wk-knopf--gross{inline-size:auto}.wk-raster{gap:var(--mass-7);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=68rem){.wk-raster{grid-template-columns:minmax(0,1fr) 21rem}}.wk-liste{gap:var(--mass-6);min-inline-size:0;display:grid}.wk-gruppe__kopf{gap:var(--mass-4);border-block-end:var(--haarlinie) solid var(--linie-stark);grid-template-columns:4rem minmax(0,1fr);align-items:start;padding-block-end:var(--mass-3);display:grid}.wk-gruppe__bild img,.wk-keinbild{inline-size:100%;aspect-ratio:var(--bild-ware);object-fit:contain;background:var(--bildbett);outline:var(--haarlinie) solid var(--ware-linie);outline-offset:calc(-1 * var(--haarlinie));display:block}.wk-keinbild{background:var(--bild-fehlt)}.wk-gruppe__text{gap:var(--mass-1);min-inline-size:0;display:grid}.wk-gruppe__name{font-size:var(--text-h3);font-weight:var(--gewicht-halbfett);line-height:var(--zeile-mittel);overflow-wrap:anywhere;margin:0}.wk-gruppe__name a{color:var(--text);text-decoration:none}@media (hover:hover) and (pointer:fine){.wk-gruppe__name a:hover{color:var(--handlung);text-underline-offset:3px;text-decoration:underline}}.wk-gruppe__zahl{font-size:var(--text-klein);color:var(--text-leise);font-variant-numeric:tabular-nums;margin:0}.wk-zeilen{margin:0;padding:0;list-style:none}.wk-zeile{gap:var(--mass-3) var(--mass-4);padding-block:var(--mass-4);border-block-end:var(--haarlinie) solid var(--linie);grid-template-columns:4rem minmax(0,1fr);grid-template-areas:"muster text""menge menge""fuss fuss";align-items:center;display:grid}@media (width>=46rem){.wk-zeile{gap:var(--mass-4) var(--mass-5);grid-template-columns:4rem minmax(0,1fr) auto 7.5rem;grid-template-areas:"muster text menge fuss"}}.wk-zeile__muster{grid-area:muster;align-self:start}.wk-zeile__text{grid-area:text;gap:2px;min-inline-size:0;display:grid}.wk-menge{grid-area:menge}.wk-zeile__fuss{grid-area:fuss}.wk-zeile:not(.wk-zeile--farbe) .wk-zeile__muster{inline-size:3rem}.wk-zeile__name{font-size:var(--text-fein);line-height:var(--zeile-mittel);overflow-wrap:anywhere;margin:0}.wk-zeile__name b{font-weight:var(--gewicht-halbfett);font-variant-numeric:tabular-nums;margin-inline-end:.25ch}.wk-zeile__sku{font-size:var(--text-mikro);color:var(--text-leise);font-variant-numeric:tabular-nums;margin:0}.wk-menge{flex-wrap:wrap;align-items:center;min-inline-size:0;display:flex}.wk-mengenform{display:contents}.wk-menge>form:first-of-type{order:1}.wk-mengenfeld{order:2}.wk-menge>form:last-of-type{order:3}.wk-uebernehmen{order:4}.wk-schritt{inline-size:var(--menge-hoehe);block-size:var(--menge-hoehe);font:inherit;font-size:var(--text-h3);background:var(--flaeche);color:var(--text);border:var(--haarlinie) solid var(--linie-bedienbar);border-radius:var(--radius-bedienelement);cursor:pointer;transition:background-color var(--dauer-kurz) var(--schwung);flex:none;line-height:1}@media (hover:hover) and (pointer:fine){.wk-schritt:hover:not(:disabled){background:var(--handlung-schleier)}}.wk-schritt:disabled{color:var(--linie-stark);cursor:not-allowed}.wk-schritt:focus-visible,.wk-mengenfeld:focus-visible,.wk-uebernehmen:focus-visible,.wk-entfernen:focus-visible{outline:var(--fokus-staerke) solid var(--fokus);outline-offset:var(--fokus-abstand);z-index:1;position:relative}.wk-mengenfeld{inline-size:3.5rem;block-size:var(--menge-hoehe);min-block-size:0;padding-inline:var(--mass-1);text-align:center;font:inherit;font-weight:var(--gewicht-halbfett);font-variant-numeric:tabular-nums;border:var(--haarlinie) solid var(--linie-bedienbar);border-radius:var(--radius-bedienelement);border-inline:0;flex:none}.wk-uebernehmen{min-block-size:var(--tippziel);padding-inline:var(--mass-2);font:inherit;font-size:var(--text-klein);color:var(--handlung);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-inline-start:var(--mass-2);text-decoration:underline}.wk-zeile__fuss{justify-items:end;gap:0;display:grid}.wk-zeilensumme{font-weight:var(--gewicht-halbfett);white-space:nowrap;font-variant-numeric:tabular-nums;margin:0}.wk-entfernen{min-block-size:var(--tippziel);font:inherit;font-size:var(--text-klein);color:var(--text-leise);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;text-decoration:underline;display:inline-flex}@media (hover:hover) and (pointer:fine){.wk-entfernen:hover{color:var(--text)}}@media (width<46rem){.wk-zeile__fuss{justify-content:space-between;align-items:center;gap:var(--mass-3);grid-template-columns:auto auto}.wk-zeile__fuss form{order:-1}}.wk-summe{background:var(--flaeche);padding:var(--mass-5);border-block-start:var(--kante-staerke) solid var(--kante)}@media (width>=68rem){.wk-summe{position:sticky;inset-block-start:var(--mass-4)}}.wk-summe__titel{margin:0 0 var(--mass-4);font-size:var(--text-h2);line-height:var(--zeile-eng)}.wk-summe__liste{gap:var(--mass-3) var(--mass-4);margin:0 0 var(--mass-4);font-size:var(--text-fein);grid-template-columns:minmax(0,1fr) auto;display:grid}.wk-summe__liste dt{color:var(--text-leise)}.wk-summe__art{font-size:var(--text-mikro);display:block}.wk-summe__liste dd{text-align:end;font-variant-numeric:tabular-nums;margin:0}.wk-summe__gesamt{justify-content:space-between;gap:var(--mass-1) var(--mass-4);border-block-start:var(--haarlinie) solid var(--linie-stark);font-size:var(--text-h3);font-weight:var(--gewicht-halbfett);flex-wrap:wrap;margin:0;padding-block-start:var(--mass-4);display:flex}.wk-summe__gesamt>:last-child{font-variant-numeric:tabular-nums}.wk-summe__frei{margin:calc(-1 * var(--mass-2)) 0 var(--mass-4);font-size:var(--text-fein);color:var(--text-leise);line-height:var(--zeile-normal)}.wk-summe__hinweis,.wk-summe__gast{margin:var(--mass-2) 0 var(--mass-5);font-size:var(--text-mikro);color:var(--text-leise);line-height:var(--zeile-normal)}.wk-summe__gast{margin:var(--mass-2) 0 0;text-align:center}.wk-summe .wk-knopf{inline-size:100%;display:flex}.wk-zeilensumme__vorher{color:var(--text-leise);font-weight:400}@media (width<46rem){.wk-zeilensumme{white-space:normal;text-align:end}.wk-zeilensumme__vorher{font-size:var(--text-klein);display:block}}.wk-summe__liste .wk-summe__rabatt{color:var(--text)}.wk-gutschein{gap:var(--mass-2);margin:0 0 var(--mass-4);border-block-end:var(--haarlinie) solid var(--linie);padding-block-end:var(--mass-4);display:grid}.wk-gutschein__code{justify-content:space-between;align-items:center;gap:0 var(--mass-3);font-size:var(--text-fein);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.wk-gutschein__label{font-size:var(--text-fein);color:var(--text-leise);margin-block-end:var(--mass-1);display:block}.wk-gutschein__reihe{gap:var(--mass-2);flex-wrap:wrap;display:flex}.wk-gutschein__reihe input{text-transform:uppercase;flex:8rem;min-inline-size:0}.wk-gutschein__reihe .knopf{padding-inline:var(--mass-4);flex:none}.wk-gutschein__wartet{margin:var(--mass-1) 0 0;color:var(--text-leise);flex-basis:100%}.wk-gutschein__fehler{margin:var(--mass-2) 0 0;font-size:var(--text-fein);color:var(--zustand-aus)}
