/* Bahn 1 erleben – Anzeige der zweiten Fassung */
.fly2{--t:#14291A;--k:#2C5A33;--f:rgba(20,41,26,.12);color:var(--t);font-family:'Jost','Futura','Avenir Next',sans-serif;transition:color .5s}
.is-dark .fly2{--t:#fff;--k:#F3E3B8;--f:rgba(255,255,255,.2)}
.f2-vig{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,18,12,.36) 0,rgba(8,18,12,0) 18%,rgba(8,18,12,0) 58%,rgba(8,18,12,.34) 78%,rgba(8,18,12,.5) 100%);opacity:0;transition:opacity .6s}
.is-dark .f2-vig{opacity:1}
.f2-k{display:block;font-size:12px;letter-spacing:.28em;text-transform:uppercase;font-weight:500;color:var(--k)}
.f2-kopf{position:absolute;left:48px;top:30px}
.f2-lauf{position:absolute;left:24px;top:30px;bottom:30px;width:1px;background:var(--f)}
.f2-lauf i{position:absolute;inset:0;background:#E8443F;transform-origin:top;transform:scaleY(0)}
.f2-kap{position:absolute;right:40px;top:50%;transform:translateY(-50%);list-style:none;margin:0;padding:0;display:grid;gap:9px;justify-items:end}
.f2-kap li{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.42;transition:opacity .4s}
.f2-kap li b{font-weight:500;order:2;width:26px;text-align:right}
.f2-kap li span{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .5s cubic-bezier(.2,.8,.2,1)}
.f2-kap li::after{content:"";order:3;width:14px;height:1px;background:currentColor;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.f2-kap li.war{opacity:.75}
.f2-kap li.jetzt{opacity:1}.f2-kap li.jetzt span{max-width:220px}.f2-kap li.jetzt::after{width:44px;background:#E8443F;height:2px}
.f2-caps{position:absolute;left:48px;bottom:118px;width:min(500px,44%)}
.f2-cap{position:absolute;left:0;bottom:0;width:100%;opacity:0;transform:translateY(22px);transition:opacity .5s,transform .75s cubic-bezier(.16,1,.3,1);pointer-events:none}
.f2-cap.on{opacity:1;transform:none}
.f2-cap .f2-k{margin-bottom:14px}
.f2-cap h3,.f2-ergebnis h3{margin:0 0 14px;font-weight:500;font-size:clamp(34px,4.2vw,58px);line-height:1;letter-spacing:-.025em;text-wrap:balance}
.f2-cap h3 em,.f2-ergebnis h3{font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:400}
.f2-cap p,.f2-ergebnis p{margin:0;font-family:'Newsreader',Georgia,serif;font-size:19px;line-height:1.48;max-width:430px;opacity:.94}
.is-dark .f2-cap h3,.is-dark .f2-cap p,.is-dark .f2-k,.is-dark .f2-ergebnis{text-shadow:0 1px 18px rgba(0,0,0,.45)}
.f2-ergebnis{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);text-align:center;width:min(640px,86%);opacity:0;transition:opacity .7s,transform 1s cubic-bezier(.16,1,.3,1);pointer-events:none}
.f2-ergebnis.an{opacity:1;transform:translate(-50%,-50%)}
.f2-ergebnis h3{font-size:clamp(84px,13vw,190px);line-height:.9;margin:10px 0 18px;font-style:italic}
.f2-ergebnis p{margin:0 auto;max-width:520px;font-size:21px}
.f2-ergebnis .fly-btn{margin-top:26px}
.f2-ergebnis.an .fly-btn{pointer-events:auto}
.f2-zahlen{position:absolute;left:48px;right:48px;bottom:30px;display:flex;gap:44px;align-items:flex-end;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .6s}
.f2-zahlen.an{opacity:1;transform:none}
.f2-zahlen>div{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:baseline;border-top:1px solid var(--f);padding-top:9px;min-width:118px}
.f2-zahlen span{grid-column:1/3;font-size:10px;letter-spacing:.24em;text-transform:uppercase;opacity:.8}
.f2-zahlen b{font-size:40px;line-height:1;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.f2-zahlen small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.f2-profil{position:absolute;right:238px;bottom:30px;width:min(330px,26%);opacity:0;transition:opacity .5s}
.f2-profil.an{opacity:1}
.f2-profil span{display:block;font-size:10px;letter-spacing:.24em;text-transform:uppercase;opacity:.8;margin-bottom:6px}
.f2-profil svg{display:block;width:100%;height:54px;overflow:visible}
.f2-profil .linie{fill:none;stroke:currentColor;stroke-width:1.4;vector-effect:non-scaling-stroke}
.f2-profil .flaeche{fill:currentColor;opacity:.14}
.f2-profil circle{fill:#E8443F;stroke:#fff;stroke-width:1.2}
.f2-profil div{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.2em;text-transform:uppercase;opacity:.7;margin-top:4px}
.f2-profil em{font-style:normal}
.f2-karte{position:absolute;right:40px;bottom:30px;width:150px;aspect-ratio:566/780;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.35);box-shadow:0 12px 34px rgba(0,0,0,.3);opacity:0;transform:translateY(12px);transition:opacity .5s,transform .6s;background:#E4EBE4}
.f2-karte.an{opacity:1;transform:none}
.f2-karte img{position:absolute;left:-6%;top:-1.3%;width:112%;height:102.6%;object-fit:fill;display:block}
.f2-karte svg{position:absolute;inset:0;width:100%;height:100%}
.f2-karte path{fill:none;stroke:#E8443F;stroke-width:2.4;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;stroke-linecap:round;stroke-linejoin:round}
.f2-karte i{position:absolute;width:11px;height:11px;margin:-5.5px;border-radius:50%;background:#fff;border:2.5px solid #E8443F;box-shadow:0 0 0 5px rgba(232,68,63,.28)}
.f2-hinweis{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);display:grid;justify-items:center;gap:10px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--t)}
.f2-hinweis i{width:1px;height:44px;background:currentColor;transform-origin:top;animation:f2zug 1.9s cubic-bezier(.7,0,.3,1) infinite}
@keyframes f2zug{0%{transform:scaleY(0)}55%{transform:scaleY(1)}100%{transform:scaleY(1);opacity:0}}
.f2-marke{position:absolute;left:0;top:0;opacity:0;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#fff;white-space:nowrap;padding:6px 12px 6px 22px;margin:-13px 0 0 0;background:rgba(14,30,20,.66);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:99px;will-change:transform}
.f2-marke::before{content:"";position:absolute;left:8px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#E8443F;box-shadow:0 0 0 4px rgba(232,68,63,.3)}
.f2-marke.rechts{margin-left:14px}
.fly-mobile .f2-kap,.fly-mobile .f2-profil{display:none}
.fly-mobile .f2-kopf{left:22px;top:20px}
.fly-mobile .f2-lauf{left:9px;top:20px;bottom:20px}
.fly-mobile .f2-caps{left:22px;right:22px;width:auto;bottom:108px}
.fly-mobile .f2-cap h3{font-size:34px}
.fly-mobile .f2-cap p{font-size:16px}
.fly-mobile .f2-zahlen{left:22px;right:22px;bottom:18px;gap:16px}
.fly-mobile .f2-zahlen>div{min-width:0;flex:1}
.fly-mobile .f2-zahlen b{font-size:28px}
.fly-mobile .f2-karte{width:74px;right:14px;bottom:auto;top:56px}
.fly-mobile .f2-ergebnis h3{font-size:92px}
.fly-mobile .f2-ergebnis p{font-size:17px}

/* Die „1“ als Tür zur zweiten Fassung */
.fly-n.fly-tuer{pointer-events:auto;cursor:pointer;position:relative;display:inline-block;transition:transform .35s cubic-bezier(.2,1.5,.3,1);outline-offset:6px}
.fly-n.fly-tuer:hover{transform:scale(1.12) rotate(-4deg)}
.fly-n.fly-tuer::after{content:"";position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);animation:flytuer 2.6s ease-out infinite;pointer-events:none}
@keyframes flytuer{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.9);opacity:0}}
.fly-wechsel{position:absolute;inset:0;z-index:5;background:#0f2417;color:#F3E3B8;display:grid;place-items:center;clip-path:circle(0 at var(--wx,50%) var(--wy,50%));transition:clip-path .9s cubic-bezier(.76,0,.24,1);pointer-events:none;font-family:'Jost','Futura',sans-serif}
.fly-wechsel.zu{clip-path:circle(150% at var(--wx,50%) var(--wy,50%))}
.fly-wechsel.auf{clip-path:circle(0 at 50% 50%);transition-duration:1.1s}
.fly-wechsel b{font-family:'Newsreader',Georgia,serif;font-style:italic;font-weight:400;font-size:min(46vh,340px);line-height:.8;display:block;text-align:center}
.fly-wechsel span{display:block;text-align:center;font-size:12px;letter-spacing:.32em;text-transform:uppercase;margin-top:26px;opacity:.85}
.fly-wechsel u{display:block;width:180px;height:1px;margin:18px auto 0;background:rgba(243,227,184,.25);position:relative;overflow:hidden;text-decoration:none}
.fly-wechsel u::after{content:"";position:absolute;inset:0;background:#E8443F;transform:translateX(-100%);animation:flylad 1.3s ease-in-out infinite}
@keyframes flylad{to{transform:translateX(100%)}}
.f2-zurueck{position:absolute;right:40px;top:26px;pointer-events:auto;cursor:pointer;background:none;border:1px solid var(--f);color:var(--t);font:500 11px 'Jost',sans-serif;letter-spacing:.22em;text-transform:uppercase;padding:9px 16px;border-radius:99px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.f2-zurueck:hover{background:rgba(255,255,255,.14)}
.fly-mobile .f2-zurueck{right:14px;top:14px;padding:7px 12px;font-size:10px}
@media (prefers-reduced-motion:reduce){.fly-n.fly-tuer::after,.f2-hinweis i{animation:none}}

/* Blendfleck, wenn die Sonne im Bild steht */
.f2-blende{position:absolute;inset:0;opacity:0;mix-blend-mode:screen;pointer-events:none;transition:opacity .3s}
.f2-blende i{position:absolute;border-radius:50%}
.f2-blende i:nth-child(1){left:var(--sx);top:var(--sy);width:120vh;height:120vh;margin:-60vh;background:radial-gradient(closest-side,rgba(255,236,190,.55),rgba(255,214,150,.16) 34%,transparent 70%)}
.f2-blende i:nth-child(2){left:var(--gx);top:var(--gy);width:18vh;height:18vh;margin:-9vh;background:radial-gradient(closest-side,transparent 55%,rgba(255,220,170,.22) 62%,transparent 72%)}
.f2-blende i:nth-child(3){left:calc(var(--gx)*1.6 - 30%);top:calc(var(--gy)*1.6 - 30%);width:7vh;height:7vh;margin:-3.5vh;background:radial-gradient(closest-side,rgba(190,230,255,.28),transparent 70%)}

/* Lade- und Fehleranzeige */
.fly-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;font:500 12px 'Jost','Futura',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#2C5A33;text-align:center;max-width:80%;line-height:1.7}
.fly-status.fehler{letter-spacing:.04em;text-transform:none;font-size:15px;color:#14291A}
.fly-status button{display:block;margin:14px auto 0;font:500 14px 'Jost',sans-serif;background:#C81E21;color:#fff;border:0;border-radius:4px;padding:12px 20px;cursor:pointer}