@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.block{display:block}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.text-wrap{text-wrap:wrap}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/schibsted-grotesk-latin.woff2)format("woff2-variations"),url(/fonts/schibsted-grotesk-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/schibsted-grotesk-latin-ext.woff2)format("woff2-variations"),url(/fonts/schibsted-grotesk-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2-variations"),url(/fonts/jetbrains-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--grund:#fff;--flaeche:#f2f5f7;--schrift:#001328;--gedaempft:#4a5b6b;--akzent:#0099a6;--akzent-schrift:#00707c;--erfolg:#1e7b45;--erfolg-flaeche:#e6f4ea;--warnung:#b4412a;--warnung-flaeche:#fbece7;--rahmen:#758694;--haarlinie:#d5dde3;--schrift-text:"Schibsted Grotesk", "Helvetica Neue", Arial, system-ui, sans-serif;--schrift-zahl:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--t-xs:.75rem;--t-sm:.875rem;--t-md:1rem;--t-lg:1.25rem;--t-xl:1.5rem;--t-2xl:clamp(1.75rem, 1.35rem + 1.6vw, 2.25rem);--t-3xl:clamp(2.25rem, 1.6rem + 2.8vw, 3.5rem);--t-zahl:clamp(2.75rem, 2rem + 3.5vw, 4.5rem);--t-geld:clamp(4rem, 2rem + 6vw, 6.5rem);--rand:clamp(16px, 4vw, 32px);--breite:1180px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--radius-klein:6px;--radius:10px;--radius-gross:16px;--schatten-kachel:0 1px 2px #0013280f, 0 8px 24px #0013280f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (min-width:1024px){:root{--t-md:1.0625rem}}.platte{--grund:#001328;--flaeche:#0e2340;--schrift:#eef4f6;--gedaempft:#9fb0be;--akzent:#2edce3;--akzent-schrift:#8fedf2;--erfolg:#5fd38a;--warnung:#f08a6e;--rahmen:#5a7190;--haarlinie:#2a3e58;background:var(--grund);color:var(--schrift);-webkit-font-smoothing:antialiased;box-shadow:inset 0 1px #ffffff14}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background:var(--grund);color:var(--schrift);font-family:var(--schrift-text);font-size:var(--t-md);text-wrap:pretty;margin:0;line-height:1.6}h1,h2,h3{text-wrap:balance;margin:0}h1{font-size:var(--t-3xl);letter-spacing:-.025em;font-weight:800;line-height:1.05}@media (max-width:640px){h1{font-size:var(--t-2xl)}}h2{font-size:var(--t-2xl);letter-spacing:-.02em;font-weight:700;line-height:1.12}h3{font-size:var(--t-xl);letter-spacing:-.01em;font-weight:600;line-height:1.25}p{max-width:62ch;margin:0}a{color:var(--akzent-schrift);text-underline-offset:3px}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--akzent);outline-offset:2px;border-radius:var(--radius-klein)}.inhalt{width:min(100% - 2 * var(--rand), var(--breite));margin-inline:auto}.zahl{font-family:var(--schrift-zahl);font-variant-numeric:tabular-nums}.knopf{justify-content:center;align-items:center;gap:var(--s-2);min-height:48px;padding:0 var(--s-5);border-radius:var(--radius);background:var(--akzent);color:#001328;font:inherit;cursor:pointer;border:1px solid #0000;font-weight:700;text-decoration:none;transition:transform .12s,filter .12s;display:inline-flex}.knopf:hover{filter:brightness(1.06)}.knopf:active{transform:translateY(1px)}.knopf--zweit{border-color:var(--rahmen);color:var(--schrift);background:0 0;font-weight:600}.knopf--zweit:hover{border-color:var(--schrift);filter:none}.knopfzeile{gap:var(--s-3);flex-wrap:wrap;display:flex}.liste-blank{margin:0;padding:0;list-style:none}.aufmacher{padding-block:var(--s-5) var(--s-7)}@media (min-width:960px){.aufmacher{padding-block:var(--s-7) var(--s-8)}}.aufmacher h1{font-size:clamp(2rem,1.1rem + 3.8vw,4rem)}.aufmacher__raster{gap:var(--s-5);grid-template-areas:"kopf""rechner""punkte";align-items:start;display:grid}.aufmacher__links{display:contents}@media (min-width:960px){.aufmacher__links{gap:var(--s-6);grid-area:kopf;align-content:start;display:grid}.aufmacher__links>.aufmacher__kopf,.aufmacher__links>.aufmacher__punkte{grid-area:auto}}.aufmacher__kopf{grid-area:kopf}.aufmacher__punkte{grid-area:punkte}.aufmacher__rechner{grid-area:rechner}@media (min-width:960px){.aufmacher__raster{align-content:start;gap:var(--s-6) var(--s-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"kopf rechner"}}.aufmacher__lesetext{margin-top:var(--s-4);font-size:var(--t-lg);max-width:56ch;color:var(--gedaempft)}.punkte{margin-top:var(--s-6);gap:var(--s-2);display:grid}.punkte li{gap:var(--s-2);grid-template-columns:20px 1fr;display:grid}.punkte__haken{color:var(--erfolg);font-weight:700}.punkte__hervor{color:var(--erfolg);font-weight:600}.kleingedruckt{margin-top:var(--s-5);font-size:var(--t-sm);color:var(--gedaempft);max-width:48ch}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}
:root{--kopf-hoehe:112px}@media (min-width:720px){:root{--kopf-hoehe:72px}}[id]{scroll-margin-top:calc(var(--kopf-hoehe) + var(--s-3))}.kopfzeile{z-index:20;background:var(--grund);border-bottom:1px solid var(--haarlinie);padding-block:var(--s-3);position:sticky;top:0}.kopfzeile__innen{justify-content:space-between;align-items:center;gap:var(--s-1) var(--s-3);grid-template-columns:auto auto;grid-template-areas:"marke knopf""nav nav";display:grid}@media (min-width:720px){.kopfzeile__innen{justify-content:stretch;gap:var(--s-4);grid-template-columns:auto 1fr auto;grid-template-areas:"marke nav knopf"}}.kopfzeile__marke{grid-area:marke;align-items:center;min-height:44px;display:inline-flex}.kopfzeile__logo{flex-shrink:0;width:auto;max-width:none;height:28px}.kopfzeile__knopf{min-height:44px;padding-inline:var(--s-4);white-space:nowrap;grid-area:knopf}@media (max-width:399px){.kopfzeile__knopf{font-size:var(--t-sm);padding-inline:var(--s-3)}}@media (max-width:339px){.kopfzeile__logo{height:24px}}.kopfzeile__nav{gap:var(--s-5);font-size:var(--t-sm);grid-area:nav;font-weight:600;display:flex}@media (min-width:720px){.kopfzeile__nav{padding-right:var(--s-2);justify-content:flex-end}}.kopfzeile__nav a{min-height:36px;color:var(--schrift);align-items:center;text-decoration:none;display:inline-flex}@media (min-width:720px){.kopfzeile__nav a{min-height:44px}}.kopfzeile__nav a:hover,.kopfzeile__nav a[aria-current=page]{color:var(--akzent-schrift);text-decoration:underline;text-decoration-thickness:2px}
.rechner{gap:var(--s-4);padding:var(--s-5);border-radius:var(--radius-gross);display:grid}@media (min-width:640px){.rechner{padding:var(--s-6)}}.auswahl{border:0;min-width:0;margin:0;padding:0}.auswahl__frage{font-size:var(--t-sm);color:var(--gedaempft);margin-bottom:var(--s-3);padding:0;font-weight:600}.auswahl__karten{gap:var(--s-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.karte{min-height:48px;padding:var(--s-3);border:1px solid var(--rahmen);border-radius:var(--radius);cursor:pointer;background:0 0;align-content:start;gap:2px;transition:border-color .12s,background-color .12s;display:grid;position:relative}.karte:hover{border-color:var(--akzent)}.karte--aktiv{border-color:var(--akzent);background:var(--flaeche);box-shadow:inset 0 0 0 1px var(--akzent)}.karte__eingabe{opacity:0;width:1px;height:1px;position:absolute}.karte__eingabe:focus-visible+.karte__titel{outline:3px solid var(--akzent);outline-offset:4px;border-radius:var(--radius-klein)}.karte__titel{font-size:var(--t-sm);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;min-width:0;font-weight:700;line-height:1.3}@media (max-width:359px){.karte{padding:var(--s-3) var(--s-2)}.karte__titel{font-size:var(--t-xs)}}.karte__kurz{font-size:var(--t-xs);color:var(--gedaempft);line-height:1.4;display:none}@media (min-width:640px){.karte__kurz{display:block}}.auswahl__abgrenzung{margin-top:var(--s-3);font-size:var(--t-sm);color:var(--gedaempft)}.geld{padding:var(--s-4) var(--s-5);border-radius:var(--radius);background:var(--flaeche);container-type:inline-size}.geld__vorzeile{font-size:var(--t-md)}.geld__zahl{align-items:baseline;column-gap:var(--s-3);margin-top:var(--s-2);flex-wrap:wrap;display:flex}.geld__klein{font-size:var(--t-md);color:var(--gedaempft);font-weight:500}.geld__betrag{font-size:min(var(--t-geld), calc(100cqi / (var(--stellen,7) * .56)));letter-spacing:-.04em;white-space:nowrap;font-weight:800;line-height:.95}.geld__bedingung{margin-top:var(--s-3);gap:var(--s-1);font-size:var(--t-sm);color:var(--gedaempft);display:grid}.geld__still{max-width:54ch}.geld--weiche{gap:var(--s-3);display:grid}.geld--weiche h3{font-size:var(--t-lg)}.frist{margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid var(--haarlinie);font-size:var(--t-sm)}.frist__verlust{color:var(--warnung);font-weight:700}.regler__kopf{justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:flex}.regler__beschriftung{font-size:var(--t-sm);color:var(--gedaempft);font-weight:600}.regler__spur{width:100%;height:40px;accent-color:var(--akzent);cursor:pointer;touch-action:pan-y}.regler__feldgruppe{align-items:center;gap:var(--s-2);display:inline-flex}.regler__feld{width:11ch;min-height:48px;padding:0 var(--s-3);border:1px solid var(--rahmen);border-radius:var(--radius-klein);color:var(--schrift);font-size:var(--t-md);text-align:right;background:0 0}.regler__einheit{font-size:var(--t-sm);color:var(--gedaempft)}.hilfe{margin-top:var(--s-3);font-size:var(--t-sm);color:var(--gedaempft);max-width:48ch}.hinweis{font-size:var(--t-sm);color:var(--gedaempft);max-width:56ch}.fehler{margin-top:var(--s-3);font-size:var(--t-sm);color:var(--warnung);max-width:48ch;font-weight:500}.rechner__abschluss{gap:var(--s-3);display:grid}.knopf--gross{width:100%;min-height:60px;padding-inline:var(--s-4);font-size:var(--t-lg);white-space:nowrap;gap:var(--s-3)}@media (max-width:480px){.knopf--gross{font-size:var(--t-md)}}@media (max-width:374px){.knopf--gross{white-space:normal;text-align:center}}.entwarnung{gap:var(--s-2) var(--s-5);font-size:var(--t-sm);flex-wrap:wrap;display:flex}.entwarnung li{align-items:baseline;gap:6px;display:inline-flex}.entwarnung__haken{color:var(--erfolg);font-weight:700}.rechner__klein{gap:var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--haarlinie);display:grid}.rechenweg{font-size:var(--t-sm)}.rechenweg summary{cursor:pointer;color:var(--akzent-schrift);padding-block:var(--s-3);font-weight:600}.rechenweg__liste{margin-top:var(--s-3);gap:var(--s-2);display:grid}.rechenweg__liste li{justify-content:space-between;gap:var(--s-4);padding-bottom:var(--s-2);border-bottom:1px solid var(--haarlinie);color:var(--gedaempft);display:flex}.rechenweg__summe{color:var(--schrift);border-bottom:0;font-weight:600}.nur-vorlesen{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
.abschnitt{padding-block:var(--s-9)}.abschnitt--flaeche,.abschnitt--schluss{background:var(--flaeche)}.abschnitt__einleitung{margin-top:var(--s-4);font-size:var(--t-lg);color:var(--gedaempft);max-width:56ch}.abschnitt__schluss{margin-top:var(--s-6);max-width:56ch}.fussnote{margin-top:var(--s-5);font-size:var(--t-sm);color:var(--gedaempft);max-width:62ch}.kacheln{margin-top:var(--s-7);gap:var(--s-5);display:grid}@media (min-width:880px){.kacheln{grid-template-columns:repeat(3,minmax(0,1fr))}}.kachel{gap:var(--s-4);padding:var(--s-6);background:var(--grund);border:1px solid var(--haarlinie);border-radius:var(--radius-gross);box-shadow:var(--schatten-kachel);flex-direction:column;display:flex}.kachel__alltag{max-width:40ch;font-weight:500}.kachel__absatz{color:var(--gedaempft);font-size:var(--t-sm);max-width:40ch}.kachel__punkte{gap:var(--s-2);font-size:var(--t-sm);display:grid}.kachel__punkte li{gap:var(--s-2);grid-template-columns:20px 1fr;display:grid}.kachel__knopf{align-self:start;margin-top:auto}.balken{margin-top:var(--s-7);border-radius:var(--radius);gap:3px;height:72px;display:flex;overflow:hidden}.balken__teil{color:#001328;justify-content:center;align-items:center;font-weight:700;display:flex}.balken__teil--beschaffung{background:#0099a6}.balken__teil--netz{background:#7fc9cf}.balken__teil--steuern{background:#cfe3e6}.balken__wert{font-size:var(--t-lg)}.preisbloecke{margin-top:var(--s-6);gap:var(--s-6);display:grid}@media (min-width:880px){.preisbloecke{grid-template-columns:repeat(3,minmax(0,1fr))}}.preisblock h3{align-items:center;gap:var(--s-2);display:flex}.preisblock p{margin-top:var(--s-2);max-width:40ch;font-size:var(--t-sm);color:var(--gedaempft)}.preisblock__anteil{font-weight:600;color:var(--schrift)!important}.preisblock__punkt{border-radius:3px;flex:none;width:12px;height:12px}.preisblock__punkt--beschaffung{background:#0099a6}.preisblock__punkt--netz{background:#7fc9cf}.preisblock__punkt--steuern{background:#cfe3e6}.schritte{margin:var(--s-7) 0 0;counter-reset:schritt;gap:var(--s-5);padding:0;list-style:none;display:grid}.schritt{counter-increment:schritt;gap:var(--s-3);padding:var(--s-5) 0;border-top:1px solid var(--haarlinie);display:grid}@media (min-width:880px){.schritt{gap:var(--s-6);grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}}.schritt h3:before{content:counter(schritt) " ";font-family:var(--schrift-zahl);color:var(--akzent-schrift);margin-right:var(--s-2)}.schritt__zeilen{gap:var(--s-2) var(--s-4);font-size:var(--t-sm);grid-template-columns:max-content 1fr;margin:0;display:grid}.schritt__zeilen dt{color:var(--gedaempft);font-weight:600}.schritt__zeilen dd{max-width:52ch;margin:0}.loslegen__einleitung{margin-top:var(--s-4);font-size:var(--t-lg);color:var(--gedaempft);max-width:56ch}.loslegen__persoenlich{margin-top:var(--s-5);font-size:var(--t-lg)}.loslegen__persoenlich strong{font-weight:800}.wege{margin-top:var(--s-6);gap:var(--s-3);display:grid}@media (min-width:720px){.wege{grid-template-columns:3fr 2fr}}.weg{align-content:center;gap:var(--s-1);min-height:96px;padding:var(--s-5);border:1px solid var(--rahmen);border-radius:var(--radius);color:var(--schrift);text-decoration:none;transition:border-color .12s,filter .12s;display:grid}.weg:hover{border-color:var(--akzent)}.weg:active{transform:translateY(1px)}.weg__titel{font-size:var(--t-lg);font-weight:700}.weg__zeile{font-size:var(--t-sm);color:var(--gedaempft)}.weg--haupt{background:var(--akzent);color:#001328;border-color:#0000}.weg--haupt:hover{filter:brightness(1.06);border-color:#0000}.weg--haupt .weg__zeile{color:#001328}.loslegen__schritte{margin-top:var(--s-7);gap:var(--s-3);display:grid}@media (min-width:720px){.loslegen__schritte{grid-template-columns:repeat(3,minmax(0,1fr))}}.loslegen__schritte li{align-items:baseline;gap:var(--s-3);font-weight:600;display:flex}.loslegen__nummer{color:var(--gedaempft)}.loslegen__entwarnung{margin-top:var(--s-5)}.loslegen__hilfe{margin-top:var(--s-6);max-width:62ch}.saeulen{margin-top:var(--s-7);gap:var(--s-6);display:grid}@media (min-width:880px){.saeulen{grid-template-columns:repeat(3,minmax(0,1fr))}}.saeulen p{margin-top:var(--s-3);font-size:var(--t-sm);color:var(--gedaempft);max-width:44ch}.fragen{margin-top:var(--s-6);border-top:1px solid var(--haarlinie);max-width:72ch}.frage{border-bottom:1px solid var(--haarlinie)}.frage summary{padding:var(--s-4) 0;cursor:pointer;font-weight:600}.frage p{padding-bottom:var(--s-4);color:var(--gedaempft);font-size:var(--t-sm)}.telefon{margin-top:var(--s-6)}.telefon__nummer{letter-spacing:-.02em;color:var(--schrift);white-space:nowrap;font-size:clamp(1.5rem,1rem + 2.2vw,2.5rem);font-weight:800;text-decoration:none;display:inline-block}.telefon__zeile{margin-top:var(--s-3);color:var(--gedaempft);font-size:var(--t-sm)}
.fuss{color:#eef4f6;padding-block:var(--s-8);font-size:var(--t-sm);background:#001328}.fuss a{color:#8fedf2}.fuss__spalten{gap:var(--s-6);display:grid}@media (min-width:880px){.fuss__spalten{gap:var(--s-7);grid-template-columns:1.4fr 1fr 1fr 1fr}}.fuss__firma{font-weight:600;line-height:1.5}.fuss__zweck{margin-top:var(--s-3);color:#9fb0be;max-width:40ch}.fuss__titel{font-size:var(--t-sm);letter-spacing:.02em;color:#9fb0be;margin-bottom:var(--s-3);font-weight:600}.fuss__liste{gap:var(--s-1);display:grid}.fuss__liste a{padding-block:var(--s-1);display:inline-block}.fuss__recht{margin-top:var(--s-7);padding-top:var(--s-5);gap:var(--s-3);color:#9fb0be;font-size:var(--t-xs);border-top:1px solid #2a3e58;display:grid}.fuss__recht p{max-width:96ch}.fuss__schluss{margin-top:var(--s-5);justify-content:space-between;align-items:center;gap:var(--s-2) var(--s-5);color:#9fb0be;font-size:var(--t-xs);flex-wrap:wrap;display:flex}.fuss__rechtslinks{gap:var(--s-5);font-size:var(--t-sm);display:flex}.fuss__rechtslinks a{padding-block:var(--s-1);display:inline-block}
.leiste{inset-inline:0;z-index:30;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--rand) calc(var(--s-3) + env(safe-area-inset-bottom));background:var(--grund);border-top:1px solid var(--haarlinie);opacity:0;transition:transform .2s cubic-bezier(.23,1,.32,1),opacity .2s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;bottom:0;transform:translateY(110%);box-shadow:0 -8px 24px #00132814}.leiste[data-sichtbar=true]{opacity:1;transform:none}.leiste__anrufen{padding-inline:var(--s-4);flex:none}.leiste__knopf{white-space:nowrap;min-width:0;padding-inline:var(--s-4);flex:1}@media (max-width:359px){.leiste__anrufen{display:none}}@media (min-width:960px){.leiste{display:none}}@media (max-width:959px){body{padding-bottom:80px}}
.hv-aufmacher__raster{gap:var(--s-6);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (min-width:960px){.hv-aufmacher__raster{gap:var(--s-6) var(--s-8);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-areas:"kopf frist""handeln frist"}.hv-aufmacher__kopf{grid-area:kopf}.hv-frist{grid-area:frist}.hv-aufmacher__handeln{grid-area:handeln}}.hv-aufmacher__handeln .punkte{margin-top:var(--s-5)}.hv-frist{gap:var(--s-3);padding:var(--s-5);border-radius:var(--radius-gross);display:grid}@media (min-width:480px){.hv-frist{padding:var(--s-6)}}.hv-frist__vorzeile{color:var(--gedaempft);font-weight:600}.hv-frist__datum{letter-spacing:-.03em;white-space:nowrap;font-size:clamp(2rem,1rem + 6vw,4.5rem);font-weight:700;line-height:1}.hv-frist__rest{color:var(--akzent-schrift);font-size:var(--t-xl);font-weight:700}.hv-frist__text{font-size:var(--t-lg)}.hv-frist__quelle{margin-top:var(--s-2);padding-top:var(--s-3);border-top:1px solid var(--haarlinie);color:var(--gedaempft);font-size:var(--t-sm)}.vergleich{margin-top:var(--s-7);background:var(--haarlinie);border:1px solid var(--haarlinie);border-radius:var(--radius-gross);gap:1px;display:grid;overflow:hidden}@media (min-width:720px){.vergleich{grid-template-columns:repeat(2,minmax(0,1fr))}}.vergleich__seite{padding:var(--s-6);background:var(--grund)}.vergleich__seite--alt{background:var(--flaeche)}.vergleich__seite--alt h3{color:var(--gedaempft)}.vergleich__liste{margin-top:var(--s-5);gap:var(--s-4);display:grid}.vergleich__liste li{padding-left:var(--s-6);position:relative}.vergleich__liste li:before{content:"";background:var(--rahmen);width:14px;height:2px;position:absolute;top:.8em;left:0}.vergleich__seite--alt .vergleich__liste li{color:var(--gedaempft)}.vergleich__seite--neu .vergleich__liste li:before{border:solid var(--erfolg);background:0 0;border-width:0 2.5px 2.5px 0;width:7px;height:12px;top:.35em;transform:translate(3px)rotate(45deg)}.ergebnisse{margin:var(--s-6) 0 0;gap:var(--s-4);display:grid}@media (min-width:720px){.ergebnisse{grid-template-columns:repeat(3,minmax(0,1fr))}}.ergebnis{gap:var(--s-1);flex-direction:column;display:flex}.ergebnis dd{font-size:var(--t-xl);order:-1;margin:0;font-weight:700}.ergebnis dt{color:var(--gedaempft);font-size:var(--t-sm)}@media (min-width:720px){.kacheln--zwei{grid-template-columns:repeat(2,minmax(0,1fr))}}.kachel__beispiel{font-size:var(--t-sm);max-width:40ch;padding-left:var(--s-3);border-left:3px solid var(--akzent)}.hv-stromsteuer{margin-top:var(--s-7);padding:var(--s-6);border:1px solid var(--haarlinie);border-radius:var(--radius-gross);gap:var(--s-3);display:grid}.hv-stromsteuer__titel{font-size:var(--t-xl);font-weight:600;line-height:1.25}.hv-stromsteuer p{color:var(--gedaempft)}.hv-unterlagen{gap:var(--s-6);display:grid}@media (min-width:880px){.hv-unterlagen{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.unterlagen{border:1px solid var(--haarlinie);border-radius:var(--radius-gross);box-shadow:var(--schatten-kachel);display:grid}.unterlagen li{padding:var(--s-4) var(--s-5) var(--s-4) calc(var(--s-5) + 28px);border-top:1px solid var(--haarlinie);position:relative}.unterlagen li:first-child{border-top:0}.unterlagen li:before{content:"";left:var(--s-5);top:calc(var(--s-4) + .25em);border:2px solid var(--rahmen);border-radius:4px;width:16px;height:16px;position:absolute}.hv-quellen{padding-block:var(--s-7)}.hv-quellen__titel{font-size:var(--t-lg)}.hv-quellen__liste{margin-top:var(--s-4);gap:var(--s-2);font-size:var(--t-sm);max-width:72ch;display:grid}.hv-quellen__liste a{padding-block:var(--s-1);overflow-wrap:anywhere;display:inline-block}
.recht{padding-block:var(--s-8) var(--s-9)}.recht__spalte :is(.recht__angaben,.recht__inhalt,.recht__kasten){max-width:72ch}.recht__einleitung{margin-top:var(--s-4);font-size:var(--t-lg);color:var(--gedaempft)}.recht__abschnitt{margin-top:var(--s-8);gap:var(--s-3);display:grid}.recht__abschnitt h2{font-size:var(--t-xl);margin-bottom:var(--s-1)}.recht__liste{gap:var(--s-1);padding-left:1.25em;list-style:outside;display:grid}.recht__liste li{max-width:62ch}.recht__angaben{margin-top:var(--s-6);gap:var(--s-3);padding-block:var(--s-5);border-block:1px solid var(--haarlinie);display:grid}.recht__abschnitt .recht__angaben{margin-top:0}.recht__angaben>div{gap:0 var(--s-5);display:grid}@media (min-width:640px){.recht__angaben>div{grid-template-columns:14rem minmax(0,1fr)}}.recht__angaben dt{color:var(--gedaempft);font-size:var(--t-sm);padding-top:.15em}.recht__angaben dd{overflow-wrap:anywhere;margin:0}:is(.recht__angaben,.recht__verweis) a{padding-block:var(--s-1);display:inline-block}.recht__inhalt{margin-top:var(--s-6);padding:var(--s-5);background:var(--flaeche);border-radius:var(--radius)}.recht__inhalt ol{gap:var(--s-1);margin:0;padding-left:1.5em;list-style:decimal;display:grid}.recht__inhalt li::marker{color:var(--gedaempft)}.recht__inhalt a{padding-block:var(--s-1);display:block}.recht__kasten{padding:var(--s-4) var(--s-5);border-left:3px solid var(--akzent);background:var(--flaeche);border-radius:0 var(--radius-klein) var(--radius-klein) 0;font-weight:600}.recht__stand{margin-top:var(--s-8);color:var(--gedaempft);font-size:var(--t-sm)}