.en-seite{--en-wasser:#e7ecee;--en-leer:#d3cec5;--en-grenze:#ffffffe6;--en-linie:#2c7a4b;--en-flaeche:var(--glass-card-strong,#ffffffb8);--en-flaeche-fest:#fffffd;--en-rand:var(--glass-line-strong,#6e65582e);--en-schatten:var(--glass-shadow-soft,0 9px 28px #3a312514);--en-fokus:#1565c0;--en-plus:#1f7a45;--en-minus:#b3261e;box-sizing:border-box;width:100%;max-width:1000px;color:var(--text);font-family:var(--font-body);margin:0 auto;padding:28px 20px 96px}[data-theme=dark] .en-seite{--en-wasser:#15171a;--en-leer:#3a3835;--en-grenze:#141416f2;--en-linie:#5ec58a;--en-flaeche-fest:#1f1f22;--en-plus:#62c48a;--en-minus:#f0807a;--en-fokus:#7db4ff}.en-seite *,.en-seite :before,.en-seite :after{box-sizing:border-box}.en-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.en-seite :focus-visible{outline:2px solid var(--en-fokus);outline-offset:2px}.en-seite button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}body.energie-page .main-content{max-width:1100px;padding-left:0;padding-right:0}.en-kopf{margin-bottom:26px}.en-eyebrow{font:600 .74rem/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px}.en-titel{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);margin:0 0 14px;font-size:clamp(2.1rem,1.4rem + 3.2vw,3.3rem);font-weight:900;line-height:1.05}.en-lead{max-width:46rem;color:var(--text-secondary);margin:0 0 22px;font-size:clamp(1.02rem,.96rem + .3vw,1.18rem);line-height:1.6}.en-kacheln{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.en-kachel{background:var(--en-flaeche);border:1px solid var(--en-rand);box-shadow:var(--en-schatten), var(--glass-inset,none);border-radius:14px;grid-template-rows:auto auto auto;align-content:start;gap:4px;min-width:0;padding:14px 16px;display:grid}.en-kachel-label{font:700 .7rem/1.2 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.en-kachel-zahl{font:700 2rem/1.1 var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.en-kachel-unter{font:500 .8rem/1.3 var(--font-ui);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;min-height:1.3em;overflow:hidden}.en-karte{background:var(--en-flaeche);border:1px solid var(--en-rand);box-shadow:var(--en-schatten), var(--glass-inset,none);border-radius:18px;padding:12px;position:relative}.en-leiste{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.en-suche{flex:220px;min-width:0;max-width:340px;position:relative}.en-suche input{width:100%;height:40px;font:500 .95rem var(--font-ui);color:var(--text);background:var(--en-flaeche-fest);border:1px solid var(--en-rand);-webkit-appearance:none;appearance:none;border-radius:10px;padding:0 12px 0 36px}.en-suche input::-webkit-search-cancel-button{-webkit-appearance:none}.en-suche input::placeholder{color:var(--text-muted)}.en-suche-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:12px;left:12px}.en-vorschlaege{z-index:40;background:var(--en-flaeche-fest);border:1px solid var(--en-rand);border-radius:10px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 14px 34px #0000002e}.en-vorschlaege li{font:500 .92rem var(--font-ui);cursor:pointer;border-radius:7px;justify-content:space-between;gap:8px;padding:8px 10px;display:flex}.en-vorschlaege li[aria-selected=true]{background:var(--brand-accent-soft,#b71c1c1a)}.en-vorschlaege small{color:var(--text-muted);font-weight:400}.en-vorschlag-leer{color:var(--text-muted);cursor:default!important}.en-modi{background:var(--en-flaeche-fest);border:1px solid var(--en-rand);border-radius:11px;gap:2px;padding:3px;display:inline-flex}.en-modi button{height:32px;font:600 .84rem var(--font-ui);color:var(--text-secondary);white-space:nowrap;border-radius:8px;padding:0 12px;transition:background-color .15s,color .15s}.en-modi button:hover{color:var(--text)}.en-modi button[aria-checked=true]{background:var(--text);color:var(--bg-card,#fff)}.en-schema{height:40px;font:600 .84rem var(--font-ui);color:var(--text-secondary);background:var(--en-flaeche-fest);border:1px solid var(--en-rand);border-radius:10px;align-items:center;gap:8px;margin-left:auto;padding:0 12px;display:inline-flex}.en-schema:hover{color:var(--text)}.en-schema[aria-pressed=true]{color:var(--text);border-color:var(--text)}.en-schema-punkte{display:inline-flex}.en-schema-punkte i{border:1.5px solid var(--en-flaeche-fest);border-radius:50%;width:10px;height:10px;margin-left:-3px}.en-schema-punkte i:first-child{margin-left:0}.en-schema-punkte i:first-child{background:#c62f2f}.en-schema-punkte i:nth-child(2){background:#f0bf2f}.en-schema-punkte i:nth-child(3){background:#0a5a33}.schema-sicher .en-schema-punkte i:first-child{background:#fdf3c4;box-shadow:inset 0 0 0 1px #00000026}.schema-sicher .en-schema-punkte i:nth-child(2){background:#46aaa0}.schema-sicher .en-schema-punkte i:nth-child(3){background:#0c2f5f}.en-buehne{background:var(--en-wasser);border:1px solid var(--en-rand);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:12px;width:100%;height:clamp(520px,76vh,700px);position:relative;overflow:hidden}.en-buehne:focus-visible{outline-offset:3px}.en-svg{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.ist-bewegt .en-svg{cursor:grabbing}.en-land{stroke:var(--en-grenze);stroke-width:.7px;vector-effect:non-scaling-stroke;stroke-linejoin:round;cursor:pointer}.en-leer{fill:var(--en-leer)}.ist-bewegt .en-land{stroke-width:.5px}.en-hover,.en-auswahl{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round;pointer-events:none}.en-hover{stroke:var(--text);stroke-width:1.4px;opacity:.85}.en-auswahl{stroke:var(--text);stroke-width:2.4px}.en-punkt{stroke:var(--en-grenze);stroke-width:1.4px;vector-effect:non-scaling-stroke;cursor:pointer}.en-punkt.ist-gewaehlt{stroke:var(--text);stroke-width:2.4px}.en-tipp{z-index:5;pointer-events:none;font:500 .82rem/1.25 var(--font-ui);white-space:nowrap;color:var(--text);background:var(--en-flaeche-fest);border:1px solid var(--en-rand);opacity:0;border-radius:8px;flex-direction:column;gap:1px;padding:6px 10px;transition:opacity .12s;display:flex;position:absolute;top:0;left:0;box-shadow:0 6px 18px #00000029}.en-tipp.sichtbar{opacity:1}.en-tipp strong{font-weight:700}.en-tipp-leer{color:var(--text-muted)}.en-hinweis{z-index:6;font:600 .8rem var(--font-ui);color:#fff;pointer-events:none;white-space:nowrap;background:#19191bdb;border-radius:9px;padding:7px 12px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.en-zoom{z-index:6;background:var(--en-flaeche-fest);border:1px solid var(--en-rand);border-radius:10px;flex-direction:column;display:flex;position:absolute;top:10px;right:10px;overflow:hidden;box-shadow:0 4px 14px #0000001a}.en-zoom button{width:38px;height:38px;font:400 1.35rem/1 var(--font-ui);color:var(--text);place-items:center;display:grid}.en-zoom button+button{border-top:1px solid var(--en-rand)}.en-zoom button:hover{background:var(--brand-accent-soft,#0000000f)}.en-legende{z-index:4;background:var(--en-flaeche-fest);border:1px solid var(--en-rand);width:min(340px,100% - 20px);font:500 .74rem/1.3 var(--font-ui);color:var(--text-secondary);border-radius:10px;padding:8px 12px 9px;position:absolute;bottom:10px;left:10px;box-shadow:0 4px 14px #00000014}.en-legende-titel{color:var(--text);margin-bottom:6px;font-weight:600;display:block}.en-legende-balken{background-image:var(--ampel);border-radius:5px;height:9px}.schema-sicher .en-legende-balken{background-image:var(--sicher)}.en-legende-marken{height:15px;margin-top:3px;position:relative}.en-legende-marken span{font-variant-numeric:tabular-nums;white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.en-legende-marken span:first-child{transform:none}.en-legende-marken span:last-child{transform:translate(-100%)}.en-legende-leer{align-items:center;gap:6px;margin-top:4px;display:inline-flex}.en-legende-leer i{background:var(--en-leer);border-radius:2px;width:12px;height:9px}.en-stand{font:400 .8rem/1.5 var(--font-ui);color:var(--text-muted);margin:10px 4px 2px}.en-popup{z-index:20;overscroll-behavior:contain;width:340px;max-width:calc(100% - 16px);color:var(--text);background:var(--en-flaeche-fest);border:1px solid var(--en-rand);border-radius:14px;padding:12px 16px;animation:.18s ease-out en-auf;position:absolute;top:0;left:0;overflow-y:auto;box-shadow:0 22px 60px #00000047,0 4px 14px #0000001f}.en-popup[hidden]{display:none}.en-popup:focus{outline:none}.en-popup-griff{display:none}@keyframes en-auf{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes en-ein{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.en-popup{animation-name:en-ein}}.en-pop-laedt{text-align:center;color:var(--text-muted);font:500 .9rem var(--font-ui);padding:28px 0}.en-pop-kopf{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.en-pop-kopf h3{font:700 1.2rem/1.2 var(--font-display);letter-spacing:-.005em;margin:0}.en-pop-stand{font:500 .78rem/1.35 var(--font-ui);color:var(--text-muted);margin:4px 0 0}.en-pop-zu{width:32px;height:32px;color:var(--text-secondary);border-radius:50%;flex:none;place-items:center;margin:-4px -6px 0 0;display:grid}.en-pop-zu:hover{background:var(--brand-accent-soft,#00000012);color:var(--text)}.en-pop-leer{font:400 .92rem/1.55 var(--font-body);color:var(--text-secondary);margin:14px 0 4px}.en-text-knopf{color:var(--text);font-weight:600;text-decoration:underline}.en-pop-gross{align-items:center;gap:12px;margin:8px 0 2px;display:flex}.en-pop-zahl{font:900 2.3rem/1 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--en-plus)}.en-pop-zahl small{font-size:1.3rem;font-weight:700}.en-pop-gross-text{font:500 .82rem/1.25 var(--font-ui);color:var(--text-secondary);flex-direction:column;gap:2px;display:flex}.en-pop-gross-text strong{color:var(--text);font-size:.95rem}.en-pop-delta{font-weight:700}.en-pop-delta.plus{color:var(--en-plus)}.en-pop-delta.minus{color:var(--en-minus)}.en-pop-vergleich{font:500 .76rem var(--font-ui);color:var(--text-muted);margin:0 0 8px}.en-mix{border-top:1px solid var(--en-rand);margin:8px 0 0;padding:8px 0 0;list-style:none}.en-mix li{font:500 .84rem/1.3 var(--font-ui);grid-template-columns:9px 112px minmax(0,1fr) 58px;align-items:center;gap:8px;padding:2.5px 0;display:grid}.en-mix-punkt{border-radius:50%;width:9px;height:9px}.en-mix-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.en-mix li.andere .en-mix-name{color:var(--text-secondary)}.en-mix-spur{background:var(--en-leer);opacity:.9;border-radius:3px;height:6px;overflow:hidden}.en-mix-spur i{border-radius:3px;height:100%;display:block}.en-mix-wert{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.en-verlauf{border-top:1px solid var(--en-rand);margin-top:10px;padding-top:8px}.en-verlauf svg{touch-action:none;width:100%;height:auto;display:block;overflow:visible}.en-verlauf svg:focus-visible{outline-offset:4px;border-radius:4px}.en-jl{font:500 9px var(--font-ui);fill:var(--text-muted);pointer-events:none}.en-jl.aktiv{fill:var(--text);font-weight:700}.en-saeule{fill:var(--en-plus);opacity:.55}.en-treffer{fill:#0000;cursor:crosshair}.en-markierung{fill:var(--en-rand);pointer-events:none}.en-leer-balken{fill:var(--en-leer)}.en-verlauf-lese{font:500 .78rem/1.3 var(--font-ui);color:var(--text);margin:5px 0 0}.en-verlauf-lese span{color:var(--text-muted)}.en-fakten{font:500 .78rem/1.35 var(--font-ui);color:var(--text-secondary);flex-wrap:wrap;gap:2px 14px;margin:8px 0 0;display:flex}.en-fakten b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.en-pop-fuss{font:400 .7rem/1.4 var(--font-ui);color:var(--text-muted);margin:8px 0 0}.en-pop-fuss a{color:inherit;text-decoration:underline}html.en-zieht,html.en-zieht *{-webkit-user-select:none!important;user-select:none!important}.en-block{content-visibility:auto;contain-intrinsic-size:auto 600px;margin-top:52px}.en-h2{font:700 clamp(1.45rem, 1.2rem + 1vw, 1.9rem)/1.2 var(--font-display);color:var(--text);letter-spacing:-.005em;margin:0 0 8px}.en-block-text{max-width:46rem;font:400 .92rem/1.55 var(--font-body);color:var(--text-secondary);margin:0 0 16px}.en-rang{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.en-rang-karte{background:var(--en-flaeche);border:1px solid var(--en-rand);box-shadow:var(--en-schatten);border-radius:14px;min-width:0;padding:14px 14px 10px}.en-rang-karte h3{font:700 .78rem/1.3 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 8px}.en-rang-karte ol{margin:0;padding:0;list-style:none}.en-rang-karte button{text-align:left;width:100%;font:500 .88rem/1.2 var(--font-ui);border-radius:8px;grid-template-columns:minmax(0,1fr) 54px auto;align-items:center;gap:10px;padding:7px 4px;display:grid}.en-rang-karte button:hover{background:var(--brand-accent-soft,#0000000d)}.en-rang-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.en-rang-balken{background:var(--en-leer);border-radius:3px;height:6px;position:relative;overflow:hidden}.en-rang-balken:before{content:"";width:var(--w);background:var(--f);border-radius:3px;position:absolute;inset:0 auto 0 0}.en-rang-wert{text-align:right;font-variant-numeric:tabular-nums;min-width:52px;font-weight:700}.en-tabelle-huelle{background:var(--en-flaeche);border:1px solid var(--en-rand);box-shadow:var(--en-schatten);border-radius:14px;overflow-x:auto}.en-tabelle-huelle--hoch{overscroll-behavior:contain;max-height:560px;overflow:auto}.en-tabelle{border-collapse:collapse;width:100%;font:500 .9rem/1.3 var(--font-ui);font-variant-numeric:tabular-nums}.en-tabelle th,.en-tabelle td{text-align:left;border-bottom:1px solid var(--en-rand);padding:9px 14px}.en-tabelle tbody tr:last-child>*{border-bottom:0}.en-tabelle thead th{z-index:2;background:var(--en-flaeche-fest);font:700 .74rem/1.2 var(--font-ui);letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;position:sticky;top:0}.en-tabelle .en-r{text-align:right}.en-tabelle tbody th{font-weight:600}.en-tabelle thead button{text-transform:inherit;letter-spacing:inherit;font:inherit;color:inherit}.en-tabelle thead button:hover{color:var(--text)}.en-tabelle th[aria-sort] button:after{content:" ↑"}.en-tabelle th[aria-sort=descending] button:after{content:" ↓"}.en-tabelle tbody tr:hover>*{background:var(--brand-accent-soft,#0000000a)}.en-tabelle td button,.en-tabelle th button[data-oeffne]{text-align:left}.en-tabelle button[data-oeffne]:hover{text-decoration:underline}.en-tabelle tr[hidden]{display:none}.en-punkt-farbe{background:var(--f);border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.en-delta{color:var(--text-secondary)}.en-verlauf-zelle{width:140px;padding-right:16px!important}.en-verlauf-zelle svg{width:120px;height:28px;margin-left:auto;display:block}.en-verlauf-kopf{text-align:right!important}.en-alle-leiste{align-items:center;gap:14px;margin-bottom:10px;display:flex}.en-alle-leiste input{width:min(300px,100%);height:38px;font:500 .92rem var(--font-ui);color:var(--text);background:var(--en-flaeche-fest);border:1px solid var(--en-rand);-webkit-appearance:none;appearance:none;border-radius:10px;padding:0 12px}.en-alle-zahl{font:500 .82rem var(--font-ui);color:var(--text-muted)}.en-methode-text{max-width:46rem}.en-methode-text p{font:400 .95rem/1.65 var(--font-body);color:var(--text-secondary);margin:0 0 14px}.en-methode-text a{color:var(--text);text-underline-offset:2px;text-decoration:underline}.en-methode-text strong{color:var(--text);font-weight:600}@media (width<=900px){.en-rang{grid-template-columns:1fr}.en-rang-karte button{grid-template-columns:minmax(0,1fr) 90px auto}}@media (width<=720px){.en-seite{padding:20px 16px 72px}.en-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}.en-kachel{padding:12px 13px}.en-kachel-zahl{font-size:1.6rem}.en-karte{border-radius:16px;padding:10px}.en-leiste{gap:8px}.en-suche{flex:1 1 0;max-width:none}.en-modi{flex:100%;order:3}.en-modi button{flex:1;padding:0 6px;font-size:.8rem}.en-lang{display:none}.en-schema{justify-content:center;width:44px;margin-left:0;padding:0}.en-schema-text{display:none}.en-legende{padding:6px 10px 7px;font-size:.68rem}.en-legende-titel{margin-bottom:4px;padding-right:84px}.en-legende-leer{margin:0;position:absolute;top:6px;right:10px}.en-buehne{height:400px}.en-legende{width:calc(100% - 16px);bottom:8px;left:8px}.en-zoom{top:8px;right:8px}.en-zoom button{width:42px;height:42px}.en-popup{z-index:90;max-width:none;padding:6px 18px max(18px, env(safe-area-inset-bottom));border-bottom:0;border-radius:18px 18px 0 0;position:fixed;bottom:0;right:0;box-shadow:0 -12px 40px #00000047;width:auto!important;max-height:min(46vh,360px)!important;top:auto!important;left:0!important}.en-popup-griff{background:var(--en-rand);border-radius:2px;width:38px;height:4px;margin:4px auto 10px;display:block}.en-pop-zu{width:40px;height:40px}.en-pop-vergleich,.en-fakten,.en-pop-fuss{display:none}.en-mix li{grid-template-columns:9px 104px minmax(0,1fr) 58px;padding:1.5px 0}.en-tabelle th,.en-tabelle td{padding:9px 10px}.en-spalte-ws,.en-spalte-jahr,.en-verlauf-kopf,.en-verlauf-zelle{display:none}.en-block{margin-top:40px}.en-hinweis{display:none}}@media (pointer:coarse){.en-modi button{height:36px}}@media (width<=768px){html.en-popup-offen .mobile-support-dock{display:none!important}}html.en-reveal .en-vor{opacity:0;transform:translateY(16px)}html.en-reveal .en-vor.en-da,html.en-alles .en-vor{opacity:1;transition:opacity .6s cubic-bezier(.22, 1, .36, 1) calc(var(--i,0) * 75ms), transform .6s cubic-bezier(.22, 1, .36, 1) calc(var(--i,0) * 75ms);transform:none}html.en-reveal .en-karte.en-vor .en-svg{clip-path:inset(0 100% 0 0)}html.en-reveal .en-karte.en-vor.en-da .en-svg,html.en-alles .en-karte .en-svg{clip-path:inset(0);transition:clip-path 1.5s cubic-bezier(.22,1,.36,1) .35s}html.en-reveal .en-karte.en-vor .en-legende,html.en-reveal .en-karte.en-vor .en-zoom{opacity:0}html.en-reveal .en-karte.en-vor.en-da .en-legende,html.en-reveal .en-karte.en-vor.en-da .en-zoom,html.en-alles .en-karte .en-legende,html.en-alles .en-karte .en-zoom{opacity:1;transition:opacity .6s 1.1s}@media (prefers-reduced-motion:reduce){html.en-reveal .en-vor{transform:none}html.en-reveal .en-karte.en-vor .en-svg{clip-path:none;opacity:0}html.en-reveal .en-karte.en-vor.en-da .en-svg{opacity:1;transition:opacity .7s .2s}}