:root{--flaeche-0: #0E141C;--flaeche-1: #161D28;--flaeche-2: #1F2733;--linie: #2A323D;--text: #EDF1F6;--text-leise:#8D97A6;--marke: #0068F8;--marke-hell:#00C8F8;--marke-flaeche:#062A5C;--guenstig-sehr:#2FD3B5;--guenstig: #8FD14F;--mittel: #F2C230;--teuer: #F08A3C;--teuer-sehr: #E4553F;--rand: 16px;--radius-karte: 14px;--radius-taste: 20px;--sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#wurzel{height:100%}.schale{display:flex;flex-direction:column;height:100vh;height:100dvh}.schale>.seite{flex:1 1 auto;min-height:0;overflow-y:auto;width:100%}body{margin:0;background:var(--flaeche-0);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}.zahl{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.einheit{color:var(--text-leise);font-size:.62em;margin-left:.28em;font-family:var(--sans)}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.druck{transition:transform .12s ease,background-color .12s ease}.druck:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.seite{min-height:100%;padding:max(var(--rand),env(safe-area-inset-top)) var(--rand) calc(var(--rand) + env(safe-area-inset-bottom));max-width:560px;margin-inline:auto}.wortmarke{font-weight:600;letter-spacing:-.01em}.wortmarke b{color:var(--marke);font-weight:600}.leise{color:var(--text-leise)}.klein{font-size:13px}.karte{background:var(--flaeche-1);border:1px solid var(--linie);border-radius:var(--radius-karte);padding:16px}.primaer{width:100%;min-height:60px;border-radius:var(--radius-taste);background:var(--marke);color:#fff;font-size:17px;font-weight:600;display:flex;align-items:center;justify-content:center}.primaer:disabled{background:var(--flaeche-2);color:var(--text-leise);cursor:default}.abschnitt-titel{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-leise);margin:0 0 8px}.trenner{height:1px;background:var(--linie);border:0;margin:20px 0}.anmeldung{display:flex}.anmeldung-mitte{margin:auto 0 0;width:100%;display:flex;flex-direction:column;gap:24px}.anmeldung-kopf{text-align:center;margin-top:auto;padding-top:32px}.wortmarke-bild{width:240px;max-width:72%;height:auto;display:block;margin:0 auto 36px}.anmeldung-marke{font-size:22px;margin-bottom:32px}.anmeldung-meldung{min-height:20px;margin-top:16px;color:var(--teuer)}.punkte{display:flex;gap:18px;justify-content:center}.punkt{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--linie);background:transparent;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.punkt.voll{background:var(--marke);border-color:var(--marke);transform:scale(1.12)}.ruettelt{animation:ruetteln .4s ease}@keyframes ruetteln{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}.feld{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:8px}.taste{min-height:72px;border-radius:var(--radius-karte);background:var(--flaeche-1);border:1px solid var(--linie);font-size:26px;font-weight:400;display:flex;align-items:center;justify-content:center}.taste:active{background:var(--flaeche-2)}.taste.loeschen{background:transparent;border-color:transparent;color:var(--text-leise)}.taste.loeschen:active{background:var(--flaeche-1)}.kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px}.kopf-taste{min-width:44px;min-height:44px;border-radius:12px;color:var(--text-leise);display:flex;align-items:center;justify-content:center;margin:-8px -8px 0 0}.kopf-taste:active{background:var(--flaeche-1)}.zurueck-taste{width:42px;height:42px;min-width:42px;min-height:42px;margin:0;flex:0 0 auto;background:var(--flaeche-1);border:1px solid var(--linie);border-radius:12px;color:var(--text)}.zurueck-taste:active{background:var(--flaeche-2)}.kacheln{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.kachel{aspect-ratio:1;background:var(--flaeche-1);border:1px solid var(--linie);border-radius:var(--radius-karte);padding:14px;display:flex;flex-direction:column;align-items:stretch;text-align:left;overflow:hidden}.kachel:active{background:var(--flaeche-2)}.kachel-kopf{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.kachel-zeichen{width:28px;height:28px;border-radius:8px;background:var(--marke-flaeche);color:var(--marke-hell);display:flex;align-items:center;justify-content:center}.kachel-wert{margin-top:auto;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:1.1}.hinweis-punkt{color:var(--teuer)}.modul-kopf{display:flex;align-items:center;gap:12px;margin:0 0 16px}.modul-kopf h1{font-size:19px;font-weight:600;margin:0;letter-spacing:-.01em}.modul-kopf>:last-child:not(h1){margin-left:auto}.kennzahl{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:44px;font-weight:600;line-height:1.05;letter-spacing:-.02em}.klein-kennzahl{font-size:28px}.monat-zeile{display:flex;align-items:baseline;flex-wrap:wrap;font-size:15px;margin-top:6px}.monat-zeile .einheit{margin-right:0}.punkt-trenner{margin:0 8px;opacity:.6}.warnung{color:var(--teuer);margin-top:12px}.waehler{display:flex;flex-direction:column;gap:8px}.stufe{position:relative;overflow:hidden;min-height:72px;border-radius:var(--radius-karte);background:var(--flaeche-1);border:1px solid var(--linie);display:flex;align-items:center;justify-content:flex-end;padding:0 20px;font-size:17px}.stufe-fuellung{position:absolute;inset:0 auto 0 0;background:var(--flaeche-2);border-right:2px solid rgba(141,151,166,.35);transition:background-color .12s ease,border-color .12s ease}.stufe-fuellung[style*="width: 0%"],.stufe-fuellung[style*="width: 100%"]{border-right-color:transparent}.stufe-name{position:relative;color:var(--text-leise);font-weight:600}.stufe.aktiv{border-color:var(--marke)}.stufe.aktiv .stufe-fuellung{background:var(--marke-flaeche);border-right-color:var(--marke)}.stufe.aktiv .stufe-name{color:var(--text)}.haftend{position:sticky;bottom:0;margin-top:20px;padding:20px 0 16px;background:linear-gradient(to top,var(--flaeche-0) 0%,var(--flaeche-0) 72%,transparent 100%)}.mit-haftender{padding-bottom:92px}.tastenzeile{margin-top:22px}.laufend-werte{display:flex;gap:32px;margin:20px 0 24px}.gross{font-size:28px;font-weight:600}.fussnote{margin:12px 0 0}.install{display:flex}.install-mitte{margin:auto 0;width:100%}.install-marke{font-size:28px;text-align:center;margin-bottom:24px}.install-text{color:var(--text-leise);text-align:center;margin:0 0 32px}.schritte{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.schritte li{display:flex;align-items:center;gap:14px;background:var(--flaeche-1);border:1px solid var(--linie);border-radius:var(--radius-karte);padding:16px;min-height:64px}.schritt-nr{flex:0 0 28px;height:28px;border-radius:50%;background:var(--marke-flaeche);color:var(--marke-hell);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:14px;font-weight:600}.teilen{vertical-align:-3px;margin-left:6px;color:var(--marke-hell)}.trotzdem{display:block;margin:28px auto 0;padding:12px 16px;color:var(--text-leise);font-size:13px;text-decoration:underline;text-underline-offset:3px;min-height:44px}.fertig{margin:-8px 0 0;font-size:15px}.ladeband-huelle{position:relative;width:100%;border-radius:8px;overflow:hidden;background:var(--flaeche-0);border:1px solid var(--linie)}.ladeband{display:block;width:100%;height:100%}.ladeband-huelle.zieht-auf{animation:band-auf .4s ease-out both}.band-preise{position:absolute;inset:6px 0 auto 0;height:16px;pointer-events:none}.band-preis{position:absolute;top:0;text-align:center;font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-shadow:0 1px 3px var(--flaeche-0),0 0 6px var(--flaeche-0)}@keyframes band-auf{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.band-legende{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;font-size:13px}.band-legende .zeit{color:var(--text-leise)}.kopf-rechts{margin-left:auto}.monatswahl{background:var(--flaeche-1);color:var(--text);border:1px solid var(--linie);border-radius:10px;padding:8px 10px;font-size:15px;min-height:44px;font-family:var(--sans)}.verlauf{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.verlauf-zeile{width:100%;text-align:left;background:var(--flaeche-1);border:1px solid var(--linie);border-radius:var(--radius-karte);padding:14px;display:flex;flex-direction:column;gap:8px}.verlauf-zeile:active{background:var(--flaeche-2)}.verlauf-kopf{display:flex;align-items:center;gap:10px;font-size:15px}.verlauf-werte{display:flex;align-items:baseline;gap:2px}.verlauf-werte .betrag{margin-left:auto}.status{margin-left:auto;font-size:15px}.st-verifiziert,.st-bepreist{color:var(--text)}.st-pruefen{color:var(--teuer)}.st-abgerechnet,.st-vorlaeufig{color:var(--text-leise)}.leer-hinweis{padding:32px 0;text-align:center}.detail-kopf{margin-bottom:16px}.status-zeile{margin-top:8px;font-size:15px}.mt{margin-top:28px}.pruefgrund{margin:16px 0 0;font-size:15px}.vergleich{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vergleich-teil{background:var(--flaeche-1);border:1px solid var(--linie);border-radius:var(--radius-karte);padding:14px}.vergleich-teil.gewinner{border-color:var(--marke);background:var(--marke-flaeche)}.positionen{width:100%;border-collapse:collapse;font-size:15px}.positionen th{text-align:right;font-size:13px;font-weight:600;color:var(--text-leise);padding:6px 0;border-bottom:1px solid var(--linie)}.positionen th:first-child{text-align:left}.positionen td{text-align:right;padding:9px 0;border-bottom:1px solid var(--linie)}.positionen td:first-child{text-align:left}.positionen tr:last-child td{border-bottom:0}.stufe-punkt{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:8px;vertical-align:1px}.aktionen{display:flex;flex-direction:column;gap:8px;margin-top:28px}.zweit{min-height:56px;border-radius:var(--radius-karte);background:var(--flaeche-1);border:1px solid var(--linie);font-size:15px;font-weight:600}.zweit:active{background:var(--flaeche-2)}.zweit:disabled{color:var(--text-leise)}.zweit.gefahr{color:var(--teuer-sehr);margin-top:16px}.mitte{text-align:center}.kennzahl.mitte{margin:8px 0 4px}.warn-karte{border-color:#f08a3c66;margin-bottom:12px}.karte p{margin:8px 0 0}.breit{width:100%;margin-top:12px}.export{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.export-link{color:var(--marke-hell);font-size:15px;text-decoration:underline;text-underline-offset:3px;padding:12px 4px;min-height:44px;display:inline-flex;align-items:center}.textexport{margin-top:16px}.textexport pre{margin:0 0 12px;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.5;color:var(--text)}.vorschlag{display:flex;flex-direction:column;gap:8px}.aktionen-quer{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:4px}.aktionen-quer .zweit{padding:0 16px}.feldliste{background:var(--flaeche-1);border:1px solid var(--linie);border-radius:var(--radius-karte);overflow:hidden}.feldzeile{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 14px;border-bottom:1px solid var(--linie);font-size:15px}.feldzeile:last-child{border-bottom:0}.feld-eingabe{display:flex;align-items:baseline;gap:4px}.feldzeile input{width:96px;text-align:right;background:var(--flaeche-2);color:var(--text);border:1px solid var(--linie);border-radius:10px;padding:10px;font-size:15px;min-height:44px;font-family:var(--mono);font-variant-numeric:tabular-nums}.feldzeile input:focus{outline:2px solid var(--marke-hell);outline-offset:1px}.kalib li{align-items:flex-start}.kalib .schritt-nr{margin-top:2px}.schritt-nr.fertig{background:var(--marke-flaeche);color:var(--guenstig-sehr)}.mt-klein{margin-top:12px}.referenz{display:flex;align-items:center;gap:8px;margin-top:12px}.referenz input{flex:1;min-width:0;background:var(--flaeche-2);color:var(--text);border:1px solid var(--linie);border-radius:10px;padding:12px;font-family:var(--mono);font-size:15px;min-height:48px}.kopf-tasten{display:flex;gap:2px;margin:-8px -8px 0 0}.kopf-tasten .kopf-taste{margin:0}.modul-nav{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.nav-link{min-height:44px;padding:0 14px;border-radius:10px;background:var(--flaeche-1);border:1px solid var(--linie);font-size:15px;display:inline-flex;align-items:center}.nav-link:active{background:var(--flaeche-2)}.nav-link.hebt-hervor{border-color:var(--marke);color:var(--marke-hell)}.zeitfeld{background:var(--flaeche-2);color:var(--text);border:1px solid var(--linie);border-radius:10px;padding:10px;font-size:15px;min-height:44px;font-family:var(--mono)}.stufen-quer{display:flex;gap:8px;flex-wrap:wrap}.stufe-klein{flex:1;min-width:62px;min-height:56px;border-radius:var(--radius-karte);background:var(--flaeche-1);border:1px solid var(--linie);font-size:15px;font-weight:600;color:var(--text-leise)}.stufe-klein.breit-klein{min-width:120px}.stufe-klein.aktiv{border-color:var(--marke);background:var(--marke-flaeche);color:var(--text)}.stufe-klein:active{background:var(--flaeche-2)}.verlauf-zeile.vorlaeufig{border-style:dashed}.naeherung{color:var(--text-leise)}.auswaerts{margin-top:10px}.klein-quer{gap:6px}.klein-quer .stufe-klein{min-width:92px;min-height:44px;font-size:14px}.notizfeld{flex:1;min-width:0;margin-left:12px;text-align:right;background:var(--flaeche-2);color:var(--text);border:1px solid var(--linie);border-radius:10px;padding:10px;font-size:15px;min-height:44px}.laufend-band{margin:0 0 16px}.kachel-aus{opacity:.7;border-style:dashed;cursor:default}.waehlen-start{margin-bottom:12px}.haken{width:22px;height:22px;border-radius:6px;flex:0 0 22px;border:1.5px solid var(--linie);background:var(--flaeche-2);display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}.haken.an{background:var(--marke);border-color:var(--marke)}.verlauf-zeile.markiert{border-color:var(--marke)}.verlauf-zeile.ausgenommen .verlauf-werte{opacity:.45;text-decoration:line-through}.verlauf-zeile.ausgenommen .ladeband-huelle{opacity:.4}.ausschluss-grund{margin-top:2px}.auswahl-leiste .karte{margin-bottom:0}.notizfeld.voll{width:100%;margin:8px 0 0;text-align:left}.primaer.kurz{min-height:56px;font-size:15px}.gesamt-zeile{margin-top:6px}.lage{margin-bottom:4px}.lage-kopf{display:flex;align-items:baseline;gap:4px}.gross-punkt{width:12px;height:12px;margin-left:8px}.empfehlung{margin-top:12px}.empfehlung-werte{display:flex;gap:24px;margin-top:14px;flex-wrap:wrap}.sparen{color:var(--guenstig-sehr)}.preisverlauf{display:flex;align-items:flex-end;gap:1px;height:128px;padding:20px 6px 0;background:var(--flaeche-0);border:1px solid var(--linie);border-radius:8px;overflow:hidden}.preis-saeule{flex:1;height:100%;display:flex;align-items:flex-end;position:relative}.saeule{width:100%;border-radius:2px 2px 0 0;opacity:.75}.preis-saeule.im-fenster{background:#00c8f824}.preis-saeule.im-fenster .saeule{opacity:1}.saeule-tag{position:absolute;top:-16px;left:0;font-size:10px;color:var(--text-leise);white-space:nowrap}.monatsliste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.monatszeile{background:var(--flaeche-1);border:1px solid var(--linie);border-radius:var(--radius-karte);padding:14px}.monatszeile-kopf{display:flex;align-items:baseline;justify-content:space-between;font-size:15px;font-weight:600;margin-bottom:8px}.monatsbalken{height:8px;background:var(--flaeche-2);border-radius:4px;overflow:hidden}.monatsbalken span{display:block;height:100%;background:var(--marke);border-radius:4px}.monatszeile-fuss{margin-top:8px}.schalter{width:52px;height:32px;flex:0 0 52px;border-radius:16px;background:var(--flaeche-2);border:1px solid var(--linie);padding:3px;display:flex;align-items:center;transition:background-color .12s ease}.schalter .knopf{width:24px;height:24px;border-radius:50%;background:var(--text-leise);transition:transform .12s ease,background-color .12s ease}.schalter.an{background:var(--marke);border-color:var(--marke)}.schalter.an .knopf{transform:translate(20px);background:#fff}.schalter:disabled{opacity:.5}.push-fuss{display:flex;flex-direction:column;gap:8px;margin-top:12px}.tonne{display:block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.tonnenreihe{display:flex;align-items:flex-end;gap:10px}.naechste-abfuhr{background:var(--flaeche-1);border:1px solid var(--linie);border-radius:var(--radius-karte);padding:24px 16px 20px;display:flex;flex-direction:column;align-items:center;text-align:center}.naechste-abfuhr.bald{border-color:var(--marke);background:var(--marke-flaeche)}.abfuhr-wann{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;margin-top:18px}.abfuhr-datum{color:var(--text-leise);font-size:15px;margin-top:2px}.abfuhr-arten{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}.art-marke{display:inline-flex;align-items:center;gap:7px;background:var(--flaeche-2);border:1px solid var(--linie);border-radius:999px;padding:6px 12px;font-size:13px}.art-punkt{width:10px;height:10px;border-radius:3px;box-shadow:inset 0 0 0 1px #edf1f659}.raus{margin-top:14px;color:var(--marke-hell)}.abfuhrliste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.abfuhr-zeile{display:flex;align-items:center;gap:14px;background:var(--flaeche-1);border:1px solid var(--linie);border-radius:var(--radius-karte);padding:10px 14px;min-height:64px}.abfuhr-zeile-tonnen{display:flex;gap:4px;flex:0 0 auto}.abfuhr-zeile-text{flex:1;min-width:0}.abfuhr-zeile-tage{flex:0 0 auto}.gewaehlte-strasse{border-color:var(--marke);background:var(--marke-flaeche)}.suchfeld{margin:12px 0 8px;text-align:left}.strassenliste{list-style:none;margin:0;padding:0;max-height:340px;overflow-y:auto;border:1px solid var(--linie);border-radius:var(--radius-karte);background:var(--flaeche-1)}.strassenliste li+li .strasse{border-top:1px solid var(--linie)}.strasse{width:100%;min-height:56px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;font-size:15px}.strasse:active{background:var(--flaeche-2)}.strasse.aktiv{color:var(--marke-hell)}.kachel-wert.wert-text{font-size:20px;letter-spacing:-.01em}.kachel-zusatz{line-height:1.3}.verlauf-werte.hochrechnung{color:var(--text-leise)}.verlauf-werte.hochrechnung .gross{color:var(--text)}.ca{color:var(--text-leise);margin-right:3px;font-size:20px}.laeuft-hinweis{color:var(--marke-hell);margin-top:2px}.st-laufend{color:var(--marke-hell)}.laeuft-karte{border-color:var(--marke);background:var(--marke-flaeche);margin-top:12px}.tafel{background:var(--flaeche-1);border:1px solid var(--linie);border-radius:var(--radius-karte);margin-bottom:16px;overflow:hidden}.tafel-kopf{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-leise);padding:12px 14px 8px}.tafel-zeile{display:flex;align-items:center;gap:12px;width:100%;padding:9px 14px 11px;background:none;border:0;border-top:1px solid var(--linie);text-align:left;color:var(--text);position:relative}.tafel-zeile:active{background:var(--flaeche-2)}.tafel-bild{flex:0 0 46px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--text-leise)}.brett-tonnen{display:flex;gap:1px;align-items:flex-end}.tafel-text{display:flex;flex-direction:column;gap:1px;min-width:0}.tafel-titel{font-weight:600;font-size:15px;line-height:1.2}.tafel-zusatz{font-size:12.5px;color:var(--text-leise);line-height:1.25}.tafel-zeile.stufe-1:before,.tafel-zeile.stufe-2:before,.tafel-zeile.stufe-3:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0}.tafel-zeile.stufe-1:before{background:var(--marke-hell)}.tafel-zeile.stufe-2:before{background:var(--mittel)}.tafel-zeile.stufe-3:before{background:var(--teuer-sehr)}.kachel-fahne{position:absolute;top:0;right:0;font-size:11px;font-weight:600;color:var(--marke-hell);background:var(--marke-flaeche);padding:3px 7px;border-radius:999px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.warnkarte{border:1px solid;border-left-width:4px;border-radius:var(--radius-karte);padding:14px;margin-bottom:12px}.warnkarte-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.warn-stufe{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#0e141c;padding:3px 8px;border-radius:999px;white-space:nowrap}.warn-ereignis{font-size:19px;font-weight:700;letter-spacing:-.01em}.warn-text{margin:8px 0 0;line-height:1.45;opacity:.92}.warn-hinweis{margin-top:8px}.ruhig-karte{padding:26px 16px}.ruhig-zeichen{font-size:30px;opacity:.5;margin-bottom:6px}.wahlliste{display:flex;flex-direction:column;gap:8px;margin-top:10px}.wahl{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;text-align:left;background:var(--flaeche-1);color:var(--text);border:1px solid var(--linie);border-radius:10px}.wahl.gewaehlt{border-color:var(--marke);background:var(--marke-flaeche)}.wahl:disabled{opacity:.45}.kachel-bild{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;margin:2px -4px 4px}.kachel-bild svg{max-height:100%}.kachel-bild.tonnen{gap:2px;align-items:flex-end}.kachel-fuss{margin-top:auto}.ort-zeile{margin-bottom:12px}.warn-buehne{border:1px solid;border-radius:var(--radius-karte);padding:18px 16px 16px;margin-bottom:12px;text-align:center}.warn-buehne.ruhig{background:var(--flaeche-1);border-color:var(--linie)}.warn-buehne-bild{display:flex;justify-content:center;margin-bottom:10px}.warn-marke{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px}.warn-titel{font-size:24px;font-weight:700;letter-spacing:-.015em;margin:8px 0 2px;line-height:1.15}.warn-zeit{font-size:14px;opacity:.85}.warn-noch{opacity:.7}.warn-text{margin:12px 0 0;line-height:1.5;text-align:left;font-size:13.5px;opacity:.92}.warn-hinweis{margin-top:10px;text-align:left}.warn-hinweis summary{cursor:pointer;opacity:.8}.warn-zeile{display:flex;align-items:center;gap:12px;border:1px solid;border-radius:12px;padding:10px 14px 10px 8px;margin-bottom:10px}.warn-zeile-text{min-width:0}.warn-zeile-titel{font-weight:700;font-size:15px}.vorbei-zeile{display:flex;align-items:center;gap:8px}.leiste-huelle{position:relative;z-index:30;flex:0 0 auto;background:var(--flaeche-1);border-top:1px solid var(--linie);padding-bottom:env(safe-area-inset-bottom)}.leiste-huelle:before,.leiste-huelle:after{content:"";position:absolute;top:1px;bottom:env(safe-area-inset-bottom);width:30px;pointer-events:none;opacity:0;transition:opacity .18s ease;z-index:1}.leiste-huelle:before{left:0;background:linear-gradient(to right,var(--flaeche-1),transparent)}.leiste-huelle:after{right:0;background:linear-gradient(to left,var(--flaeche-1),transparent)}.leiste-huelle.kante-links:before{opacity:1}.leiste-huelle.kante-rechts:after{opacity:1}.modulleiste{display:flex;max-width:560px;margin-inline:auto;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain}.modulleiste::-webkit-scrollbar{display:none}.leiste-reiter{flex:1 0 auto;position:relative;min-width:54px;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:9px 8px 10px;background:none;border:0;color:var(--text-leise);font-size:11px;line-height:1}.leiste-reiter:active{color:var(--text);background:var(--flaeche-2)}.leiste-zeichen{display:flex}.leiste-titel{white-space:nowrap}.leiste-reiter.aktiv{color:var(--text);font-weight:600}.leiste-reiter.aktiv .leiste-zeichen{color:var(--marke-hell)}.leiste-reiter.aktiv:after{content:"";position:absolute;left:10px;right:10px;top:0;height:3px;background:var(--marke);border-radius:0 0 3px 3px}.leiste-zahl{position:absolute;top:5px;right:8px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--marke);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.schutz-karte{border:1px solid #D6262C;border-left-width:5px;background:#221417;border-radius:var(--radius-karte);padding:16px;margin-bottom:14px}.schutz-bild{display:flex;justify-content:center;margin-bottom:6px}.schutz-marke{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f09098}.schutz-quelle{font-weight:500;opacity:.7;letter-spacing:0}.schutz-titel{font-size:21px;font-weight:700;margin:4px 0 2px;line-height:1.2}.schutz-schlagzeile{margin:6px 0 4px;font-size:15px;line-height:1.35}.pollen-buehne{display:flex;align-items:center;gap:12px;border:1px solid;border-radius:var(--radius-karte);padding:12px 16px;margin:14px 0 12px}.pollen-buehne-art{font-size:22px;font-weight:700;letter-spacing:-.01em}.tagwahl{display:flex;gap:6px;margin-bottom:12px}.tagtaste{flex:1;min-height:40px;border-radius:10px;background:var(--flaeche-1);border:1px solid var(--linie);color:var(--text-leise);font-size:14px}.tagtaste.gewaehlt{background:var(--marke-flaeche);border-color:var(--marke);color:var(--text);font-weight:600}.pollenliste{display:flex;flex-direction:column;gap:6px}.pollenzeile{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;background:var(--flaeche-1);border:1px solid var(--linie)}.pollenzeile.meine{border-color:var(--marke)}.pollenzeile-text{flex:1;min-width:0}.pollenzeile-art{font-weight:600;display:flex;align-items:center;gap:8px}.meine-marke{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--marke-hell);background:var(--marke-flaeche);padding:2px 6px;border-radius:999px}.pollenstufe{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.stufenzahl{font-family:var(--mono);font-size:13px;font-weight:600}.stufenbalken{display:flex;gap:3px}.stufenteil{width:9px;height:6px;border-radius:2px}.garten-buehne{border:1px solid var(--linie);border-radius:var(--radius-karte);padding:18px 16px 16px;margin:14px 0 12px;text-align:center}.garten-buehne.trocken{background:#241c12;border-color:#7a5a2e}.garten-buehne.versorgt{background:#142028;border-color:#2e5a6e}.garten-titel{font-size:24px;font-weight:700;margin:8px 0 2px}.regensaeulen{display:flex;align-items:flex-end;gap:5px;margin-top:8px}.regentag{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;min-width:0}.regenwert{font-family:var(--mono);font-size:10.5px;color:var(--text-leise)}.regensaeule{width:100%;background:var(--marke);border-radius:4px 4px 0 0}.regensaeule.vorhersage{background:repeating-linear-gradient(135deg,var(--marke-hell) 0 4px,transparent 4px 8px),var(--flaeche-2);border:1px solid var(--marke-hell)}.regentag-name{font-size:10.5px;color:var(--text-leise)}.artwahl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 14px}.artkachel{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;min-height:88px;background:var(--flaeche-1);border:1px solid var(--linie);border-radius:12px;color:var(--text-leise)}.artkachel.gewaehlt{border-color:var(--marke);background:var(--marke-flaeche);color:var(--text)}.kachel.breit{grid-column:1 / -1;aspect-ratio:auto;gap:10px}.breit-haupt{display:flex;align-items:center;gap:12px;margin-top:4px}.breit-bild{flex:0 0 auto;display:flex}.breit-text{display:flex;flex-direction:column;gap:2px;min-width:0}.breit-titel{font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.15}.breit-zusatz{line-height:1.3}.breit-felder{display:flex;gap:10px;border-top:1px solid var(--linie);padding-top:10px}.breit-feld{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.breit-feld-bild{flex:0 0 auto;display:flex}.breit-feld-text{display:flex;flex-direction:column;gap:1px;min-width:0}.breit-feld-titel{font-weight:600;font-size:13.5px;line-height:1.2}.kachel.breit{position:relative}.kachel.breit.stufe-2:before,.kachel.breit.stufe-3:before,.kachel.breit.stufe-4:before,.kachel.breit.stufe-5:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0}.kachel.breit.stufe-2:before{background:var(--mittel)}.kachel.breit.stufe-3:before{background:var(--teuer)}.kachel.breit.stufe-4:before,.kachel.breit.stufe-5:before{background:var(--teuer-sehr)}.breit-feld-text .klein{line-height:1.25}.auto-karte{background:var(--flaeche-1);border:1px solid var(--linie);border-radius:var(--radius-karte);padding:12px 14px 10px;margin-bottom:10px}.auto-kopf{display:flex;align-items:center;gap:8px;margin-bottom:6px}.auto-name{background:none;border:0;color:var(--text);font-size:17px;font-weight:600;padding:2px 0;min-width:0;flex:1}.auto-name.voll{border-bottom:1px solid var(--linie)}.auto-marke{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-leise);background:var(--flaeche-2);padding:3px 7px;border-radius:999px;white-space:nowrap}.auto-marke.kalib{color:var(--marke-hell);background:var(--marke-flaeche)}.auto-fuss{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.nur-text{background:none;border:0;color:var(--text-leise);text-decoration:underline;font-size:13px;padding:4px 0}.autowahl{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.autotaste{flex:1;min-width:120px;min-height:46px;background:var(--flaeche-1);border:1px solid var(--linie);border-radius:12px;color:var(--text-leise);font-size:15px}.autotaste.gewaehlt{border-color:var(--marke);background:var(--marke-flaeche);color:var(--text);font-weight:600}.selbsthinweis{background:var(--flaeche-1);border:1px solid var(--linie);border-radius:12px;padding:10px 12px;margin:0 0 14px;line-height:1.4}.wartet{background:var(--flaeche-1);border:1px solid var(--linie);border-radius:var(--radius-karte);padding:22px 18px 18px;text-align:center;margin-bottom:16px}.wartet-bild{display:flex;justify-content:center;margin-bottom:10px}.wartet-titel{font-size:21px;font-weight:700;margin:0 0 6px}.wartet-text{margin:0;line-height:1.45}.ladestand{display:inline-flex;align-items:center;gap:6px;color:var(--text-leise)}.ladestand-zahl{font-size:12.5px;white-space:nowrap}.laufend-kopf{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.laufend-soc{display:inline-flex;align-items:center;gap:6px}.verlauf-kopf .ladestand{margin-left:auto}.neuladen{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;justify-content:center;pointer-events:none;padding-top:max(8px,env(safe-area-inset-top));transition:opacity .12s ease}.neuladen-scheibe{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--flaeche-1);border:1px solid var(--linie);box-shadow:0 6px 18px #00000073;color:var(--marke-hell)}.neuladen-scheibe.dreht{animation:neuladen-dreht .8s linear infinite}@keyframes neuladen-dreht{to{transform:rotate(360deg)}}.neuladen{transition:transform .22s cubic-bezier(.2,.9,.3,1),opacity .2s ease}.neuladen.laedt{transition:transform .18s ease,opacity .12s ease}.hof-klapp{background:var(--flaeche-1);border:1px solid var(--linie);border-radius:12px;margin-top:18px;overflow:hidden}.hof-klapp>summary{display:flex;align-items:center;gap:10px;padding:9px 12px;min-height:44px;cursor:pointer;list-style:none}.hof-klapp>summary::-webkit-details-marker{display:none}.hof-klapp-name{font-size:14px;font-weight:600}.hof-klapp-lage{margin-left:auto;font-size:13px;white-space:nowrap}.hof-klapp-lage.auf{color:var(--guenstig)}.hof-klapp-lage.zu{color:var(--text-leise)}.hof-klapp-inhalt{padding:2px 12px 12px;border-top:1px solid var(--linie)}.hof-klapp-inhalt>.klein:first-child{margin-top:10px}.hof-zeiten{margin:10px 0;display:flex;flex-direction:column;gap:4px}.hof-zeit{display:flex;justify-content:space-between;font-size:13.5px}@keyframes venti-dreht{to{transform:rotate(360deg)}}@keyframes venti-schwenkt{0%,to{transform:rotate(-13deg)}50%{transform:rotate(13deg)}}@keyframes venti-luft{0%{opacity:0;transform:translate(0)}20%{opacity:.75}to{opacity:0;transform:translate(16px)}}@media(prefers-reduced-motion:reduce){.ventilatorbild *{animation:none!important}}.raum-karte{background:var(--flaeche-1);border:1px solid var(--linie);border-radius:var(--radius-karte);padding:14px 16px;margin-bottom:16px}.raum-wert{font-size:34px;font-weight:600;letter-spacing:-.02em}.venti-karte{background:var(--flaeche-1);border:1px solid var(--linie);border-radius:var(--radius-karte);padding:14px;margin-bottom:14px}.venti-kopf{display:flex;align-items:center;gap:14px}.venti-kopf .ventilatorbild{flex:0 0 auto}.venti-text{min-width:0;flex:1}.venti-name{font-size:19px;font-weight:700;margin:0}.venti-temp{font-size:22px;font-weight:600;margin:6px 0 10px}.venti-schalter{min-height:44px;padding:0 22px;border-radius:var(--radius-taste);background:var(--flaeche-2);border:1px solid var(--linie);color:var(--text);font-size:16px;font-weight:600}.venti-schalter.an{background:var(--marke);border-color:var(--marke);color:#fff}.stufenreihe{display:flex;gap:6px}.stufentaste{flex:1;min-height:44px;border-radius:10px;background:var(--flaeche-2);border:1px solid var(--linie);color:var(--text-leise);font-family:var(--mono);font-size:15px}.stufentaste.gewaehlt{background:var(--marke-flaeche);border-color:var(--marke);color:var(--text);font-weight:700}.modusreihe{display:flex;gap:6px;flex-wrap:wrap}.modustaste{flex:1 1 auto;min-width:78px;min-height:44px;padding:0 12px;border-radius:10px;background:var(--flaeche-2);border:1px solid var(--linie);color:var(--text-leise);font-size:14px}.modustaste.gewaehlt{background:var(--marke-flaeche);border-color:var(--marke);color:var(--text);font-weight:600}.kachel-bild.ventis{gap:0}.kacheln.ordnet{touch-action:none}.kachel{transition:transform .16s cubic-bezier(.2,.9,.3,1)}.kachel.zieht{transition:none;z-index:5;box-shadow:0 14px 34px #0000008c;border-color:var(--marke);opacity:.96}.kacheln.ordnet .kachel:not(.zieht){opacity:.72}.kachel,.kacheln,.brett-zeile,.tafel-zeile,button{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.kachel-innen{margin-left:auto;white-space:nowrap}.tagesband{display:flex;align-items:flex-end;gap:2px;height:46px;margin-top:12px}.tagesstunde{flex:1;height:100%;display:flex;align-items:flex-end;position:relative}.tagessaeule{width:100%;border-radius:2px 2px 0 0;transition:height .3s ease}.tagesstunde.vorbei .tagessaeule{opacity:.3}.tagesstunde.jetzt:after{content:"";position:absolute;top:-3px;right:-1px;bottom:-4px;left:-1px;border:1.5px solid var(--text);border-radius:4px;opacity:.75}.tagesskala{display:flex;justify-content:space-between;margin-top:4px;font-variant-numeric:tabular-nums}.tageswerte{margin-top:6px}.verbrenner{margin-top:14px;padding-top:12px;border-top:1px solid var(--linie)}.verbrenner-zeile{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:3px 0}.verbrenner-zeile.sparen .zahl{color:var(--guenstig-sehr)}.verbrenner p{margin:8px 0 0}.verbrenner-wahl{margin:0 0 10px}.autokarte{text-align:center;padding:14px 12px 10px}.autobild img{max-width:100%;height:auto;object-fit:contain}.autobild-umriss{display:inline-block;opacity:.85}.autokarte-fuss{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}.kennzeichen{border:1.5px solid var(--text-leise);border-radius:4px;padding:1px 7px;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--text)}.kachel-bild.auto{display:flex;align-items:center;justify-content:center}.kmstand{margin:16px 0 10px;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.budget{margin-bottom:12px}.budget-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.budget-kopf .abschnitt-titel{margin:0}.budget-zahl{display:flex;align-items:baseline;gap:4px;margin:6px 0 10px}.budget-fuesse,.reichweite-fuesse{display:flex;justify-content:space-between;gap:10px;margin-top:6px}.budget-linie{margin:8px 0 0}.rechts{text-align:right}.kmbalken{position:relative;height:12px;border-radius:6px;background:var(--flaeche-2);overflow:hidden}.kmbalken-fuellung{height:100%;background:var(--guenstig);border-radius:6px 0 0 6px;transition:width .4s ease}.kmbalken-fuellung.drueber{background:var(--teuer)}.kmbalken-soll{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--text);opacity:.8;border-radius:1px}.reichweite-balken{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--flaeche-2)}.reichweite-benzin{background:var(--mittel)}.reichweite-strom{background:var(--marke-hell)}.reichweite-summe{margin-top:10px;display:flex;align-items:baseline;gap:4px}.zustandsreihe{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.zustandsreihe.alt{opacity:.55}.zustandsmarke{border-radius:999px;padding:4px 10px;font-size:13px;background:var(--flaeche-2);border:1px solid var(--linie)}.zustandsmarke.gut{color:var(--text-leise)}.zustandsmarke.schlecht{color:var(--teuer);border-color:var(--teuer);background:transparent}.kachel img,.tafel-zeile img,.brett-zeile img{pointer-events:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.schalterkarte{margin-bottom:4px}.schalterzeile{display:flex;align-items:center;justify-content:space-between;gap:14px}.schaltertitel{font-weight:600;margin-bottom:2px}.schalter{flex:none;width:52px;height:31px;border-radius:999px;background:var(--flaeche-2);border:1px solid var(--linie);padding:0;position:relative;cursor:pointer;transition:background .18s ease,border-color .18s ease}.schalter-knopf{position:absolute;top:3px;left:3px;width:23px;height:23px;border-radius:50%;background:var(--text-leise);transition:transform .18s ease,background .18s ease}.schalter.an{background:var(--marke-flaeche);border-color:var(--marke)}.schalter.an .schalter-knopf{transform:translate(21px);background:var(--marke-hell)}.plankarte{margin-top:12px}.planstrahl{display:flex;align-items:flex-end;gap:2px;height:54px;margin:14px 0 0}.planstunde{flex:1;height:100%;display:flex;align-items:flex-end;position:relative;border-radius:3px}.plansaeule{width:100%;border-radius:2px 2px 0 0}.planstunde.geplant{background:#00c8f82e}.planstunde.geplant .plansaeule{box-shadow:0 0 0 1px #00c8f880}.planstunde.zuspaet{opacity:.28}.planskala{display:flex;justify-content:space-between;margin-top:5px}.plankarte.vorschau{border-style:dashed}.standzeile{margin-top:14px}.pausenvermerk{margin-top:4px}.wartet.pausiert{border:1px dashed var(--marke);border-radius:14px;padding:16px 14px 6px;background:var(--marke-flaeche)}.wartet-marke{color:var(--marke-hell)}.pausenzeile{margin:2px 0 8px}.laufend.pausiert .abschnitt-titel{color:var(--marke-hell)}.wahlzeile{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:8px;padding:14px 16px;min-height:56px;border-radius:var(--radius-karte);background:var(--flaeche-1);border:1px solid var(--linie);font-size:15px;font-weight:600;color:var(--text-leise);text-align:left}.wahlzeile.aktiv{border-color:var(--marke);background:var(--marke-flaeche);color:var(--text)}.wahlzeile:active{background:var(--flaeche-2)}.wahlhaken{color:var(--marke-hell);font-size:17px;min-width:14px;text-align:right}.wahlzeile input[type=time]{background:var(--flaeche-2);border:1px solid var(--linie);border-radius:10px;padding:6px 10px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums}.wahlzeile.aktiv input[type=time]{border-color:var(--marke)}.kachel-bild.haus-kachel-bild{align-items:flex-end;gap:2px;padding:8px 6px 2px;margin:2px 0 6px}.haus-kachel-bild span{flex:1;border-radius:2px 2px 1px 1px;min-width:0}.haus-monatswahl{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-4px 0 12px}.haus-monatswahl .kopf-taste:disabled{opacity:.3}.haus-monatsname{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;letter-spacing:-.01em}.haus-fahne{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--marke-hell);background:var(--marke-flaeche);border-radius:999px;padding:2px 8px}.haus-held{padding:20px 18px 16px;background:radial-gradient(120% 90% at 0% 0%,rgba(0,104,248,.16),transparent 60%),var(--flaeche-1)}.haus-held.laden{min-height:236px}.haus-held-titel{letter-spacing:.02em}.haus-kennzahl{font-size:54px;margin:4px 0 10px}.haus-kennzahl .einheit{font-size:17px;margin-left:8px}.haus-vergleich{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.haus-dp{color:var(--text);font-size:17px}.haus-abzeichen{font-size:13px;font-weight:600;border-radius:999px;padding:4px 10px;border:1px solid transparent;white-space:nowrap}.haus-abzeichen.gut{color:var(--guenstig-sehr);background:#2fd3b51a;border-color:#2fd3b54d}.haus-abzeichen.schlecht{color:var(--teuer);background:#f08a3c1a;border-color:#f08a3c4d}.haus-teurer{color:var(--teuer)}.haus-erklaerung{margin-top:14px!important;line-height:1.5}.haus-vormonat{margin-top:6px!important}.haus-leiste{position:relative;height:44px;margin-top:16px}.haus-leiste-spur{position:absolute;left:0;right:0;top:12px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--guenstig-sehr),var(--guenstig),var(--mittel),var(--teuer),var(--teuer-sehr));opacity:.55}.haus-leiste-strich{position:absolute;top:4px;width:2px;height:22px;margin-left:-1px;background:var(--text);border-radius:1px}.haus-leiste-marke{position:absolute;top:-16px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600}.haus-leiste-punkt{position:absolute;top:7px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--marke-hell);box-shadow:0 0 0 3px var(--flaeche-1),0 0 16px #00c8f88c}.haus-leiste-skala{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between}.haus-fakten{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.haus-fakt{background:var(--flaeche-1);border:1px solid var(--linie);border-radius:var(--radius-karte);padding:12px;font-size:20px;font-weight:600}.haus-fakt .leise{font-weight:400;margin-top:2px}.haus-auto{margin-top:8px}.haus-profil{padding:14px 14px 12px}.haus-profil-kopf{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-weight:600;min-height:26px}.haus-profil-werte{margin-left:auto;display:flex;gap:14px;align-items:baseline}.haus-profil-preis{display:inline-flex;align-items:baseline}.haus-saeulen{display:flex;align-items:flex-end;gap:2px;height:132px;margin-top:12px;border-bottom:1px solid var(--linie)}.haus-saeule{flex:1;min-width:0;height:100%;padding:0;display:flex;align-items:flex-end;position:relative}.haus-saeule span{width:100%;border-radius:3px 3px 0 0;opacity:.78;transition:opacity .12s ease,height .3s ease}.haus-saeule.aktiv span{opacity:1}.haus-saeule.aktiv:after{content:"";position:absolute;top:-4px;right:-1px;bottom:-1px;left:-1px;border:1.5px solid var(--text);border-radius:4px;opacity:.7;pointer-events:none}.haus-legende{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px}.haus-legende-farben{display:inline-flex;align-items:center;gap:3px}.haus-legende-farben .stufe-punkt{margin:0}.haus-legende-farben .stufe-punkt:first-child{margin-left:4px}.haus-legende-farben .stufe-punkt:last-child{margin-right:4px}.haus-monate{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.haus-monat{width:100%;text-align:left;background:var(--flaeche-1);border:1px solid var(--linie);border-radius:var(--radius-karte);padding:12px 14px}.haus-monat.gewaehlt{border-color:var(--marke);background:var(--marke-flaeche)}.haus-monat-kopf{display:flex;justify-content:space-between;align-items:baseline}.haus-monat-vp{font-size:19px;font-weight:600}.haus-monat-spur{position:relative;height:14px;margin:8px 0 6px}.haus-monat-spur:before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:var(--linie);border-radius:1px}.haus-leiste-strich.klein-strich{top:-1px;height:16px;opacity:.85;z-index:1}.haus-monat-punkt{position:absolute;top:2px;width:10px;height:10px;margin-left:-5px;border-radius:50%;box-shadow:0 0 0 2px var(--flaeche-1)}.haus-monat.gewaehlt .haus-monat-punkt{box-shadow:0 0 0 2px var(--marke-flaeche)}.haus-monat-punkt.gut{background:var(--guenstig-sehr)}.haus-monat-punkt.schlecht{background:var(--teuer)}.haus-stand{margin-top:20px}.haus-held-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.haus-stand-marke{white-space:nowrap;font-size:12px}.haus-frueh{margin:12px 0 0!important;padding:8px 10px;border-radius:10px;color:var(--mittel);background:#f2c23014;border:1px solid rgba(242,194,48,.25)}.haus-fussnote{margin:8px 2px 0;line-height:1.45}.haus-segment{display:flex;gap:4px;padding:4px;margin-bottom:8px;background:var(--flaeche-1);border:1px solid var(--linie);border-radius:12px}.haus-segment button{flex:1;min-height:38px;border-radius:9px;font-size:14px;font-weight:600;color:var(--text-leise)}.haus-segment button.aktiv{background:var(--flaeche-2);color:var(--text)}.haus-zeitraum{margin-top:8px}.haus-zeitraum-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px}.haus-stepper{display:inline-flex;align-items:center;background:var(--flaeche-2);border:1px solid var(--linie);border-radius:12px}.haus-stepper button{width:44px;height:40px;font-size:20px;font-weight:600;color:var(--text);border-radius:11px}.haus-stepper button:disabled{opacity:.3}.haus-stepper .zahl{min-width:28px;text-align:center;font-size:17px;font-weight:600}.haus-zeitraum-werte{display:flex;align-items:flex-end;gap:20px;margin-top:14px;flex-wrap:wrap}.haus-zeitraum-werte .haus-abzeichen{margin-left:auto;margin-bottom:20px}.haus-zeitraum-zahl{font-size:28px;font-weight:600}.haus-zeitraum-zahl.leise{color:var(--text-leise)}.haus-zeitraum-fuss{margin-top:10px!important}.haus-zeitraum-vergleich{margin-top:10px!important;padding-top:10px;border-top:1px solid var(--linie)}.nowrap{white-space:nowrap}.haus-abzeichen.gleich{color:var(--text-leise);background:var(--flaeche-2);border-color:var(--linie)}