.pattern-zeile{margin-bottom:-.12em;padding-bottom:.12em;display:block;overflow:clip}.pattern-zeile>span{display:inline-block}[data-buehne=wartet] .pattern-zeile>span{transform:translateY(108%)}[data-buehne=laeuft] .pattern-zeile>span{animation:hero-wort 1.1s var(--kurve-weich) var(--verzoegerung,0s) both}@keyframes pattern-schweben{to{translate:0 -6px}}[data-im-bild] .pattern-schweben{animation:3.2s ease-in-out infinite alternate pattern-schweben}@media (prefers-reduced-motion:reduce){.pattern-schweben{animation:none!important}}.pattern-station{--takt:calc(var(--station,0) * .65s + .15s)}.pattern-linie{transform-origin:top}@keyframes pattern-fuellen{0%{transform:scaleY(0)}to{transform:none}}@keyframes pattern-an{0%{opacity:0}to{opacity:1}}[data-buehne=wartet] .pattern-linie{transform:scaleY(0)}[data-buehne=wartet] :is(.pattern-an,.pattern-quelle,.pattern-kreuz){opacity:0}[data-buehne=laeuft] .pattern-linie{animation:pattern-fuellen 1.1s var(--kurve-weich) var(--takt) both}[data-buehne=laeuft] .pattern-an{animation:pattern-an .4s ease-out var(--takt) both}[data-buehne=laeuft] .pattern-quelle{animation:pattern-an .3s ease-out calc(var(--takt) + .3s + var(--quelle,0) * .15s) both}[data-buehne=laeuft] .pattern-kreuz{animation:fadenkreuz-ein .9s var(--kurve-weich) calc(var(--takt) + .1s) both}
.einblick{grid-template-columns:minmax(0,1fr);grid-template-areas:"buehne""index""fragen";display:grid}.einblick-buehne{--fase:28px;isolation:isolate;aspect-ratio:4/5;background:var(--farbe-nacht-2);grid-area:buehne;align-items:flex-end;display:flex;position:relative;overflow:hidden}.einblick-szene{z-index:-1;opacity:0;transition:opacity .9s var(--kurve-weich), transform 1.8s var(--kurve-weich);position:absolute;inset:0;transform:scale(1.06)}.einblick-szene[data-aktiv=true]{opacity:1;transform:none}.einblick-bild{object-fit:cover}.einblick-szene[data-feld=energie] .einblick-bild{object-position:62% 50%}.einblick-szene[data-feld=wasser] .einblick-bild{object-position:45% 50%}.einblick-szene[data-feld=logistik] .einblick-bild{object-position:55% 50%}@keyframes einblick-fahrt{to{transform:scale(var(--fahrt-skala)) translate3d(var(--fahrt-x), var(--fahrt-y), 0)}}.einblick-fahrt{--fahrt-skala:1.1;--fahrt-x:0%;--fahrt-y:0%;transform-origin:var(--fahrt-ursprung,50% 50%);animation:20s ease-in-out infinite alternate paused einblick-fahrt;position:absolute;inset:0}[data-buehne] .einblick-szene[data-aktiv=true] .einblick-fahrt{animation-play-state:running}.einblick-szene[data-feld=energie] .einblick-fahrt{--fahrt-ursprung:45% 55%;--fahrt-x:-1.4%;--fahrt-y:-0.4%}.einblick-szene[data-feld=wasser] .einblick-fahrt{--fahrt-ursprung:58% 45%;--fahrt-x:-0.6%;--fahrt-y:0.5%}.einblick-szene[data-feld=logistik] .einblick-fahrt{--fahrt-ursprung:68% 35%;--fahrt-x:-1%;--fahrt-y:0.6%}.einblick-szene[data-feld=digital] .einblick-fahrt{--fahrt-ursprung:50% 42%;--fahrt-skala:1.12}.einblick-verlauf{background:linear-gradient(#0a0b0c00 32%,#0a0b0cb8 66%,#0a0b0cf0 100%);position:absolute;inset:0}.einblick-ziel{display:none}.einblick-ziel-rahmen{opacity:0;width:100%;height:100%;transition:opacity .2s ease-out,transform .2s ease-out;position:absolute;inset:0;transform:rotate(45deg)scale(1.9)}.einblick-ziel-mitte{opacity:0;margin:auto;transition:opacity .2s ease-out,transform .2s ease-out;position:absolute;inset:0;transform:scale(.3)}.einblick-ziel-name{white-space:nowrap;opacity:0;background:#0a0b0cc7;padding:.3rem .625rem;transition:opacity .2s ease-out,transform .2s ease-out;position:absolute;bottom:calc(100% + .625rem);left:50%;transform:translate(-50%,8px)}.einblick-szene[data-aktiv=true] .einblick-ziel-rahmen{opacity:1;transition:opacity .5s var(--kurve-weich) .7s, transform 1.2s var(--kurve-weich) .7s;transform:none}.einblick-szene[data-aktiv=true] .einblick-ziel-mitte{opacity:1;transition:opacity .4s var(--kurve-weich) 1.15s, transform .7s var(--kurve-weich) 1.15s;transform:none}.einblick-szene[data-aktiv=true] .einblick-ziel-name{opacity:1;transition:opacity .6s var(--kurve-weich) 1.3s, transform .9s var(--kurve-weich) 1.3s;transform:translate(-50%)}.einblick-stapel{display:grid}.einblick-stapel>*{grid-area:1/1}.einblick-texte{align-items:end;width:100%;padding:clamp(1.25rem,4vw,3.5rem)}.einblick-teil{opacity:0;transition:opacity .25s ease-out,transform .25s ease-out;transform:translateY(14px)}.einblick-text[data-aktiv=true] .einblick-teil{opacity:1;transition:opacity .6s var(--kurve-weich) var(--v,0s), transform .9s var(--kurve-weich) var(--v,0s);transform:none}.einblick-wort{vertical-align:top;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block;overflow:clip}.einblick-wort>span{transition:transform .25s ease-out;display:inline-block;transform:translateY(108%)}.einblick-text[data-aktiv=true] .einblick-wort>span{transition:transform 1s var(--kurve-weich) var(--v,0s);transform:none}.einblick-frage-kreuz{transition:transform .25s ease-out;transform:rotate(-90deg)scale(.4)}.einblick-text[data-aktiv=true] .einblick-frage-kreuz{transition:transform .8s var(--kurve-weich) calc(var(--v,0s) + .15s);transform:none}[data-buehne=wartet] .einblick-text[data-aktiv=true] .einblick-teil{opacity:0;transform:translateY(14px)}[data-buehne=wartet] .einblick-text[data-aktiv=true] .einblick-wort>span{transform:translateY(108%)}[data-buehne=wartet] .einblick-text[data-aktiv=true] .einblick-frage-kreuz{transform:rotate(-90deg)scale(.4)}[data-buehne=wartet] .einblick-szene[data-aktiv=true] .einblick-ziel-rahmen{opacity:0;transform:rotate(45deg)scale(1.9)}[data-buehne=wartet] .einblick-szene[data-aktiv=true] .einblick-ziel-mitte{opacity:0;transform:scale(.3)}[data-buehne=wartet] .einblick-szene[data-aktiv=true] .einblick-ziel-name{opacity:0;transform:translate(-50%,8px)}.einblick-fragen{background:var(--farbe-nacht-2);grid-area:fragen;margin-top:1.5rem;padding:1.5rem}.einblick-index{grid-area:index;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,2vw,2rem);margin-top:1.25rem;display:grid}.einblick-wahl{text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;min-height:3.25rem;padding-top:1rem;display:flex;position:relative}.einblick-spur{background:var(--ton-linie-stark);height:1px;position:absolute;inset:0 0 auto}.einblick-spur:after{content:"";background:var(--farbe-gold);transform-origin:0;height:2px;transition:transform var(--dauer-lang) var(--kurve-weich), opacity var(--dauer-mittel) var(--kurve-weich);position:absolute;inset:0;transform:scaleX(0)}.einblick-wahl[aria-pressed=true] .einblick-spur:after{transform:none}.einblick-auto .einblick-spur:after{opacity:.3}.einblick-zeit{z-index:1;background:var(--farbe-gold);transform-origin:0;height:2px;position:absolute;inset:0}.einblick-name{color:var(--ton-vg-leise);transition:color var(--dauer-kurz) var(--kurve-weich)}.einblick-funktion{max-width:26ch;color:var(--ton-vg-leise);opacity:.7;transition:opacity var(--dauer-mittel) var(--kurve-weich)}.einblick-wahl:hover .einblick-name,.einblick-wahl[aria-pressed=true] .einblick-name{color:var(--ton-vg)}.einblick-wahl:hover .einblick-funktion,.einblick-wahl[aria-pressed=true] .einblick-funktion{opacity:1}.einblick-wahl:focus-visible{outline:2px solid var(--ton-akzent);outline-offset:6px}@media (min-width:640px){.einblick-buehne{aspect-ratio:3/2}.einblick-verlauf{background:linear-gradient(#0a0b0c00 28%,#0a0b0c33 48%,#0a0b0c8c 70%,#0a0b0cdb 100%),radial-gradient(75% 95% at 0 100%,#0a0b0cb3 0%,#0a0b0c00 100%)}}@media (min-width:1024px){.einblick{grid-template-areas:"buehne""index"}.einblick-buehne{aspect-ratio:2}.einblick-ziel{left:calc(var(--x) * 1%);top:calc(var(--y) * 4% / 3 - 100% / 6);width:3rem;height:3rem;color:var(--farbe-gold);margin:-1.5rem 0 0 -1.5rem;display:block;position:absolute}.einblick-index{margin-top:2rem}.einblick-wahl{padding-top:1.5rem}.einblick-fragen{z-index:1;background:#0a0b0cd6;grid-area:buehne;place-self:end;width:min(25rem,36%);margin:0 clamp(1.5rem,3.5vw,3.5rem) clamp(1.5rem,3.5vw,3.5rem) 0;padding:1.75rem}.einblick-texte{padding-right:calc(min(25rem,36%) + clamp(3rem,7vw,7rem))}}@media (prefers-reduced-motion:reduce){.einblick-szene,.einblick-teil,.einblick-wort>span,.einblick-frage-kreuz,.einblick-ziel *,.einblick-spur:after,[data-aktiv=true] :is(.einblick-teil,.einblick-wort>span,.einblick-frage-kreuz,.einblick-ziel *){transition:none}.einblick-szene,.einblick-fahrt{animation:none;transform:none}}
.lw-leiste{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1rem;margin-bottom:clamp(1.75rem,1rem + 2vw,2.75rem);display:grid}@media (min-width:640px){.lw-leiste{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(1rem,2vw,2rem)}}.lw-reiter{text-align:left;min-height:44px;font-family:var(--schrift-titel);font-stretch:var(--titel-breite);font-size:var(--groesse-titel-4);color:var(--ton-vg-leise);cursor:pointer;transition:color var(--dauer-kurz) ease;flex-direction:column;gap:1rem;padding-top:.5rem;font-weight:600;line-height:1.2;display:flex}.lw-reiter:hover,.lw-reiter[data-erreicht]{color:var(--ton-vg)}.lw-reiter:focus-visible{outline:2px solid var(--ton-akzent);outline-offset:4px}.lw-marke{color:var(--ton-akzent);opacity:0;transition:opacity var(--dauer-mittel) var(--kurve-weich), transform var(--dauer-mittel) var(--kurve-weich);transform:rotate(-45deg)}.lw-reiter:hover .lw-marke{opacity:.6}.lw-reiter[aria-selected=true] .lw-marke{opacity:1;transform:none}.lw-spur{background:var(--ton-linie);height:3px;display:block;position:relative;overflow:hidden}.lw-fuellung{background:var(--farbe-gold);transform-origin:0;transition:transform var(--dauer-lang) var(--kurve-weich);position:absolute;inset:0;transform:scaleX(0)}.lw-reiter[data-erreicht] .lw-fuellung{transform:none}.lw-buehne{gap:2.25rem;display:grid}@media (min-width:1024px){.lw-buehne{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(2.5rem,4vw,4.5rem)}}.lw-bild{aspect-ratio:3/2;background:var(--ton-grund-2);position:relative;overflow:hidden}@media (min-width:1024px){.lw-bild{aspect-ratio:auto;min-height:31rem}}.lw-bild img{object-fit:cover;opacity:0;transition:opacity var(--dauer-lang) ease, transform 1.6s var(--kurve-weich);transform:scale(1.04)}.lw-bild img[data-sichtbar]{opacity:1;transform:none}.lw-bild img[data-motiv=aufklaerung]{transform-origin:74% 58%}.lw-bild img[data-motiv=lagebild]{transform-origin:55% 62%}.lw-bild[data-nah] img[data-sichtbar]{transform:scale(1.18)}.lw-text{flex-direction:column;display:flex}@media (min-width:1024px){.lw-text{padding-top:.5rem}}.lw-frage{font-size:clamp(1.625rem,1rem + 1.9vw,2.75rem);line-height:1.12}.lw-stapel{flex:1;display:grid}.lw-inhalt{visibility:hidden;flex-direction:column;grid-area:1/1;display:flex}.lw-inhalt[data-aktiv]{visibility:visible;animation:einblenden var(--dauer-mittel) var(--kurve-weich) both}@media (prefers-reduced-motion:reduce){.lw-reiter,.lw-marke,.lw-fuellung,.lw-bild img{transition:none}.lw-bild img,.lw-bild[data-nah] img[data-sichtbar]{transform:none}.lw-inhalt[data-aktiv]{animation:none}}
.por-leistung-grid{grid-template-columns:1.08fr 1fr;align-items:start;gap:clamp(32px,6vw,88px);display:grid}.por-leistung-medien{top:calc(var(--hoehe-header) + 24px);position:sticky}.por-leistung-bild{aspect-ratio:1/1.04;background:var(--farbe-nacht);position:relative;overflow:hidden}.por-leistung-bild img{object-fit:cover;opacity:0;transition:opacity .65s ease,transform 1.2s var(--kurve-weich);transform:scale(1.045)}.por-leistung-bild img[data-aktiv=true]{opacity:1;transform:scale(1)}.por-bild-oeffnen{background:var(--farbe-papier);width:52px;height:52px;color:var(--farbe-tinte);font-size:var(--groesse-titel-3);cursor:pointer;position:absolute;bottom:20px;right:20px}.por-bild-oeffnen:hover{background:var(--farbe-gold)}.por-bild-legende{font-size:var(--groesse-mini);color:var(--ton-vg-leise);margin-top:16px;line-height:1.6}.por-leistung-eintrag{border-bottom:1px solid var(--ton-linie)}.por-leistung-eintrag:first-child{border-top:1px solid var(--ton-linie)}.por-leistung-eintrag h3 button{text-align:left;width:100%;min-height:100px;font-family:var(--schrift-titel);font-size:var(--groesse-titel-3);color:var(--ton-vg-leise);cursor:pointer;justify-content:space-between;align-items:center;gap:20px;font-weight:500;display:flex}.por-leistung-eintrag[data-aktiv=true] h3 button{color:var(--ton-vg)}.por-leistung-eintrag[data-aktiv=true] h3 button>span:last-child{color:var(--ton-akzent)}.por-leistung-inhalt{animation:por-visual-ein .5s var(--kurve-weich) both;padding:0 0 36px}.por-leistung-inhalt>p{max-width:44ch;font-size:var(--groesse-text);color:var(--ton-vg-leise);line-height:1.75}.por-leistung-inhalt>.por-leistung-frage{font-family:var(--schrift-titel);font-size:var(--groesse-titel-4);color:var(--ton-vg);margin-bottom:18px;line-height:1.35}.por-leistung-ergebnis{font-size:var(--groesse-basis);color:var(--ton-akzent);align-items:center;gap:12px;margin:28px 0 20px;font-weight:600;display:flex}.por-bild-dialog{background:var(--farbe-nacht);width:min(1200px,94vw);max-height:94dvh;color:var(--farbe-hell);border:0;margin:auto;padding:0}.por-bild-dialog::backdrop{background:#000000d9}.por-bild-dialog>button{cursor:pointer;justify-content:flex-end;align-items:center;gap:24px;width:100%;min-height:56px;padding:12px 24px;display:flex}.por-bild-dialog img{object-fit:contain;width:100%;height:auto;max-height:76dvh}.por-bild-dialog p{font-size:var(--groesse-klein);padding:16px 24px}.por-anlage-buehne{position:relative}.por-anlage-render{aspect-ratio:3/2;position:relative;overflow:hidden}.por-anlage-render>img{object-fit:contain}.por-anlage-buehne[data-buehne=laeuft] .por-anlage-render{animation:por-visual-ein 1s var(--kurve-weich) both}.por-anlage-linien{fill:none;width:100%;height:100%;stroke:var(--farbe-gold);stroke-width:.35px;opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;inset:0}.por-anlage-linien[data-sichtbar=true]{opacity:1}.por-anlage-punkt{background:var(--farbe-papier);width:48px;height:48px;color:var(--farbe-tinte);border:1px solid var(--farbe-tinte);border-radius:var(--rundung-voll);cursor:pointer;box-shadow:var(--schatten-schwebend);font-size:var(--groesse-titel-3);transition:transform .3s var(--kurve-weich),background-color .25s ease;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.por-anlage-punkt[aria-pressed=true]{background:var(--farbe-gold);border-color:var(--farbe-gold)}.por-anlage-punkt:hover{transform:translate(-50%,-50%)scale(1.1)}.por-anlage-label{font-size:var(--groesse-klein);background:var(--farbe-papier);color:var(--farbe-tinte);white-space:nowrap;padding:5px 12px;font-weight:600;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.por-anlage-steuerung{background:var(--farbe-nacht);color:var(--farbe-hell);justify-content:space-between;align-items:center;gap:20px;padding:18px 28px;display:flex}.por-anlage-steuerung fieldset{border:0;flex-wrap:wrap;gap:6px;margin:0;padding:0;display:flex}.por-anlage-steuerung fieldset label{cursor:pointer;min-height:48px;font-family:var(--schrift-titel);font-size:var(--groesse-basis);align-items:center;padding:10px 18px;display:flex;position:relative}.por-anlage-steuerung fieldset input{opacity:0;width:1px;height:1px;position:absolute}.por-anlage-steuerung fieldset label:has(:focus-visible){outline:2px solid var(--farbe-gold);outline-offset:3px}.por-anlage-steuerung fieldset label[data-aktiv=true]{background:var(--farbe-gold);color:var(--farbe-auf-gold)}.por-anlage-schalter{min-height:44px;font-size:var(--groesse-klein);cursor:pointer;align-items:center;gap:10px;display:flex}.por-anlage-schalter input{width:18px;height:18px;accent-color:var(--farbe-gold)}.por-anlage-detail{padding:36px 0 26px}.por-anlage-detail-innen{min-height:180px;animation:por-visual-ein .45s var(--kurve-weich) both;grid-template-columns:.8fr 1.5fr 1.2fr;gap:48px;display:grid}.por-anlage-detail h3{font-size:var(--groesse-titel-3);color:var(--ton-vg)}.por-anlage-detail p{font-size:var(--groesse-text);color:var(--ton-vg-leise);margin-bottom:20px;line-height:1.7}.por-anlage-detail blockquote{border-left:2px solid var(--farbe-gold);font-family:var(--schrift-titel);font-size:var(--groesse-titel-4);color:var(--ton-vg);padding-left:24px;line-height:1.35}.por-anlage-detail blockquote>span{font-family:var(--schrift-text);font-size:var(--groesse-klein);color:var(--ton-vg-leise);margin-bottom:12px;display:block}@keyframes por-visual-ein{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (max-width:900px){.por-leistung-grid{grid-template-columns:1fr 1fr;gap:32px}.por-leistung-bild{aspect-ratio:3/4}.por-anlage-steuerung{flex-wrap:wrap;padding:16px}.por-anlage-detail-innen{grid-template-columns:1fr 2fr;gap:24px}.por-anlage-detail blockquote{grid-column:2}}@media (max-width:600px){.por-leistung-grid{grid-template-columns:1fr;gap:24px}.por-leistung-medien{position:static}.por-leistung-bild{aspect-ratio:5/4}.por-leistung-eintrag h3 button{min-height:80px}.por-anlage-render{margin-inline:calc(-1 * var(--abstand-rand))}.por-anlage-punkt{width:44px;height:44px}.por-anlage-label{display:none}.por-anlage-steuerung fieldset{grid-template-columns:1fr 1fr;width:100%;display:grid}.por-anlage-steuerung fieldset label{justify-content:center;padding:8px}.por-anlage-detail-innen{grid-template-columns:1fr;gap:20px;min-height:340px}.por-anlage-detail blockquote{grid-column:auto}}@media (prefers-reduced-motion:reduce){.por-leistung *,.por-anlage *{transition:none!important;animation:none!important}}