:root{--grund: #1a1a1a;--schrift: #f5f2ec;--still: #9b968c;--linie: #3a3833;--achtung: #e0a458;--fehler: #d47a6a}body{margin:0}.ui-schale{min-height:100dvh;background:var(--grund);color:var(--schrift);font-family:system-ui,sans-serif;display:flex;flex-direction:column;align-items:center;padding:2rem 1.25rem 3rem;box-sizing:border-box}.ui-marke{font-family:Georgia,serif;font-size:2.2rem;letter-spacing:.04em;margin:0 0 .25rem;font-weight:400}.ui-untertitel{margin:0 0 2rem;color:var(--still);font-size:.95rem}.ui-karte{width:100%;max-width:24rem;display:flex;flex-direction:column;gap:.9rem}.ui-feld{width:100%;box-sizing:border-box;background:#242220;color:var(--schrift);border:1px solid var(--linie);border-radius:.6rem;padding:.9rem 1rem;font-size:1.05rem}.ui-feld:focus{outline:2px solid var(--schrift);outline-offset:1px}.ui-feld--code{text-align:center;letter-spacing:.5em;font-size:1.4rem}.ui-knopf{background:var(--schrift);color:var(--grund);border:none;border-radius:.6rem;padding:.95rem 1rem;font-size:1.05rem;font-weight:600;cursor:pointer}.ui-knopf:disabled{opacity:.5;cursor:default}.ui-knopf--still{background:transparent;color:var(--schrift);border:1px solid var(--linie);font-weight:400}.ui-liste{display:flex;flex-direction:column;gap:.6rem;width:100%}.ui-meldung{margin:0;padding:.8rem 1rem;border-radius:.6rem;font-size:.95rem}.ui-meldung--fehler{background:#3a2420;color:var(--fehler)}.ui-meldung--hinweis{background:#33301f;color:var(--achtung)}.ui-still{color:var(--still);font-size:.9rem;margin:0}.ui-zeile{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:24rem;margin-bottom:1.5rem}.ui-uebungsband{position:sticky;top:0;z-index:9;background:var(--achtung);color:var(--grund);text-align:center;font-size:.85rem;padding:.25rem .5rem}.ds-titel{font-family:Georgia,serif;font-weight:400;font-size:1.1rem;margin:0 0 .3rem}.ds-text{margin:0;font-size:.95rem;line-height:1.5;color:var(--schrift)}.ui-textlink{background:none;border:none;color:var(--still);text-decoration:underline;cursor:pointer;font-size:.85rem;padding:0}.bs-reiter{display:flex;gap:.4rem;overflow-x:auto;width:100%;max-width:34rem;padding-bottom:.6rem;margin-bottom:.6rem;-webkit-overflow-scrolling:touch}.bs-reitknopf{flex:0 0 auto;background:transparent;color:var(--still);border:1px solid var(--linie);border-radius:2rem;padding:.45rem .9rem;font-size:.9rem;cursor:pointer;white-space:nowrap}.bs-reitknopf--aktiv{background:var(--schrift);color:var(--grund);border-color:var(--schrift)}.bs-menge{flex:0 0 5rem;text-align:center;padding:.6rem .4rem}.bs-leiste{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.25rem calc(.8rem + env(safe-area-inset-bottom));background:var(--grund);border-top:1px solid var(--linie)}.bs-leiste .ui-knopf{padding:.7rem 1.4rem}.st-zahnrad{background:transparent;border:1px solid var(--linie);border-radius:50%;width:2.2rem;height:2.2rem;color:var(--schrift);font-size:1.1rem;cursor:pointer;line-height:1}.bs-terminfeld{border:1px solid var(--linie);border-radius:.6rem;padding:.8rem 1rem;text-align:center;display:flex;flex-direction:column;gap:.25rem}.bs-kalkopf{display:flex;justify-content:space-between;align-items:center}.bs-kal{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;width:100%}.bs-kalwt{text-align:center;font-size:.75rem;color:var(--still)}.bs-kaltag{aspect-ratio:1;border-radius:.5rem;border:1px solid transparent;background:transparent;color:#55524b;font-size:.9rem;display:flex;align-items:center;justify-content:center}.bs-kaltag--offen{border-color:var(--linie);color:var(--schrift);cursor:pointer}.bs-kaltag--gewaehlt{background:var(--schrift);color:var(--grund);border-color:var(--schrift);font-weight:600}.bs-mengenblock{display:flex;gap:.3rem;align-items:center}.bs-plus{background:transparent;color:var(--schrift);border:1px solid var(--linie);border-radius:.5rem;padding:.55rem .5rem;font-size:.85rem;cursor:pointer}.per-gruppe{border-top:1px solid var(--linie);padding-top:.9rem;margin-top:.4rem}.per-filiale{font-family:Georgia,serif;font-weight:400;font-size:1.15rem;margin:0 0 .6rem}.per-zeile{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.45rem 0;flex-wrap:wrap}.per-zeile--still{opacity:.55}.per-knoepfe{display:flex;gap:.4rem;flex-wrap:wrap}.per-klein{padding:.4rem .7rem;font-size:.85rem}.per-schalter{display:flex;align-items:center;gap:.5rem}.per-mehr{display:flex;flex-direction:column;gap:.7rem;margin-top:.7rem}.per-qr{width:14rem;max-width:80%;align-self:center;background:#fff;padding:.6rem;border-radius:.6rem}.per-druck{display:none}@media print{body *{visibility:hidden}.per-druck,.per-druck *{visibility:visible}.per-druck{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#fff}.per-druck-karte{width:85mm;margin:15mm auto;padding:8mm;border:.4mm solid #000;border-radius:4mm;text-align:center;color:#000;font-family:system-ui,sans-serif}.per-druck-titel{font-family:Georgia,serif;font-size:14pt;letter-spacing:.05em}.per-druck-name{font-size:16pt;font-weight:600;margin:3mm 0}.per-druck-karte img{width:45mm;height:45mm}.per-druck-token{font-size:7pt;word-break:break-all;margin-top:2mm}.per-druck-hinweis{font-size:8pt;margin-top:3mm;color:#333}}