.einsatzfelder{--ader-breite: 2px;--ader-spalte: 1rem;--ader-x: .5rem;--punkt-oben: .72rem;--gold-linie: rgb(var(--messing-kanal) / .24)}.leiste-hier{color:var(--messing)}.ef-main{position:relative;z-index:10;max-width:54rem;margin:0 auto;padding:clamp(8rem,18vh,11rem) var(--rand) clamp(3rem,8vh,5rem)}.ef-titel{font-family:var(--schrift-display);font-weight:600;font-size:clamp(2.2rem,4.8vw,3.6rem);line-height:1.06;letter-spacing:-.01em;color:var(--stahl);margin-top:.9rem;min-width:0;overflow-wrap:anywhere;text-wrap:balance}.ef-zeile{margin-top:1.4rem;max-width:42rem;color:var(--stahl-dim);line-height:1.75;text-wrap:pretty}.bereich-titel{font-family:var(--schrift-display);font-weight:500;font-size:1.05rem;letter-spacing:.16em;text-transform:uppercase;color:var(--stahl);margin:0 0 .9rem;padding-top:1.5rem;border-top:1px solid rgb(var(--gold-tief-kanal) / .35);min-width:0;overflow-wrap:anywhere}.bereich-zeile{max-width:42rem;margin-bottom:clamp(1.6rem,4vh,2.2rem);color:var(--stahl-dim);line-height:1.75;text-wrap:pretty}.ef-panel{margin:clamp(1.8rem,5vh,2.8rem) 0 0;padding:clamp(.7rem,2vw,1.1rem);border:1px solid rgb(var(--messing-kanal) / .26);border-radius:.8rem;background:linear-gradient(165deg,rgb(var(--stahl-kanal) / .03),rgb(var(--nacht-kanal) / .6));box-shadow:inset 0 0 40px rgb(var(--messing-kanal) / .05),0 0 44px -18px rgb(var(--messing-kanal) / .25)}.ef-panel img{display:block;width:100%;height:auto;border-radius:.45rem}.ef-panel figcaption{margin-top:.8rem;font-size:.82rem;letter-spacing:.08em;text-align:center;color:var(--stahl-dim);text-wrap:pretty}.ef-szene{max-width:46rem;margin-inline:auto;margin-top:clamp(2.4rem,6vh,3.6rem)}.ef-faecher{position:relative;width:min(100%,34rem);height:clamp(84px,13svh,128px);margin:clamp(2.6rem,7vh,3.6rem) auto 0;overflow:hidden;pointer-events:none}.ef-strahl{--breit: clamp(2.2rem, 6vw, 4rem);position:absolute;top:0;left:50%;width:var(--breit);height:100%;margin-left:calc(var(--breit) / -2);background:linear-gradient(180deg,rgb(var(--licht-warm-kanal) / .34),rgb(var(--messing-kanal) / .1) 55%,transparent 88%);clip-path:polygon(50% 0,100% 100%,0 100%);transform-origin:top center;transform:rotate(calc((var(--n, 0) - 2.5) * 15deg));opacity:.5}.ef-feld,.ef-quer{margin-top:clamp(2.75rem,7vh,4rem);scroll-margin-top:clamp(5.5rem,13vh,7.5rem)}.kette{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:clamp(1.5rem,4vh,2.3rem)}.kette:before,.kette:after{content:"";position:absolute;top:var(--punkt-oben);bottom:var(--punkt-oben);left:var(--ader-x);width:var(--ader-breite);margin-left:calc(var(--ader-breite) / -2);border-radius:1px}.kette:before{background:linear-gradient(rgb(var(--stahl-kanal) / .14),rgb(var(--stahl-kanal) / .06))}.kette:after{background:linear-gradient(var(--licht-warm),var(--messing) 55%,var(--gold-tief));box-shadow:0 0 12px rgb(var(--messing-kanal) / .35);transform:scaleY(1);transform-origin:top;transition:transform var(--ui-raus) var(--ease-edel)}html.ejs .kette:after{transform:scaleY(var(--fuellung, 0))}.station{display:grid;grid-template-columns:var(--ader-spalte) minmax(0,1fr);column-gap:clamp(.9rem,2.5vw,1.4rem);align-items:start}.station-punkt{width:.55rem;height:.55rem;margin:calc(var(--punkt-oben) - .275rem) auto 0;border-radius:50%;background:var(--messing);box-shadow:0 0 10px rgb(var(--messing-kanal) / .5);transition:background var(--ui-raus) var(--ease-edel),box-shadow var(--ui-raus) var(--ease-edel);transition-delay:calc(var(--n, 0) * var(--stagger))}html.ejs .station:not(.sichtbar) .station-punkt{background:transparent;box-shadow:inset 0 0 0 1.5px var(--stahl-dunkel);transition-delay:0s}.station-kern{min-width:0;transition:opacity var(--raum-kurz) var(--ease-edel),translate var(--raum-kurz) var(--ease-edel);transition-delay:calc(var(--n, 0) * var(--stagger))}html.ejs .station:not(.sichtbar) .station-kern{opacity:0;translate:0 10px;transition-delay:0s}.station-titel{font-family:var(--schrift-display);font-weight:500;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--stahl);overflow-wrap:anywhere}.station-text{margin-top:.4rem;max-width:38rem;color:var(--stahl-dim);line-height:1.7;text-wrap:pretty}.ef-kanon{margin-top:1.3rem;font-family:var(--schrift-display);font-weight:500;font-size:clamp(1.1rem,2.4vw,1.45rem);color:var(--stahl);text-wrap:balance}.ef-kanon span{color:var(--messing)}.ef-mehr{display:flex;flex-wrap:wrap;gap:.7rem clamp(1.2rem,4vw,2.4rem);margin-top:1.2rem}.ef-mehr a{color:var(--stahl-dim);border-bottom:1px solid var(--gold-tief);transition:color var(--ui-raus) var(--ease-edel),border-color var(--ui-raus) var(--ease-edel)}.ef-mehr a:hover{color:var(--licht-warm);border-color:var(--messing);transition-duration:var(--ui-rein)}.schluss{margin-top:clamp(3.5rem,9vh,5rem);padding:clamp(2rem,5vw,3rem);border:1px solid rgb(var(--gold-tief-kanal) / .4);border-radius:.8rem;text-align:center;background:radial-gradient(60% 90% at 50% 0%,rgb(var(--messing-kanal) / .07),transparent 70%),linear-gradient(160deg,rgb(var(--nebel-kanal) / .8),rgb(var(--nacht-kanal) / .7))}.schluss-titel{font-family:var(--schrift-display);font-weight:500;font-size:clamp(1.5rem,3.2vw,2.2rem);line-height:1.15;color:var(--stahl);text-wrap:balance;overflow-wrap:anywhere}.schluss-text{margin:1rem auto 0;max-width:34rem;color:var(--stahl-dim);line-height:1.75;text-wrap:pretty}.schluss-mail{margin-top:1.2rem;font-size:.9rem;color:var(--stahl-leise)}.schluss-mail a{color:var(--messing);border-bottom:1px solid var(--gold-tief);overflow-wrap:anywhere;transition:color var(--ui-raus) var(--ease-edel),border-color var(--ui-raus) var(--ease-edel)}.schluss-mail a:hover{color:var(--licht-warm);border-color:var(--messing);transition-duration:var(--ui-rein)}.einsatzfelder .ef-mehr a:focus-visible,.einsatzfelder .schluss-mail a:focus-visible{outline:none;border-radius:999px;box-shadow:0 0 0 2px var(--nacht),0 0 0 3.5px var(--messing),0 0 20px -2px rgb(var(--messing-kanal) / .55);animation:blende-auf var(--ui-rein) var(--ease-edel)}html.ejs [data-reveal]{opacity:0;translate:0 12px;transition:opacity var(--raum-kurz) var(--ease-edel),translate var(--raum-kurz) var(--ease-edel)}html.ejs [data-reveal].sichtbar{opacity:1;translate:0 0}@media(prefers-reduced-motion:reduce){html.ejs [data-reveal]{opacity:1!important;translate:0 0!important}html.ejs .station:not(.sichtbar) .station-kern{opacity:1!important;translate:0 0!important}html.ejs .station:not(.sichtbar) .station-punkt{background:var(--messing)!important;box-shadow:0 0 10px rgb(var(--messing-kanal) / .5)!important}html.ejs .kette:after{transform:scaleY(1)!important}.kette:after,.station-punkt,.station-kern{transition:none!important}}@property --freilegen{syntax: "<number>"; inherits: false; initial-value: 1;}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){html.ejs [data-reveal]{opacity:1;translate:none;transition:none}@keyframes licht-freilegen{0%{--freilegen: 0}to{--freilegen: 1}}@keyframes ruhig-auf{0%{opacity:0}to{opacity:1}}@keyframes zeile-setzen{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes ader-giessen{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes faecher-tiefe{0%{translate:0 0}to{translate:0 calc(var(--parallax-ambient) * (90px + var(--n, 0) * 30px))}}.ef-panel{animation-name:ruhig-auf;animation-timing-function:var(--ease-edel);animation-fill-mode:both;animation-range:entry 0% entry 24%;animation-timeline:view()}.ef-panel img,.bereich-titel{mask-image:linear-gradient(var(--wisch, 96deg),#000 calc(var(--freilegen) * 132% - 32%),transparent calc(var(--freilegen) * 132% - 4%));animation-name:licht-freilegen;animation-timing-function:var(--ease-edel);animation-fill-mode:both;animation-timeline:view()}.ef-panel img{--wisch: 166deg;animation-range:entry 4% entry 80%}.bereich-titel{animation-range:entry 10% entry 56%}.ef-route{position:relative}.ef-route:after{content:"";position:absolute;top:clamp(.7rem,2vw,1.1rem);left:clamp(.7rem,2vw,1.1rem);right:clamp(.7rem,2vw,1.1rem);bottom:auto;aspect-ratio:1664 / 936;border-radius:.45rem;pointer-events:none;mix-blend-mode:screen;background-image:linear-gradient(55deg,transparent 44%,rgb(var(--messing-kanal) / .42) 50%,transparent 56%);background-size:300% 300%;animation-name:route-impuls;animation-timing-function:linear;animation-fill-mode:both;animation-range:entry 24% cover 76%;animation-timeline:view()}@keyframes route-impuls{0%{background-position:0% 100%;opacity:0}18%{opacity:1}82%{opacity:1}to{background-position:100% 0%;opacity:0}}.schluss{animation-name:ruhig-auf;animation-timing-function:var(--ease-edel);animation-fill-mode:both;animation-range:entry 6% entry 50%;animation-timeline:view()}.kette{view-timeline-name:--kette-blick}html.ejs .kette:after{transition:none;animation-name:ader-giessen;animation-timing-function:linear;animation-fill-mode:both;animation-range:entry 0% entry 82%;animation-timeline:--kette-blick}html.ejs .station .station-kern{transition:none;animation-name:zeile-setzen;animation-timing-function:var(--ease-edel);animation-fill-mode:both;animation-range:entry 8% entry 58%;animation-timeline:view()}.ef-faecher{view-timeline-name:--faecher-blick}.ef-strahl{animation-name:faecher-tiefe;animation-timing-function:linear;animation-fill-mode:both;animation-range:cover 0% cover 100%;animation-timeline:--faecher-blick}}}@media(max-width:480px){.bereich-titel{font-size:.92rem;letter-spacing:.1em}.station-titel{font-size:.84rem;letter-spacing:.1em}.einsatzfelder{--ader-spalte: .85rem;--ader-x: .425rem}.ef-faecher{height:clamp(72px,11svh,100px)}}
