.energie-raster{max-width:80rem;padding-inline:var(--abstand-rand);margin-inline:auto}.energie-etikett{color:var(--farbe-text-leise);margin:0}.energie-titel{font-size:var(--groesse-h1);line-height:var(--zeile-grosssatz);letter-spacing:var(--sperrung-grosssatz);padding-top:var(--zeilenmaske-oben);text-wrap:balance;-webkit-hyphens:manual;hyphens:manual;margin:0}.energie-einleitung{max-width:var(--zeilenlaenge);font-size:var(--groesse-gross);line-height:var(--zeile-text);color:var(--farbe-text-leise);margin:0}.energie-kopf__raster{--uebersicht-wortbreite:7.4}.energie-kopf__text .uebersicht-kopf__einleitung{margin-top:var(--abstand-6)}.energie-kopf__handlung{align-items:center;gap:var(--abstand-3) var(--abstand-4);margin-top:var(--abstand-8);flex-wrap:wrap;display:flex}.energie-kopf__schild{margin-top:var(--abstand-8)}.energie-kopf__schild .start-schild__kopf{justify-content:space-between;gap:var(--abstand-1) var(--abstand-6);flex-wrap:wrap;display:flex}.energie-kopf__schild .start-schild__felder{column-gap:var(--abstand-6);grid-template-columns:auto minmax(0,1fr)}.energie-kopf__schild .start-schild__feld:nth-child(n){grid-column:1/-1;grid-template-columns:subgrid;padding:var(--abstand-4) 0;border-left:0;border-bottom:1px solid var(--farbe-linie);align-items:baseline;display:grid}.energie-kopf__schild .start-schild__feld:last-child{border-bottom:0;padding-bottom:0}.energie-kopf__schild .start-schild__wert{font-size:var(--groesse-h3);white-space:nowrap}.energie-kopf__schild .start-schild__text{font-size:var(--groesse-basis)}@media not (min-width:40rem){.energie-kopf__schild .start-schild__wert{font-size:var(--groesse-h4)}.energie-kopf__schild .start-schild__felder{column-gap:var(--abstand-4)}}@media (min-width:64rem){.energie-kopf__raster{align-items:end}.energie-kopf__raster .uebersicht-titel{grid-column:1/span 9}.energie-kopf__text{margin-top:var(--abstand-8);grid-area:3/1/auto/span 6}.energie-kopf__text .uebersicht-kopf__einleitung{margin-top:0}.energie-kopf__schild{grid-area:3/8/auto/span 5;align-self:end;margin-top:0}}.energie-ablauf{padding-block:var(--abstand-12) var(--abstand-16);color:var(--farbe-text)}.energie-ablauf__kopf{row-gap:var(--abstand-4);margin-bottom:var(--abstand-8);display:grid}.energie-szene{row-gap:var(--abstand-8);grid-template-columns:minmax(0,1fr);display:grid}.energie-szene__blatt{max-width:36rem;margin:0}.energie-szene__zeichnung{border:1px solid var(--farbe-linie);background-color:var(--farbe-grund)}.energie-szene__unterschrift{justify-content:space-between;gap:var(--abstand-1) var(--abstand-4);margin-top:var(--abstand-3);color:var(--farbe-text-leise);flex-wrap:wrap;display:flex}.energie-szene__schritte{border-bottom:1px solid var(--farbe-linie);margin:0;padding:0;list-style:none}.energie-schritt{row-gap:var(--abstand-3);padding-block:var(--abstand-6) var(--abstand-8);border-top:1px solid var(--farbe-text);grid-template-columns:minmax(0,1fr);display:grid}.energie-schritt__marke{align-items:center;gap:var(--abstand-3);color:var(--farbe-text);margin:0;display:flex}.energie-schritt__nummer{font-family:var(--schrift-mono);font-weight:var(--gewicht-etikett);font-size:var(--groesse-h2);line-height:var(--zeile-titel);font-variant-numeric:tabular-nums}.energie-schritt__strang{width:var(--abstand-16);height:var(--steigstrang-strich);background-color:var(--farbe-strang-warm);clip-path:polygon(0 0, calc(100% - var(--abstand-6)) 0, 100% 50%, calc(100% - var(--abstand-6)) 100%, 0 100%);border-start-start-radius:var(--radius-voll);border-end-start-radius:var(--radius-voll);flex:none}.energie-schritt__zeichen{color:var(--farbe-text-leise);flex:none}.energie-schritt__titel{font-size:var(--groesse-h3);line-height:var(--zeile-ueberschrift);-webkit-hyphens:manual;hyphens:manual;margin:0}.energie-schritt__text{max-width:var(--zeilenlaenge);font-size:var(--groesse-gross);line-height:var(--zeile-text);color:var(--farbe-text-leise);margin:0}.energie-schritt__legende{gap:var(--abstand-2) var(--abstand-6);margin:var(--abstand-2) 0 0;color:var(--farbe-text-leise);flex-wrap:wrap;padding:0;list-style:none;display:flex}.energie-legende{align-items:center;gap:var(--abstand-2);display:inline-flex}.energie-legende:before{content:"";width:var(--abstand-4);background-color:currentColor;flex:none;height:1px}.energie-legende[data-strang]:before{width:var(--abstand-6);height:var(--steigstrang-strich);clip-path:polygon(0 0, calc(100% - var(--abstand-2)) 0, 100% 50%, calc(100% - var(--abstand-2)) 100%, 0 100%);border-start-start-radius:var(--radius-voll);border-end-start-radius:var(--radius-voll)}.energie-legende[data-strang=warm]:before{background-color:var(--farbe-strang-warm)}.energie-legende[data-strang=kalt]:before{background-color:var(--farbe-strang-kalt)}.sz .sz-raum{fill:var(--farbe-strang-warm);opacity:.12}.sz .sz-geplant{fill:none;stroke:currentColor;stroke-dasharray:4 4}.sz [data-szene-schicht="4"] .hs-ton{opacity:1}.energie-szene__plan{position:relative}.energie-szene__plan>.energie-szene__rueckbau{pointer-events:none;border:1px solid #0000;height:100%;position:absolute;inset:0}.sz .sz-rueckbau{fill:none;stroke:currentColor;stroke-dasharray:4 4}.energie-legende[data-rueckbau]:before{width:var(--abstand-6);background-color:#0000;border-top:1px dashed;height:0}@media not (min-width:36rem){.sz .sz-index,.sz .sz-index__nummer,.sz .sz-index__text{display:none}}@media (min-width:48rem){.energie-ablauf{padding-block:var(--abstand-16)}.energie-schritt{grid-template-columns:calc(var(--abstand-32) + var(--abstand-8)) minmax(0, 1fr);column-gap:var(--abstand-6)}.energie-schritt__marke{flex-wrap:wrap;grid-row:1/span 3;align-self:start}.energie-schritt>:not(.energie-schritt__marke){grid-column:2}}@media (min-width:64rem){.energie-ablauf__kopf{column-gap:var(--abstand-8);margin-bottom:var(--abstand-12);grid-template-columns:repeat(12,minmax(0,1fr))}.energie-ablauf__kopf>*{grid-column:1/span 8}.energie-szene{column-gap:var(--abstand-8);grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch}.energie-szene__schritte{grid-area:1/1/auto/span 5}.energie-szene__buehne{grid-area:1/7/auto/span 6}.energie-szene__blatt{top:calc(var(--hoehe-kopf) + var(--abstand-8));width:min(100%, calc(100svh - var(--hoehe-kopf) - var(--abstand-24)));max-width:none;margin-inline-start:auto;position:sticky}.energie-schritt{min-height:54svh;padding-block:var(--abstand-6) var(--abstand-12);grid-template-columns:minmax(0,1fr);align-content:start}.energie-schritt:last-child{min-height:42svh}.energie-schritt__marke{grid-row:auto}.energie-schritt>:not(.energie-schritt__marke){grid-column:auto}}.energie-band__kopf{justify-content:space-between;gap:var(--abstand-1) var(--abstand-6);margin:0 0 var(--abstand-6);padding-bottom:var(--abstand-3);border-bottom:1px solid var(--tinte-600);color:var(--farbe-text-auf-tief-leise);flex-wrap:wrap;display:flex}.energie-schwerpunkte{container-type:inline-size}.energie-band .energie-titel{font-size:min(var(--groesse-h1), calc(100cqi / 10.8));color:var(--farbe-text-auf-tief)}.energie-band__einleitung{margin-top:var(--abstand-4);color:var(--farbe-text-auf-tief-leise)}.energie-schwerpunkte__liste{margin:var(--abstand-12) 0 0;grid-template-columns:minmax(0,1fr);padding:0;list-style:none;display:grid}.energie-schwerpunkt{align-content:start;row-gap:var(--abstand-3);padding-block:var(--abstand-8);border-top:1px solid var(--tinte-600);grid-template-columns:minmax(0,1fr);display:grid}.energie-schwerpunkt__bild{height:var(--abstand-24);margin-bottom:var(--abstand-3);align-items:flex-end;display:flex}.energie-schwerpunkt__bauteil{--farbe-grund:var(--tinte-800);width:auto;height:100%;color:var(--farbe-text-auf-tief)}.energie-schwerpunkt__etikett{align-items:center;gap:var(--abstand-2);color:var(--farbe-text-auf-tief-leise);margin:0;display:inline-flex}.energie-schwerpunkt__titel{font-size:var(--groesse-h4);line-height:var(--zeile-ueberschrift);color:var(--farbe-text-auf-tief);-webkit-hyphens:manual;hyphens:manual;margin:0}.energie-schwerpunkt__punkte{row-gap:var(--abstand-3);margin:var(--abstand-2) 0 0;padding:0;list-style:none;display:grid;position:relative}.energie-punkt:not(:last-child):after{content:"";top:.5lh;bottom:calc(-1 * (var(--abstand-3) + .5lh));left:calc(var(--abstand-1) + var(--abstand-1) / 4);background-color:var(--tinte-600);width:1px;position:absolute}.energie-punkt{font-size:var(--groesse-basis);line-height:var(--zeile-klein);color:var(--farbe-text-auf-tief-leise);padding-inline-start:var(--abstand-6);position:relative}.energie-punkt:before{content:"";top:calc(.5lh - var(--abstand-1) - var(--abstand-1) / 4);box-sizing:border-box;width:calc(var(--abstand-2) + var(--abstand-1) / 2);height:calc(var(--abstand-2) + var(--abstand-1) / 2);border:calc(var(--abstand-1) / 2) solid var(--farbe-text-auf-tief);border-radius:var(--radius-voll);background-color:var(--tinte-800);z-index:1;position:absolute;left:0}@media (min-width:48rem){.energie-schwerpunkt{grid-template-columns:calc(var(--abstand-32) + var(--abstand-16)) minmax(0, 1fr);column-gap:var(--abstand-8)}.energie-schwerpunkt__bild{grid-row:1/span 3;align-items:flex-start;margin-bottom:0}.energie-schwerpunkt>:not(.energie-schwerpunkt__bild){grid-column:2}}@media (min-width:64rem){.energie-band .energie-titel,.energie-band__einleitung{max-width:calc(var(--zeilenlaenge) + var(--abstand-32))}.energie-schwerpunkte__liste{border-top:1px solid var(--tinte-600);grid-template-columns:repeat(3,minmax(0,1fr))}.energie-schwerpunkt{padding:var(--abstand-8) var(--abstand-8) var(--abstand-4);border-top:0;border-left:1px solid var(--tinte-700);grid-template-columns:minmax(0,1fr)}.energie-schwerpunkt:first-child{border-left:0;padding-left:0}.energie-schwerpunkt__bild{margin-bottom:var(--abstand-3);grid-row:auto;align-items:flex-end}.energie-schwerpunkt>:not(.energie-schwerpunkt__bild){grid-column:auto}}.energie-fragen__abbildung{justify-items:start;row-gap:var(--abstand-2);width:min(100%, calc(var(--abstand-32) + var(--abstand-16)));margin:var(--abstand-6) 0 0;display:grid}.energie-fragen__bauteil{width:100%}.energie-fragen__legende{justify-content:space-between;gap:var(--abstand-3);padding-top:var(--abstand-2);border-top:1px solid var(--farbe-text);color:var(--farbe-text-leise);justify-self:stretch;display:flex}.energie-schritt[data-schritt="1"],.energie-szene [data-szene-schicht="1"]{--sz-zeitleiste:--sz-schritt-1}.energie-schritt[data-schritt="2"],.energie-szene [data-szene-schicht="2"]{--sz-zeitleiste:--sz-schritt-2}.energie-schritt[data-schritt="3"],.energie-szene [data-szene-schicht="3"]{--sz-zeitleiste:--sz-schritt-3}.energie-schritt[data-schritt="4"],.energie-szene [data-szene-schicht="4"]{--sz-zeitleiste:--sz-schritt-4}@keyframes sz-fertig{0%,to{opacity:1;stroke-dashoffset:0;transform:none}}@supports (animation-timeline:view()) and (timeline-scope:--a){@media (min-width:64rem){.energie-szene{timeline-scope:--sz-schritt-1, --sz-schritt-2, --sz-schritt-3, --sz-schritt-4}.energie-schritt{view-timeline:var(--sz-zeitleiste) block}html[data-bewegung=an] .energie-szene .sz-schicht{animation:bewegung-einblenden var(--kurve-linear) both, sz-fertig var(--kurve-linear) backwards;animation-timeline:var(--sz-zeitleiste), --szene;animation-range:cover 15vh cover 25vh,entry entry 0%}html[data-bewegung=an] .energie-szene .sz-schicht [pathLength]{stroke-dasharray:1;animation:bewegung-zeichnen var(--kurve-linear) both, sz-fertig var(--kurve-linear) backwards;animation-timeline:var(--sz-zeitleiste), --szene;animation-range:cover 15vh cover 50vh,entry entry 0%}html[data-bewegung=an] .energie-schritt__strang{transform-origin:0;animation:bewegung-unterlegung var(--kurve-linear) both, sz-fertig var(--kurve-linear) backwards;animation-timeline:var(--sz-zeitleiste), --szene;animation-range:cover 15vh cover 50vh,entry entry 0%}}}