/* FVD Event v6 — auf bestehender CI aufgebaut */
:root{--dunst:#f4f4ef;--t-h1:clamp(3.2rem,6.8vw,6.6rem)}
:focus-visible{outline:3px solid #b36c00;outline-offset:6px}
.v6-eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.17em;margin-bottom:24px}
.hero .v6-eyebrow{color:var(--gelb)}
.hero__text{padding-top:calc(var(--kopf-h) + 62px);padding-bottom:62px}
.hero h1{letter-spacing:-.055em;max-width:11em}.hero h1 span:last-child{color:var(--gelb)}
.hero__lead{font-weight:400;font-size:clamp(1rem,1.5vw,1.25rem);max-width:35em}
.hero__oben::before{background:linear-gradient(90deg,rgba(8,14,50,.96),rgba(8,14,50,.77) 42%,rgba(8,14,50,.12)),linear-gradient(0deg,#080e32,transparent 35%)}
.hero__knoepfe .btn{min-height:54px;gap:24px}.v6-hero-note{font-size:.76rem;margin-top:24px!important;color:#d8dfef}
.v6-occasions,.v6-faq{padding-block:100px}.v6-section-heading{max-width:680px;margin-bottom:40px}.v6-section-heading>p:last-child{margin-top:20px;color:var(--leise)}
.v6-occasion-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.v6-occasion-grid>a{display:flex;flex-direction:column;padding:34px 28px;text-decoration:none;transition:background .25s,color .25s}
.v6-occasion-grid>a+a{border-left:1px solid var(--linie)}.v6-occasion-grid>a:hover{background:var(--dunst)}
.v6-number{font-size:.7rem;letter-spacing:.13em;font-weight:800;color:var(--leise);margin-bottom:36px}.v6-occasion-grid h3{font-size:1.6rem;letter-spacing:-.04em}.v6-occasion-grid p{font-size:.94rem;margin:18px 0 26px}.v6-card-link{font-size:.86rem;font-weight:800;margin-top:auto;text-underline-offset:5px}
.v6-faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.v6-faq h2{margin-bottom:30px}.v6-faq details{border-bottom:1px solid var(--linie);padding:22px 0}.v6-faq summary{font-weight:600;cursor:pointer}.v6-faq details p{font-size:.94rem;margin:18px 0 0;color:var(--leise)}
.v6-burger-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.v6-burger-controls button{border:1px solid currentColor;padding:10px 14px;border-radius:30px;background:transparent;cursor:pointer;font-size:.8rem;font-weight:600}.v6-burger-controls button:hover,.v6-burger-controls button[aria-pressed=true]{background:var(--gelb);color:var(--nacht)}
.burger{touch-action:pan-y}.burger canvas{transition:opacity .3s}
@media(max-width:1180px){.nav__punkt{transform:translateY(14px);opacity:0;transition:transform .35s,opacity .35s}.nav.offen .nav__punkt{transform:none;opacity:1}.nav.offen .nav__punkt:nth-child(2){transition-delay:40ms}.nav.offen .nav__punkt:nth-child(3){transition-delay:80ms}.nav.offen .nav__punkt:nth-child(4){transition-delay:120ms}.menue-knopf[aria-expanded=true] .menue-knopf__balken i:first-child{transform:rotate(45deg)}.menue-knopf[aria-expanded=true] .menue-knopf__balken i:last-child{transform:rotate(-45deg)}}
@media(max-width:700px){.hero__text{padding-top:calc(var(--kopf-h) + 38px);padding-bottom:36px}.hero__oben::before{background:linear-gradient(90deg,rgba(8,14,50,.94),rgba(8,14,50,.6))}.v6-occasions,.v6-faq{padding-block:64px}.v6-occasion-grid,.v6-faq{grid-template-columns:1fr;gap:0}.v6-occasion-grid>a{padding:28px 0}.v6-occasion-grid>a+a{border-left:0;border-top:1px solid var(--linie)}.v6-number{margin-bottom:20px}.v6-faq>div:first-child{margin-bottom:25px}.v6-eyebrow{letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}

.hero .steigt span,.hero .steigt-spaet{opacity:1!important;transform:none!important;animation:none!important}

/* Version 8: portrait and touch layouts */
.burger-zeile fvd-burger-drop{width:100%;max-width:580px;min-width:0}
@media(max-width:820px){.burger-zeile{gap:20px}.burger-zeile fvd-burger-drop{order:-1;width:min(100%,460px)}.burger-text h2{font-size:clamp(1.8rem,7.5vw,3rem)}.burger-text .stufe__fuss{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.burger-text button,.burger-text a.btn{min-height:44px}.burger-text .merkmale>div{grid-template-columns:minmax(70px,.3fr) minmax(0,1fr)}}
@media(max-width:420px){.burger-zeile{gap:16px}.burger-text .merkmale{font-size:.93rem}.burger-zeile fvd-burger-drop{width:100%}}

/* A single action color for every calculator link, including pricing cards. */
body a.btn.btn--rechner{--btn-farbe:#FAE013;--btn-text:#080E32;--btn-farbe-aktiv:#FBB800;color:#080E32}
body a.btn.btn--rechner::before{background:var(--btn-farbe)}
body a.btn.btn--rechner:hover::before{background:var(--btn-farbe-aktiv)}
body a.btn.btn--rechner::after{display:none}
.stufe__fuss{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
@media(max-width:480px){.stufe__fuss .btn--rechner{width:100%;justify-content:center}}