/* Startseite v2 (inc/fund-home-v2.php). Alles unter .fh gekapselt, damit Hello-Reset,
   Elementor-Kit und fund-home-restyle.php nichts verschieben. Schrift: selbst gehostetes Inter. */
.fh{
  --fh-bg:#00070C; --fh-bg2:#04131D; --fh-bg3:#0A1F2C;
  --fh-fg:#F2F7FA; --fh-muted:#8FA6B4; --fh-muted2:#6E8798;
  --fh-line:rgba(255,255,255,.09); --fh-line2:rgba(255,255,255,.16);
  --fh-coral:#FE4F59; --fh-coral-h:#FF6A73;
  --fh-green:#02D095; --fh-amber:#FFC43D; --fh-red:#FF4D5E;
  --fh-font:"Inter","Segoe UI Variable","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --fh-mono:ui-monospace,"SFMono-Regular",Consolas,monospace;
  background:var(--fh-bg); color:var(--fh-fg); font-family:var(--fh-font);
  font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; overflow:hidden;
}
.fh *,.fh *::before,.fh *::after{box-sizing:border-box}
/* Eine Schrift fuer alles, wie in der Hero-H1. Das Elementor-Kit setzt fuer Ueberschriften eine
   eigene Schrift (Space Grotesk), die auf Staging bei den H2 gewann (Handy-Screenshots 2026-11-01).
   Deshalb hier mit hoeherer Spezifitaet und !important; Daten-Zeilen behalten die Mono-Schrift. */
body .fh, body .fh h1, body .fh h2, body .fh h3, body .fh h4, body .fh p, body .fh li, body .fh a,
body .fh span, body .fh strong, body .fh b, body .fh div, body .fh button, body .fh input,
body .fh [data-ff-hd]{font-family:var(--fh-font)!important}
body .fh .fh-vrow em, body .fh .fh-nm small, body .fh .fh-isin, body .fh .ffpc-fund .fc{font-family:var(--fh-mono)!important}
.fh :is(h1,:where([data-ff-hd="1"])),.fh :is(h2,:where([data-ff-hd="2"])),.fh :is(h3,:where([data-ff-hd="3"])){font-family:var(--fh-font);color:var(--fh-fg);line-height:1.06;letter-spacing:-.03em;text-wrap:balance;margin:0;padding:0}
.fh p{margin:0}
.fh ul{margin:0;padding:0;list-style:none}
.fh a{color:inherit;text-decoration:none}
.fh strong,.fh b{color:var(--fh-fg);font-weight:650}
.fh-wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.fh-sec{padding-block:clamp(64px,9vw,112px)}
.fh-sec-tight{padding-top:0}
.fh-eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--fh-green)}
.fh :is(h2,:where([data-ff-hd="2"])){font-size:clamp(2rem,4.4vw,3.3rem);font-weight:800}
.fh-lede{color:var(--fh-muted);font-size:clamp(1rem,1.3vw,1.13rem);max-width:60ch}
.fh-head{display:grid;gap:16px;margin-bottom:clamp(32px,5vw,56px);max-width:760px}

/* Buttons */
.fh a.fh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 1rem/1 var(--fh-font);padding:17px 26px;border-radius:14px;border:1px solid transparent;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease;white-space:nowrap}
.fh a.fh-btn:focus-visible,.fh button:focus-visible,.fh a:focus-visible{outline:3px solid var(--fh-amber);outline-offset:3px}
.fh a.fh-btn-primary{background:var(--fh-cta);color:#fff;box-shadow:0 10px 30px -10px rgba(254,79,89,.7)}
.fh a.fh-btn-primary:hover{background:var(--fh-cta-h);color:#fff;transform:translateY(-2px);box-shadow:0 16px 36px -10px rgba(254,79,89,.8)}
.fh a.fh-btn-ghost{background:rgba(255,255,255,.04);border-color:var(--fh-line2);color:var(--fh-fg)}
.fh a.fh-btn-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:var(--fh-fg)}
.fh-arr{transition:transform .2s ease}
.fh a.fh-btn:hover .fh-arr{transform:translateX(3px)}
.fh-cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.fh-center{justify-content:center}
.fh-fine{font-size:13px;color:var(--fh-muted2)}
.fh-fine b{color:var(--fh-muted);font-weight:600}
.fh-fine a{text-decoration:underline;text-underline-offset:2px}
.fh-tick{flex:0 0 auto;stroke:var(--fh-green)}

/* Hero */
.fh-hero{position:relative;padding-block:clamp(48px,7vw,92px) clamp(56px,7vw,96px);isolation:isolate}
.fh-hero::before{content:"";position:absolute;inset:-20% -10% auto;height:120%;z-index:-1;pointer-events:none;
  background:radial-gradient(900px 480px at 80% 0%,rgba(2,208,149,.16),transparent 62%),radial-gradient(760px 460px at 5% 10%,rgba(0,70,110,.5),transparent 58%)}
.fh-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,64px);align-items:center}
.fh-hero-copy{display:grid;gap:24px;min-width:0}
.fh-hero-check{min-width:0}
.fh-pill{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:fit-content;font-size:13.5px;font-weight:600;color:var(--fh-muted);background:rgba(2,208,149,.07);border:1px solid rgba(2,208,149,.24);padding:8px 14px;border-radius:999px}
.fh-dot{width:7px;height:7px;border-radius:50%;background:var(--fh-green);box-shadow:0 0 10px var(--fh-green);animation:fh-pulse 2.4s ease-in-out infinite}
.fh :is(h1,:where([data-ff-hd="1"])){font-size:clamp(2.7rem,6.6vw,5.4rem);font-weight:800;letter-spacing:-.035em}
.fh-accent{background:linear-gradient(92deg,var(--fh-green),#7CF5CF 60%,var(--fh-amber));-webkit-background-clip:text;background-clip:text;color:transparent}
.fh-sub{font-size:clamp(1.08rem,1.6vw,1.3rem);color:var(--fh-muted);max-width:44ch}
.fh-trust{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;color:var(--fh-muted)}
.fh-trust li{display:inline-flex;align-items:center;gap:8px}

/* Portfolio-Check im Hero ([fonds_portfolio_check] aus fund-portfolio-check.php) im neuen Design.
   Nur Optik; Markup, AJAX und JS des Checks bleiben unveraendert. */
.fh .ffpc{max-width:none;font-family:var(--fh-font);border:1px solid var(--fh-line2);border-radius:22px;
  background:linear-gradient(180deg,#0B202D,#061620);
  box-shadow:0 40px 90px -40px rgba(2,208,149,.35),inset 0 0 0 1px rgba(255,255,255,.02)}
.fh .ffpc-top{padding:22px 24px 0;border-bottom:0}
.fh .ffpc-title{flex-direction:row-reverse;justify-content:space-between;width:100%;gap:12px;font-size:1.25rem;font-weight:750;letter-spacing:-.01em;color:var(--fh-fg)}
.fh .ffpc-badge{color:var(--fh-muted2);background:transparent;border-color:var(--fh-line2);font-size:11.5px;white-space:nowrap}
.fh .ffpc-dots{display:none}
.fh .ffpc-intro{padding:14px 24px 6px}
.fh .ffpc-intro p{color:var(--fh-muted);font-size:14.5px;margin-bottom:14px}
.fh .ffpc-intro p b{color:var(--fh-fg);font-weight:650}
.fh .ffpc-input{background:#020D14;border-radius:14px;padding:16px 16px 16px 46px;font-size:16px;font-family:var(--fh-font);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235E7686' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:16px 50%}
.fh .ffpc-input:focus{border-color:var(--fh-green);box-shadow:0 0 0 4px rgba(2,208,149,.14)}
.fh .ffpc-sugg{background:#061620;border-radius:14px}
.fh .ffpc-hint{color:var(--fh-muted2)}
.fh .ffpc-results{padding:10px 24px 0;display:grid;gap:8px}
.fh .ffpc-row{background:#020D14;border:1px solid var(--fh-line);border-radius:12px;padding:12px 14px}
.fh .ffpc-row+.ffpc-row{border-top:1px solid var(--fh-line)}
.fh .ffpc-fund{min-width:0}
.fh .ffpc-fund .fn{color:var(--fh-fg);overflow-wrap:anywhere}
.fh .ffpc-fund .fc{font-family:var(--fh-mono);font-size:11.5px;color:var(--fh-muted2);overflow-wrap:anywhere}
.fh .ffpc-ampel.r{background:var(--fh-red)}
.fh .ffpc-ampel.a{background:var(--fh-amber)}
/* Leerer Zustand: kleine Ampel statt reinem Text */
.fh .ffpc-empty{display:grid;justify-items:center;gap:12px;padding:20px 16px;border:1px dashed var(--fh-line2);border-radius:14px;color:var(--fh-muted);font-size:13.5px}
.fh .ffpc-empty::before{content:"";width:92px;height:28px;border-radius:999px;background:
  radial-gradient(circle at 18px 50%,var(--fh-red) 0 8px,transparent 9px),
  radial-gradient(circle at 46px 50%,var(--fh-amber) 0 8px,transparent 9px),
  radial-gradient(circle at 74px 50%,var(--fh-green) 0 8px,transparent 9px),#08151d;
  box-shadow:inset 0 0 0 1px var(--fh-line2);animation:fh-lamp 3.6s ease-in-out infinite}
@keyframes fh-lamp{0%,100%{filter:saturate(.55) brightness(.8)}50%{filter:saturate(1.2) brightness(1.15)}}
.fh .ffpc-foot{border-top:0;padding:16px 24px 22px;margin-top:0;flex-wrap:wrap}
.fh .ffpc-cta{color:var(--fh-green);font-size:15px}
.fh .ffpc-cta:hover{color:#3ff0b6;text-decoration:underline}

/* Zahlenband */
.fh-band{border-block:1px solid var(--fh-line);background:var(--fh-bg2)}
.fh-band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding-block:28px}
.fh-stat{display:grid;gap:2px}
.fh-stat b{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.fh-stat span{color:var(--fh-muted);font-size:14px}

/* Markt heute (bestehender Ticker [fonds_market_ticker]) */
.fh-ticker{border-bottom:1px solid var(--fh-line);background:var(--fh-bg)}

/* Aktuell bei Fonds Facts */
.fh-news{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch}
.fh-news-full{grid-template-columns:1fr}
.fh-news-potw{min-width:0;display:flex}
.fh-news-potw > *{width:100%}
.fh-news-list{display:grid;gap:10px;align-content:start;min-width:0}
.fh a.fh-news-item{display:grid;gap:4px;background:var(--fh-bg2);border:1px solid var(--fh-line);border-radius:16px;padding:16px 18px;transition:border-color .2s,background .2s;color:var(--fh-fg)}
.fh a.fh-news-item:hover{border-color:var(--fh-line2);background:#0A1F2C}
.fh-news-item time{font-size:12.5px;font-weight:600;color:var(--fh-green);font-variant-numeric:tabular-nums}
.fh-news-t{font-weight:700;font-size:1rem;line-height:1.35}
.fh-news-x{font-size:14px;color:var(--fh-muted);line-height:1.5}
.fh-news-list .fh-more{margin-top:6px}
@media (max-width:900px){.fh-news{grid-template-columns:1fr}}

/* Drei Vorteile */
.fh-usp{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fh-card{display:grid;grid-template-rows:auto auto 1fr auto;gap:14px;background:var(--fh-bg2);border:1px solid var(--fh-line);border-radius:20px;padding:26px;transition:border-color .25s ease,transform .25s ease;min-width:0}
.fh-card:hover{border-color:var(--fh-line2);transform:translateY(-4px)}
.fh-card :is(h3,:where([data-ff-hd="3"])){font-size:1.55rem;font-weight:800}
.fh-card p{color:var(--fh-muted)}
.fh a.fh-more{display:inline-flex;gap:8px;align-items:center;font-weight:700;width:fit-content;border-bottom:2px solid var(--fh-coral);padding-bottom:2px;color:var(--fh-fg)}
.fh a.fh-more:hover{color:var(--fh-coral-h)}
.fh-viz{height:150px;border-radius:14px;background:#020D14;border:1px solid var(--fh-line);padding:14px;display:grid;align-content:center;gap:8px;overflow:hidden}
.fh-vrow{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center}
.fh-vrow i{width:10px;height:10px;border-radius:50%}
.fh-bar{height:6px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden}
.fh-bar u{display:block;height:100%;border-radius:4px;text-decoration:none}
.fh-vrow em{font:500 12px var(--fh-mono);font-style:normal;color:var(--fh-muted2)}
.fh-vrow[data-c="g"] i,.fh-vrow[data-c="g"] u{background:var(--fh-green)}
.fh-vrow[data-c="y"] i,.fh-vrow[data-c="y"] u{background:var(--fh-amber)}
.fh-vrow[data-c="r"] i,.fh-vrow[data-c="r"] u{background:var(--fh-red)}
.fh-isin{justify-self:center;font:500 11.5px var(--fh-mono);color:var(--fh-green);background:rgba(2,208,149,.08);border:1px solid rgba(2,208,149,.22);padding:3px 8px;border-radius:6px}
.fh-media{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.fh-media div{border-radius:10px;background:linear-gradient(160deg,#0f2b3a,#071721);border:1px solid var(--fh-line);display:grid;place-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--fh-muted);padding:10px 6px}
.fh-media svg{stroke:var(--fh-muted)}

/* Drei Schritte */
.fh-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fh-step{display:grid;gap:10px;align-content:start;padding:24px;border-left:2px solid var(--fh-line2);transition:border-color .25s ease}
.fh-step:hover{border-left-color:var(--fh-green)}
.fh-n{font-size:2.6rem;line-height:1;font-weight:800;color:transparent;-webkit-text-stroke:1.5px var(--fh-muted2)}
.fh-step :is(h3,:where([data-ff-hd="3"])){font-size:1.3rem;font-weight:700}
.fh-step p{color:var(--fh-muted)}
.fh-after{margin-top:40px}

/* Optimierer */
.fh-opt{background:linear-gradient(180deg,var(--fh-bg),#03111A 40%,var(--fh-bg))}
.fh-opt-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,64px);align-items:center}
.fh-opt-copy{display:grid;gap:22px;min-width:0}
.fh-ticks{display:grid;gap:12px}
.fh-ticks li{display:grid;grid-template-columns:22px 1fr;gap:12px;color:var(--fh-muted)}
.fh-depot{background:var(--fh-bg2);border:1px solid var(--fh-line2);border-radius:22px;padding:22px;min-width:0}
.fh-depot-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.fh-depot-head :is(h3,:where([data-ff-hd="3"])){font-size:1.15rem;font-weight:700;letter-spacing:-.01em}
.fh-toggle{display:inline-flex;background:#020D14;border:1px solid var(--fh-line2);border-radius:12px;padding:4px}
.fh .fh-toggle button{font:700 13.5px var(--fh-font);color:var(--fh-muted);background:transparent;border:0;padding:8px 12px;border-radius:9px;cursor:pointer;line-height:1.2;box-shadow:none}
.fh .fh-toggle button:hover{color:var(--fh-fg);background:transparent}
.fh .fh-toggle button[aria-pressed="true"]{background:var(--fh-bg3);color:var(--fh-fg)}
.fh-rows{display:grid;gap:8px}
.fh-row{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:center;background:#020D14;border:1px solid var(--fh-line);border-radius:12px;padding:12px 14px;transition:border-color .4s ease}
.fh-row i{width:12px;height:12px;border-radius:50%;transition:background .45s ease,box-shadow .45s ease}
.fh-nm{font-weight:600;font-size:14.5px;min-width:0;overflow-wrap:anywhere}
.fh-nm small{display:block;font:500 11.5px var(--fh-mono);color:var(--fh-muted2)}
.fh-st{font-size:13px;font-weight:700;white-space:nowrap}
.fh-row[data-c="g"] i{background:var(--fh-green);box-shadow:0 0 10px var(--fh-green)}.fh-row[data-c="g"] .fh-st{color:var(--fh-green)}
.fh-row[data-c="y"] i{background:var(--fh-amber);box-shadow:0 0 10px var(--fh-amber)}.fh-row[data-c="y"] .fh-st{color:var(--fh-amber)}
.fh-row[data-c="r"] i{background:var(--fh-red);box-shadow:0 0 10px var(--fh-red)}.fh-row[data-c="r"] .fh-st{color:var(--fh-red)}
.fh-row.fh-swap{border-color:rgba(2,208,149,.45)}
.fh-depot-foot{margin-top:14px;font-size:14px;color:var(--fh-muted)}
.fh-example{font-size:12px;color:var(--fh-muted2);margin-top:10px}

/* Vergleiche */
.fh-cmp{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fh-cmp-3{grid-template-columns:repeat(3,1fr)}
.fh a.fh-tile{display:grid;gap:10px;align-content:start;background:var(--fh-bg2);border:1px solid var(--fh-line);border-radius:18px;padding:22px;transition:border-color .2s ease,background .2s ease;min-width:0;color:var(--fh-fg)}
.fh a.fh-tile:hover{border-color:var(--fh-line2);background:var(--fh-bg3)}
.fh-tile :is(h3,:where([data-ff-hd="3"])){font-size:1.15rem;font-weight:700;letter-spacing:-.01em}
.fh-tile p{color:var(--fh-muted);font-size:14.5px}
.fh-go{color:var(--fh-green);font-weight:700;font-size:14.5px}
.fh a.fh-tile-new{border-color:rgba(255,196,61,.4);background:linear-gradient(160deg,rgba(255,196,61,.08),var(--fh-bg2) 55%)}
.fh-badge{width:fit-content;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1a1200;background:var(--fh-amber);padding:4px 8px;border-radius:6px}
.fh-badge-ghost{color:var(--fh-muted);background:transparent;border:1px solid var(--fh-line2)}
.fh-badge-hot{background:var(--fh-cta);color:#fff}

/* Preise */
.fh-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;align-items:stretch}
.fh-plan{display:grid;grid-template-rows:auto auto 1fr auto;gap:18px;background:var(--fh-bg2);border:1px solid var(--fh-line);border-radius:22px;padding:28px;min-width:0}
.fh-plan-hot{background:linear-gradient(180deg,#0E2634,#061620);border-color:rgba(254,79,89,.55);box-shadow:0 30px 80px -40px rgba(254,79,89,.55)}
.fh-plan-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.fh-plan :is(h3,:where([data-ff-hd="3"])){font-size:1.35rem;font-weight:800}
.fh-price{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}
.fh-price b{font-size:3rem;line-height:1;font-weight:800;letter-spacing:-.03em}
.fh-price span{color:var(--fh-muted);font-size:14px}
.fh-feat{display:grid;gap:10px;align-content:start}
.fh-feat li{display:grid;grid-template-columns:18px 1fr;gap:10px;color:var(--fh-muted);font-size:15px}
.fh-plan a.fh-btn{width:100%}
.fh-daypass{margin-top:18px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;border:1px dashed rgba(255,196,61,.45);border-radius:18px;padding:20px 24px;background:rgba(255,196,61,.05)}
.fh-clock{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(255,196,61,.12)}
.fh-clock svg{stroke:var(--fh-amber)}
.fh-daypass :is(h3,:where([data-ff-hd="3"])){font-size:1.15rem;font-weight:700}
.fh-daypass p{color:var(--fh-muted);font-size:15px}
.fh-reassure{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:center;margin-top:26px;color:var(--fh-muted);font-size:14px}

/* Abschluss */
.fh-final{text-align:center}
.fh-final-box{display:grid;justify-items:center;gap:22px;border:1px solid var(--fh-line2);border-radius:28px;padding:clamp(40px,6vw,72px) clamp(20px,4vw,48px);background:radial-gradient(600px 300px at 50% 0%,rgba(2,208,149,.14),transparent 70%),var(--fh-bg2)}
.fh-final :is(h2,:where([data-ff-hd="2"])){max-width:20ch}
.fh-final .fh-lede{margin-inline:auto}

/* Mobile CTA-Leiste */
.fh-mbar{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:none;gap:10px;
  padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));
  background:rgba(0,7,12,.97);border-top:1px solid var(--fh-line2);transform:translateY(110%);transition:transform .35s ease}
.fh-mbar.fh-show{transform:none}
.fh-mbar a.fh-btn{flex:1;padding:15px 14px;font-size:15px}

/* Ladezeit (2026-11-02, Lighthouse-Blockierzeit): Abschnitte unterhalb des Hero berechnet und zeichnet der
   Browser erst, wenn man in ihre Naehe scrollt. Inhalt bleibt im HTML (SEO, Screenreader, Suche im Browser).
   contain-intrinsic-size haelt die Scrollleiste stabil. Aeltere Browser ignorieren es. */
.fh > .fh-sec{content-visibility:auto;contain-intrinsic-size:auto 760px}
/* Platzhalterhoehen nah an den echten Hoehen, damit die Bildlaufleiste beim ersten Scrollen kaum springt
   ("auto" merkt sich danach die echte Hoehe). Handy-Werte sind hoeher, weil Spalten untereinander stehen. */
.fh > #vorteile{contain-intrinsic-size:auto 640px}
.fh > #aktuell{contain-intrinsic-size:auto 720px}
.fh > #optimierer{contain-intrinsic-size:auto 720px}
.fh > #vergleiche{contain-intrinsic-size:auto 520px}
.fh > #preise{contain-intrinsic-size:auto 900px}
@media (max-width:900px){
  .fh > #vorteile{contain-intrinsic-size:auto 1500px}
  .fh > #aktuell{contain-intrinsic-size:auto 1400px}
  .fh > #optimierer{contain-intrinsic-size:auto 1100px}
  .fh > #vergleiche{contain-intrinsic-size:auto 1000px}
  .fh > #preise{contain-intrinsic-size:auto 1900px}
}

/* Einblenden: nur Elemente unterhalb des ersten Bildschirms starten versetzt (JS setzt .fh-pre).
   Nur Bewegung, keine Abdunklung: Ganzseiten-Screenshots, Vorschaubilder und Crawler, die nicht
   scrollen, sehen sonst blasse Abschnitte (so auf dem ersten Staging-Screenshot 2026-10-31). */
.fh-reveal{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.fh-reveal.fh-pre{transform:translateY(22px)}
@keyframes fh-pulse{0%,100%{opacity:1}50%{opacity:.35}}

@media (max-width:1000px){.fh-cmp{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){
  .fh-usp,.fh-opt-grid{grid-template-columns:1fr}
  .fh-daypass{grid-template-columns:1fr}
}
@media (max-width:760px){
  .fh-hero-grid,.fh-steps{grid-template-columns:1fr}
  .fh-band-grid{grid-template-columns:repeat(2,1fr)}
  .fh-mbar{display:flex}
  .fh-sec{padding-block:56px}
  .fh-sec-tight{padding-top:0}
  /* Hero-Schild: auf dem Handy kompakter statt dreizeiliger Pille */
  .fh-pill{font-size:12.5px;gap:4px 10px;padding:7px 12px;border-radius:14px}
}
@media (max-width:420px){.fh-pill > span:last-child{display:none}}
@media (max-width:520px){.fh-cmp,.fh-cmp-3{grid-template-columns:1fr}}
/* Feedback-Reiter (fund-feedback.php) auf dem Handy ueber die feste Leiste schieben, sobald sie eingeblendet ist */
@media (max-width:760px){body:has(.fh-mbar.fh-show) .ff-fb-tab{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;transition:bottom .35s ease}}
@media (prefers-reduced-motion:reduce){
  .fh *,.fh *::before,.fh *::after{animation:none!important;transition:none!important}
  .fh-reveal.fh-pre{transform:none}
}