:root{--marke:#d97706;--marke-dunkel:#b05f04;--marke-tief:#8f4c03;--marke-blass:#fdf3e6;--anthrazit:#33322f;--anthrazit-hell:#4b4945;--grund:#f5f4f2;--flaeche:#fff;--rand:#e3dfd9;--text:#26251f;--text-leise:#6b6862;--rot:#c0392b;--rot-hell:#fdecea;--gruen:#1e7e34;--gruen-hell:#e6f4ea;--ruhend:#4c5564;--ruhend-hell:#eef0f4;--radius:12px;--tippziel:44px;--schatten:0 1px 3px #26251f1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--text);background:var(--grund);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}h1,h2,h3{margin:0 0 .5rem;line-height:1.25}h1{font-size:1.35rem}h2{font-size:1.1rem}h3{font-size:1rem}a{color:var(--marke-tief)}.huelle{flex-direction:column;min-height:100dvh;display:flex}.kopf{z-index:20;background:var(--anthrazit);color:#fff;padding:.7rem 1rem;padding-top:max(.7rem, env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.kopf__titel{align-items:center;gap:.5rem;margin:0;font-size:1.05rem;font-weight:600;display:flex}.kopf__marke{color:var(--marke);display:inline-flex}.kopf__benutzer{opacity:.85;font-size:.8rem}.inhalt{padding:1rem;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom));flex:1;width:100%;max-width:1200px;margin:0 auto}.navigation{z-index:20;background:var(--flaeche);border-top:1px solid var(--rand);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.navigation a{min-height:var(--tippziel);color:var(--text-leise);border-top:3px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;padding:.5rem .25rem;font-size:.7rem;text-decoration:none;display:flex}.navigation a.aktiv{color:var(--marke-tief);border-top-color:var(--marke);font-weight:600}.navigation__symbol{flex-shrink:0;width:1.35rem;height:1.35rem}.karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);margin-bottom:.75rem;padding:1rem}.karte--knapp{padding:.75rem}.feld{margin-bottom:.9rem}.feld>label{color:var(--text);margin-bottom:.3rem;font-size:.85rem;font-weight:600;display:block}.feld__hinweis{color:var(--text-leise);margin-top:.25rem;font-size:.78rem}input[type=text],input[type=tel],input[type=number],input[type=password],input[type=email],input[type=date],input[type=search],select,textarea{width:100%;min-height:var(--tippziel);color:var(--text);background:var(--flaeche);border:1px solid var(--rand);border-radius:10px;padding:.6rem .7rem;font-family:inherit;font-size:16px}textarea{resize:vertical;min-height:5rem}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b6862' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;background-size:12px;padding-right:2.2rem}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--marke-dunkel);outline-offset:1px}.feld--fehler input,.feld--fehler select,.feld--fehler textarea{border-color:var(--rot);background:var(--rot-hell)}.feldfehler{color:var(--rot);margin-top:.3rem;font-size:.8rem;font-weight:500;display:block}fieldset{border:0;margin:0 0 .9rem;padding:0}legend{margin-bottom:.4rem;padding:0;font-size:.85rem;font-weight:600}.schalter{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.schalter label{min-height:var(--tippziel);text-align:center;border:2px solid var(--rand);color:var(--text-leise);background:var(--flaeche);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:.6rem .5rem;font-size:.9rem;font-weight:600;display:flex}.schalter input{opacity:0;pointer-events:none;position:absolute}.schalter input:checked+span{color:inherit}.schalter label:has(input:checked){border-color:var(--marke);background:var(--marke-blass);color:var(--marke-tief)}.schalter label:has(input:focus-visible){outline:3px solid var(--marke-dunkel);outline-offset:1px}.ankreuz{min-height:var(--tippziel);cursor:pointer;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.ankreuz input{flex-shrink:0;width:1.35rem;height:1.35rem}button,.knopf{min-height:var(--tippziel);border:1px solid var(--marke-dunkel);background:var(--marke-dunkel);color:#fff;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}button:disabled{opacity:.55;cursor:not-allowed}.knopf--zweit,button.zweit{background:var(--flaeche);color:var(--marke-tief)}.knopf--leise,button.leise{color:var(--text-leise);background:0 0;border-color:#0000;font-weight:500}button.gefahr{background:var(--rot);border-color:var(--rot)}.knopf--breit{width:100%}.knopfzeile{flex-wrap:wrap;gap:.5rem;display:flex}.knopfzeile>*{flex:auto}.abzeichen{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.abzeichen:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.abzeichen--offen{background:var(--ruhend-hell);color:var(--ruhend);border-color:#d3d9e2}.abzeichen--in_bearbeitung{color:#1f5fa8;background:#e8eff9;border-color:#c5d7ec}.abzeichen--bestellt{color:#5b3fa8;background:#efe8fb;border-color:#d8c9f2}.abzeichen--nicht_lieferbar{background:var(--rot-hell);color:var(--rot);border-color:#f5c6c0}.abzeichen--geliefert{background:var(--gruen-hell);color:var(--gruen);border-color:#b9e0c4}.abzeichen--art{color:var(--text-leise);border-color:var(--rand);background:#f0eeea}.abzeichen--art:before{display:none}.abzeichen--warnung{background:var(--rot-hell);color:var(--rot);border-color:#f5c6c0}.abzeichen--warnung:before{display:none}.liste{margin:0;padding:0;list-style:none}.eintrag{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schatten);margin-bottom:.6rem;padding:.85rem}.eintrag__oeffnen{text-align:left;cursor:pointer;width:100%;min-height:0;font:inherit;color:inherit;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block}.loeschknopf{min-height:var(--tippziel);min-width:var(--tippziel);color:var(--text-leise);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:none;margin-left:auto;padding:.4rem}.loeschknopf:hover,.loeschknopf:focus-visible{color:var(--rot);background:var(--rot-hell);border-color:#f5c6c0}.eintrag__kopf{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.35rem;display:flex}.eintrag__artikel{overflow-wrap:anywhere;font-size:1rem;font-weight:600}.eintrag__zeile{color:var(--text-leise);overflow-wrap:anywhere;font-size:.85rem}.eintrag__fuss{align-items:center;gap:.4rem;margin-top:.5rem;display:flex}.eintrag__abzeichen{flex-wrap:wrap;flex:auto;align-items:center;gap:.4rem;min-width:0;display:flex}.tabelle{display:none}.suchzeile{gap:.5rem;margin-bottom:.75rem;display:flex}.suchzeile input{flex:1}.filterflaeche{grid-template-columns:1fr;gap:.75rem;display:grid}.filterflaeche .feld{margin-bottom:0}.filterstreifen{color:var(--text-leise);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.82rem;display:flex}.export{color:var(--text-leise);align-items:center;gap:.35rem;margin-left:auto;display:inline-flex}.export a{border:1px solid var(--rand);min-height:2rem;color:var(--marke-tief);background:var(--flaeche);border-radius:8px;align-items:center;padding:.15rem .5rem;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.export a:hover,.export a:focus-visible{border-color:var(--marke);background:var(--marke-blass)}.meldung{border:1px solid;border-radius:10px;margin-bottom:.75rem;padding:.75rem .9rem;font-size:.9rem}.meldung--fehler{background:var(--rot-hell);color:var(--rot);border-color:#f5c6c0}.meldung--erfolg{background:var(--gruen-hell);color:var(--gruen);border-color:#b9e0c4}.meldung--hinweis{background:var(--marke-blass);color:var(--marke-tief);border-color:#f0d9c4}.leer{text-align:center;color:var(--text-leise);padding:2.5rem 1rem}.leer__symbol{opacity:.5;margin-bottom:.5rem;font-size:2.5rem;display:block}.laden{text-align:center;color:var(--text-leise);padding:2rem}.daten{margin:0}.daten>div{border-bottom:1px solid var(--rand);justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.daten>div:last-child{border-bottom:0}.daten dt{color:var(--text-leise);flex-shrink:0;font-size:.85rem}.daten dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:500}.verlauf{margin:0;padding:0;list-style:none}.verlauf li{border-bottom:1px solid var(--rand);gap:.75rem;padding:.5rem 0;font-size:.87rem;display:flex}.verlauf li:last-child{border-bottom:0}.verlauf__zeit{color:var(--text-leise);font-variant-numeric:tabular-nums;flex-shrink:0}.statuswahl{grid-template-columns:1fr;gap:.5rem;display:grid}.statuswahl button{background:var(--flaeche);color:var(--text);border-color:var(--rand);justify-content:flex-start;font-weight:500}.statuswahl button[aria-pressed=true]{border-color:var(--marke);background:var(--marke-blass);font-weight:700}.blaettern{justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.blaettern span{color:var(--text-leise);font-size:.85rem}.reiter{border-bottom:1px solid var(--rand);scrollbar-width:none;gap:.25rem;margin-bottom:1rem;display:flex;overflow-x:auto}.reiter::-webkit-scrollbar{display:none}.reiter button{color:var(--text-leise);white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;padding:.6rem .8rem;font-weight:600}.reiter button[aria-selected=true]{color:var(--marke-tief);border-bottom-color:var(--marke)}.zeile{border-bottom:1px solid var(--rand);justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 0;display:flex}.zeile:last-child{border-bottom:0}.zeile__text{min-width:0}.zeile__name{overflow-wrap:anywhere;font-weight:600}.zeile__zusatz{color:var(--text-leise);overflow-wrap:anywhere;font-size:.82rem}.inaktiv .zeile__name{color:var(--text-leise);text-decoration:line-through}.dialog{background:var(--flaeche);width:calc(100% - 2rem);max-width:420px;color:var(--text);border:0;border-radius:16px;padding:0;box-shadow:0 10px 40px #00000040}.dialog::backdrop{background:#26251f8c}.dialog__inhalt{padding:1.25rem}.dialog__inhalt h2{margin-bottom:.75rem}.dialog__inhalt p{overflow-wrap:anywhere;margin:0 0 .75rem}.anmeldung{background:var(--anthrazit);justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex}.anmeldung__karte{background:var(--flaeche);border-radius:16px;width:100%;max-width:380px;padding:1.75rem 1.5rem;box-shadow:0 8px 30px #0003}.anmeldung__titel{text-align:center;margin-bottom:1.25rem}.anmeldung__symbol{color:var(--marke);justify-content:center;margin-bottom:.75rem;display:flex}.nur-vorlesen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=768px){.inhalt{padding:1.5rem 1.5rem 2rem}h1{font-size:1.6rem}.navigation{background:var(--anthrazit-hell);border-top:0;max-width:none;padding:0;position:static}.navigation a{color:#fffc;border-top:0;border-bottom:3px solid #0000;flex-direction:row;flex:none;gap:.4rem;padding:.7rem 1.1rem;font-size:.9rem}.navigation a.aktiv{color:#fff;border-top-color:#0000;border-bottom-color:#fff}.filterflaeche,.statuswahl{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.liste{display:none}.tabelle{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--radius);display:block;overflow-x:auto}.tabelle table{border-collapse:collapse;width:100%;font-size:.9rem}.tabelle th,.tabelle td{text-align:left;border-bottom:1px solid var(--rand);vertical-align:top;padding:.7rem .75rem}.tabelle thead th{color:var(--text-leise);white-space:nowrap;z-index:1;background:#f0eeea;font-size:.8rem;position:sticky;top:0}.tabelle tbody tr{cursor:pointer}.tabelle tbody tr:hover{background:#faf8f5}.tabelle tbody tr:last-child td{border-bottom:0}.tabelle td:last-child,.tabelle th:last-child{text-align:right;width:1%;padding-left:0}.tabelle .loeschknopf{min-width:2.2rem;min-height:2.2rem}.sortkopf{min-height:0;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.3rem;margin:0;padding:0;font-weight:600;display:inline-flex}.sortkopf__pfeil{opacity:.4;font-size:.7rem}.sortkopf[aria-sort=ascending] .sortkopf__pfeil,.sortkopf[aria-sort=descending] .sortkopf__pfeil{opacity:1;color:var(--marke-tief)}.formularflaeche{max-width:640px}}@media (width>=900px){.formularflaeche--breit{max-width:1000px}.formularraster{grid-template-columns:1fr 1fr;align-items:start;gap:0 .9rem;display:grid}.formularraster__voll{grid-column:1/-1}.formularraster__hoch{grid-row:span 2}.formularraster textarea{min-height:8.5rem}.formularraster__voll .schalter{max-width:520px}.formularraster .knopfzeile>*{flex:none;min-width:11rem}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}