:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--kopf:#1d1e21;--kopf-dunkel:#141517;--dialog-kopf:#1d1e21;--logo-rot:#d91714;--logo-rot-auf-dunkel:#ec2d27;--signal-gelb:#ffd166;--anmelden-oben:#1d1e21;--anmelden-unten:#0f1012;--grund:#f3f3f4;--flaeche:#fff;--eingabe:#fff;--leise-flaeche:#ececee;--plaettchen:#f7f7f8;--darueber:#f5f9fc;--darueber-rand:#a1b7ca;--falsch-flaeche:snow;--tinte:#1d1e21;--grau:#66686e;--rand:#d7d8db;--rand-hell:#e8e8ea;--akzent:#2a2b2f;--akzent-dunkel:#141517;--akzent-hell:#e9e9eb;--auf-akzent:#fff;--auf-farbe:#fff;--auf-gelb:#1d1e21;--rot:#b42318;--rot-blass:#fdecea;--gruen:#2a7449;--gruen-blass:#e7f4ec;--gelb:#946000;--gelb-blass:#fdf3dd;--blau:#2f5f8a;--blau-blass:#e8f0f8;--orange:#b54708;--orange-blass:#fdead7;--lila:#5b3fa0;--lila-blass:#efeafb;--wp:#13795b;--strom-blass:#fff4d6;--beere:#a3286e;--beere-blass:#fbe9f2;--petrol:#2a8192;--petrol-blass:#e3f3f6;--reihe-1:#1f6fb2;--reihe-2:#b07300;--schatten:0 1px 2px #1415170f, 0 2px 8px #1415170d;--schatten-gross:0 8px 24px #1415172e;--abdunkeln:#14151780;--radius:10px;--radius-s:6px;color:var(--tinte);-webkit-text-size-adjust:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.45}:root[data-darstellung=dunkel]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--kopf:#1d1e21;--kopf-dunkel:#2a2b30;--dialog-kopf:#2a2b30;--logo-rot:#ec2d27;--logo-rot-auf-dunkel:#ec2d27;--signal-gelb:#ffd166;--anmelden-oben:#17181b;--anmelden-unten:#0b0b0d;--grund:#121214;--flaeche:#1c1d20;--eingabe:#141517;--leise-flaeche:#2a2b2f;--plaettchen:#222326;--darueber:#131922;--darueber-rand:#4c627d;--falsch-flaeche:#2a1614;--tinte:#e8e8eb;--grau:#a2a4aa;--rand:#3a3b41;--rand-hell:#2b2c31;--akzent:#e8e8eb;--akzent-dunkel:#fff;--akzent-hell:#2e2f34;--auf-akzent:#141517;--auf-farbe:#121214;--auf-gelb:#1d1e21;--rot:#ff7b6e;--rot-blass:#3b1714;--gruen:#5dca8b;--gruen-blass:#15301f;--gelb:#f2b84b;--gelb-blass:#362a0f;--blau:#86b7ee;--blau-blass:#182739;--orange:#f6a064;--orange-blass:#3a2312;--lila:#bba6f2;--lila-blass:#29213f;--wp:#4fd1a5;--strom-blass:#3a2f12;--beere:#f08cc2;--beere-blass:#3a1a2c;--petrol:#7dd2e3;--petrol-blass:#15313a;--reihe-1:#6cb0f0;--reihe-2:#e3a73c;--schatten:0 1px 2px #00000080, 0 2px 8px #00000059;--schatten-gross:0 8px 24px #0009;--abdunkeln:#0009}*{box-sizing:border-box}body{background:var(--grund);margin:0;overflow-x:hidden}a{color:var(--blau)}h1,h2,h3{margin:0;line-height:1.25}h1{font-size:1.5rem}h2{margin-bottom:.6rem;font-size:1.1rem}h3{font-size:1rem}input,select,textarea,button{font:inherit;color:inherit}input:where(:not([type=checkbox]):not([type=radio])),select,textarea{border:1px solid var(--rand);border-radius:var(--radius-s);background:var(--eingabe);width:100%;min-width:0;padding:.5rem .6rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--akzent);outline-offset:0;border-color:var(--akzent)}input:disabled,select:disabled,textarea:disabled{background:var(--leise-flaeche);color:var(--grau)}input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--akzent);flex:none}.leise{color:var(--grau)}.klein{font-size:.85rem}.mehrzeilig{white-space:pre-line}.nur-vorlesen,.aufgabe-kunde .zaehler-kurz{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.knopf,.knopf-zweit,.knopf-still{border-radius:var(--radius-s);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.3rem;min-height:2.4rem;padding:.45rem .95rem;text-decoration:none;display:inline-flex}.knopf{background:var(--akzent);color:var(--auf-akzent);font-weight:600}.knopf:hover{background:var(--akzent-dunkel)}.knopf:disabled{opacity:.6;cursor:default}.knopf-zweit{background:var(--flaeche);border-color:var(--akzent);color:var(--akzent-dunkel);font-weight:600}.knopf-zweit:hover{background:var(--akzent-hell)}.knopf-still{color:var(--akzent-dunkel);background:0 0}.knopf-still:hover{background:var(--akzent-hell)}.knopf-klein{min-height:2rem;padding:.25rem .6rem;font-size:.88rem}.knopf-gross{width:100%;min-height:2.8rem;margin-top:.5rem}.knopfreihe{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.knopfreihe.schritt-knoepfe>*{white-space:normal;overflow-wrap:anywhere;text-align:center;max-width:100%}.knoepfe{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;display:flex}.umschalter{border:1px solid var(--akzent);border-radius:var(--radius-s);flex:none;display:inline-flex;overflow:hidden}.umschalter button{background:var(--flaeche);cursor:pointer;color:var(--akzent-dunkel);border:0;padding:.4rem .9rem}.umschalter button+button{border-left:1px solid var(--akzent)}.umschalter button.an{background:var(--akzent);color:var(--auf-akzent);font-weight:600}.umschalter-klein button{padding:.25rem .6rem;font-size:.88rem}.umschalter button:focus-visible{outline:2px solid var(--akzent);outline-offset:-4px}.umschalter button.an:focus-visible{outline-color:var(--auf-akzent)}.kopf{z-index:20;padding:.5rem 1.25rem;padding-top:max(.5rem, env(safe-area-inset-top));background:var(--kopf);color:#fff;border-bottom:3px solid var(--logo-rot-auf-dunkel);align-items:center;gap:.75rem;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #00000026}.kopf-marke{color:#fff;border-radius:var(--radius-s);flex:none;align-items:center;display:flex}.kopf-marke .logo{width:auto;height:2.4rem}.kopf-marke .logo-rot{fill:var(--logo-rot-auf-dunkel)}.kopf-marke:focus-visible{outline:2px solid var(--signal-gelb);outline-offset:3px}.kopf-suche{flex:14rem;max-width:22rem}.kopf-suche input{color:#fff;background:#ffffff24;border-color:#0000}.kopf-suche input::placeholder{color:#ffffffb3}.kopf-suche input:focus{background:var(--eingabe);color:var(--tinte);outline-color:var(--signal-gelb)}.kopf-suche input:focus::placeholder{color:var(--grau)}.navigation{align-items:center;gap:.15rem;margin-left:auto;display:flex}.navigation a,.navigation button{color:#fff;border-radius:var(--radius-s);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:.45rem .6rem;text-decoration:none}.navigation a:hover,.navigation button:hover{background:#ffffff1f}.navigation a.active{background:#fff3;font-weight:600}.nav-trenner{background:#ffffff4d;width:1px;height:1.4rem;margin:0 .4rem}.nav-klein{opacity:.9;font-size:.88rem}.nav-konto{position:relative}.nav-konto-knopf{font-size:.9rem}.nav-konto-menue{background:var(--kopf-dunkel);border-radius:var(--radius-s);flex-direction:column;min-width:12rem;padding:.35rem;display:none;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 8px 24px #00000040}.nav-konto.offen .nav-konto-menue{display:flex}.nav-konto-menue a,.nav-konto-menue button{text-align:left}.nav-name{display:none}.nav-stand{opacity:.7;white-space:nowrap;padding:.35rem .7rem .45rem;font-size:.8rem}.nav-stand-neu{opacity:1;color:var(--orange);text-align:left}.stoerung{background:var(--rot-blass);color:var(--rot);border-bottom:1px solid var(--rot);flex-direction:column;gap:.2rem;padding:.6rem 1.25rem;display:flex}.probebetrieb{background:var(--blau-blass);padding:.45rem 1.25rem;font-size:.9rem}.nav-darstellung{white-space:nowrap;border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:.75rem;margin:.2rem 0;padding:.45rem .7rem;font-size:.9rem;display:flex}.nav-darstellung-name{opacity:.8}.nav-darstellung .umschalter{border-color:#ffffff4d}.nav-darstellung .umschalter button{color:#fff;text-align:center;background:0 0;border-radius:0;padding:.2rem .55rem;font-size:.82rem}.nav-darstellung .umschalter button+button{border-left:1px solid #ffffff4d}.nav-darstellung .umschalter button:hover{background:#ffffff1f}.nav-darstellung .umschalter button.an{color:var(--kopf);background:#fff;font-weight:600}.nav-darstellung .umschalter button:focus-visible{outline:2px solid var(--signal-gelb);outline-offset:-3px}.nav-darstellung .umschalter button.an:focus-visible{outline-color:var(--kopf)}.menue-knopf{color:#fff;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:.3rem .5rem;font-size:1.5rem;line-height:1;display:none}.nur-meine-ort{flex:none;display:inline-flex;position:relative}.nur-meine{border-radius:var(--radius-s);color:#ffffffd9;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:.5rem;padding:.35rem .55rem;font-size:.92rem;display:inline-flex}.nur-meine:hover{background:#ffffff1f}.nur-meine:focus-visible{outline:2px solid var(--signal-gelb);outline-offset:1px}.nur-meine.an{color:#fff;font-weight:600}.nur-meine-bahn{background:#ffffff47;border-radius:999px;flex:none;width:2.2rem;height:1.25rem;transition:background-color .15s;position:relative}.nur-meine-bahn:after{content:"";background:#fff;border-radius:50%;width:.9rem;height:.9rem;transition:transform .15s;position:absolute;top:.175rem;left:.175rem;box-shadow:0 1px 2px #00000040}.nur-meine.an .nur-meine-bahn{background:var(--signal-gelb);box-shadow:0 0 0 2px #ffd16659}.nur-meine.an .nur-meine-bahn:after{background:var(--auf-gelb);transform:translate(.95rem)}.nur-meine.ruht{opacity:.5;cursor:default;font-weight:400}.nur-meine.ruht:hover{background:0 0}.nur-meine.ruht .nur-meine-bahn{box-shadow:none;background:#ffffff47}.nur-meine.ruht .nur-meine-bahn:after{background:#fff}.nur-meine-hinweis{z-index:30;border-radius:var(--radius-s);background:var(--kopf-dunkel);color:#fff;width:max-content;max-width:15rem;padding:.45rem .65rem;font-size:.85rem;line-height:1.35;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 8px 24px #00000040}.nur-meine-hinweis:empty{display:none}@media (prefers-reduced-motion:reduce){.nur-meine-bahn,.nur-meine-bahn:after{transition:none}}@media (width<=360px){.kopf-marke .logo{height:2rem}}.inhalt{max-width:76rem;padding:1.25rem 1.25rem 3rem;padding-bottom:max(3rem, env(safe-area-inset-bottom));margin:0 auto}.laedt-ganz{text-align:center;padding:2rem}.seitenkopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;margin-bottom:1rem;display:flex}.seitenkopf .unter{color:var(--grau);margin:.2rem 0 0}.seitenkopf-knoepfe{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.brotkrumen{color:var(--grau);margin:0 0 .4rem;font-size:.9rem}.brotkrumen a{color:var(--grau)}.karte{background:var(--flaeche);border:1px solid var(--rand-hell);border-radius:var(--radius);box-shadow:var(--schatten);min-width:0;margin-bottom:1rem;padding:1rem 1.15rem}.karte.schmal{max-width:28rem;margin:1rem auto}.karte.schmal h1{margin-bottom:.75rem}.karte-kopf{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.karte-kopf h2{margin:0}.karte-kopf.aussen{align-items:center;margin:1.5rem 0 .6rem}.inaktiv{opacity:.6}.liste{margin:0 0 1rem;padding:0;list-style:none}.liste.karte{padding:0}.liste>li+li{border-top:1px solid var(--rand-hell)}.liste>li.leise{padding:1rem}.liste.karte:not(.zuordnung){box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:.45rem;display:flex}.liste.karte:not(.zuordnung)>li{background:var(--flaeche);border:1px solid var(--rand-hell);border-radius:var(--radius);box-shadow:var(--schatten)}.liste.karte:not(.zuordnung)>li>a{border-radius:calc(var(--radius) - 1px)}.liste.karte:not(.zuordnung)>li:has(>a:hover,>a:focus-visible){border-color:var(--darueber-rand)}.liste.karte>li.vertrag-kopf{box-shadow:none;background:0 0;border:0;padding-bottom:.1rem}.zeile{color:inherit;grid-template-columns:minmax(0,2fr) minmax(0,3fr) auto;align-items:center;gap:.25rem 1rem;padding:.7rem 1rem;text-decoration:none;display:grid}a.zeile:hover,a.zeile:focus-visible{background:var(--darueber)}.zeile-haupt{flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;font-weight:600;display:flex}.zeile-neben{color:var(--grau);overflow-wrap:anywhere;min-width:0;font-size:.92rem}.zeile-zahl{text-align:right;color:var(--grau);white-space:nowrap;font-size:.9rem}.zeile-zahl select{width:auto}.such-feld{flex:1;min-width:0;position:relative}.such-vorschlaege{z-index:30;background:var(--flaeche);min-width:min(26rem,90vw);max-height:70vh;color:var(--tinte);border:1px solid var(--rand);border-radius:var(--radius-s);box-shadow:var(--schatten-gross);margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + .3rem);left:0;right:0;overflow:auto}.such-gruppe{color:var(--grau);text-transform:uppercase;letter-spacing:.03em;padding:.55rem .55rem .2rem;font-size:.72rem;font-weight:600}.such-gruppe:not(:first-child){border-top:1px solid var(--rand-hell);margin-top:.25rem}.such-vorschlag{border-radius:var(--radius-s);cursor:pointer;grid-template-columns:3.4rem minmax(0,1fr);align-items:center;gap:0 .65rem;padding:.45rem .55rem;display:grid}.such-vorschlag.aktiv{background:var(--blau-blass)}.such-vorschlag .zaehler-symbol,.such-vorschlag .aufgabe-symbol,.such-initialen{grid-row:span 2;justify-self:center}.such-initialen{background:var(--blau-blass);width:1.9rem;height:1.9rem;color:var(--blau);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:inline-grid}.such-name .marke{margin-left:.4rem}.such-zu-spaet{color:var(--rot)}.such-name{overflow-wrap:anywhere;min-width:0;font-weight:600}.such-name .status{vertical-align:.05rem;margin-left:.3rem}.such-neben{color:var(--grau);overflow-wrap:anywhere;min-width:0;font-size:.85rem}.such-alle{color:var(--blau);border-top:1px solid var(--rand-hell);border-radius:0 0 var(--radius-s) var(--radius-s);font-weight:600;display:block}.such-leer{color:var(--grau);padding:.45rem .55rem}.such-chip{cursor:text;align-items:center;padding:0 .25rem;display:flex;position:absolute;inset:0}.such-chip-pille{background:var(--signal-gelb);min-width:0;max-width:100%;height:calc(100% - .4rem);color:var(--auf-gelb);border-radius:999px;align-items:stretch;display:inline-flex;box-shadow:0 0 0 2px #ffd16659}.such-chip-name,.such-chip-weg{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;display:flex}.such-chip-name{border-radius:999px 0 0 999px;gap:.45rem;min-width:0;padding:0 .3rem 0 .2rem;font-size:.92rem;font-weight:600}.such-chip-name .such-initialen{width:1.55rem;height:1.55rem;color:var(--auf-gelb);background:#fffc;flex:none;font-size:.66rem}.such-chip-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.such-chip-weg{border-radius:0 999px 999px 0;flex:none;justify-content:center;width:1.9rem;font-size:.85rem}.such-chip-weg:hover{background:#1f29331f}.such-chip button:focus-visible{outline:2px solid var(--auf-gelb);outline-offset:-2px}.vertrag-kopf,.vertrag-zeile{grid-template-columns:6.8rem 3.8rem minmax(0,1.2fr) minmax(0,1.5fr) minmax(0,1.5fr) minmax(0,.8fr) 8.5rem;align-items:center;gap:.25rem .8rem;padding:.6rem 1rem;display:grid}.vertrag-kopf{color:var(--grau);text-transform:uppercase;letter-spacing:.03em;padding-top:.55rem;padding-bottom:.45rem;font-size:.78rem;font-weight:600}.vertrag-zeile{color:inherit;text-decoration:none}a.vertrag-zeile:hover,a.vertrag-zeile:focus-visible{background:var(--darueber)}.vz-kunde{overflow-wrap:anywhere;min-width:0;font-weight:600}.vz-adresse,.vz-versorger,.vz-bearbeiter{min-width:0;color:var(--grau);overflow-wrap:anywhere;font-size:.92rem}.vz-rest{text-align:right;flex-direction:column;align-items:flex-end;font-size:.92rem;display:flex}.vz-rest-text{white-space:nowrap;font-weight:600}.vz-beginn{color:var(--grau);white-space:nowrap;font-size:.8rem}.vertrag-kopf .vz-bearbeiter,.vertrag-kopf .vz-rest{font-size:inherit;color:inherit}.zaehler-symbol{color:var(--grau);flex-direction:column;align-items:center;gap:.1rem;display:inline-flex}.zaehler-bild{background:var(--grund);border-radius:50%;place-items:center;width:1.9rem;height:1.9rem;display:inline-grid}.zaehler-bild svg{width:1.2rem;height:1.2rem}.zaehler-kurz{white-space:nowrap;font-size:.68rem;line-height:1}.zaehler-strom .zaehler-bild{background:var(--strom-blass);color:var(--reihe-2)}.zaehler-gas .zaehler-bild{background:var(--blau-blass);color:var(--reihe-1)}.zaehler-wp .zaehler-bild{background:var(--gruen-blass);color:var(--wp)}.zaehler-heiz .zaehler-bild{background:var(--beere-blass);color:var(--beere)}.liste-einfach{margin:0;padding:0;list-style:none}.liste-einfach li{flex-wrap:wrap;align-items:center;gap:.25rem .75rem;padding:.45rem 0;display:flex}.liste-einfach li+li{border-top:1px solid var(--rand-hell)}.liste-einfach li>button{margin-left:auto}.iban{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.92rem}.filter{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.filter input[type=search]{flex:14rem;width:auto}.filter select{flex:0 12rem;width:auto}.filter-zeile select{flex:0 11rem}.filter-zeile .umschalter{align-self:stretch}.filter select.gewaehlt{border-color:var(--akzent);box-shadow:inset 0 0 0 1px var(--akzent)}.filter-rechts{margin-left:auto}.filter-arten{gap:.2rem;display:flex}.art-knopf{border-radius:var(--radius-s);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;min-width:2.4rem;padding:.1rem .25rem;display:inline-flex}@media (hover:hover){.art-knopf:hover{background:var(--flaeche);border-color:var(--rand)}.filter-arten.gewaehlt .art-knopf:not(.an):hover{opacity:.8}}.art-knopf:focus-visible{outline:2px solid var(--akzent);outline-offset:1px}.art-knopf.an{background:var(--flaeche);border-color:var(--akzent);box-shadow:inset 0 0 0 1px var(--akzent)}.filter-arten.gewaehlt .art-knopf:not(.an){opacity:.45}.filter-arten .zaehler-bild{width:1.5rem;height:1.5rem}.filter-arten .zaehler-bild svg{width:1rem;height:1rem}.kunden-filter{border-radius:var(--radius-s);width:1.3rem;height:1.3rem;color:var(--grau);vertical-align:middle;cursor:pointer;background:0 0;border:0;place-items:center;margin:-.2rem .3rem -.2rem -.1rem;padding:0;display:inline-grid;position:relative}.kunden-filter svg{width:.95rem;height:.95rem}.kunden-filter:after{content:"";position:absolute;inset:-.25rem -.2rem}.kunden-filter:hover,.kunden-filter:focus-visible{background:var(--akzent-hell);color:var(--tinte)}.kunden-filter:focus-visible{outline:2px solid var(--akzent);outline-offset:1px}@media (pointer:coarse){.kunden-filter:after{inset:-.45rem -.35rem}}.umschalter-anzahl{color:var(--grau);margin-left:.35rem;font-size:.78rem;font-weight:400}.umschalter button.an .umschalter-anzahl{color:var(--auf-akzent);opacity:.85}.sortier-knopf{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0}.sortier-knopf:hover{color:var(--tinte)}.haken{cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;display:inline-flex}.marke{background:var(--akzent-hell);color:var(--akzent-dunkel);white-space:nowrap;border-radius:999px;padding:.05rem .45rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-block}.marke-hoch{background:var(--rot-blass);color:var(--rot)}.marke-warnung{background:var(--gelb-blass);color:var(--gelb)}.status{white-space:nowrap;border-radius:999px;padding:.1rem .55rem;font-size:.8rem;font-weight:600;display:inline-block}.status-offen{background:var(--blau-blass);color:var(--blau)}.status-laeuft{background:var(--gelb-blass);color:var(--gelb)}.status-fertig{background:var(--gruen-blass);color:var(--gruen)}.status-abgelehnt{background:var(--leise-flaeche);color:var(--grau)}.status-gekuendigt{background:var(--orange-blass);color:var(--orange)}.meldung{border-radius:var(--radius-s);background:var(--blau-blass);margin:0 0 .75rem;padding:.6rem .8rem}.meldung-fehler{background:var(--rot-blass);color:var(--rot)}.meldung-gut{background:var(--gruen-blass);color:var(--gruen)}.meldung-warnung{background:var(--gelb-blass);color:var(--gelb)}.meldung-grau{background:var(--leise-flaeche);color:var(--grau)}.felder{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;margin-top:.75rem;display:grid}.feld{flex-direction:column;gap:.25rem;min-width:0;display:flex}.karte .feld+.feld{margin-top:.75rem}.felder .feld+.feld{margin-top:0}.feld-breit{grid-column:1/-1}.feld-name{color:var(--akzent-dunkel);font-size:.88rem;font-weight:600}.pflicht{color:var(--rot)}.feld-meldung{color:var(--rot);font-size:.85rem}.feld-hinweis{color:var(--grau);font-size:.82rem}.feld-falsch input,.feld-falsch select,.feld-falsch textarea{border-color:var(--rot);background:var(--falsch-flaeche)}.felder .haken{grid-column:1/-1}.frist{grid-template-columns:5rem minmax(0,1fr);gap:.4rem;display:grid}.preisgarantie{flex-direction:column;gap:.4rem;display:flex}.preisgarantie .umschalter{align-self:flex-start}.auswahl-feld{position:relative}.auswahl-feld input{padding-right:2.2rem}.auswahl-leeren{color:var(--grau);border-radius:var(--radius-s);cursor:pointer;background:0 0;border:0;padding:.2rem .45rem;position:absolute;top:50%;right:.3rem;transform:translateY(-50%)}.auswahl-leeren:hover{background:var(--grund)}.auswahl-liste{border:1px solid var(--rand);border-radius:var(--radius-s);background:var(--flaeche);max-height:15rem;box-shadow:var(--schatten-gross);margin:.25rem 0 0;padding:.25rem;list-style:none;overflow:auto}.auswahl-gruppe{color:var(--grau);text-transform:uppercase;letter-spacing:.03em;padding:.45rem .5rem .15rem;font-size:.78rem;font-weight:600}.auswahl-option{border-radius:var(--radius-s);cursor:pointer;padding:.4rem .6rem}.auswahl-gruppe~.auswahl-option:not(.auswahl-neu){padding-left:1.1rem}.auswahl-option.aktiv{background:var(--blau-blass)}.auswahl-option.gewaehlt{font-weight:600}.auswahl-neu{border-top:1px solid var(--rand-hell);border-radius:0 0 var(--radius-s) var(--radius-s);color:var(--blau);margin-top:.2rem;font-weight:600}.auswahl-hinweis{color:var(--grau);padding:.4rem .6rem}.dialog{border-radius:var(--radius);background:var(--flaeche);width:min(34rem,100vw - 2rem);max-height:calc(100dvh - 2rem);box-shadow:var(--schatten-gross);color:var(--tinte);border:0;padding:0;overflow:auto}.dialog-breit{width:min(44rem,100vw - 2rem)}.dialog::backdrop{background:var(--abdunkeln)}.dialog-kopf{z-index:1;background:var(--dialog-kopf);color:#fff;justify-content:space-between;align-items:center;padding:.85rem 1.15rem;display:flex;position:sticky;top:0}.dialog-kopf h2{margin:0;font-size:1.05rem}.dialog-zu{color:#fff;min-height:2rem;padding:.2rem .5rem}.dialog-zu:hover{background:#ffffff26}.dialog-inhalt{padding:1rem 1.15rem}.dialog-inhalt>.knopf-zweit{margin-top:.25rem}.dialog-fuss{border-top:1px solid var(--rand-hell);background:var(--flaeche);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1.15rem;display:flex;position:sticky;bottom:0}.dialog-fuss .haken{white-space:normal;margin-right:auto}.startpasswort{letter-spacing:.04em;text-align:center;background:var(--grund);border-radius:var(--radius-s);-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;padding:.75rem;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1.3rem;font-weight:700}.anmelden{background:linear-gradient(160deg, var(--anmelden-oben) 0%, var(--anmelden-unten) 100%);justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex}.anmelden .karte.schmal{width:100%;margin:0}.anmelden-karte{background:var(--flaeche);border-top:4px solid var(--logo-rot);border-radius:var(--radius);width:100%;max-width:24rem;box-shadow:var(--schatten-gross);flex-direction:column;gap:.35rem;padding:1.5rem;display:flex}.anmelden-karte label{color:var(--akzent-dunkel);margin-top:.5rem;font-size:.9rem;font-weight:600}.anmelden-karte .meldung{margin:.5rem 0 0}.anmelden-marke{text-align:center;flex-direction:column;align-items:center;gap:.6rem;margin:.25rem 0 1rem;display:flex}.anmelden-marke .logo{width:min(15rem,100%);height:auto}.anmelden-marke strong{font-size:1.2rem}.anmelden-marke span{color:var(--grau);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:600}.logo{display:block}.logo-rot{fill:var(--logo-rot)}.logo-schrift{fill:currentColor}.cockpit{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:1rem;display:grid}.cockpit .karte{margin-bottom:0}.cockpit-rechts{flex-direction:column;gap:1rem;min-width:0;display:flex}.abschnitt+.abschnitt{margin-top:1rem}.abschnitt h3{text-transform:uppercase;letter-spacing:.04em;color:var(--grau);align-items:center;gap:.4rem;margin-bottom:.25rem;font-size:.85rem;display:flex}.abschnitt-ueberfaellig h3{color:var(--rot)}.anzahl{background:var(--akzent-hell);min-width:1.4rem;color:var(--akzent-dunkel);text-align:center;border-radius:999px;padding:0 .35rem;font-size:.75rem;display:inline-block}.abschnitt-ueberfaellig .anzahl{background:var(--rot);color:var(--auf-farbe)}.mehr{margin:.75rem 0 0;font-size:.9rem}.pipeline{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.pipeline-ausgaenge{border-top:1px dashed var(--rand);margin-top:.6rem;padding-top:.6rem}.pipeline-stufe{border-radius:var(--radius-s);background:var(--blau-blass);color:var(--blau);align-items:center;gap:.65rem;padding:.4rem .75rem;text-decoration:none;display:flex}.pipeline-stufe:hover{outline:2px solid}.pipeline-nr{border:1.5px solid;border-radius:50%;flex:none;place-items:center;width:1.55rem;height:1.55rem;font-size:.8rem;font-weight:700;display:inline-grid}.pipeline-ausgaenge .pipeline-nr{border-color:#0000}.pipeline-name{flex:1;font-weight:600}.pipeline-zahl{font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:700}.stufe-belieferung,.stufe-vb_kunde{background:var(--gelb-blass);color:var(--gelb)}.stufe-alles_io{background:var(--gruen-blass);color:var(--gruen)}.stufe-abgelehnt{background:var(--leise-flaeche);color:var(--grau)}.stufe-gekuendigt{background:var(--orange-blass);color:var(--orange)}.aufgaben{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.aufgabe{background:var(--plaettchen);border:1px solid var(--rand-hell);border-radius:var(--radius-s);align-items:flex-start;gap:.7rem;padding:.6rem .75rem;display:flex}.aufgabe input[type=checkbox]{margin:.2rem 0 0}.aufgabe-marke{background:var(--blau-blass);width:1.15rem;height:1.15rem;color:var(--blau);text-align:center;border-radius:50%;flex:none;margin-top:.2rem;font-size:.75rem;font-style:italic;font-weight:700;line-height:1.15rem}.aufgabe-text{flex:1;min-width:0}.aufgabe-symbol{border-radius:var(--radius-s);background:var(--grund);width:1.7rem;height:1.7rem;color:var(--grau);flex:none;place-items:center;margin-top:-.1rem;display:inline-grid}.aufgabe-symbol svg{width:1.1rem;height:1.1rem}.symbol-rechnung{background:var(--blau-blass);color:var(--blau)}.symbol-zaehlerstand{background:var(--gruen-blass);color:var(--gruen)}.symbol-preisgarantie{background:var(--petrol-blass);color:var(--petrol)}.symbol-wechsel{background:var(--lila-blass);color:var(--lila)}.aufgabe-kunde{overflow-wrap:anywhere;font-size:1rem;font-weight:600}.aufgabe-kunde .zaehler-symbol{vertical-align:middle;margin:-.2rem 0 -.2rem .35rem}.aufgabe-kunde .aufgabe-wer{margin-left:.35rem}.aufgabe-kunde a{color:var(--tinte);text-decoration:none}.aufgabe-kunde a:hover{text-decoration:underline}.aufgabe-kunde .zaehler-bild{width:1.35rem;height:1.35rem}.aufgabe-kunde .zaehler-bild svg{width:.9rem;height:.9rem}.aufgabe-titel{overflow-wrap:anywhere;align-items:flex-start;font-size:1rem;font-weight:600;display:flex}.aufgabe-titel-text{min-width:0}.aufgabe-titel .aufgabe-symbol{background:0 0;width:1.3rem;height:1.3rem;margin:.05rem .3rem 0 -.1rem}.aufgabe-titel .aufgabe-symbol svg{width:1rem;height:1rem}.aufgabe.erledigt .aufgabe-titel .aufgabe-symbol{opacity:.55}.aufgabe.info .aufgabe-titel{padding-left:1.5rem}.aufgabe-kunde:not(:has(.kunden-filter)){padding-left:1.5rem}.aufgabe-titel .marke{vertical-align:.1em;margin-left:.4rem}.aufgabe-titel.unter-kunde{margin-top:.1rem;font-size:.93rem;font-weight:400}.aufgabe-wer{color:var(--grau);overflow-wrap:anywhere;margin-top:.1rem;font-size:.9rem;font-weight:400}.aufgabe-wann{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:.2rem;display:flex}.aufgabe-abstand,.abstand-marke{background:var(--leise-flaeche);color:var(--grau);white-space:nowrap;border-radius:999px;padding:.05rem .5rem;font-size:.8rem;font-weight:600}.aufgabe-abstand.zu-spaet,.abstand-marke.zu-spaet{background:var(--rot-blass);color:var(--rot)}.aufgabe-abstand.heute,.abstand-marke.heute{background:var(--gelb-blass);color:var(--gelb)}.aufgabe-datum{color:var(--grau);white-space:nowrap;font-size:.8rem;display:none}.aufgabe-bemerkung{color:var(--grau);white-space:pre-line;margin-top:.15rem;font-size:.88rem}.aufgabe.erledigt .aufgabe-titel{color:var(--grau);font-weight:400;text-decoration:line-through}.aufgabe.erledigt .aufgabe-kunde a{color:var(--grau)}.aufgabe-knoepfe{flex:none;align-items:flex-start;gap:.15rem;margin-top:-.2rem;display:flex}.aufgabe-stapel{flex-direction:column;display:flex}.aufgabe-stapel .schieben-knopf,.aufgabe-stapel .aufgabe-anschreiben{width:2rem;min-height:1.6rem;padding:0}.schieben{position:relative}.schieben-knopf{min-height:1.9rem;color:var(--grau);padding:.15rem .4rem}.schieben-knopf svg{width:1.1rem;height:1.1rem}.schieben-knopf[aria-expanded=true]{background:var(--akzent-hell);color:var(--akzent-dunkel)}.schieben-menue{z-index:15;border:1px solid var(--rand);border-radius:var(--radius-s);background:var(--flaeche);min-width:11rem;box-shadow:var(--schatten);flex-direction:column;padding:.25rem;display:flex;position:absolute;top:calc(100% + .25rem);right:0}.schieben-menue button{border-radius:var(--radius-s);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:1rem;padding:.45rem .6rem;display:flex}.schieben-menue button:hover{background:var(--akzent-hell)}.schieben-menue button:focus-visible{outline:2px solid var(--akzent);outline-offset:-2px}.schieben-menue button:disabled{opacity:.6;cursor:default}.angaben{grid-template-columns:max-content minmax(0,1fr);gap:.35rem 1rem;margin:0;display:grid}.angaben dt{color:var(--grau);font-size:.9rem}.angaben dd{overflow-wrap:anywhere;margin:0}.objekt h3{overflow-wrap:anywhere}.malos{margin:0;padding:0;list-style:none}.malos>li{border-radius:var(--radius-s);background:var(--grund);margin-top:.5rem;padding:.6rem .75rem}.malo-kopf{flex-wrap:wrap;align-items:center;gap:.3rem .75rem;display:flex}.malo-kopf .knoepfe{margin-left:auto}.malo-art{font-weight:700}.malo-id{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.9rem}.vertraege-klein{margin:.4rem 0 0;padding:0;list-style:none}.vertraege-klein a{border-radius:var(--radius-s);background:var(--flaeche);color:inherit;flex-wrap:wrap;align-items:center;gap:.2rem .6rem;margin-top:.3rem;padding:.35rem .5rem;text-decoration:none;display:flex}.vertraege-klein a:hover{outline:1px solid var(--rand)}.vertrag-kennung{color:var(--grau);flex-wrap:wrap;gap:.3rem 1.25rem;margin:-.4rem 0 1rem;font-size:.92rem;display:flex}.kette{counter-reset:schritt;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.kette-schritt{text-align:center;flex-direction:column;align-items:center;gap:.15rem;min-width:0;display:flex;position:relative}.kette-schritt:before{content:"";background:var(--rand);z-index:0;width:100%;height:3px;position:absolute;top:.95rem;left:-50%}.kette-schritt:first-child:before{display:none}.kette-schritt.fertig:before,.kette-schritt.jetzt:before{background:var(--gruen)}.kette-punkt{z-index:1;background:var(--flaeche);border:2px solid var(--rand);width:1.9rem;height:1.9rem;color:var(--grau);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:relative}.kette-schritt.fertig .kette-punkt{background:var(--gruen);border-color:var(--gruen);color:var(--auf-farbe)}.kette-schritt.jetzt .kette-punkt{background:var(--akzent);border-color:var(--akzent);color:var(--auf-akzent);box-shadow:0 0 0 4px var(--akzent-hell)}.kette-name{overflow-wrap:anywhere;font-size:.82rem;font-weight:600}.kette-schritt.offen .kette-name{color:var(--grau);font-weight:400}.kette-datum{color:var(--grau);min-height:1em;font-size:.75rem}.kette-beendet{margin-bottom:.75rem}.kette+.meldung{margin-top:.75rem}.vertrag-spalten{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.frist-bald{font-weight:600}.verlauf{margin:0;padding:0;list-style:none}.verlauf li{grid-template-columns:9.5rem minmax(0,1fr) auto;gap:.2rem .75rem;padding:.4rem 0;font-size:.92rem;display:grid}.verlauf li+li{border-top:1px solid var(--rand-hell)}.verlauf-zeit,.verlauf-wer{color:var(--grau)}.versorger-raster{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1rem;display:grid}.versorger-raster .karte{margin:0}.konten>li{padding-bottom:.4rem}.zeile-still{padding-bottom:.2rem}.konto-knoepfe{justify-content:flex-start;padding:0 .6rem}@media (width<=1240px){.kopf{flex-wrap:wrap;row-gap:.45rem}.kopf-suche{flex:100%;order:1;max-width:none}.menue-knopf{margin-left:0;display:block}.nur-meine-ort{margin-left:auto}.navigation{background:var(--kopf-dunkel);flex-direction:column;align-items:stretch;gap:0;padding:.4rem .75rem .75rem;display:none;position:absolute;top:calc(100% + 3px);left:0;right:0;box-shadow:0 6px 16px #0003}.navigation.offen{display:flex}.navigation a,.navigation button{text-align:left;padding:.7rem .75rem}.nav-konto-knopf{display:none}.nav-konto-menue{box-shadow:none;background:0 0;padding:0;display:flex;position:static}.nav-name{opacity:.7;padding:.5rem .75rem .2rem;font-size:.85rem;display:block}.nav-stand{padding:0 .75rem .3rem}.nav-trenner{width:auto;height:1px;margin:.4rem 0}}@media (width<=900px){.cockpit,.vertrag-spalten{grid-template-columns:minmax(0,1fr)}}@media (width<=1000px){.vertrag-kopf,.vertrag-zeile{grid-template-columns:6.5rem 3.6rem minmax(0,1.2fr) minmax(0,1.4fr) minmax(0,1.4fr) 7.8rem}.vertrag-kopf .vz-bearbeiter,.vertrag-zeile .vz-bearbeiter{display:none}}@media (width<=640px){.vertrag-kopf{display:none}.vertrag-zeile{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"art kunde rest""art status rest""art adresse adresse""art versorger versorger";align-items:start;gap:.2rem .7rem;padding:.65rem .9rem}.vz-art{grid-area:art}.vz-kunde{grid-area:kunde}.vz-status{grid-area:status}.vz-rest{grid-area:rest}.vz-adresse{grid-area:adresse}.vz-versorger{grid-area:versorger}.filter-zeile .umschalter{width:100%}.filter-zeile .umschalter button{white-space:nowrap;flex:auto;padding:.45rem .3rem;font-size:.86rem}.filter-zeile select{flex:9rem}.aufgabe{grid-template-columns:auto minmax(0,1fr) auto;gap:.3rem .6rem;display:grid}.aufgabe-text{grid-area:1/2}.aufgabe-wann{flex-direction:row;grid-area:2/2;justify-content:flex-start;place-self:center start;align-items:center;gap:.45rem}.aufgabe-datum{display:inline}.aufgabe:has(.aufgabe-aendern) .aufgabe-wann{flex-wrap:wrap;max-width:calc(100% - 4.8rem)}.aufgabe-knoepfe{display:contents}.aufgabe-stapel{grid-area:1/3/span 2;gap:.2rem;margin-top:-.2rem}.aufgabe-stapel .schieben-knopf,.aufgabe-stapel .aufgabe-anschreiben{width:2.2rem;min-height:2rem}.aufgabe-aendern{grid-area:2/2;place-self:center end}:root{font-size:15px}.kopf{padding-left:1rem;padding-right:1rem}.inhalt{padding:1rem .75rem 3rem}h1{font-size:1.3rem}.karte{padding:.85rem .9rem}.aufgabe{padding:.55rem .6rem}.zeile{grid-template-columns:minmax(0,1fr) auto;padding:.65rem .9rem}.zeile-neben{grid-area:2/1/auto/-1}.zeile-zahl{grid-area:1/2}.felder{grid-template-columns:minmax(0,1fr)}.dialog,.dialog-breit{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}.kette{grid-template-columns:minmax(0,1fr);gap:0}.kette-schritt{text-align:left;flex-direction:row;gap:.6rem;padding:.2rem 0}.kette-schritt:before{width:3px;height:100%;top:-50%;left:.85rem}.kette-datum{margin-left:auto}.verlauf li{grid-template-columns:minmax(0,1fr) auto}.verlauf-text{grid-area:2/1/auto/-1}.seitenkopf-knoepfe{width:100%}.knopfreihe>*{flex:auto}.angaben{grid-template-columns:minmax(0,1fr);gap:0}.angaben dd{margin-bottom:.5rem}}.preise{border:1px solid var(--rand-hell);border-radius:var(--radius-s);background:var(--grund);flex-direction:column;gap:.6rem;padding:.75rem;display:flex}.preise-kopf{grid-template-columns:minmax(0,1fr) minmax(0,11rem);align-items:center;gap:.4rem .75rem;display:grid}.preise-kopf .haken{grid-column:1/-1}.preis-tabelle{border-collapse:collapse;table-layout:fixed;width:100%}.preis-tabelle th,.preis-tabelle td{text-align:left;vertical-align:middle;padding:.2rem .25rem;font-size:.88rem}.preis-tabelle thead th{color:var(--grau);font-weight:600}.preis-tabelle thead th:first-child,.preis-tabelle tbody th{width:38%;color:var(--akzent-dunkel);font-weight:600}.preis-eingabe{align-items:center;gap:.25rem;display:flex}.preis-eingabe input{text-align:right;padding:.4rem .45rem}.preis-eingabe .einheit{width:1.4rem;color:var(--grau);flex:none;font-size:.8rem}.preis-eingabe.breit .einheit{width:2rem}.preis-eingabe.feld-falsch input{border-color:var(--rot);background:var(--falsch-flaeche)}select.feld-falsch{border-color:var(--rot)}.preise-fuss{align-items:center;gap:.6rem;display:flex}.preise-fuss select{width:auto}.vergleich{border-radius:var(--radius-s);background:var(--flaeche);border:1px solid var(--rand-hell);flex-direction:column;gap:.15rem;padding:.6rem .75rem;display:flex}.vergleich-zeile{justify-content:space-between;gap:1rem;display:flex}.vergleich-zeile.gut strong{color:var(--gruen)}.vergleich-zeile.schlecht strong{color:var(--rot)}.vergleich p{margin:.3rem 0 0}.kopierhilfe{flex-direction:column;display:flex}.kopier-zeile{border-bottom:1px solid var(--rand-hell);grid-template-columns:11rem minmax(0,1fr) auto;align-items:center;gap:.2rem .75rem;padding:.3rem 0;display:grid}.kopier-name{color:var(--grau);font-size:.88rem}.kopier-wert{overflow-wrap:anywhere}.kopier-wert.passwort{letter-spacing:.03em;font-family:ui-monospace,Cascadia Mono,Consolas,monospace}.kopier.kopiert{color:var(--gruen);font-weight:600}.kopierhilfe+p,.kopierhilfe+p+p{margin:.6rem 0 0}.dokumente{margin:0 0 .75rem;padding:0;list-style:none}.dokumente li{border-bottom:1px solid var(--rand-hell);flex-wrap:wrap;align-items:center;gap:.2rem .75rem;padding:.45rem 0;display:flex}.dokumente li .knoepfe{margin-left:auto}.dokument-name{overflow-wrap:anywhere;align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.dokument-typ{background:var(--akzent-hell);color:var(--akzent-dunkel);border-radius:4px;flex:none;padding:0 .35rem;font-size:.7rem;font-weight:700}.ablage{border:2px dashed var(--rand);border-radius:var(--radius-s);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem;display:flex}.ablage.ziehen{border-color:var(--akzent);background:var(--blau-blass)}.ablage select{flex:0 14rem;width:auto}.ablage label.aus{opacity:.6;pointer-events:none}.staende{margin:0;padding:0;list-style:none}.staende li{border-bottom:1px solid var(--rand-hell);grid-template-columns:minmax(0,11rem) 6rem minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:.2rem .75rem;padding:.4rem 0;display:grid}.stand-art{font-weight:600}.stand-wert{font-variant-numeric:tabular-nums}.stand-bemerkung{grid-column:1/-1}.ablesungen>li{padding:.75rem 1rem}.ablesung-oben{grid-template-columns:3.6rem minmax(0,1fr) auto;grid-template-areas:"symbol wer wann""symbol was wann""symbol zaehler zaehler";align-items:start;column-gap:.75rem;display:grid}.zaehlerblock .ablesung-oben{grid-template-areas:"symbol wer wer""symbol vertrag vertrag""symbol was wann";row-gap:.1rem}.ablesung-symbol{grid-area:symbol;justify-self:center}.ablesung-symbol .zaehler-bild{width:2.6rem;height:2.6rem}.ablesung-symbol .zaehler-bild svg{width:1.6rem;height:1.6rem}.ablesung-symbol .zaehler-kurz{margin-top:.1rem;font-size:.72rem;font-weight:600}.ablesung-wer{overflow-wrap:anywhere;grid-area:wer;font-size:1rem}.ablesung-kunde{color:var(--tinte);font-weight:600;text-decoration:none}.ablesung-kunde:hover{text-decoration:underline}.ablesung-was{grid-area:was;margin-top:.1rem;font-size:.95rem}.ablesung-zaehler{color:var(--grau);overflow-wrap:anywhere;grid-area:zaehler;margin-top:.15rem;font-size:.86rem}.ablesung-wann{white-space:nowrap;gap:.2rem;display:flex}.ablesung-oben .ablesung-wann{flex-direction:column;grid-area:wann;align-items:flex-end}.zaehlerblock .ablesung-oben .ablesung-wann{flex-direction:row;align-self:center;align-items:center;gap:.45rem}.ablesung-datum{font-variant-numeric:tabular-nums;font-size:.9rem}.abstand-marke.erledigt{background:var(--gruen-blass);color:var(--gruen)}.vertragsstand{background:var(--leise-flaeche);color:var(--grau);white-space:nowrap;vertical-align:.1em;border-radius:999px;padding:.02rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.vs-laeuft{background:var(--gruen-blass);color:var(--gruen)}.vs-gekuendigt{background:var(--orange-blass);color:var(--orange)}.zaehlerblock-nummer{font-weight:600}.zaehlerblock-adresse{color:var(--grau);font-size:.9rem}.zaehlerblock-vertrag{overflow-wrap:anywhere;grid-area:vertrag;font-size:.92rem}.zaehlerblock-danach{color:var(--grau);font-size:.86rem}.zaehlerblock .ablesung-was{align-self:center;margin-top:.25rem}.zaehlerblock-grau .ablesung-wer,.zaehlerblock-grau .zaehlerblock-nummer,.zaehlerblock-grau .zaehlerblock-vertrag{color:var(--grau)}.zaehlerblock-grau .zaehler-symbol{opacity:.55}.ablesung-unten{margin-left:4.35rem}.ablesung-unten>p.klein{margin:.45rem 0 0}.ablesung-eingabe{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}.ablesung-eingabe input{flex:8rem;width:auto}.ablesung-eingabe input[type=date]{flex:0 10rem}.karte.schmal.breiter{max-width:40rem}.ablesung-letzte{overflow-wrap:anywhere;margin:.45rem 0 0;font-size:.92rem}.ablesung-letzte.leise{font-size:.86rem}.ablesung-letzte-trenner{color:var(--grau)}.ablesung-verlauf{flex-wrap:wrap;align-items:center;gap:0 .5rem;margin:.75rem 0 0;display:flex}.ablesung .zv,.ablesung .zv-leer{margin-top:.6rem}.zv+.staende,.zv+p{margin-top:.75rem}.ablesung .meldung{margin:.45rem 0 0;padding:.35rem .6rem}.ablesung .meldung.ablesung-sperre{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .8rem;margin-top:.6rem;padding:.5rem .5rem .5rem .8rem;font-weight:600;display:flex}@media (width<=640px){.ablesungen>li{padding:.7rem .8rem}.ablesung-oben{grid-template-columns:3.3rem minmax(0,1fr);grid-template-areas:"symbol wer""symbol was""symbol wann""symbol zaehler";column-gap:.6rem}.zaehlerblock .ablesung-oben{grid-template-areas:"symbol wer""symbol vertrag""symbol was""symbol wann"}.ablesung-symbol .zaehler-bild{width:2.25rem;height:2.25rem}.ablesung-symbol .zaehler-bild svg{width:1.4rem;height:1.4rem}.ablesung-oben .ablesung-wann,.zaehlerblock .ablesung-oben .ablesung-wann{flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:.45rem;margin:.25rem 0 .1rem}.ablesung-oben .ablesung-datum{color:var(--grau);font-size:.8rem}.ablesung-unten{margin-left:0}.zaehlerblock-adresse{display:block}.zaehlerblock-trenner{display:none}}.malo-staende{flex-wrap:wrap;align-items:center;gap:.2rem .6rem;margin-top:.4rem;font-size:.9rem;display:flex}.malos .zv{border-radius:var(--radius-s);background:var(--flaeche);margin-top:.4rem;padding:.6rem .75rem}.zv-knopf{min-height:1.9rem}.zv-alle{margin:.4rem 0 0}.zv-legende{color:var(--grau);flex-wrap:wrap;gap:.2rem 1rem;margin-bottom:.2rem;font-size:.82rem;display:flex}.zv-legende span{align-items:center;gap:.35rem;display:inline-flex}.zv-strich{vertical-align:middle;border-radius:1px;width:14px;height:2px;margin-right:.3rem;display:inline-block}.zv-strich.zv-ht{background:var(--reihe-1)}.zv-strich.zv-nt{background:var(--reihe-2)}.zv-punkt{border:2px solid var(--reihe-1);background:var(--flaeche);border-radius:50%;width:9px;height:9px;display:inline-block}.zv-punkt.voll{background:var(--reihe-1)}.zv-grafik{position:relative}.zv-grafik svg{touch-action:pan-y;width:100%;height:auto;display:block;overflow:visible}.zv-grafik svg:focus-visible{outline:2px solid var(--akzent);outline-offset:2px;border-radius:var(--radius-s)}.zv-achse{fill:var(--grau);font-variant-numeric:tabular-nums;font-size:11px}.zv-klein{font-size:10px}.zv-jahr{font-weight:600}.zv-gitter{stroke:var(--rand-hell);stroke-width:1px}.zv-grundlinie,.zv-strich-achse{stroke:var(--rand);stroke-width:1px}.zv-wechsel line{stroke:var(--grau);stroke-width:1px;stroke-dasharray:3 3}.zv-wechsel text{fill:var(--grau);font-size:11px}.zv-fadenkreuz{stroke:var(--grau);stroke-width:1px}.zv-linie{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.zv-linie.zv-ht{stroke:var(--reihe-1)}.zv-linie.zv-nt{stroke:var(--reihe-2)}.zv-marke{stroke:var(--flaeche);stroke-width:2px}.zv-marke.zv-ht{fill:var(--reihe-1)}.zv-marke.zv-nt{fill:var(--reihe-2)}.zv-marke.kunde{fill:var(--flaeche)}.zv-marke.kunde.zv-ht{stroke:var(--reihe-1)}.zv-marke.kunde.zv-nt{stroke:var(--reihe-2)}.zv-fangflaeche{fill:#0000;cursor:crosshair}.zv-tipp{z-index:5;border:1px solid var(--rand);border-radius:var(--radius-s);background:var(--flaeche);min-width:9rem;max-width:15rem;box-shadow:var(--schatten);pointer-events:none;padding:.45rem .6rem;font-size:.82rem;line-height:1.35;position:absolute;top:0}.zv-tipp strong{font-variant-numeric:tabular-nums;font-size:.95rem}.zv-tabelle{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.88rem}.zv-tabelle th{border-bottom:1px solid var(--rand);color:var(--grau);text-align:left;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;padding:.3rem .6rem .3rem 0;font-size:.75rem;font-weight:600}.zv-tabelle td{border-bottom:1px solid var(--rand-hell);vertical-align:top;overflow-wrap:anywhere;padding:.35rem .6rem .35rem 0}.zv-tabelle .zv-zahl{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.zv-art{color:var(--grau);font-size:.75rem;display:block}.zv-hinweis{color:var(--gelb);white-space:normal;font-size:.75rem;display:block}@media (width<=640px){.kopier-zeile{grid-template-columns:minmax(0,1fr) auto}.kopier-name{grid-column:1/-1}.staende li{grid-template-columns:minmax(0,1fr) auto}.zv-tabelle thead{display:none}.zv-tabelle,.zv-tabelle tbody{display:block}.zv-tabelle tr{border-bottom:1px solid var(--rand-hell);grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem .75rem;padding:.45rem 0;display:grid}.zv-tabelle td,.zv-tabelle .zv-zahl{text-align:left;white-space:normal;border:0;padding:0;display:block}.zv-tabelle td:before{content:attr(data-titel);color:var(--grau);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;display:block}.malos .zv{padding:.5rem}.preise-kopf{grid-template-columns:minmax(0,1fr)}.preis-tabelle thead th:first-child,.preis-tabelle tbody th{width:34%;font-size:.8rem}.preis-eingabe .einheit{width:1rem;font-size:.72rem}}.aufgabe-kontakt{color:var(--blau);margin-top:.1rem;font-size:.85rem}.aufgabe-abstand.wartet{background:var(--blau-blass);color:var(--blau)}.aufgabe-anschreiben{flex:none;min-height:1.9rem;padding:.15rem .5rem;font-size:1rem;line-height:1}.abschnitt-wartet h3{color:var(--blau)}.abschnitt-wartet .anzahl{background:var(--blau-blass);color:var(--blau)}.kontakt-wege{flex-wrap:wrap;gap:.5rem 1.25rem;margin-bottom:.75rem;display:flex}.kontakt-weg-wahl{cursor:pointer;align-items:center;gap:.45rem;display:inline-flex}.kontakt-weg-wahl.aus{opacity:.55;cursor:default}.kontakt-dialog .feld{margin-bottom:.75rem}.kontakt-frage{margin:.25rem 0 0}.kontakt-anders{flex-wrap:wrap;align-items:baseline;gap:.2rem .9rem;margin:-.35rem 0 .75rem;display:flex}.knopf-text{color:var(--blau);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.kontakte{margin:0;padding:0;list-style:none}.kontakte li+li{border-top:1px solid var(--rand-hell)}.kontakte summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:.25rem .6rem;padding:.55rem 0;display:flex}.kontakt-weg{background:var(--blau-blass);color:var(--blau);border-radius:999px;padding:.05rem .5rem;font-size:.8rem;font-weight:600}.kontakt-weg.weg-whatsapp{background:var(--gruen-blass);color:var(--gruen)}.kontakt-thema{font-weight:600}.kontakt-text{border-radius:var(--radius-s);background:var(--grund);margin:0 0 .5rem;padding:.6rem .75rem}.kunden-karte p{margin:0 0 .5rem}.kunden-zaehler{font-weight:600}.uebernahme-schritt h2{align-items:center;gap:.55rem;display:flex}.schritt-nummer{background:var(--akzent-hell);width:1.6rem;height:1.6rem;color:var(--akzent-dunkel);border-radius:50%;flex:none;place-items:center;font-size:.85rem;display:inline-grid}.schritt-nummer.fertig{background:var(--gruen-blass);color:var(--gruen)}.datei-wahl{flex-wrap:wrap;align-items:center;gap:.6rem;margin:.5rem 0;display:flex}.datei-wahl input[type=file]{max-width:100%}.datei-wahl .meldung{flex-basis:100%;margin:0}.fortschritt{background:var(--rand-hell);border-radius:3px;flex-basis:100%;height:6px;overflow:hidden}.fortschritt span{background:var(--blau);height:100%;transition:width .2s;display:block}.angaben-klein p{margin:.25rem 0}.marke-gut{background:var(--gruen-blass);color:var(--gruen)}.mitarbeiter-liste li{grid-template-columns:minmax(0,1fr) minmax(12rem,18rem);align-items:center;gap:.75rem;display:grid}.mitarbeiter-name .marke{margin-left:.4rem}.halt-liste{margin:.5rem 0 0;padding-left:1.2rem}.halt-liste li{margin-bottom:.3rem}.bericht{margin:.75rem 0}.bericht summary,.pruefliste summary{cursor:pointer;padding:.3rem 0}.bericht-tabelle{border-collapse:collapse;width:100%;margin:.6rem 0 .9rem;font-size:.93rem}.bericht-tabelle th{text-align:left;border-bottom:1px solid var(--rand);padding:.3rem .4rem;font-weight:600}.bericht-tabelle td{border-bottom:1px solid var(--rand-hell);vertical-align:top;padding:.3rem .4rem}.bericht-tabelle .zahl{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.bericht-marke{text-align:center;width:1.5rem;color:var(--gruen)}.bericht-tabelle tr.abweichend .bericht-marke{color:var(--gelb);font-weight:700}.bericht-hinweis{color:var(--grau);font-size:.85rem;display:block}.pruefliste h3{margin-top:1rem}.pruefliste ul{margin:.2rem 0 .6rem;padding-left:1.2rem}.pruefliste li{margin-bottom:.25rem}.pruef-datensatz{font-weight:600}.startpasswort-liste li{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.dokument-filter{flex-wrap:wrap}.dokument-filter .gewaehlt{background:var(--akzent-hell);font-weight:600}.zuordnung{max-height:32rem;overflow-y:auto}.zuordnung-zeile{border-bottom:1px solid var(--rand-hell);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:start;gap:.75rem;padding:.6rem 1rem;display:grid}.zuordnung-datei{flex-direction:column;min-width:0;display:flex}.zuordnung-ordner,.zuordnung-vertrag{overflow-wrap:anywhere}.kategorie-marke.kategorie-offen{background:var(--rot-blass);color:var(--rot)}.kategorie-marke.kategorie-pruefen{background:var(--gelb-blass);color:var(--gelb)}.kategorie-marke.kategorie-sicher,.kategorie-marke.kategorie-gewählt{background:var(--gruen-blass);color:var(--gruen)}.kategorie-marke.kategorie-übernommen{background:var(--blau-blass);color:var(--blau)}.vertrag-wahl{border:1px solid var(--rand-hell);border-radius:var(--radius-s);max-height:16rem;padding:.3rem .5rem;overflow-y:auto}.vertrag-wahl li{padding:.15rem 0}@media (width<=640px){.mitarbeiter-liste li,.zuordnung-zeile{grid-template-columns:minmax(0,1fr)}.bericht-tabelle{font-size:.85rem}}.uebernahme-schritt button{white-space:normal;max-width:100%}