@font-face{font-family:Space Mono;font-weight:400;font-display:swap;src:url(/fonts/SpaceMono-400.ttf)}@font-face{font-family:Space Mono;font-weight:700;font-display:swap;src:url(/fonts/SpaceMono-700.ttf)}@font-face{font-family:Archivo;font-weight:900;font-display:swap;src:url(/fonts/Archivo-900.ttf)}:root{--grund: #1E2A38;--grund2: #2A3A4C;--leise: #9FB3C8;--flaeche: #F5F7F9;--karte: #FFFFFF;--tinte: #1A1A1A;--grau: #5A6878;--linie: #DCE2E8;--rot: #FF5A3C;--gelb: #FFE14D;--stempel: #D3261C;--strich: #CFCBC0;--f-display: "Archivo", system-ui, sans-serif;--f-mono: "Space Mono", ui-monospace, Consolas, monospace;--f-text: system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--flaeche);color:var(--tinte);font:15px/1.5 var(--f-text);font-variant-numeric:tabular-nums}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--rot);outline-offset:2px}.app{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100%}.seite{background:var(--grund);color:#fff;padding:22px 14px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh}.logo{font:900 20px/1 var(--f-display);letter-spacing:-.02em;padding:0 8px}.logo small{display:block;font:400 11px/1.4 var(--f-mono);color:var(--leise);letter-spacing:.1em;margin-top:6px}.betrieb{display:flex;flex-direction:column;gap:6px;padding:0 8px;font:11px var(--f-mono);color:var(--leise);letter-spacing:.08em}.betrieb select{background:var(--grund2);border:0;color:#fff;padding:8px;font:13px var(--f-mono);letter-spacing:0}.nav{display:flex;flex-direction:column;gap:2px}.nav button{text-align:left;background:none;border:0;color:var(--leise);padding:9px 10px;font:13px var(--f-mono);cursor:pointer;white-space:nowrap}.nav button:hover{color:#fff}.nav button[aria-current=page]{background:var(--gelb);color:var(--tinte);font-weight:700}.seite .fuss{margin-top:auto;font:11px/1.5 var(--f-mono);color:var(--leise);padding:0 8px}main{padding:32px max(28px,env(safe-area-inset-right)) 56px max(28px,env(safe-area-inset-left));min-width:0}.innen{max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.demo{font:12px var(--f-mono);color:var(--grau);display:flex;gap:10px;flex-wrap:wrap;align-items:center}.demo b{background:var(--gelb);color:var(--tinte);padding:2px 6px;letter-spacing:.06em}h1{font:900 clamp(28px,3.6vw,40px)/1.02 var(--f-display);letter-spacing:-.03em;margin:0;text-wrap:balance}h1 em{font-style:normal;color:var(--rot)}.lead{color:var(--grau);margin:8px 0 0;max-width:62ch}.zwei{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px;align-items:start}.karte{background:var(--karte);border:1px solid var(--linie);border-radius:10px;padding:20px}.gruppe{font:700 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--grau);margin:18px 0 8px}.gruppe:first-child{margin-top:0}.felder{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.feld{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-width:0}.feld label{font-size:13px;color:var(--grau)}.ein{display:flex;align-items:center;border:1px solid var(--linie);border-radius:6px;background:var(--karte)}.ein:focus-within{border-color:var(--grund)}.ein input,.ein select{border:0;background:none;padding:8px 10px;width:100%;min-width:0;text-align:right;font-family:var(--f-mono);outline:none}.ein input[type=text]{text-align:left;font-family:var(--f-text)}.ein span{padding-right:10px;color:var(--grau);font:12px var(--f-mono);white-space:nowrap}.zeilen{display:flex;flex-direction:column;gap:6px}.zeile{display:grid;grid-template-columns:minmax(0,1fr) 120px 30px;gap:8px;align-items:center}.x{border:0;background:none;color:var(--grau);font-size:18px;cursor:pointer}.x:hover{color:var(--stempel)}.leise{border:0;background:none;color:var(--grau);font:12px var(--f-mono);cursor:pointer;padding:6px 0}.leise:hover{color:var(--tinte)}.hinweis{font-size:12px;color:var(--grau);margin:10px 0 0}.ergebnis{position:sticky;top:24px;display:flex;flex-direction:column;gap:12px}.bon{background:#fff;color:var(--tinte);font:13px/1.6 var(--f-mono);padding:20px 20px 30px;box-shadow:0 8px 24px #1e2a3824;-webkit-mask:radial-gradient(7px at 50% 100%,transparent 98%,#000) 0 0/16px 100% repeat-x;mask:radial-gradient(7px at 50% 100%,transparent 98%,#000) 0 0/16px 100% repeat-x}.bon .kopf{text-align:center;font-weight:700;letter-spacing:.2em;font-size:12px}.bon .unter{text-align:center;font-size:11px;color:#555;margin-bottom:8px}.bon .z{display:flex;justify-content:space-between;gap:10px;border-bottom:1.5px dashed var(--strich);padding:5px 0}.bon .z.gelb{background:var(--gelb);margin:4px -8px 0;padding:6px 8px;border:0;font-weight:700}.bon .summe{display:flex;justify-content:space-between;font-weight:700;font-size:17px;padding-top:10px}.bon .klein{font-size:11px;color:#555;display:flex;justify-content:space-between}.bon .fuss{text-align:center;font-size:10px;color:#777;margin-top:12px;letter-spacing:.06em}.knoepfe{display:flex;flex-wrap:wrap;gap:8px}.knopf{font:700 12px var(--f-mono);letter-spacing:.04em;border:1.5px solid var(--grund);background:var(--karte);padding:8px 12px;border-radius:99px;cursor:pointer}.knopf.voll{background:var(--grund);color:#fff}.knopf:hover{border-color:var(--rot)}.liste{display:flex;flex-direction:column;gap:6px}.eintrag{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;text-align:left;padding:10px 12px;border:1px solid var(--linie);border-radius:6px;background:var(--karte);cursor:pointer}.eintrag[aria-current=true]{border-color:var(--grund);box-shadow:inset 4px 0 0 var(--gelb)}.eintrag .n{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eintrag .p,.eintrag .m{font-family:var(--f-mono)}.eintrag .m{grid-column:1 / -1;font-size:11px;color:var(--grau)}.recht{font-size:12px;color:var(--grau);max-width:75ch}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--grund);color:#fff;font:13px var(--f-mono);padding:10px 16px;border-radius:6px}@media(max-width:860px){.app{grid-template-columns:minmax(0,1fr)}.seite{position:static;height:auto;padding:14px max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));gap:10px}.logo,.betrieb{padding:0}.nav{flex-direction:row;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.seite .fuss{display:none}main{padding:20px max(16px,env(safe-area-inset-right)) 40px max(16px,env(safe-area-inset-left))}.zwei{grid-template-columns:minmax(0,1fr)}.ergebnis{position:static}}@media(max-width:520px){.felder{grid-template-columns:1fr}.zeile{grid-template-columns:minmax(0,1fr) 100px 28px}}.betrieb-aktionen{display:flex;flex-wrap:wrap;gap:4px 12px;padding:0 8px}.seite-link{background:none;border:0;padding:2px 0;color:var(--gelb);font:12px var(--f-mono);cursor:pointer;text-align:left}.seite-link.leise-hell{color:var(--leise)}.seite-link.warn{color:var(--rot);font-weight:700}.konto{display:flex;flex-direction:column;gap:8px;padding:12px 8px 0;border-top:1px solid var(--grund2)}.konto input{background:var(--grund2);border:0;color:#fff;padding:8px;font:13px var(--f-mono);min-width:0}.konto-label{font:11px var(--f-mono);color:var(--leise);letter-spacing:.08em}.konto-mail{font:12px var(--f-mono);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.konto-hinweis{margin:0;font:12px/1.5 var(--f-text);color:var(--gelb)}.konto-klein{margin:0;font:11px/1.4 var(--f-mono);color:var(--leise)}.konto-link{background:none;border:0;padding:0;color:var(--leise);font:12px var(--f-mono);text-align:left;cursor:pointer;text-decoration:underline}.konto-link.hell{color:#fff}.knopf-pro{background:var(--gelb);color:var(--tinte);border:0;padding:9px 12px;font:700 12px var(--f-mono);letter-spacing:.03em;cursor:pointer;border-radius:4px}.knopf-pro:disabled{opacity:.6;cursor:default}.pro-marke{align-self:flex-start;background:var(--gelb);color:var(--tinte);font:700 11px var(--f-mono);letter-spacing:.12em;padding:3px 8px}.herkunft.lokal{background:#ffe9c2}.herkunft.konto{background:#d6f2df}.pro-hinweis{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:var(--karte);border:1.5px dashed var(--grund);border-radius:8px;padding:12px 16px}.pro-hinweis p{margin:0;font-size:14px;max-width:62ch}.dialog{max-width:560px;display:flex;flex-direction:column;gap:14px}.dialog h2{font:900 24px/1.1 var(--f-display);margin:0;letter-spacing:-.02em}.dialog p{margin:0}.feld-titel{font-size:13px;color:var(--grau)}.arten{display:flex;flex-wrap:wrap;gap:8px}.art{border:1.5px solid var(--linie);background:var(--karte);padding:8px 12px;border-radius:99px;font:13px var(--f-mono);cursor:pointer}.art.an{border-color:var(--grund);background:var(--grund);color:#fff}.haken{display:flex;gap:8px;align-items:center;font-size:14px}.fehler{color:var(--stempel);font-size:14px}.tw{overflow-x:auto}.tabelle{width:100%;border-collapse:collapse;font-size:14px}.tabelle th{text-align:left;font:700 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--grau);padding:8px;border-bottom:1px solid var(--linie)}.tabelle td{padding:10px 8px;border-bottom:1px solid var(--linie);vertical-align:top}.danke{min-height:100%;display:flex;flex-direction:column;gap:18px;align-items:center;justify-content:center;padding:32px 16px}.danke .bon{width:100%;max-width:360px}.danke .knopf{text-decoration:none}.leiste{display:none}.pro-hinweis{padding:10px 14px}@media(max-width:860px){.leiste{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;align-items:baseline;gap:10px;padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:var(--grund);color:#fff;border:0;border-top:3px solid var(--gelb);font:13px var(--f-mono);cursor:pointer;text-align:left}.leiste b{font:700 20px var(--f-mono);color:var(--gelb);margin-left:auto}.leiste-pfeil{color:var(--leise);font-size:11px}main{padding-bottom:96px}.toast{bottom:84px}.logo small{display:none}.seite{gap:8px}.konto{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 0 10px}.konto-mail{max-width:60%}.konto form,form.konto{flex-direction:column;align-items:stretch}.pro-hinweis{gap:8px}.pro-hinweis p{font-size:13px}}.danke .knoepfe{justify-content:center}.danke a.knopf{color:var(--tinte);text-decoration:none}.danke a.knopf.voll{color:#fff}.leiste>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-hinweis{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;background:#d6f2df;border-radius:8px;padding:12px 14px}.start-hinweis p{margin:0;font-size:14px;max-width:70ch}.verlauf{width:100%;height:auto;display:block}.verlauf-monat{cursor:pointer}.verlauf-null{stroke:var(--linie);stroke-width:1.5}.verlauf-plus{fill:var(--grund)}.verlauf-an{fill:var(--gelb);stroke:var(--grund);stroke-width:1.5}.verlauf-minus{fill:var(--stempel)}.verlauf-leer{fill:none;stroke:var(--grau);stroke-dasharray:3 3}.verlauf-text{font:12px var(--f-mono);fill:var(--grau)}.verlauf-text.an{fill:var(--tinte);font-weight:700}.verlauf-plan{stroke:var(--rot);stroke-width:2;stroke-dasharray:6 5}.verlauf-plan-text{font:700 12px var(--f-mono);fill:var(--rot)}.verlauf-monat:hover .verlauf-plus{fill:var(--grund2)}.bon.offen .offen-text{font:12px/1.6 var(--f-mono);color:#555;margin:12px 0 0}#monat-wahl{text-align:left;font-family:var(--f-mono)}@media(max-width:860px){.verlauf-text,.verlauf-plan-text{font-size:22px}}.konto-seite{display:flex;flex-direction:column;gap:12px}.konto-seite p{margin:0}.zeile-info{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--linie);padding-bottom:8px}.zeile-info span{color:var(--grau)}.zeile-info b{text-align:right;overflow-wrap:anywhere}.konto-seite a.knopf{text-decoration:none;color:var(--tinte)}.knopf.warn{border-color:var(--stempel);color:var(--stempel);font-weight:700}.knopf:disabled{opacity:.5;cursor:default}.klein-grau{margin:0;font:12px var(--f-mono);color:var(--grau)}.pro-hinweis-knopf{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.pro-hinweis-knopf span{font:11px var(--f-mono);color:var(--grau)}.herkunft.nur-lesen{background:#e4e7eb}fieldset.nur-lesen{border:0;padding:0;margin:0;min-width:0;display:contents}fieldset.nur-lesen input,fieldset.nur-lesen select{opacity:.75}@media(max-width:520px){.pro-hinweis-knopf{align-items:flex-start}}.kauf-liste{margin:0;padding-left:20px}.kauf-liste li{margin-bottom:4px}.kauf-preis{font-size:18px}.recht-seite{max-width:760px;margin:0 auto;padding:28px 16px 56px;line-height:1.6}.recht-seite h1{font:900 34px/1.1 var(--f-display);letter-spacing:-.02em;margin:18px 0 16px}.recht-seite h2{font:700 15px/1.3 var(--f-mono);letter-spacing:.02em;margin:28px 0 8px}.recht-seite h3{font:700 14px var(--f-mono);margin:12px 0 6px}.recht-seite ul{padding-left:20px}.recht-seite li{margin-bottom:6px}.recht-kopf{display:inline-block;font:900 20px/1 var(--f-display);color:var(--tinte);text-decoration:none;letter-spacing:-.02em}.recht-kopf small{display:block;font:400 11px/1.4 var(--f-mono);color:var(--grau);letter-spacing:.1em;margin-top:4px}.entwurf{background:var(--gelb);font:700 12px var(--f-mono);padding:8px 12px;margin:16px 0 0}.kasten{background:var(--karte);border:1px solid var(--linie);border-radius:8px;padding:4px 18px;margin:12px 0}.recht-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:32px;font:12px var(--f-mono)}.recht-links a{color:var(--grau)}.recht-links a.kuendigen{color:var(--tinte);font-weight:700}main .recht-links{margin-top:8px}.danke .recht-links{justify-content:center}.kuendigen-form{display:flex;flex-direction:column;gap:16px;background:var(--karte);border:1px solid var(--linie);border-radius:8px;padding:20px}.kuendigen-form fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.kuendigen-form legend{font:700 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--grau);margin-bottom:4px}.kuendigen-form .fest{margin:0;font-weight:600}.kuendigen-form label{display:flex;gap:8px;align-items:center}.kuendigen-form label.block{flex-direction:column;align-items:stretch;gap:6px;font-weight:600}.kuendigen-form input[type=email],.kuendigen-form input[type=text],.kuendigen-form textarea{font:15px var(--f-text);padding:10px;border:1px solid var(--linie);border-radius:6px;font-weight:400}.kuendigen-form .klein{font:400 12px var(--f-text);color:var(--grau)}.kuendigen-form .jetzt{align-self:flex-start;background:var(--stempel);color:#fff;border:0;border-radius:6px;padding:12px 22px;font:700 15px var(--f-mono);cursor:pointer}.kuendigen-form .jetzt:disabled{opacity:.6}@media print{.recht-links,.knoepfe{display:none}}.rechtstext h1{font:900 30px/1.15 var(--f-display);letter-spacing:-.02em;margin:18px 0 14px}.rechtstext h2{font:700 16px/1.3 var(--f-mono);margin:26px 0 8px}.rechtstext h3,.rechtstext h4{font:700 14px var(--f-mono);margin:16px 0 6px}.rechtstext p,.rechtstext li{overflow-wrap:anywhere}.rechtstext a{color:var(--tinte)}.rechtstext table{border-collapse:collapse;width:100%;font-size:14px}.rechtstext td,.rechtstext th{border:1px solid var(--linie);padding:6px 8px;vertical-align:top}p.kasten{padding:12px 18px}.kasse-seite{background:var(--grund);color:#fff;min-height:100%;max-width:560px;margin:0 auto;padding:18px max(16px,env(safe-area-inset-right)) 40px max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:18px;font-family:var(--f-mono)}body:has(.kasse-seite){background:var(--grund)}.kasse-kopf{display:flex;justify-content:space-between;align-items:center}.marke{font:900 18px var(--f-display);color:#fff;text-decoration:none;letter-spacing:-.02em}.folge{font:700 11px var(--f-mono);letter-spacing:.14em;background:var(--rot);padding:4px 8px}.kasse-titel{font:900 clamp(30px,8vw,44px)/1.02 var(--f-display);letter-spacing:-.03em;margin:6px 0 0;color:#fff}.kasse-titel em{font-style:normal;color:var(--gelb)}.kasse-lead{color:var(--leise);font-size:13px;line-height:1.6;margin:0}.kasse{display:flex;flex-direction:column;gap:10px}.display{background:#0e1620;border:2px solid #3A4A5C;padding:10px 14px;font:700 40px/1.1 var(--f-mono);color:var(--gelb);text-align:right}.display.minus{color:var(--rot)}.display small{display:block;font:400 11px var(--f-mono);color:var(--leise);text-align:left;letter-spacing:.14em}.display small.rechts{text-align:right;letter-spacing:.04em;margin-top:2px}.tasten{display:grid;grid-template-columns:1fr 1fr;gap:8px}.taste{background:#2e3e51;border-bottom:4px solid #141D27;padding:10px;display:flex;flex-direction:column;gap:6px;min-width:0}.taste label{font-size:12px;color:var(--leise);display:flex;justify-content:space-between;gap:6px}.taste label b{color:#fff}.taste .erkl{font-size:10px;color:#7f93a8;line-height:1.4}.taste.preis{grid-column:1 / 2}.taste select{background:#1e2a38;border:0;color:#fff;padding:8px;font:700 16px var(--f-mono)}.taste input[type=range]{accent-color:var(--rot);width:100%}.taste:has(input[type=range]){grid-column:span 2}.stepper{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:4px}.stepper button{background:var(--rot);border:0;color:#fff;font:700 20px var(--f-mono);cursor:pointer;border-bottom:3px solid #A8321F}.stepper input{background:#1e2a38;border:0;color:#fff;text-align:center;font:700 18px var(--f-mono);min-width:0;width:100%}.zurueck{align-self:flex-start;background:none;border:0;color:var(--leise);font:12px var(--f-mono);text-decoration:underline;cursor:pointer;padding:4px 0}.rolle{display:flex;flex-direction:column;align-items:center;gap:10px}.druckt{font-size:10px;letter-spacing:.16em;color:var(--leise)}.rolle .bon{width:100%;max-width:360px;background:#fff;color:var(--tinte);font:14px/1.6 var(--f-mono);padding:20px 18px 30px;position:relative;-webkit-mask:radial-gradient(7px at 50% 100%,transparent 98%,#000) 0 0/16px 100% repeat-x;mask:radial-gradient(7px at 50% 100%,transparent 98%,#000) 0 0/16px 100% repeat-x}.rolle .bon .t{text-align:center;font-weight:700;letter-spacing:.2em;font-size:13px}.rolle .bon .u{text-align:center;font-size:11px;color:#555;margin-bottom:8px}.rolle .bon .z{display:flex;justify-content:space-between;gap:10px;border-bottom:1.5px dashed var(--strich);padding:6px 0}.rolle .bon .z.stark{font-weight:700}.rolle .bon .z.gelb{background:var(--gelb);margin:8px -8px 0;padding:8px;border:0;font-weight:700;font-size:16px}.rolle .bon .z.rot{background:var(--rot);color:#fff;margin:8px -8px 0;padding:8px;border:0;font-weight:700;font-size:16px}.stempel{margin:16px auto 0;width:max-content;max-width:100%;transform:rotate(-6deg);border:2.5px solid var(--stempel);color:var(--stempel);font:700 11px var(--f-mono);letter-spacing:.1em;padding:4px 8px}.aktionen{display:flex;gap:8px}.gross{background:var(--gelb);color:var(--tinte);border:0;font:700 14px var(--f-mono);letter-spacing:.06em;padding:12px 22px;cursor:pointer;border-bottom:4px solid #C9A800}.meldung{font-size:12px;color:var(--gelb)}.weiter{border-top:2px dashed #3A4A5C;padding-top:18px;display:flex;flex-direction:column;gap:8px}.weiter h2{font:900 22px/1.1 var(--f-display);margin:0;letter-spacing:-.02em}.weiter p{margin:0;font-size:13px;color:#d6e0ea;line-height:1.6}.weiter .link{color:var(--gelb);font-weight:700;text-decoration:none}.weiter .angebot{font-size:11px;color:var(--leise)}.quellen{font-size:11px;color:var(--leise);line-height:1.6;display:flex;flex-direction:column;gap:6px}.quellen p{margin:0}.quellen a{color:var(--leise)}