/* Uebersicht Features (dunkler Entwurf 30.10.2026) */
/* Alte Aufbau-Grafik (vier Spalten), seit 30.10. ersetzt durch .fs-drei */
.gh.fs-bau{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1080px;margin:38px auto 0;padding:0;background:none;min-height:0}
.fs-sp{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:30px}
.fs-sp + .fs-sp::before{content:"";position:absolute;left:-14px;top:110px;width:10px;height:10px;border-right:2px solid #4A4A4A;border-top:2px solid #4A4A4A;transform:rotate(45deg)}
.fs-lab{position:absolute;top:0;font:700 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#FF6E9E}
.fs-sp .g{display:flex;justify-content:center}
.fs-q{justify-content:flex-start}
.fs-msg{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:#F2F2F2;margin-top:60px}
.fs-msg .ph{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#E0246B,#7A1840)}
.fs-msg .z{display:flex;flex-direction:column;gap:7px}.fs-msg .z i{display:block;width:84px;height:8px;border-radius:4px;background:#2A0A18}.fs-msg .z i+i{width:60px;background:#F49AB8}
html.ani .fs-bau .g{opacity:0;transform:translateY(14px) scale(.8)}
/* Bereiche: Grafik, Titel, Text, Link; keine Boxen */
.fs-bereich{padding-top:80px!important}
.fs-liste{list-style:none;padding:0;margin:40px auto 0;max-width:1120px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 34px}
#plattform .fs-liste{grid-template-columns:repeat(4,minmax(0,1fr))}
.fs-item{display:flex;flex-direction:column;align-items:center;text-align:center}
.fs-g{height:96px;display:flex;align-items:center;justify-content:center}
.fs-g .anim{position:relative;width:150px;height:84px}
.fs-g .anim > *{position:absolute}
.fs-item h3{font-size:21px;color:#F2F2F2;margin:16px 0 8px}
.fs-item p{color:#A3A3A3;line-height:1.6;margin:0 0 12px;max-width:26em}
.fs-mehr{margin-top:auto;font:700 12px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:#FF6E9E;text-decoration:none}
.fs-mehr:hover{color:#F2F2F2}
.fs-alle{text-align:center;margin:44px 0 0}
/* Grafiken der Live-Kacheln dunkel umgefaerbt */
.fs-g .a-list i{background:rgba(255,255,255,.22)}.fs-g .a-list i::before{background:#E0246B}
.fs-g .a-room i{background:#F2F2F2}.fs-g .a-room i:nth-child(3n){background:#E0246B}
.fs-g .a-news i::after{background:#E0246B}
.fs-g .a-ticket em{background:#4A0E26;color:#fff}
.fs-g .a-swipe i:nth-child(1){background:#F2F2F2;opacity:.18}.fs-g .a-swipe i:nth-child(2){background:#F49AB8;opacity:.45}.fs-g .a-swipe i:nth-child(3){background:#E0246B}
/* Eigene Formen */
.fg{position:relative;width:150px;height:84px}
.fg-hub .c{position:absolute;left:10px;right:10px;top:4px;height:26px;border-radius:8px;background:linear-gradient(120deg,#7A1840,#E0246B)}
.fg-hub .l{position:absolute;left:20px;top:20px;width:24px;height:24px;border-radius:7px;background:#F2F2F2;box-shadow:0 0 0 3px #121212}
.fg-hub i{position:absolute;top:52px;width:38px;height:28px;border-radius:6px;background:#F2F2F2}.fg-hub i:nth-of-type(1){left:10px}.fg-hub i:nth-of-type(2){left:56px;background:#F49AB8}.fg-hub i:nth-of-type(3){left:102px}
.fg-link span{position:absolute;left:47px;top:0;width:56px;height:84px;border-radius:12px;border:2px solid #4A4A4A}
.fg-link i{position:absolute;left:55px;width:40px;height:12px;border-radius:999px;background:#F2F2F2}.fg-link i:nth-of-type(1){top:16px}.fg-link i:nth-of-type(2){top:34px}.fg-link i:nth-of-type(3){top:52px;background:#E0246B}
.fg-bell{display:flex;align-items:center;gap:10px;padding:0 12px;height:52px;margin-top:16px;border-radius:12px;background:#F2F2F2;box-sizing:border-box;width:150px}
.fg-bell .b{flex:none;width:26px;height:26px;border-radius:7px;background:#E0246B}
.fg-bell .z{display:flex;flex-direction:column;gap:6px;flex:1}.fg-bell .z i{display:block;height:7px;border-radius:4px;background:#2A0A18}.fg-bell .z i+i{width:70%;background:#F49AB8}
.fg-widget .bar{position:absolute;left:8px;right:8px;top:4px;height:12px;border-radius:6px 6px 0 0;background:#4A4A4A}
.fg-widget i{position:absolute;left:8px;height:8px;border-radius:4px;background:#3A3A3A}.fg-widget i:nth-of-type(1){top:30px;width:90px}.fg-widget i:nth-of-type(2){top:46px;width:70px}
.fg-widget .st{position:absolute;right:14px;bottom:4px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#F49AB8,#7A1840);box-shadow:0 0 0 3px #121212,0 0 0 5px #E0246B}
.fg-guide span{position:absolute;left:12px;top:12px;width:56px;height:60px;border-radius:10px;background:#E0246B;color:#fff;font:900 30px/60px var(--f-display);text-align:center}
.fg-guide i{position:absolute;left:80px;height:8px;border-radius:4px;background:#F2F2F2}.fg-guide i:nth-of-type(1){top:20px;width:58px}.fg-guide i:nth-of-type(2){top:36px;width:44px;background:#4A4A4A}.fg-guide i:nth-of-type(3){top:52px;width:52px;background:#4A4A4A}
.fg-zahl{display:flex;align-items:flex-end;justify-content:center;gap:10px;height:84px}
.fg-zahl i{display:block;width:20px;border-radius:5px 5px 0 0;background:#F2F2F2;animation:fg-wachs 3.6s ease-in-out infinite}
.fg-zahl i:nth-child(1){height:26px;background:#4A4A4A}.fg-zahl i:nth-child(2){height:42px;animation-delay:.3s;background:#F49AB8}.fg-zahl i:nth-child(3){height:58px;animation-delay:.6s}.fg-zahl i:nth-child(4){height:76px;animation-delay:.9s;background:#E0246B}
@keyframes fg-wachs{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.82)}}
.fg-zahl i{transform-origin:bottom}
.fg-stars{display:flex;align-items:center;justify-content:center;font-size:28px;letter-spacing:4px;color:#FFB08F}
.fg-dat span{position:absolute;left:46px;top:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:58px;border-radius:14px;background:#E0246B;color:#fff;font:800 10px var(--f-mono)}
.fg-dat span b{font-size:22px;line-height:1}
.fg-dat i{position:absolute;left:30px;right:30px;bottom:6px;height:7px;border-radius:4px;background:#333;overflow:hidden}
.fg-dat i::after{content:"";position:absolute;inset:0 30% 0 0;background:#F49AB8}
.fg-ki .f{position:absolute;right:16px;top:6px;width:84px;height:26px;border-radius:13px 13px 4px 13px;background:#4A4A4A}
.fg-ki .a{position:absolute;left:16px;top:40px;width:110px;height:36px;border-radius:13px 13px 13px 4px;background:#F2F2F2}
.fg-ki .a::after{content:"";position:absolute;left:12px;top:15px;width:54px;height:6px;border-radius:3px;background:#E0246B}
.fg-crew i{position:absolute;top:18px;width:36px;height:36px;border-radius:50%;background:#F2F2F2}.fg-crew i:nth-of-type(1){left:22px}.fg-crew i:nth-of-type(2){left:57px}.fg-crew i:nth-of-type(3){left:92px}
.fg-crew span{position:absolute;left:84px;top:8px;width:56px;height:56px;border-radius:50%;border:2px solid #FF6E4A}
.fg-gate .t{position:absolute;left:30px;top:4px;width:90px;height:74px;border-radius:12px;background:#F2F2F2}
.fg-gate .s{position:absolute;left:58px;top:30px;width:34px;height:28px;border-radius:7px;background:#E0246B}
.fg-gate .s::before{content:"";position:absolute;left:7px;top:-14px;width:16px;height:16px;border:3px solid #E0246B;border-bottom:0;border-radius:10px 10px 0 0}
@media (max-width:900px){.gh.fs-bau{grid-template-columns:1fr 1fr;row-gap:40px}.fs-sp + .fs-sp::before{display:none}.fs-msg{margin-top:20px}
  .fs-liste,#plattform .fs-liste{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.fs-liste,#plattform .fs-liste{grid-template-columns:1fr;gap:44px}.gh.fs-bau .fs-sp .g:nth-child(n+4){display:none}}
@media (prefers-reduced-motion:reduce){.fg-zahl i{animation:none}}

/* Kopf je Bereich als Split wie auf der Startseite */
.fs-split{max-width:1180px;margin:0 auto}
.fs-split h2{text-align:left}
.fs-split + .fs-liste{margin-top:72px}
@media (max-width:860px){.fs-split + .fs-liste{margin-top:48px}}

/* Ueberblick: drei Bereiche mit Widget, Text, CTA */
.gh.fs-drei{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 40px;max-width:1120px;margin:44px auto 0;padding:0;background:none;min-height:0}
.fs-sp3{display:flex;flex-direction:column;align-items:center;text-align:center}
.fs-lab3{font:700 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#FF6E9E}
.fs-wid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:290px;margin:22px 0 6px}
.fs-wid .g{display:flex;justify-content:center}
.fs-wid .anim{position:relative;width:150px;height:84px}.fs-wid .anim > *{position:absolute}
html.ani .fs-drei .g{opacity:0;transform:translateY(14px) scale(.8)}
.fs-sp3 h3{font-size:24px;color:#F2F2F2;margin:10px 0 8px}
.fs-sp3 p{color:#A3A3A3;line-height:1.6;margin:0 0 20px;max-width:24em}
.fs-sp3 .btn{margin-top:auto}
@media (max-width:860px){.gh.fs-drei{grid-template-columns:1fr;gap:64px}.fs-wid{min-height:0}}