/* AL Finanzkonzepte — al-finanz.css
 * Gemeinsames Design-System + seiten-spezifische Blöcke (scoped)
 */

/* ═══ SHARED (Tokens, Nav, Footer, Buttons, Utilities) ═══ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
 --gold:#b48f47;--gold-light:#c4a35c;--gold-dark:#8f7036;
 --navy:#0D1B2A;--navy-mid:#162330;--navy-light:#1E3248;
 --cream:#F6F2ED;--cream-dark:#EAE3D9;
 --text-dark:#0D1B2A;--text-mid:#445566;--text-muted:#7A8A99;
 --white:#FFFFFF;
 --star:oklch(78% 0.14 75);
 --wa:oklch(72% 0.19 145);
 --font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
 --font-display:'Cormorant Garamond',Georgia,'Times New Roman',serif;
 --font-serif:var(--font-display);
 --nav-h:68px;
 --gutter:clamp(1rem,4.5vw,7rem);
 --section-y:clamp(2.75rem,7vw,5rem);
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.nav-open{overflow:hidden;touch-action:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}
body{font-family:var(--font-family);color:var(--text-dark);background:var(--white);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;font-feature-settings:'kern' 1,'liga' 1}
.skip-link{position:absolute;top:-100%;left:1rem;z-index:300;padding:0.65rem 1rem;background:var(--navy);color:var(--white);font-size:0.85rem;font-weight:600;text-decoration:none;border-radius:2px}
.skip-link:focus{top:1rem;outline:2px solid var(--gold);outline-offset:2px}

/* ── TYPOGRAFIE – eine Schriftfamilie, Gewicht & Tracking für Hierarchie ── */
h1,h2,h3,h4{font-family:var(--font-family);font-weight:700;line-height:1.2;letter-spacing:-0.02em;color:inherit}
p{font-size:0.95rem;line-height:1.8;color:inherit}

.tag{font-size:0.68rem;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:0.75rem}
.tag-line{display:flex;align-items:center;gap:0.6rem}
.tag-line::before{content:'';display:block;width:24px;height:1px;background:var(--gold)}

/* ── NAV (durchgängig Navy) ── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,0) var(--gutter) 0;height:calc(var(--nav-h) + env(safe-area-inset-top,0));background:rgba(13,27,42,0.96);backdrop-filter:blur(8px);border-bottom:1px solid rgba(180,143,71,0.12)}
.nav-logo{display:flex;align-items:center;flex-shrink:0;text-decoration:none;line-height:0}
.nav-logo-img{display:block;width:auto;height:auto;max-height:42px;max-width:min(220px,46vw)}
@media(min-width:1081px){.nav-logo-img{max-height:46px;max-width:240px}}
.nav-shell{display:flex;align-items:center;gap:1.75rem}
.nav-links{display:flex;gap:2.5rem;list-style:none;align-items:center;margin:0;padding:0}
.nav-links a{color:rgba(255,255,255,0.72);text-decoration:none;font-size:0.8rem;letter-spacing:0.05em;text-transform:uppercase;white-space:nowrap;transition:color 0.2s}
.nav-links a:hover,.nav-links a.is-active{color:var(--gold-light)}
.nav-links a.is-active{font-weight:600}
.nav-links a:focus-visible,.nav-logo:focus-visible,.nav-cta:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--gold);color:var(--navy);padding:0.52rem 1.15rem;border-radius:2px;font-size:0.78rem;font-weight:600;letter-spacing:0.02em;text-transform:none;text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:background 0.2s,color 0.2s;min-height:44px}
.nav-cta:hover{background:var(--gold-light);color:var(--navy)}
.nav-cta:focus-visible{outline-color:var(--white)}
.nav-links li{list-style:none}
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:transparent;border:1px solid rgba(180,143,71,0.25);border-radius:2px;cursor:pointer;flex-shrink:0}
.nav-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.nav-toggle span{display:block;height:2px;width:100%;background:var(--white);transition:transform 0.2s,opacity 0.2s}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Desktop nav — horizontal bar, no hamburger (ab 1081px, darunter passt die volle Leiste nicht) */
@media(min-width:1081px){
 .nav-toggle{display:none}
 .nav-shell{
 display:flex;
 position:static;
 top:auto;
 left:auto;
 right:auto;
 flex-direction:row;
 align-items:center;
 gap:1.75rem;
 background:transparent;
 border:0;
 padding:0;
 max-height:none;
 overflow:visible;
 z-index:auto;
 }
 .nav-links{
 flex-direction:row;
 gap:2.5rem;
 width:auto;
 }
 .nav-links li{
 width:auto;
 border-top:0;
 }
 .nav-links a{
 display:inline-block;
 padding:0;
 min-height:0;
 align-items:initial;
 }
 .nav-cta{
 width:auto;
 margin-top:0;
 padding:0.52rem 1.15rem;
 min-height:0;
 font-size:0.78rem;
 text-align:center;
 }
}

@media(max-width:1080px){
 .nav-toggle{display:flex}
 .nav-shell{display:none;position:fixed;top:calc(var(--nav-h) + env(safe-area-inset-top,0));left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:rgba(13,27,42,0.98);border-bottom:1px solid rgba(180,143,71,0.12);padding:0.5rem var(--gutter) calc(1.25rem + env(safe-area-inset-bottom,0));max-height:calc(100vh - var(--nav-h) - env(safe-area-inset-top,0));overflow-y:auto;z-index:99;-webkit-overflow-scrolling:touch}
 .nav-shell.is-open{display:flex}
 .nav-links{flex-direction:column;gap:0;width:100%}
 .nav-links li{width:100%;border-top:1px solid rgba(255,255,255,0.08)}
 .nav-links a{display:flex;padding:0.85rem 0;min-height:44px;align-items:center;font-size:0.8rem}
 .nav-cta{width:100%;margin-top:0.85rem;padding:0.85rem 1rem;min-height:44px;font-size:0.82rem;text-align:center}
}
@media(min-width:1081px) and (max-width:1180px){
 .nav-shell{gap:1.25rem}
 .nav-links{gap:1.35rem}
 .nav-links a{font-size:0.72rem}
 .nav-cta{font-size:0.72rem;padding:0.48rem 0.95rem}
}

/* ── BUTTONS ── */
.btn{display:inline-block;padding:0.95rem 2rem;font-size:0.92rem;font-weight:500;letter-spacing:0.05em;text-decoration:none;border-radius:2px;transition:background 0.2s,border-color 0.2s,color 0.2s,transform 0.2s,opacity 0.2s;cursor:pointer;border:1px solid transparent}
.btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.btn-gold{background:var(--gold);color:var(--navy)}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-1px)}
.btn-gold:active{transform:translateY(0);background:var(--gold-dark)}
.btn-ghost{border-color:rgba(180,143,71,0.45);color:var(--navy);background:transparent}
.btn-ghost:hover{border-color:var(--gold-dark);color:var(--gold-dark);background:rgba(180,143,71,0.06)}
.btn-ghost:active{background:rgba(180,143,71,0.1)}
.btn-wa{display:inline-flex;align-items:center;gap:0.5rem;background:var(--wa);color:var(--white)}
.btn-wa:hover{opacity:0.88}
.btn-wa:active{opacity:1;filter:brightness(0.95)}
@media(prefers-reduced-motion:reduce){.btn-gold:hover,.btn-gold:active{transform:none}.lst-card:hover,.bild-wrap:hover img,.wa-float-btn:hover,.contact-dock-termin:hover,.contact-dock-wa:hover{transform:none}}

/* ── CONTACT DOCK — Termin + WhatsApp (direkt, 1 Klick) ── */
.contact-dock{
 position:fixed;
 bottom:calc(1rem + env(safe-area-inset-bottom,0));
 right:calc(1rem + env(safe-area-inset-right,0));
 z-index:900;
 display:flex;
 flex-direction:column;
 align-items:flex-end;
 gap:0.42rem;
 transition:opacity 0.45s ease,transform 0.45s ease;
}
.contact-dock.is-scrolling:not(:hover):not(:focus-within){
 opacity:0.58;
 transform:translateY(3px) scale(0.97);
}
.contact-dock:hover,
.contact-dock:focus-within{opacity:1;transform:none}
.contact-dock-termin{
 display:flex;
 align-items:center;
 gap:0.6rem;
 padding:0.5rem 0.85rem 0.5rem 0.5rem;
 max-width:min(272px,calc(100vw - 2rem));
 background:rgba(255,255,255,0.94);
 backdrop-filter:blur(10px);
 -webkit-backdrop-filter:blur(10px);
 color:var(--navy);
 text-decoration:none;
 border-radius:999px;
 border:1px solid rgba(180,143,71,0.22);
 box-shadow:0 3px 16px rgba(13,27,42,0.09);
 transition:transform 0.22s,box-shadow 0.22s,background 0.22s,padding 0.35s;
}
.contact-dock-termin:hover{
 transform:translateY(-2px);
 box-shadow:0 5px 20px rgba(13,27,42,0.12);
 background:var(--white);
}
.contact-dock-termin:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.contact-dock-icon{
 flex-shrink:0;
 width:38px;
 height:38px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:50%;
 background:linear-gradient(145deg,rgba(180,143,71,0.2),rgba(180,143,71,0.08));
 color:var(--gold-dark);
}
.contact-dock-copy{display:flex;flex-direction:column;gap:0.08rem;min-width:0;text-align:left}
.contact-dock-copy strong{
 display:block;
 font-size:0.72rem;
 font-weight:700;
 line-height:1.28;
 letter-spacing:-0.01em;
}
.contact-dock-meta{
 display:block;
 font-size:0.6rem;
 font-weight:500;
 line-height:1.25;
 color:var(--navy-mid);
 opacity:0.82;
 max-height:2.5em;
 overflow:hidden;
 transition:opacity 0.3s,max-height 0.35s,margin 0.35s;
}
.contact-dock.is-scrolling:not(:hover):not(:focus-within) .contact-dock-meta{
 opacity:0;
 max-height:0;
 margin-top:-0.08rem;
}
.contact-dock-wa{
 display:inline-flex;
 align-items:center;
 gap:0.45rem;
 padding:0.42rem 0.75rem 0.42rem 0.42rem;
 background:rgba(255,255,255,0.92);
 backdrop-filter:blur(8px);
 -webkit-backdrop-filter:blur(8px);
 color:var(--navy);
 text-decoration:none;
 border-radius:999px;
 border:1px solid rgba(13,27,42,0.07);
 box-shadow:0 3px 14px rgba(13,27,42,0.08);
 font-size:0.68rem;
 font-weight:600;
 transition:transform 0.22s,box-shadow 0.22s,background 0.22s,padding 0.35s;
}
.contact-dock-wa svg{
 flex-shrink:0;
 width:34px;
 height:34px;
 padding:7px;
 box-sizing:border-box;
 border-radius:50%;
 background:var(--wa);
 color:var(--white);
}
.contact-dock-wa span{white-space:nowrap;line-height:1}
.contact-dock-wa:hover{
 transform:translateY(-2px);
 box-shadow:0 5px 18px rgba(13,27,42,0.11);
 background:var(--white);
}
.contact-dock-wa:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
/* Ein-/Ausklapp-Button — wird per JS eingefügt, Zustand in localStorage */
.contact-dock-collapse{
 display:flex;
 align-items:center;
 justify-content:center;
 width:28px;
 height:28px;
 padding:0;
 background:rgba(255,255,255,0.9);
 backdrop-filter:blur(8px);
 -webkit-backdrop-filter:blur(8px);
 border:1px solid rgba(13,27,42,0.1);
 border-radius:50%;
 color:var(--navy-mid);
 cursor:pointer;
 box-shadow:0 2px 10px rgba(13,27,42,0.08);
 transition:background 0.2s,box-shadow 0.2s,width 0.2s,height 0.2s;
}
.contact-dock-collapse:hover{background:var(--white);box-shadow:0 4px 14px rgba(13,27,42,0.12)}
.contact-dock-collapse:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.contact-dock-collapse svg{width:12px;height:12px;transition:transform 0.25s}
.contact-dock.is-collapsed .contact-dock-termin,
.contact-dock.is-collapsed .contact-dock-wa{display:none}
.contact-dock.is-collapsed .contact-dock-collapse{width:44px;height:44px}
.contact-dock.is-collapsed .contact-dock-collapse svg{transform:rotate(180deg)}
@media(max-width:480px){
 .contact-dock-termin{padding-right:0.65rem}
 .contact-dock-copy strong{font-size:0.68rem}
 .contact-dock-wa span{font-size:0.64rem}
}
@media(max-width:380px){
 .contact-dock-meta{display:none}
}
/* ── SITE-FOOTER (global) — Markup kommt aus partials/footer.html; body > footer trifft nur den Seiten-Footer, keine <footer> in Artikeln. Seiten-spezifische Regeln (höhere Spezifität) überschreiben bei Bedarf. ── */
body > footer{background:var(--navy);color:rgba(255,255,255,0.62);padding:3rem 5% 1.75rem;border-top:1px solid rgba(180,143,71,0.1)}
body > footer .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem;max-width:1050px;margin:0 auto 2.25rem}
body > footer .footer-brand{font-family:var(--font-family);font-size:1rem;font-weight:700;color:var(--gold-light);margin-bottom:0.6rem}
body > footer .footer-tag{font-size:0.76rem;line-height:1.75;margin-bottom:1.1rem;color:rgba(255,255,255,0.45)}
body > footer .footer-contact{font-size:0.76rem;line-height:2.1}
body > footer .footer-contact a{color:var(--gold);text-decoration:none}
body > footer .footer-col h4{font-size:0.68rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--white);margin-bottom:0.85rem}
body > footer .footer-links{list-style:none;font-size:0.76rem;line-height:2.2}
body > footer .footer-links a{color:rgba(255,255,255,0.50);text-decoration:none;transition:color 0.2s}
body > footer .footer-links a:hover{color:var(--gold-light)}
body > footer .footer-links a:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}
body > footer .footer-bottom{border-top:1px solid rgba(255,255,255,0.05);padding-top:1.25rem;font-size:0.72rem;color:rgba(255,255,255,0.42);max-width:1050px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:0.5rem}
body > footer .footer-bottom a{color:rgba(255,255,255,0.55);text-decoration:none;transition:color 0.2s}
body > footer .footer-bottom a:hover{color:var(--gold-light)}
body > footer .footer-bottom a:focus-visible{color:var(--gold-light);outline:2px solid var(--gold);outline-offset:2px}
@media(max-width:900px){
  body > footer{padding:2.5rem var(--gutter) 1.5rem}
  body > footer .footer-grid{grid-template-columns:1fr;gap:1.75rem}
}
/* Footer-Freiraum, damit das fixierte Dock keine Footer-Links (Datenschutz/Impressum) verdeckt */
body.has-contact-dock footer{padding-bottom:calc(1.75rem + 5.25rem + env(safe-area-inset-bottom,0))}
@media(max-width:600px){
 /* Schmale Viewports: Dock als reine Icon-FABs */
 .contact-dock{gap:0.55rem}
 .contact-dock-copy{display:none}
 .contact-dock-termin{
 padding:0;
 width:48px;
 height:48px;
 justify-content:center;
 max-width:48px;
 }
 .contact-dock-icon{width:26px;height:26px}
 .contact-dock-wa{
 padding:0;
 width:48px;
 height:48px;
 justify-content:center;
 }
 .contact-dock-wa span{display:none}
}



/* ═══ INDEX — Geldanlage (index.html) ═══ */
/* ── HERO base (cream-portrait default; variants via data-hero-layout) ── */
.page-index #hero{
 position:relative;
 isolation:isolate;
 background:var(--hero-bg,var(--cream));
 padding:calc(var(--nav-h) + clamp(2.75rem,7vh,4.75rem)) 5% clamp(2.75rem,7vh,4.25rem);
}
.page-index #hero .hero-bg-layer{
 display:none;
 position:absolute;
 inset:0;
 z-index:0;
 pointer-events:none;
}
.page-index #hero .hero-grid{
 position:relative;
 z-index:1;
 max-width:1180px;
 margin:0 auto;
 display:grid;
 grid-template-columns:minmax(0,1.12fr) minmax(0,0.88fr);
 gap:clamp(2.25rem,5vw,3.5rem);
 align-items:center;
}
.page-index .hero-eyebrow{font-size:0.72rem;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:0.85rem;display:flex;align-items:center;gap:0.6rem}
.page-index .hero-eyebrow::before{content:'';display:block;width:26px;height:1px;background:var(--gold);flex-shrink:0}
.page-index .hero-h1{
  font-family:var(--font-display);
  font-size:clamp(2.55rem,5.4vw,4.35rem);
  font-weight:700;
  font-style:italic;
  letter-spacing:-0.01em;
  line-height:1.12;
  color:var(--navy);
  margin-bottom:0.75rem;
  max-width:18em;
}
.page-index .hero-h1 span{display:inline}
.page-index .hero-h1 .hero-brandline-sub{
  display:block;
  color:var(--gold-dark);
  font-style:italic;
  font-weight:700;
}
.page-index .hero-punchline{
  font-family:var(--font-display);
  font-style:italic;
  font-weight:600;
  font-size:clamp(1.2rem,2.2vw,1.55rem);
  line-height:1.3;
  letter-spacing:-0.01em;
  color:var(--navy);
  margin:0 0 1.15rem;
  max-width:28em;
}
.page-index .hero-punchline > span{display:block}
.page-index .hero-punchline-accent{
  color:var(--gold-dark);
  font-weight:600;
}
.page-index .hero-gold-line{display:none;width:48px;height:2px;background:var(--gold);margin:0 0 1.35rem;border-radius:1px}
.page-index .hero-lead{font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.6;color:var(--text-mid);max-width:34em;margin-bottom:1.4rem}
.page-index .hero-lead strong{color:var(--navy);font-weight:600}
.page-index .hero-signature{
 display:none;
 width:auto;
 max-width:min(240px,55%);
 height:auto;
 margin:-0.35rem 0 1.5rem;
 filter:none;
}
.page-index .hero-signature:not([hidden]){display:block}
.page-index .hero-ctas{display:flex;align-items:center;gap:1.15rem;flex-wrap:wrap;margin-bottom:1.9rem}
.page-index .hero-cta-note{font-size:0.85rem;color:var(--text-muted)}
.page-index .hero-rating{display:flex;align-items:center;flex-wrap:wrap;gap:0.55rem;padding-top:1.4rem;border-top:1px solid var(--cream-dark)}
.page-index .hero-stars{color:var(--star);font-size:1.05rem;letter-spacing:2px}
.page-index .hero-rating-text{font-size:0.88rem;color:var(--text-mid)}
.page-index .hero-rating-text b{color:var(--navy);font-weight:700}
.page-index .ggl,
.page-kundenstimmen .ggl{font-weight:700}
.page-index .ggl .b,
.page-kundenstimmen .ggl .b{color:#4285F4}
.page-index .ggl .r,
.page-kundenstimmen .ggl .r{color:#EA4335}
.page-index .ggl .y,
.page-kundenstimmen .ggl .y{color:#FBBC05}
.page-index .ggl .g,
.page-kundenstimmen .ggl .g{color:#34A853}
.page-index .hero-rating a{font-size:0.82rem;color:var(--gold-dark);text-decoration:none;border-bottom:1px solid rgba(180,143,71,0.45)}
.page-index .hero-rating a:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:1px}
.page-index .hero-portrait{position:relative}
.page-index .hero-portrait-frame{position:relative;overflow:hidden;border-radius:2px;aspect-ratio:4/5;background:linear-gradient(160deg,var(--navy-light),var(--navy));box-shadow:0 24px 48px -20px rgba(13,27,42,0.35)}
.page-index .hero-portrait-frame picture{display:block;width:100%;height:100%}
.page-index .hero-portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.page-index .hero-badge{position:absolute;left:-18px;bottom:26px;background:var(--white);border-radius:2px;padding:0.9rem 1.15rem;box-shadow:0 20px 44px -18px rgba(13,27,42,0.4);display:flex;gap:0.8rem;align-items:center;max-width:270px}
.page-index .hero-badge-num{font-size:1.9rem;font-weight:800;letter-spacing:-0.02em;color:var(--gold-dark);line-height:1}
.page-index .hero-badge-label{font-size:0.78rem;color:var(--text-mid);line-height:1.35}

/* Portrait L/R (desktop ≥901px; mobile keeps stacked portrait-above) */
@media(min-width:901px){
 .page-index #hero[data-hero-image-position="left"] .hero-copy{order:2}
 .page-index #hero[data-hero-image-position="left"] .hero-portrait{order:1}
 .page-index #hero[data-hero-image-position="left"] .hero-badge{
  left:auto;
  right:-18px;
 }
}

/* ── HERO: dark-portrait ── */
.page-index #hero[data-hero-layout="dark-portrait"]{
 min-height:clamp(620px,88vh,900px);
 display:flex;
 align-items:center;
 overflow:hidden;
 background:
  linear-gradient(145deg,var(--hero-bg,#05080c) 0%,var(--hero-bg-2,var(--navy)) 72%,var(--navy-light) 100%);
 color:var(--white);
 padding-top:calc(var(--nav-h) + clamp(2.5rem,6vh,4rem));
 padding-bottom:clamp(2.5rem,6vh,3.75rem);
}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-grid{
 grid-template-columns:minmax(0,1fr) minmax(0,0.95fr);
 gap:clamp(2rem,5vw,4rem);
 align-items:end;
 width:100%;
}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-eyebrow{
 color:#e8c56a;
}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-eyebrow::before{background:#e8c56a}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-h1{
 color:var(--white);
 font-family:var(--font-display);
 font-size:clamp(2.4rem,4vw,4rem);
 font-weight:700;
 font-style:italic;
 letter-spacing:-0.015em;
 line-height:1.08;
 margin-bottom:0.7rem;
}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-h1 .hero-brandline-sub{
 display:block;
 color:#e8c56a;
 font-weight:700;
 font-style:italic;
 font-size:1em;
 letter-spacing:-0.015em;
}
/* Desktop: Headline-Zeilen nie umbrechen */
@media(min-width:901px){
 .page-index #hero[data-hero-layout="dark-portrait"] .hero-h1 > span{
  display:block;
  white-space:nowrap;
 }
}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-punchline,
.page-index #hero[data-hero-layout="dark-portrait"] .hero-punchline > span,
.page-index #hero[data-hero-layout="dark-portrait"] .hero-punchline-accent{
 color:var(--white);
}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-punchline{
 font-size:clamp(1.15rem,2vw,1.45rem);
 font-weight:600;
 margin-bottom:0.85rem;
}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-lead{
 color:#fff;
}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-lead-rotator{
  position:relative;
  margin-bottom:1.4rem;
  max-width:34em;
  min-height:5.6em; /* Fallback bis JS die exakte Max-Höhe setzt */
}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-lead-rotator .hero-lead{
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  margin:0;
  max-width:none;
  color:rgba(255,255,255,.86);
  opacity:0;
  visibility:hidden;
  transform:translateY(14px);
  filter:blur(6px);
  transition:
    opacity .5s cubic-bezier(.22,.61,.36,1),
    transform .5s cubic-bezier(.22,.61,.36,1),
    filter .5s cubic-bezier(.22,.61,.36,1),
    visibility 0s linear .5s;
  pointer-events:none;
  will-change:opacity,transform,filter;
}
/* Eintritt: startet erst, wenn der alte Text praktisch weg ist → nie zwei lesbare Texte */
.page-index #hero[data-hero-layout="dark-portrait"] .hero-lead-rotator .hero-lead.is-active{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  filter:blur(0);
  transition:
    opacity .62s cubic-bezier(.22,.61,.36,1) .28s,
    transform .62s cubic-bezier(.22,.61,.36,1) .28s,
    filter .62s cubic-bezier(.22,.61,.36,1) .28s,
    visibility 0s;
  pointer-events:auto;
  z-index:1;
}
/* Austritt: zügig nach oben ausblenden und weichzeichnen */
.page-index #hero[data-hero-layout="dark-portrait"] .hero-lead-rotator .hero-lead.is-leaving{
  opacity:0;
  visibility:visible;
  transform:translateY(-12px);
  filter:blur(6px);
  transition:
    opacity .34s cubic-bezier(.4,0,1,1),
    transform .34s cubic-bezier(.4,0,1,1),
    filter .34s cubic-bezier(.4,0,1,1),
    visibility 0s;
  pointer-events:none;
  z-index:0;
}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-lead-rotator .hero-lead[hidden]{
  display:block !important;
}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-lead strong{color:#fff}
@media(prefers-reduced-motion:reduce){
  .page-index #hero[data-hero-layout="dark-portrait"] .hero-lead-rotator .hero-lead{
    transition:none !important;
    transform:none !important;
    filter:none !important;
  }
}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-signature:not([hidden]){
 filter:brightness(0) invert(1) sepia(1) saturate(4) hue-rotate(5deg);
 opacity:0.92;
 margin-bottom:1.75rem;
}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-cta-note{color:rgba(255,255,255,0.5)}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-cta-phone{
 border-color:rgba(180,143,71,0.55);
 color:var(--gold-light);
}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-cta-phone:hover{
 border-color:var(--gold);
 color:var(--gold-light);
 background:rgba(180,143,71,0.1);
}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-rating{
 border-top-color:rgba(255,255,255,0.12);
}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-rating-text{color:rgba(255,255,255,0.65)}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-rating-text b{color:var(--white)}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-rating a{color:var(--gold-light);border-bottom-color:rgba(180,143,71,0.4)}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-portrait-frame{
 aspect-ratio:3/4;
 max-height:min(640px,72vh);
 box-shadow:0 32px 64px -24px rgba(0,0,0,0.55);
 border:1px solid rgba(180,143,71,0.22);
}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-badge{
 background:rgba(13,27,42,0.92);
 border:1px solid rgba(180,143,71,0.35);
 box-shadow:0 16px 40px -16px rgba(0,0,0,0.55);
}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-badge-num{color:var(--gold-light)}
.page-index #hero[data-hero-layout="dark-portrait"] .hero-badge-label{color:rgba(255,255,255,0.7)}

/* ── HERO: dark-flare ── */
.page-index #hero[data-hero-layout="dark-flare"]{
 min-height:clamp(600px,86vh,880px);
 display:flex;
 align-items:center;
 overflow:hidden;
 background:
  radial-gradient(ellipse 70% 90% at 88% 42%,rgba(232,197,106,0.28) 0%,rgba(180,143,71,0.08) 32%,transparent 58%),
  linear-gradient(105deg,var(--hero-bg,#060a10) 0%,var(--hero-bg-2,var(--navy)) 48%,#243a52 100%);
 color:var(--white);
 padding-top:calc(var(--nav-h) + clamp(2.5rem,6vh,4rem));
 padding-bottom:clamp(2.5rem,6vh,3.75rem);
}
.page-index #hero[data-hero-layout="dark-flare"] .hero-bg-layer{
 display:block;
 background:
  radial-gradient(circle at 92% 28%,rgba(255,248,230,0.16) 0%,transparent 42%),
  radial-gradient(ellipse 55% 70% at 100% 70%,rgba(196,163,92,0.2) 0%,transparent 55%);
}
.page-index #hero[data-hero-layout="dark-flare"] .hero-grid{
 grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);
 align-items:center;
 width:100%;
}
.page-index #hero[data-hero-layout="dark-flare"] .hero-eyebrow{
 color:var(--gold-light);
}
.page-index #hero[data-hero-layout="dark-flare"] .hero-eyebrow::before{background:var(--gold)}
.page-index #hero[data-hero-layout="dark-flare"] .hero-h1{
 color:var(--white);
 font-family:var(--font-display);
 font-size:clamp(2.6rem,5.2vw,4.35rem);
 font-weight:700;
 font-style:italic;
 margin-bottom:0.85rem;
}
.page-index #hero[data-hero-layout="dark-flare"] .hero-h1 .hero-brandline-sub{
 color:var(--gold-light);
 font-weight:700;
 font-style:italic;
 font-size:1em;
}
.page-index #hero[data-hero-layout="dark-flare"] .hero-punchline{
 color:rgba(255,255,255,0.92);
 font-size:clamp(1.2rem,2.2vw,1.55rem);
 font-weight:600;
 margin-bottom:1.15rem;
}
.page-index #hero[data-hero-layout="dark-flare"] .hero-punchline-accent{
 color:var(--gold-light);
}
.page-index #hero[data-hero-layout="dark-flare"] .hero-gold-line{display:block}
.page-index #hero[data-hero-layout="dark-flare"] .hero-lead{
 color:rgba(255,255,255,0.7);
 max-width:32em;
}
.page-index #hero[data-hero-layout="dark-flare"] .hero-lead strong{color:var(--white)}
.page-index #hero[data-hero-layout="dark-flare"] .hero-signature:not([hidden]){
 filter:brightness(0) invert(1) sepia(1) saturate(3.5) hue-rotate(8deg);
 opacity:0.9;
}
.page-index #hero[data-hero-layout="dark-flare"] .hero-cta-note{color:rgba(255,255,255,0.48)}
.page-index #hero[data-hero-layout="dark-flare"] .hero-cta-phone{
 border-color:rgba(180,143,71,0.55);
 color:var(--gold-light);
}
.page-index #hero[data-hero-layout="dark-flare"] .hero-cta-phone:hover{
 border-color:var(--gold);
 color:var(--gold-light);
 background:rgba(180,143,71,0.1);
}
.page-index #hero[data-hero-layout="dark-flare"] .hero-rating{
 border-top-color:rgba(255,255,255,0.12);
}
.page-index #hero[data-hero-layout="dark-flare"] .hero-rating-text{color:rgba(255,255,255,0.62)}
.page-index #hero[data-hero-layout="dark-flare"] .hero-rating-text b{color:var(--white)}
.page-index #hero[data-hero-layout="dark-flare"] .hero-rating a{color:var(--gold-light);border-bottom-color:rgba(180,143,71,0.4)}
.page-index #hero[data-hero-layout="dark-flare"] .hero-portrait-frame{
 border-radius:2px;
 box-shadow:0 28px 60px -22px rgba(0,0,0,0.5);
 border:1px solid rgba(255,255,255,0.08);
}
.page-index #hero[data-hero-layout="dark-flare"] .hero-badge{
 background:rgba(13,27,42,0.88);
 border:1px solid rgba(180,143,71,0.3);
}
.page-index #hero[data-hero-layout="dark-flare"] .hero-badge-num{color:var(--gold-light)}
.page-index #hero[data-hero-layout="dark-flare"] .hero-badge-label{color:rgba(255,255,255,0.68)}

/* ── HERO: bg-image ── */
.page-index #hero[data-hero-layout="bg-image"]{
 min-height:clamp(640px,90vh,920px);
 display:flex;
 align-items:center;
 overflow:hidden;
 background:var(--hero-bg,var(--navy));
 color:var(--white);
 padding-top:calc(var(--nav-h) + clamp(2.5rem,6vh,4rem));
 padding-bottom:clamp(2.75rem,6vh,4rem);
}
.page-index #hero[data-hero-layout="bg-image"] .hero-bg-layer{
 display:block;
 background-color:var(--hero-bg,var(--navy));
 background-image:var(--hero-bg-image,none);
 background-size:cover;
 background-position:center 35%;
 background-repeat:no-repeat;
}
.page-index #hero[data-hero-layout="bg-image"] .hero-bg-layer::after{
 content:'';
 position:absolute;
 inset:0;
 background:
  linear-gradient(90deg,rgba(5,8,12,0.88) 0%,rgba(13,27,42,0.72) 42%,rgba(13,27,42,0.35) 100%),
  linear-gradient(180deg,rgba(5,8,12,0.35) 0%,transparent 28%,rgba(5,8,12,0.55) 100%);
}
.page-index #hero[data-hero-layout="bg-image"] .hero-grid{
 grid-template-columns:minmax(0,1.15fr) minmax(0,0.7fr);
 align-items:center;
 width:100%;
}
.page-index #hero[data-hero-layout="bg-image"] .hero-eyebrow{
 color:var(--gold-light);
}
.page-index #hero[data-hero-layout="bg-image"] .hero-eyebrow::before{background:var(--gold)}
.page-index #hero[data-hero-layout="bg-image"] .hero-h1{
 color:var(--white);
 font-weight:700;
 text-shadow:0 2px 24px rgba(0,0,0,0.35);
}
.page-index #hero[data-hero-layout="bg-image"] .hero-h1 .hero-brandline-sub{color:var(--gold-light)}
.page-index #hero[data-hero-layout="bg-image"] .hero-punchline{
 color:rgba(255,255,255,0.92);
 text-shadow:0 1px 16px rgba(0,0,0,0.3);
}
.page-index #hero[data-hero-layout="bg-image"] .hero-punchline-accent{color:var(--gold-light)}
.page-index #hero[data-hero-layout="bg-image"] .hero-lead{
 color:rgba(255,255,255,0.78);
 text-shadow:0 1px 12px rgba(0,0,0,0.25);
}
.page-index #hero[data-hero-layout="bg-image"] .hero-lead strong{color:var(--white)}
.page-index #hero[data-hero-layout="bg-image"] .hero-signature:not([hidden]){
 filter:brightness(0) invert(1) sepia(1) saturate(3.5) hue-rotate(8deg);
 opacity:0.92;
}
.page-index #hero[data-hero-layout="bg-image"] .hero-cta-note{color:rgba(255,255,255,0.55)}
.page-index #hero[data-hero-layout="bg-image"] .hero-cta-phone{
 border-color:rgba(180,143,71,0.55);
 color:var(--gold-light);
}
.page-index #hero[data-hero-layout="bg-image"] .hero-cta-phone:hover{
 border-color:var(--gold);
 color:var(--gold-light);
 background:rgba(180,143,71,0.12);
}
.page-index #hero[data-hero-layout="bg-image"] .hero-rating{
 border-top-color:rgba(255,255,255,0.16);
}
.page-index #hero[data-hero-layout="bg-image"] .hero-rating-text{color:rgba(255,255,255,0.72)}
.page-index #hero[data-hero-layout="bg-image"] .hero-rating-text b{color:var(--white)}
.page-index #hero[data-hero-layout="bg-image"] .hero-rating a{color:var(--gold-light);border-bottom-color:rgba(180,143,71,0.45)}
.page-index #hero[data-hero-layout="bg-image"] .hero-portrait-frame{
 max-width:380px;
 margin-left:auto;
 box-shadow:0 28px 56px -20px rgba(0,0,0,0.55);
 border:1px solid rgba(255,255,255,0.12);
}
.page-index #hero[data-hero-layout="bg-image"] .hero-badge{
 background:rgba(13,27,42,0.9);
 border:1px solid rgba(180,143,71,0.35);
}
.page-index #hero[data-hero-layout="bg-image"] .hero-badge-num{color:var(--gold-light)}
.page-index #hero[data-hero-layout="bg-image"] .hero-badge-label{color:rgba(255,255,255,0.7)}

/* ── HERO: portrait cutout (Freisteller) — unten bündig, ohne Box ── */
.page-index #hero[data-hero-portrait-mode="cutout"]{
  padding-bottom:0;
  overflow:hidden;
}
.page-index #hero[data-hero-layout="dark-portrait"][data-hero-portrait-mode="cutout"]{
  min-height:clamp(600px,86vh,960px);
  padding-bottom:0;
}
.page-index #hero[data-hero-portrait-mode="cutout"] .hero-grid,
.page-index #hero[data-hero-layout="dark-portrait"][data-hero-portrait-mode="cutout"] .hero-grid{
  align-items:end;
  min-height:clamp(560px,80vh,880px);
  width:100%;
  grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);
  gap:clamp(1.25rem,3.5vw,3rem);
}
.page-index #hero[data-hero-portrait-mode="cutout"] .hero-copy{
  padding-bottom:clamp(1rem,2.5vh,1.75rem);
  align-self:center;
}
.page-index #hero[data-hero-portrait-mode="cutout"] .hero-portrait{
  align-self:end;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  margin-bottom:0;
  min-height:0;
  height:100%;
}
.page-index #hero[data-hero-portrait-mode="cutout"] .hero-portrait-frame{
  aspect-ratio:auto;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:min(980px,100%);
  overflow:visible;
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  margin-left:auto;
  margin-right:0;
}
.page-index #hero[data-hero-portrait-mode="cutout"] .hero-portrait-frame picture{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  line-height:0;
  background:transparent;
}
.page-index #hero[data-hero-portrait-mode="cutout"] .hero-portrait-frame img{
  width:auto;
  max-width:min(100%,720px);
  height:auto;
  max-height:min(860px,80vh);
  object-fit:contain;
  object-position:bottom right;
  display:block;
  background:transparent;
  filter:drop-shadow(0 22px 40px rgba(0,0,0,0.4));
}
.page-index #hero[data-hero-portrait-mode="cutout"] .hero-badge{
  display:none;
}
@media(max-width:900px){
  .page-index #hero[data-hero-portrait-mode="cutout"] .hero-grid,
  .page-index #hero[data-hero-layout="dark-portrait"][data-hero-portrait-mode="cutout"] .hero-grid{
    min-height:0;
    align-items:stretch;
    grid-template-columns:1fr;
  }
  .page-index #hero[data-hero-portrait-mode="cutout"] .hero-copy{
    padding-bottom:1.5rem;
  }
  .page-index #hero[data-hero-portrait-mode="cutout"] .hero-portrait{
    justify-content:center;
    height:auto;
    max-width:min(460px,92vw);
    margin:0 auto;
    order:-1;
  }
  .page-index #hero[data-hero-portrait-mode="cutout"] .hero-portrait-frame{
    margin-left:auto;
    margin-right:auto;
  }
  .page-index #hero[data-hero-portrait-mode="cutout"] .hero-portrait-frame,
  .page-index #hero[data-hero-portrait-mode="cutout"] .hero-portrait-frame img{
    max-height:min(540px,62vh);
    max-width:100%;
    object-position:bottom center;
  }
}

/* ── ZAHLEN-BAND (unter dem Hero, Navy) ── */
.page-index .hero-stats{background:var(--navy);color:var(--white)}
.page-index .hero-stats-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);text-align:center}
.page-index .hero-stat{padding:clamp(2.2rem,5vh,2.9rem) 1.25rem;position:relative}
.page-index .hero-stat+.hero-stat::before{content:'';position:absolute;left:0;top:28%;height:44%;width:1px;background:rgba(255,255,255,0.16)}
.page-index .hero-stat-num{font-size:clamp(2.1rem,3.6vw,3rem);font-weight:800;letter-spacing:-0.02em;line-height:1;color:var(--white)}
.page-index .hero-stat-num .u{color:var(--gold-light);font-size:0.62em}
.page-index .hero-stat-num .c{color:var(--gold-light);font-size:0.72em}
.page-index .hero-stat-label{font-size:0.88rem;color:rgba(255,255,255,0.66);margin-top:0.65rem}
@media(max-width:900px){
 .page-index #hero{padding:calc(var(--nav-h) + env(safe-area-inset-top,0) + 1.75rem) var(--gutter) 2.5rem}
 .page-index #hero .hero-grid{grid-template-columns:1fr;gap:2.25rem}
 .page-index .hero-portrait{order:-1;width:100%;max-width:340px;margin:0 auto}
 .page-index .hero-badge{left:-10px;bottom:16px;padding:0.75rem 0.95rem}
 .page-index .hero-badge-num{font-size:1.6rem}
 .page-index .hero-h1{font-size:clamp(2.35rem,8.8vw,3.15rem)}
 .page-index #hero[data-hero-layout="dark-portrait"],
 .page-index #hero[data-hero-layout="dark-flare"],
 .page-index #hero[data-hero-layout="bg-image"]{
  min-height:0;
  align-items:stretch;
  padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0) + 1.75rem);
 }
 .page-index #hero[data-hero-layout="dark-portrait"] .hero-h1,
 .page-index #hero[data-hero-layout="dark-flare"] .hero-h1,
 .page-index #hero[data-hero-layout="bg-image"] .hero-h1{
  font-size:clamp(2.4rem,9vw,3.25rem);
 }
 .page-index .hero-punchline{
  font-size:clamp(1.15rem,4.8vw,1.45rem);
 }
 .page-index #hero[data-hero-layout="dark-portrait"] .hero-portrait,
 .page-index #hero[data-hero-layout="dark-flare"] .hero-portrait{
  max-width:300px;
 }
 .page-index #hero[data-hero-layout="bg-image"] .hero-portrait{
  max-width:280px;
 }
 .page-index #hero[data-hero-layout="bg-image"] .hero-portrait-frame{margin-left:0;max-width:none}
 .page-index #hero[data-hero-layout="bg-image"] .hero-bg-layer{
  background-position:center 22%;
 }
 .page-index #hero[data-hero-layout="bg-image"] .hero-bg-layer::after{
  background:
   linear-gradient(180deg,rgba(5,8,12,0.55) 0%,rgba(13,27,42,0.78) 42%,rgba(5,8,12,0.9) 100%);
 }
 .page-index .hero-ctas{gap:0.85rem}
 .page-index .hero-stats-grid{grid-template-columns:repeat(2,1fr)}
 .page-index .hero-stat{padding:1.6rem 0.9rem}
 .page-index .hero-stat:nth-child(3)::before{display:none}
 .page-index .hero-stat:nth-child(5){grid-column:1 / -1}
 .page-index .hero-stat:nth-child(5)::before{display:none}
}
@media(min-width:901px) and (max-width:1100px){
 .page-index .hero-stats-grid{grid-template-columns:repeat(3,1fr)}
 .page-index .hero-stat:nth-child(4)::before{display:none}
}
.page-index .person-img-wrap picture{display:block;width:100%}.person-img-wrap img{width:100%;object-fit:cover;display:block}.page-index .person-img-wrap img{aspect-ratio:3/4;object-position:center 30%;border-radius:2px}.page-index #person .person-img-wrap img{aspect-ratio:auto;height:auto;object-fit:contain;object-position:center;max-width:100%}/* ── SECTIONS – shared ── */.page-index .sec{padding:5rem var(--gutter)}.page-index .sec-sm{padding:3.5rem var(--gutter)}.page-index .sec-center{text-align:center;margin-bottom:2.75rem}.page-index .sec-center h2{font-size:clamp(1.35rem,2.8vw,2rem);color:var(--navy)}.page-index .sec-center-light h2{color:var(--white)}.page-index .sec-center .sec-lead{max-width:640px;margin:0.75rem auto 0;font-size:0.92rem;color:var(--text-mid);line-height:1.7}.page-index .h2-mid{font-size:0.72em;font-weight:400;color:var(--text-mid);display:block;margin:0.55em auto;max-width:28em;line-height:1.45}.page-index .h2-mid strong{font-weight:600;color:var(--navy)}.page-index .sec-dark h2{font-size:clamp(1.25rem,2.5vw,1.85rem);color:var(--white);margin-bottom:1.25rem}.page-index .sec-dark p{color:rgba(255,255,255,0.72);margin-bottom:0.75rem;line-height:1.75}.page-index .sec-dark p:last-child{margin-bottom:0}.page-index .sec-dark strong{color:var(--gold-light);font-weight:400}.page-index .sec-max{max-width:1100px;margin:0 auto}.page-index .sec-max-sm{max-width:820px;margin:0 auto}/* ── WÜNSCHE ── */.page-index #wuensche{background:var(--navy-mid);border-top:1px solid rgba(180,143,71,0.12)}.page-index .wuensche-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0.7rem;max-width:940px;margin:0 auto}.page-index .wi{display:flex;align-items:flex-start;gap:0.65rem;font-size:0.85rem;color:rgba(255,255,255,0.72);line-height:1.6}.page-index .wi-check{color:var(--gold);flex-shrink:0;font-size:0.75rem;margin-top:4px}/* ── FÜR WEN ── */.page-index #fuerwen{background:var(--cream)}.page-index .fw-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;max-width:1000px;margin:0 auto}.page-index .fw-card{background:var(--white);border:1px solid var(--cream-dark);border-top:2px solid var(--gold);padding:1.75rem;border-radius:2px}.page-index .fw-card h3{font-size:1rem;color:var(--navy);margin-bottom:0.4rem;margin-top:0.5rem}.page-index .fw-card p{font-size:0.83rem;color:var(--text-mid);line-height:1.7}.page-index .fw-icon{font-size:1.1rem}/* ── TRUST ── */.page-index #trust{background:var(--gold)}.page-index .trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;max-width:960px;margin:0 auto;text-align:center}.page-index .trust-num{font-family:var(--font-family);font-size:2rem;font-weight:700;color:var(--navy);line-height:1}.page-index .trust-label{margin-top:0.3rem;font-size:0.65rem;font-weight:500;text-transform:uppercase;letter-spacing:0.07em;color:rgba(13,27,42,0.52);line-height:1.5}.page-index .trust-stars{font-size:1rem;color:var(--navy);letter-spacing:2px}/* ── FEHLER ── */.page-index #fehler{background:var(--navy)}.page-index #fehler h2{font-size:clamp(1.25rem,2.5vw,1.85rem);color:var(--white);margin-bottom:1.25rem}.page-index #fehler p{color:rgba(255,255,255,0.72);margin-bottom:0.75rem}.page-index #fehler strong{color:var(--gold-light);font-weight:400}/* ── STORYHOOK ── */.page-index #storyhook{background:var(--navy-mid)}.page-index #storyhook h2{font-size:clamp(1.25rem,2.5vw,1.85rem);color:var(--white);margin-bottom:1.25rem}.page-index #storyhook p{color:rgba(255,255,255,0.72);margin-bottom:0.75rem}.page-index #storyhook strong{color:var(--gold-light);font-weight:400}/* ── PERSON ── */.page-index #person{background:var(--white);padding:3rem 5%}.page-index .person-grid{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:2.5rem;align-items:center;max-width:900px;margin:0 auto}.page-index .person-img-wrap{position:relative;max-width:280px;width:100%}.page-index .person-img-wrap::before{content:none}.page-index #person .person-img-wrap picture{display:flex;justify-content:center}.page-index #person h2{font-size:clamp(1.1rem,2vw,1.55rem);color:var(--navy);margin-bottom:0.85rem;line-height:1.25}.page-index #person p{font-size:0.9rem;color:var(--text-mid);margin-bottom:0.6rem;line-height:1.65}.page-index #person strong{color:var(--navy);font-weight:500}.page-index .person-link{font-size:0.75rem;font-weight:500;letter-spacing:0.07em;text-transform:uppercase;color:var(--gold-dark);text-decoration:none;border-bottom:1px solid var(--gold-dark);padding-bottom:1px;display:inline-block;margin-top:0.5rem}/* ── FAMILIE ── */.page-index #familie{background:var(--cream)}.page-index .familie-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:3.5rem;align-items:stretch;max-width:1050px;margin:0 auto}.page-index .familie-left{display:flex;flex-direction:column;min-height:0}.page-index .familie-media{margin-top:auto;padding-top:1.25rem}.page-index #familie h2{font-size:clamp(1.2rem,2.5vw,1.85rem);color:var(--navy);margin-bottom:1rem}.page-index #familie p{font-size:0.95rem;color:var(--text-mid);margin-bottom:0.75rem}.page-index #familie strong{color:var(--navy);font-weight:500}.page-index .familie-quote{font-family:var(--font-family);font-weight:500;font-size:0.95rem;color:var(--gold-dark);line-height:1.7;margin-top:1.25rem;padding-left:1rem;border-left:2px solid var(--gold)}.page-index .familie-team{background:var(--navy);border-radius:2px;padding:1.5rem 1.75rem;border-top:2px solid var(--gold);display:flex;flex-direction:column;height:100%;min-height:100%}.page-index .ft-title{font-size:0.65rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);margin-bottom:0.85rem;flex-shrink:0}.page-index .familie-team-list{flex:1;display:flex;flex-direction:column;min-height:0}.page-index .tp{flex:1;display:flex;flex-direction:column;justify-content:center;padding:0.65rem 0;border-bottom:1px solid rgba(255,255,255,0.06);min-height:0}.page-index .tp:last-child{border-bottom:none}.page-index .tp-name{font-family:var(--font-family);font-size:0.88rem;font-weight:600;color:var(--white);display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem;margin-bottom:0.12rem;line-height:1.25}.page-index .tp-badge{font-size:0.58rem;font-weight:500;letter-spacing:0.07em;text-transform:uppercase;background:var(--gold);color:var(--navy);padding:2px 6px;border-radius:1px;white-space:nowrap}.page-index .tp-role{font-size:0.62rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold);margin-bottom:0.12rem;line-height:1.35}.page-index .tp-desc{font-size:0.74rem;color:rgba(255,255,255,0.62);line-height:1.45}.page-index .team-photo{width:100%;height:200px;border-radius:2px;display:block;object-fit:cover;object-position:center 40%}/* ── USP ── */.page-index #usp{background:var(--navy-light)}.page-index .usp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;max-width:1100px;margin:0 auto;background:rgba(180,143,71,0.1)}.page-index .usp-card{background:var(--navy);padding:2rem 1.5rem;transition:background 0.2s}.page-index .usp-card:hover{background:var(--navy-light)}.page-index .usp-icon{font-size:0.8rem;font-weight:700;color:var(--gold);border:1px solid var(--gold);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:2px;margin-bottom:0.85rem}.page-index .usp-card h3{font-size:0.95rem;color:var(--white);font-family:var(--font-family);font-weight:600;margin-bottom:0.4rem;line-height:1.3}.page-index .usp-card p{font-size:0.8rem;color:rgba(255,255,255,0.62);line-height:1.7}/* ── ERGEBNISSE ── */.page-index #ergebnisse{background:var(--cream)}.page-index .erg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;max-width:1100px;margin:0 auto}.page-index .erg-card{background:var(--white);border:1px solid var(--cream-dark);border-top:2px solid var(--gold);padding:1.75rem;border-radius:2px}.page-index .erg-label{font-size:0.68rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:0.2rem}.page-index .erg-disc{font-size:0.72rem;color:var(--text-mid);margin-bottom:0.4rem;font-style:italic}.page-index .erg-title{font-family:var(--font-family);font-size:0.98rem;font-weight:600;color:var(--navy);margin-bottom:0.35rem}.page-index .erg-ziel{font-size:0.78rem;color:var(--text-mid);margin-bottom:1.1rem;padding-bottom:1.1rem;border-bottom:1px solid var(--cream-dark)}.page-index .erg-list{list-style:none;display:flex;flex-direction:column;gap:0.5rem}.page-index .erg-list li{display:flex;align-items:flex-start;gap:0.55rem;font-size:0.82rem;color:var(--text-mid);line-height:1.5}.page-index .erg-check{color:var(--gold);font-size:0.72rem;flex-shrink:0;margin-top:3px}/* ── BERATUNGSBILDER ── */.page-index #beratungsbilder{background:var(--white)}.page-index .bilder-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;max-width:1050px;margin:0 auto}.page-index .bild-wrap{position:relative;overflow:hidden;border-radius:2px}.page-index .bild-wrap picture{display:block;width:100%}.page-index .bild-wrap img{width:100%;height:300px;object-fit:cover;display:block;transition:transform 0.4s}.page-index .bild-wrap img.bild-team{object-position:center 42%}.page-index .bild-wrap img.bild-strategie{object-position:55% center}.page-index .bild-wrap:hover img{transform:scale(1.03)}.page-index .bild-caption{position:absolute;bottom:1rem;left:1rem;font-size:0.65rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:rgba(255,255,255,0.75);text-shadow:0 1px 4px rgba(0,0,0,0.5)}/* ── LEISTUNGEN ── */.page-index #leistungen{background:var(--cream)}.page-index .lst-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;max-width:1100px;margin:0 auto}.page-index .lst-card{background:var(--white);border:1px solid var(--cream-dark);padding:1.75rem;border-radius:2px;text-decoration:none;transition:box-shadow 0.2s,transform 0.2s;display:block}.page-index .lst-card:hover{box-shadow:0 6px 24px rgba(13,27,42,0.08);transform:translateY(-2px)}.page-index .lst-num{font-size:0.7rem;font-weight:700;color:var(--gold);margin-bottom:0.6rem;letter-spacing:0.1em;font-family:var(--font-family)}.page-index .lst-card h3{font-size:0.95rem;color:var(--navy);font-family:var(--font-family);font-weight:700;margin-bottom:0.4rem;line-height:1.3}.page-index .lst-card p{font-size:0.8rem;color:var(--text-mid);line-height:1.7;margin-bottom:0.85rem}.page-index .lst-link{font-size:0.7rem;font-weight:500;letter-spacing:0.07em;text-transform:uppercase;color:var(--gold-dark)}/* ── STRUKTUR-CHECK ── */.page-index #strukturcheck{background:var(--white)}.page-index .sck-grid{display:grid;grid-template-columns:220px 1fr 1fr;gap:2.5rem;align-items:stretch;max-width:1200px;margin:0 auto}.page-index .sck-img-wrap{position:relative;overflow:hidden;border-radius:2px;min-height:440px}.page-index .sck-img-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.page-index .sck-img-wrap .sck-img-desktop{display:block;object-position:50% 18%}.page-index .sck-img-wrap .sck-img-mobile{display:none;object-position:50% 38%}.page-index #strukturcheck h2{font-size:clamp(1.4rem,2.8vw,2rem);color:var(--navy);margin-bottom:0.85rem}.page-index #strukturcheck .sub{font-size:0.95rem;color:var(--text-mid);line-height:1.8;margin-bottom:1.25rem}.page-index .sck-flags{display:flex;gap:1.25rem;flex-wrap:wrap;margin-bottom:1.75rem}.page-index .sck-flag{font-size:0.8rem;color:var(--text-mid);display:flex;align-items:center;gap:0.4rem}.page-index .sck-box{background:var(--navy);border-radius:2px;padding:2.25rem 1.75rem;border-top:2px solid var(--gold)}.page-index .sck-box-title{font-family:var(--font-family);font-size:0.95rem;font-weight:600;color:var(--white);margin-bottom:1.1rem}.page-index .sck-item{display:flex;align-items:flex-start;gap:0.65rem;margin-bottom:0.75rem}.page-index .sck-check{color:var(--gold);font-size:0.8rem;flex-shrink:0;margin-top:3px}.page-index .sck-text{font-size:0.83rem;color:rgba(255,255,255,0.75);line-height:1.55}.page-index .sck-note{font-size:0.78rem;color:rgba(255,255,255,0.45);margin-top:1.1rem;font-style:italic;line-height:1.6;border-top:1px solid rgba(255,255,255,0.07);padding-top:0.9rem}/* ── KILLER-FRAGEN ── */.page-index #killerfragen{background:var(--navy)}.page-index #killerfragen h2{font-size:clamp(1.2rem,2.5vw,1.85rem);color:var(--white);margin-bottom:1.75rem}.page-index .kf-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.85rem;margin-bottom:1.75rem;max-width:820px;margin-left:0}.page-index .kf-item{display:flex;align-items:flex-start;gap:0.65rem;font-size:0.85rem;color:rgba(255,255,255,0.72);line-height:1.55;background:rgba(255,255,255,0.03);border:1px solid rgba(180,143,71,0.1);padding:0.9rem 1.1rem;border-radius:2px}.page-index .kf-q{color:var(--gold);flex-shrink:0;margin-top:1px}.page-index .kf-close{font-family:var(--font-family);font-weight:500;font-size:0.95rem;color:var(--gold-light);line-height:1.65;padding-left:1rem;border-left:2px solid var(--gold)}/* ── STIMMEN / VIDEO-SLIDER ── */.page-index #stimmen{background:var(--cream)}.page-index .stim-slider{max-width:1100px;margin:0 auto 2rem}.page-index .stim-slider:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:2px}.page-index .stim-slider-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:2rem;align-items:stretch;background:var(--white);border:1px solid var(--cream-dark);border-radius:2px;overflow:hidden;min-height:420px}.page-index .stim-video-panel{background:var(--navy);position:relative;display:flex;align-items:center;justify-content:center;padding:1.25rem}.page-index .stim-video-frame{position:relative;width:100%;max-width:320px;aspect-ratio:9/16;border-radius:2px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,0.35);border:1px solid rgba(180,143,71,0.2);background:#000}.page-index .stim-video-frame video{width:100%;height:100%;max-width:none;display:block;object-fit:cover;background:#000}.page-index .stim-video-frame video:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.page-index .stim-quote-panel{padding:2rem 2rem 2rem 0.5rem;display:flex;flex-direction:column;justify-content:center;min-width:0}.page-index .stim-slide{display:none;flex-direction:column;gap:0.85rem;animation:stimFade 0.35s ease}.page-index .stim-slide.is-active{display:flex}@keyframes stimFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.stim-slide.is-active{animation:none}}.page-index .stim-stars{color:var(--star);font-size:0.85rem;letter-spacing:2px}.page-index .stim-headline{font-size:clamp(1.05rem,2vw,1.35rem);font-weight:700;color:var(--navy);line-height:1.35;letter-spacing:-0.02em}.page-index .stim-text{font-size:0.86rem;color:var(--text-mid);line-height:1.75;max-height:240px;overflow-y:auto;padding-right:0.5rem;scrollbar-width:thin;scrollbar-color:var(--cream-dark) transparent}.page-index .stim-text p+p{margin-top:0.85rem}.page-index .stim-meta{margin-top:0.25rem;padding-top:0.85rem;border-top:1px solid var(--cream-dark)}.page-index .stim-name{font-size:0.82rem;font-weight:600;color:var(--navy)}.page-index .stim-ort{font-size:0.76rem;color:var(--text-mid);margin-top:0.15rem}.page-index .stim-badge{font-size:0.68rem;color:var(--gold-dark);margin-top:0.35rem}.page-index .stim-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem;flex-wrap:wrap}.page-index .stim-arrows{display:flex;gap:0.5rem}.page-index .stim-arrow{width:44px;height:44px;border:1px solid var(--cream-dark);background:var(--white);color:var(--navy);border-radius:2px;cursor:pointer;display:grid;place-items:center;font-size:1.1rem;transition:background 0.2s,border-color 0.2s,color 0.2s}.page-index .stim-arrow:hover{border-color:var(--gold);color:var(--gold-dark);background:var(--cream)}.page-index .stim-arrow:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.page-index .stim-dots{display:flex;gap:0.45rem;flex-wrap:wrap;justify-content:center;flex:1}.page-index .stim-dot{min-width:44px;height:44px;padding:0 0.65rem;border:1px solid var(--cream-dark);background:var(--white);color:var(--text-mid);border-radius:2px;cursor:pointer;font-size:0.68rem;font-weight:500;letter-spacing:0.04em;transition:background 0.2s,border-color 0.2s,color 0.2s}.page-index .stim-dot.is-active{background:var(--navy);border-color:var(--navy);color:var(--gold-light)}.page-index .stim-dot:hover:not(.is-active){border-color:var(--gold);color:var(--navy)}.page-index .stim-dot:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.page-index .stim-video-frame.is-loading::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,0.35);pointer-events:none}.page-index .stim-video-frame.is-loading::before{content:'';position:absolute;top:50%;left:50%;width:28px;height:28px;margin:-14px 0 0 -14px;border:2px solid rgba(255,255,255,0.25);border-top-color:var(--gold);border-radius:50%;animation:stimSpin 0.7s linear infinite;z-index:1}@keyframes stimSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.stim-video-frame.is-loading::before{animation:none;border-top-color:rgba(255,255,255,0.5)}}.page-index .stim-counter{font-size:0.72rem;color:var(--text-muted);letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap}.page-index .stim-footer{text-align:center;display:flex;align-items:center;justify-content:center;gap:0.65rem;flex-wrap:wrap;max-width:1100px;margin:0 auto}.page-index .stim-score{font-family:var(--font-family);font-size:1.4rem;font-weight:700;color:var(--navy)}.page-index .stim-count{font-size:0.8rem;color:var(--text-mid)}.page-index .stim-link{font-size:0.78rem;color:var(--gold-dark);text-decoration:none;border-bottom:1px solid rgba(143,112,54,0.3)}.page-index .stim-stars-lg{font-size:1rem}/* ── CTA ── */.page-index #cta{background:var(--navy);text-align:center}.page-index #cta h2{font-size:clamp(1.35rem,2.8vw,2.1rem);color:var(--white);max-width:680px;margin:0 auto 1.75rem;line-height:1.35}.page-index .cta-list{list-style:none;max-width:460px;margin:0 auto 1.75rem;text-align:left;display:flex;flex-direction:column;gap:0.65rem}.page-index .cta-list li{display:flex;align-items:flex-start;gap:0.65rem;font-size:0.88rem;color:rgba(255,255,255,0.78);line-height:1.5}.page-index .cta-flags{display:flex;justify-content:center;gap:0.85rem;flex-wrap:wrap;margin-bottom:1.75rem;font-size:0.75rem;color:rgba(255,255,255,0.50);letter-spacing:0.04em}.page-index .cta-meta{font-size:0.78rem;color:rgba(255,255,255,0.45);margin-top:1.25rem}/* ── FOOTER ── */.page-index footer{background:var(--navy);color:rgba(255,255,255,0.62);padding:3rem 5% 1.75rem;border-top:1px solid rgba(180,143,71,0.1)}.page-index .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem;max-width:1050px;margin:0 auto 2.25rem}.page-index .footer-brand{font-family:var(--font-family);font-size:1rem;font-weight:700;color:var(--gold-light);margin-bottom:0.6rem}.page-index .footer-tag{font-size:0.76rem;line-height:1.75;margin-bottom:1.1rem;color:rgba(255,255,255,0.45)}.page-index .footer-contact{font-size:0.76rem;line-height:2.1}.page-index .footer-contact a{color:var(--gold);text-decoration:none}.page-index .footer-col h4{font-size:0.68rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--white);margin-bottom:0.85rem}.page-index .footer-links{list-style:none;font-size:0.76rem;line-height:2.2}.page-index .footer-links a{color:rgba(255,255,255,0.50);text-decoration:none;transition:color 0.2s}.page-index .footer-links a:hover{color:var(--gold-light)}.page-index .footer-bottom{border-top:1px solid rgba(255,255,255,0.05);padding-top:1.25rem;font-size:0.72rem;color:rgba(255,255,255,0.42);max-width:1050px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:0.5rem}.page-index .footer-bottom a{color:rgba(255,255,255,0.55);text-decoration:none;transition:color 0.2s}.page-index .footer-bottom a:hover{color:var(--gold-light)}.page-index .footer-bottom a:focus-visible{color:var(--gold-light);outline:2px solid var(--gold);outline-offset:2px}.page-index .footer-links a:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}.page-index .person-link:focus-visible,.stim-link:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.page-index .lst-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}/* ── WA FLOAT ── */.page-index .wa-float{position:fixed;bottom:1.75rem;right:1.75rem;z-index:200;display:flex;flex-direction:column;align-items:flex-end;gap:0.4rem}.page-index .wa-float-label{font-size:0.72rem;background:var(--navy);color:rgba(255,255,255,0.78);padding:0.3rem 0.7rem;border-radius:2px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,0.25)}.page-index .wa-float-btn{width:48px;height:48px;background:var(--wa);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);box-shadow:0 4px 14px color-mix(in oklch,var(--wa) 35%,transparent);transition:transform 0.2s;text-decoration:none}.page-index .wa-float-btn:hover{transform:scale(1.08)}.page-index .wa-float-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}/* ── RESPONSIVE (≤900px — siehe RESPONSIVE-Block unten) ── *//* ── Platzhalter-Bilder ── */.page-index .ph-img{background:linear-gradient(135deg,color-mix(in oklch,var(--gold) 12%,transparent),color-mix(in oklch,var(--navy) 8%,transparent)),var(--cream-dark);border:1px solid var(--cream-dark);border-radius:2px;display:grid;place-items:center;color:var(--text-muted);font-size:0.72rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;width:100%}.page-index .ph-img.wide{aspect-ratio:16/10;min-height:260px}.page-index .ph-img.portrait{aspect-ratio:3/4;min-height:360px}.page-index .sck-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0}.page-index .fw-icon{font-family:var(--font-family);font-size:0.75rem;font-weight:700;color:var(--gold);letter-spacing:0.06em;border:1px solid var(--cream-dark);width:36px;height:36px;display:grid;place-items:center;border-radius:2px;margin-bottom:0.5rem}.page-index #video{background:var(--navy-mid);padding:4.5rem 5%;border-top:1px solid rgba(180,143,71,0.12)}.page-index #video .tag{text-align:center;display:block}.page-index #video h2{font-size:clamp(1.35rem,2.8vw,1.9rem);color:var(--white);margin-bottom:0.65rem}.page-index #video-intro{font-size:0.88rem;color:rgba(255,255,255,0.78);margin-bottom:1.75rem;line-height:1.75;max-width:540px;margin-left:auto;margin-right:auto}.page-index .video-block{max-width:820px;margin:0 auto;text-align:center}.page-index .video-player{position:relative;border-radius:3px;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,0.45);border:1px solid rgba(180,143,71,0.18);background:var(--navy);aspect-ratio:16/9;max-width:720px;width:100%;margin:0 auto}.page-index .video-player video{width:100%;height:100%;display:block;object-fit:contain;background:#000}.page-index .video-player video:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.page-index .video-caption{margin-top:1rem;font-size:0.75rem;color:rgba(255,255,255,0.35);line-height:1.6}.page-index .video-caption strong{color:rgba(255,255,255,0.55);font-weight:600}.page-index .video-summary{margin-top:2rem;text-align:left;border:1px solid rgba(180,143,71,0.15);border-radius:2px;background:rgba(0,0,0,0.18);padding:0}.page-index .video-summary summary{cursor:pointer;padding:0.85rem 1.1rem;font-size:0.78rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--gold-light);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.page-index .video-summary summary::-webkit-details-marker{display:none}.page-index .video-summary summary::after{content:'+';font-size:1rem;color:var(--gold);transition:transform 0.2s}.page-index .video-summary[open] summary::after{content:'−'}.page-index .video-summary-body{padding:0 1.1rem 1.1rem;font-size:0.88rem;color:rgba(255,255,255,0.72);line-height:1.75}.page-index .video-summary-body p{margin-bottom:0.75rem}.page-index .video-summary-body ul{margin:0;padding-left:1.1rem}.page-index .video-summary-body li{margin-bottom:0.35rem}.page-index .video-keywords{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:0.45rem;justify-content:center}.page-index .video-kw{font-size:0.65rem;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.45);border:1px solid rgba(180,143,71,0.2);padding:0.3rem 0.55rem;border-radius:2px}.page-index .cta-wa{margin-top:0.75rem;font-size:0.78rem;color:rgba(255,255,255,0.50)}.page-index .cta-wa a,.wa-link{color:var(--wa);text-decoration:none}.page-index .tag-center{text-align:center;display:block}.page-index .trust-num-sm{font-size:1.5rem}.page-index .cta-check{color:var(--gold);flex-shrink:0}.page-index .cta-actions{text-align:center}.page-index .video-fallback-link{color:var(--gold-light)}.page-index .video-summary summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}

/* ═══ VERSICHERUNGEN (versicherungen.html) ═══ */
/* HERO */.page-product #hero, .page-versicherungen #hero{min-height:88vh;background:var(--cream);display:flex;align-items:stretch;padding-top:var(--nav-h);color:var(--navy)}.page-product .hero-left, .page-versicherungen .hero-left{flex:0 0 50%;max-width:50%;display:flex;flex-direction:column;justify-content:center;padding:4rem 4% 4rem 6%}.page-product .hero-right, .page-versicherungen .hero-right{flex:0 0 50%;max-width:50%;position:relative;overflow:hidden}.page-product .hero-right picture, .page-versicherungen .hero-right picture{display:block;width:100%;height:100%}.page-product .hero-right img, .page-versicherungen .hero-right img{width:100%;height:100%;object-fit:cover;object-position:center 38%;display:block}.page-product .hero-right::after, .page-versicherungen .hero-right::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,var(--cream) 0%,transparent 18%)}.page-product .hero-eyebrow, .page-versicherungen .hero-eyebrow{font-size:0.72rem;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold-dark);margin-bottom:1.1rem;display:flex;align-items:center;gap:0.6rem}.page-product .hero-eyebrow::before,.page-product .hero-eyebrow::after,.page-versicherungen .hero-eyebrow::before,.page-versicherungen .hero-eyebrow::after{content:'';display:block;width:24px;height:1px;background:var(--gold);flex-shrink:0}.page-product .hero-h1, .page-versicherungen .hero-h1{font-family:var(--font-display);font-style:italic;font-size:clamp(2rem,4.2vw,3.6rem);font-weight:600;letter-spacing:-0.01em;margin-bottom:0.35rem;color:var(--navy)}.page-product .hero-sub, .page-versicherungen .hero-sub{font-size:clamp(1.2rem,2.2vw,1.75rem);font-weight:600;color:var(--gold-dark);margin-bottom:1.5rem;line-height:1.3}.page-product .hero-lead, .page-versicherungen .hero-lead{font-size:1.05rem;color:var(--text-mid);max-width:520px;margin-bottom:2rem;line-height:1.75}.page-product .hero-list, .page-versicherungen .hero-list{list-style:none;margin-bottom:2.25rem;max-width:100%}.page-product .hero-list li, .page-versicherungen .hero-list li{display:flex;align-items:flex-start;gap:0.65rem;font-size:0.9rem;color:var(--text-mid);line-height:1.65;margin-bottom:0.55rem}.page-product .hero-list li::before, .page-versicherungen .hero-list li::before{content:'✓';color:var(--gold);font-weight:700;flex-shrink:0;margin-top:2px}.page-product .hero-ctas, .page-versicherungen .hero-ctas{display:flex;gap:0.85rem;flex-wrap:wrap}/* NAVY SECTIONS – Cream/Navy-Wechsel */.page-product .sec-on-navy, .page-versicherungen .sec-on-navy{background:var(--navy-mid);border-top:1px solid rgba(180,143,71,0.12)}.page-product .sec-on-navy .tag, .page-versicherungen .sec-on-navy .tag{color:var(--gold-light)}.page-product .sec-on-navy h2,.sec-on-navy .split h2, .page-versicherungen .sec-on-navy h2,.sec-on-navy .split h2{color:var(--white)}.page-product .sec-on-navy .sec-lead,.sec-on-navy .split p,.sec-on-navy .sec-max p, .page-versicherungen .sec-on-navy .sec-lead,.sec-on-navy .split p,.sec-on-navy .sec-max p{color:rgba(255,255,255,0.78)}.page-product .sec-on-navy .split .highlight-box p, .page-versicherungen .sec-on-navy .split .highlight-box p{color:var(--text-mid)}.page-product .sec-on-navy .usp-card h3,.sec-on-navy .usp-card p, .page-versicherungen .sec-on-navy .usp-card h3,.sec-on-navy .usp-card p{color:var(--text-mid)}.page-product .sec-on-navy .usp-card h3, .page-versicherungen .sec-on-navy .usp-card h3{color:var(--navy)}.page-product .sec-on-navy .faq-item summary, .page-versicherungen .sec-on-navy .faq-item summary{color:var(--white)}.page-product .sec-on-navy .faq-body, .page-versicherungen .sec-on-navy .faq-body{color:rgba(255,255,255,0.72)}.page-product .sec-on-navy .faq-item, .page-versicherungen .sec-on-navy .faq-item{border-bottom-color:rgba(180,143,71,0.15)}/* INTRO – Navy nach Cream-Hero *//* VIDEO – Cream nach Navy-Intro */.page-product #video, .page-versicherungen #video{background:var(--cream);padding:4.5rem 5%}.page-product #video .sec-center, .page-versicherungen #video .sec-center{margin-bottom:0}.page-product #video .tag, .page-versicherungen #video .tag{color:var(--gold-dark)}.page-product #video h2, .page-versicherungen #video h2{color:var(--navy);font-size:clamp(1.35rem,2.8vw,1.9rem)}.page-product #video .sec-lead, .page-versicherungen #video .sec-lead{color:var(--text-mid)}.page-product .video-grid, .page-versicherungen .video-grid{display:grid;grid-template-columns:1fr;gap:2.75rem;max-width:880px;margin:2rem auto 0}.page-product .video-item, .page-versicherungen .video-item{text-align:center;min-width:0}.page-product .video-player, .page-versicherungen .video-player{position:relative;border-radius:2px;overflow:hidden;box-shadow:0 16px 48px rgba(13,27,42,0.14);border:1px solid var(--cream-dark);background:var(--navy);aspect-ratio:16/9;width:100%}.page-product .video-player video, .page-versicherungen .video-player video{width:100%;height:100%;display:block;object-fit:cover;background:#000}.page-product .video-player video:focus-visible, .page-versicherungen .video-player video:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.page-product .video-expert, .page-versicherungen .video-expert{margin-top:0.85rem}.page-product .video-expert-name, .page-versicherungen .video-expert-name{font-size:0.88rem;font-weight:600;color:var(--navy);letter-spacing:-0.01em}.page-product .video-expert-role, .page-versicherungen .video-expert-role{font-size:0.72rem;color:var(--text-muted);margin-top:0.2rem;line-height:1.5}.page-product .video-caption, .page-versicherungen .video-caption{margin-top:1.75rem;font-size:0.75rem;color:var(--text-muted);line-height:1.6;text-align:center;max-width:680px;margin-left:auto;margin-right:auto}.page-product .video-caption strong, .page-versicherungen .video-caption strong{color:var(--text-mid);font-weight:600}.page-product .video-fallback-link, .page-versicherungen .video-fallback-link{color:var(--gold-dark)}/* SECTIONS */.page-product .sec, .page-versicherungen .sec{padding:5rem 5%}.page-product .sec-sm, .page-versicherungen .sec-sm{padding:3.5rem 5%}.page-product .sec-center, .page-versicherungen .sec-center{text-align:center;margin-bottom:2.75rem}.page-product .sec-center h2, .page-versicherungen .sec-center h2{font-size:clamp(1.35rem,2.8vw,2rem)}.page-product .sec-center .sec-lead, .page-versicherungen .sec-center .sec-lead{max-width:680px;margin:0.75rem auto 0;font-size:0.92rem}.page-product .sec-max, .page-versicherungen .sec-max{max-width:1100px;margin:0 auto}.page-product .sec-max-sm, .page-versicherungen .sec-max-sm{max-width:820px;margin:0 auto}/* USP GRID */.page-product #warum, .page-versicherungen #warum{}.page-product .usp-grid, .page-versicherungen .usp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.page-product .usp-card, .page-versicherungen .usp-card{background:var(--cream);border:1px solid var(--cream-dark);border-top:2px solid var(--gold);padding:1.75rem;border-radius:2px}.page-product .usp-card h3, .page-versicherungen .usp-card h3{font-size:0.95rem;margin-bottom:0.5rem;margin-top:0.35rem}.page-product .usp-card p, .page-versicherungen .usp-card p{font-size:0.83rem;line-height:1.7}.page-product .usp-num, .page-versicherungen .usp-num{font-size:0.65rem;font-weight:600;letter-spacing:0.14em;color:var(--gold-dark);text-transform:uppercase}/* KATEGORIEN */.page-product #loesungen, .page-versicherungen #loesungen{background:var(--cream)}.page-product .cat-grid, .page-versicherungen .cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto 1fr auto;gap:1.25rem;align-items:stretch;width:100%;overflow:hidden}.page-product .cat-card, .page-versicherungen .cat-card{background:var(--white);border:1px solid var(--cream-dark);border-top:2px solid var(--gold);padding:1.35rem 1.25rem;border-radius:2px;display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;min-width:0;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}.page-product .cat-card h3, .page-versicherungen .cat-card h3{font-size:0.98rem;margin:0.35rem 0 0.5rem;align-self:start;max-width:100%;overflow-wrap:break-word;word-break:break-word;hyphens:auto}.page-product .cat-card>p, .page-versicherungen .cat-card>p{font-size:0.8rem;margin:0 0 1rem;align-self:start;max-width:100%;overflow-wrap:break-word;word-break:break-word;line-height:1.65;hyphens:auto}.page-product .cat-list, .page-versicherungen .cat-list{list-style:none;margin:0 0 1.25rem;align-self:start;width:100%;min-width:0;max-width:100%;overflow:hidden}.page-product .cat-list li, .page-versicherungen .cat-list li{font-size:0.76rem;color:var(--text-mid);padding:0.35rem 0;border-bottom:1px solid var(--cream-dark);display:flex;align-items:flex-start;gap:0.45rem;min-width:0;max-width:100%;overflow-wrap:break-word;word-break:break-word;hyphens:auto;line-height:1.45}.page-product .cat-list li::before, .page-versicherungen .cat-list li::before{content:'';width:4px;height:4px;background:var(--gold);border-radius:50%;flex-shrink:0;margin-top:0.45em}.page-product .cat-link, .page-versicherungen .cat-link{font-size:0.72rem;font-weight:600;color:var(--gold-dark);text-decoration:none;letter-spacing:0.03em;text-transform:uppercase;align-self:end;margin-top:0.25rem;max-width:100%;white-space:normal;line-height:1.45;overflow-wrap:break-word;word-break:break-word}.page-product .cat-link:hover, .page-versicherungen .cat-link:hover{color:var(--navy)}/* BU + BEISPIEL */.page-product #bu, .page-versicherungen #bu{}.page-product .split, .page-versicherungen .split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.page-product .split h2, .page-versicherungen .split h2{font-size:clamp(1.25rem,2.5vw,1.75rem);margin-bottom:1rem}.page-product .split p, .page-versicherungen .split p{margin-bottom:0.85rem}.page-product .highlight-box, .page-versicherungen .highlight-box{background:var(--cream);border-left:3px solid var(--gold);padding:1.25rem 1.5rem;margin-top:1.25rem;border-radius:0 2px 2px 0}.page-product .highlight-box p, .page-versicherungen .highlight-box p{font-size:0.88rem;margin:0}/* VERGLEICHSTABELLE */.page-product #beispiel, .page-versicherungen #beispiel{background:var(--cream)}.page-product .compare-wrap, .page-versicherungen .compare-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.page-product .compare-grid, .page-versicherungen .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1.25rem;min-width:560px}.page-product .compare-head, .page-versicherungen .compare-head{padding:1rem 1.25rem;background:var(--navy);color:var(--white);border-radius:2px 2px 0 0}.page-product .compare-head h3, .page-versicherungen .compare-head h3{font-size:0.85rem;color:var(--white);font-weight:600;margin:0}.page-product .compare-head.is-better, .page-versicherungen .compare-head.is-better{background:var(--gold);color:var(--navy);border-top:3px solid var(--gold-dark)}.page-product .compare-head.is-better h3, .page-versicherungen .compare-head.is-better h3{color:var(--navy)}.page-product .cg-cell, .page-versicherungen .cg-cell{background:var(--white);border-left:1px solid var(--cream-dark);border-right:1px solid var(--cream-dark);padding:0 1.25rem 0.75rem}.page-product .cg-cell.cg-first, .page-versicherungen .cg-cell.cg-first{padding-top:1.1rem}.page-product .cg-cell.cg-last, .page-versicherungen .cg-cell.cg-last{border-bottom:1px solid var(--cream-dark);border-radius:0 0 2px 2px;padding-bottom:1.25rem}.page-product .cg-cell.cg-gold, .page-versicherungen .cg-cell.cg-gold{border-left:1px solid rgba(180,143,71,0.4);border-right:1px solid rgba(180,143,71,0.4)}.page-product .cg-cell.cg-gold.cg-last, .page-versicherungen .cg-cell.cg-gold.cg-last{border-bottom:1px solid rgba(180,143,71,0.4)}.page-product .cg-h4, .page-versicherungen .cg-h4{font-size:0.78rem;font-weight:600;color:var(--gold-dark);text-transform:uppercase;letter-spacing:0.08em;margin:0.85rem 0 0.4rem}.page-product .cg-cell.cg-first .cg-h4, .page-versicherungen .cg-cell.cg-first .cg-h4{margin-top:0}.page-product .cg-cell p, .page-versicherungen .cg-cell p{font-size:0.82rem;margin-bottom:0.65rem}.page-product .compare-table, .page-versicherungen .compare-table{width:100%;border-collapse:collapse;font-size:0.78rem;margin:0.75rem 0}.page-product .compare-table th,.compare-table td, .page-versicherungen .compare-table th,.compare-table td{padding:0.45rem 0.5rem;text-align:left;border-bottom:1px solid var(--cream-dark)}.page-product .compare-table th, .page-versicherungen .compare-table th{font-weight:600;color:var(--navy);width:55%}.page-product .compare-table td, .page-versicherungen .compare-table td{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-mid)}.page-product .compare-table tr.total td,.compare-table tr.total th, .page-versicherungen .compare-table tr.total td,.compare-table tr.total th{font-weight:700;color:var(--navy);border-top:2px solid var(--gold);border-bottom:none}.page-product .compare-result, .page-versicherungen .compare-result{font-size:0.88rem;font-weight:600;color:var(--navy);margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid var(--cream-dark)}.page-product .compare-result strong, .page-versicherungen .compare-result strong{color:var(--gold-dark)}.page-product .compare-context, .page-versicherungen .compare-context{font-size:0.88rem;color:var(--text-mid);max-width:52rem;margin:0 auto 1.5rem;text-align:center;line-height:1.8}.page-product .compare-disclaimer, .page-versicherungen .compare-disclaimer{font-size:0.75rem;color:var(--text-muted);max-width:52rem;margin:1.5rem auto 0;padding:0.85rem 1rem;background:var(--white);border:1px solid var(--cream-dark);border-radius:2px;line-height:1.55;text-align:center}/* PROZESS */.page-product #prozess, .page-versicherungen #prozess{}.page-product .adv-row, .page-versicherungen .adv-row{list-style:none;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:0.4rem 0;margin:1.25rem 0 0;padding:0}.page-product .adv-row li, .page-versicherungen .adv-row li{font-size:0.82rem;color:rgba(255,255,255,0.62);display:flex;align-items:center;gap:0.4rem}.page-product .adv-row li::before, .page-versicherungen .adv-row li::before{content:'✓';color:var(--gold);font-weight:700;font-size:0.72rem}.page-product .h-steps, .page-versicherungen .h-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:3rem}.page-product .h-steps::before, .page-versicherungen .h-steps::before{content:'';position:absolute;top:20px;left:calc(12.5% + 20px);right:calc(12.5% + 20px);height:1px;background:rgba(180,143,71,0.3);z-index:0}.page-product .h-step, .page-versicherungen .h-step{text-align:center;padding:0 1.25rem;position:relative}.page-product .h-step-num, .page-versicherungen .h-step-num{width:40px;height:40px;background:var(--gold);color:var(--navy);font-size:0.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:2px;margin:0 auto 1rem;position:relative;z-index:1}.page-product .h-step strong, .page-versicherungen .h-step strong{display:block;font-size:0.88rem;color:var(--white);margin-bottom:0.45rem;font-weight:600}.page-product .h-step span, .page-versicherungen .h-step span{font-size:0.8rem;color:rgba(255,255,255,0.6);line-height:1.6}/* TEAM */.page-product #team, .page-versicherungen #team{background:var(--cream)}.page-product .team-card, .page-versicherungen .team-card{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center;background:var(--white);border:1px solid var(--cream-dark);border-top:2px solid var(--gold);padding:1.75rem;border-radius:2px;max-width:640px;margin:0 auto}.page-product .team-avatar, .page-versicherungen .team-avatar{width:88px;height:88px;background:var(--cream-dark);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--gold-dark)}.page-product .team-card h3, .page-versicherungen .team-card h3{font-size:1rem;margin-bottom:0.2rem}.page-product .team-role, .page-versicherungen .team-role{font-size:0.78rem;color:var(--gold-dark);font-weight:500;margin-bottom:0.5rem}.page-product .team-card p, .page-versicherungen .team-card p{font-size:0.85rem;margin:0}/* FAQ */.page-product #faq, .page-versicherungen #faq{}.page-product .faq-list, .page-versicherungen .faq-list{max-width:760px;margin:0 auto}.page-product .faq-item, .page-versicherungen .faq-item{border-bottom:1px solid var(--cream-dark)}.page-product .faq-item summary, .page-versicherungen .faq-item summary{cursor:pointer;padding:1.1rem 0;font-size:0.92rem;font-weight:600;color:var(--navy);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}.page-product .faq-item summary::-webkit-details-marker, .page-versicherungen .faq-item summary::-webkit-details-marker{display:none}.page-product .faq-item summary::after, .page-versicherungen .faq-item summary::after{content:'+';font-size:1.1rem;color:var(--gold);font-weight:400;flex-shrink:0}.page-product .faq-item[open] summary::after, .page-versicherungen .faq-item[open] summary::after{content:'−'}.page-product .faq-item summary:focus-visible, .page-versicherungen .faq-item summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:2px}.page-product .faq-body, .page-versicherungen .faq-body{padding:0 0 1.1rem;font-size:0.88rem;color:var(--text-mid);line-height:1.75}/* STIMMEN */.page-product .quote-grid, .page-versicherungen .quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.page-product .quote-card, .page-versicherungen .quote-card{background:var(--white);border:1px solid var(--cream-dark);padding:1.5rem;border-radius:2px}.page-product .quote-stars, .page-versicherungen .quote-stars{color:var(--star);font-size:0.85rem;letter-spacing:2px;margin-bottom:0.65rem}.page-product .quote-text, .page-versicherungen .quote-text{font-size:0.88rem;color:var(--text-mid);line-height:1.75;font-style:italic;margin-bottom:0.85rem}.page-product .quote-name, .page-versicherungen .quote-name{font-size:0.78rem;font-weight:600;color:var(--navy)}.page-product .sec-on-navy .quote-card p, .page-versicherungen .sec-on-navy .quote-card p{color:var(--text-mid)}.page-product .sec-on-navy .quote-card cite, .page-versicherungen .sec-on-navy .quote-card cite{color:var(--navy)}/* CTA */.page-product #cta, .page-versicherungen #cta{background:var(--cream);text-align:center}.page-product #cta h2, .page-versicherungen #cta h2{color:var(--navy);font-size:clamp(1.35rem,2.8vw,2rem);max-width:720px;margin:0 auto 1.25rem}.page-product #cta p, .page-versicherungen #cta p{color:var(--text-mid);max-width:560px;margin:0 auto 2rem;font-size:0.92rem}.page-product #cta .tag, .page-versicherungen #cta .tag{color:var(--gold-dark)}.page-product .cta-meta, .page-versicherungen .cta-meta{margin-top:1.25rem;font-size:0.78rem;color:var(--text-mid)}/* FOOTER */.page-product footer, .page-versicherungen footer{background:var(--navy);color:rgba(255,255,255,0.62);padding:3rem 5% 1.75rem;border-top:1px solid rgba(180,143,71,0.1)}.page-product .footer-grid, .page-versicherungen .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem;max-width:1050px;margin:0 auto 2.25rem}.page-product .footer-brand, .page-versicherungen .footer-brand{font-size:1rem;font-weight:700;color:var(--gold-light);margin-bottom:0.6rem}.page-product .footer-tag, .page-versicherungen .footer-tag{font-size:0.76rem;line-height:1.75;margin-bottom:1.1rem;color:rgba(255,255,255,0.45)}.page-product .footer-contact, .page-versicherungen .footer-contact{font-size:0.76rem;line-height:2.1}.page-product .footer-contact a, .page-versicherungen .footer-contact a{color:var(--gold);text-decoration:none}.page-product .footer-col h4, .page-versicherungen .footer-col h4{font-size:0.68rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--white);margin-bottom:0.85rem}.page-product .footer-links, .page-versicherungen .footer-links{list-style:none;font-size:0.76rem;line-height:2.2}.page-product .footer-links a, .page-versicherungen .footer-links a{color:rgba(255,255,255,0.50);text-decoration:none;transition:color 0.2s}.page-product .footer-links a:hover, .page-versicherungen .footer-links a:hover{color:var(--gold-light)}.page-product .footer-bottom, .page-versicherungen .footer-bottom{border-top:1px solid rgba(255,255,255,0.05);padding-top:1.25rem;font-size:0.72rem;color:rgba(255,255,255,0.42);max-width:1050px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:0.5rem}.page-product .footer-bottom a, .page-versicherungen .footer-bottom a{color:rgba(255,255,255,0.55);text-decoration:none}.page-product .wa-float, .page-versicherungen .wa-float{position:fixed;bottom:1.5rem;right:1.5rem;z-index:90;display:flex;align-items:center;gap:0.65rem}.page-product .wa-float-label, .page-versicherungen .wa-float-label{font-size:0.72rem;background:var(--white);color:var(--navy);padding:0.4rem 0.75rem;border-radius:2px;box-shadow:0 2px 12px rgba(13,27,42,0.12);opacity:0;transform:translateX(8px);transition:opacity 0.2s,transform 0.2s;pointer-events:none;white-space:nowrap}.page-product .wa-float:hover .wa-float-label, .page-versicherungen .wa-float:hover .wa-float-label{opacity:1;transform:translateX(0)}.page-product .wa-float-btn, .page-versicherungen .wa-float-btn{width:52px;height:52px;background:var(--wa);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);box-shadow:0 4px 16px rgba(13,27,42,0.2);transition:transform 0.2s}.page-product .wa-float-btn:hover, .page-versicherungen .wa-float-btn:hover{transform:scale(1.05)}.page-product .wa-float-btn:focus-visible, .page-versicherungen .wa-float-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}/* versicherungen responsive → RESPONSIVE-Block unten */

/* ═══ BLOG (blog.html) ═══ */
.page-blog #blog-hero{padding:calc(68px + 3.5rem) 5% 3rem;background:var(--cream);border-bottom:1px solid var(--cream-dark)}.page-blog .blog-hero-inner{max-width:820px}.page-blog .blog-hero-inner h1{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;margin-bottom:0.5rem}.page-blog .blog-hero-sub{font-size:clamp(1.1rem,2vw,1.45rem);font-weight:600;color:var(--gold-dark);margin-bottom:1.25rem}.page-blog .blog-hero-quote{font-size:clamp(0.85rem,1.5vw,1rem);font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--navy);line-height:1.45;margin-bottom:1.5rem;max-width:720px}.page-blog .blog-hero-intro{max-width:760px}.page-blog .blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:2.5rem;padding:3rem 5% 4rem;max-width:1200px;margin:0 auto;align-items:start}.page-blog .blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.page-blog .blog-card{background:var(--white);border:1px solid var(--cream-dark);border-radius:2px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow 0.2s,transform 0.2s}.page-blog .blog-card:hover{box-shadow:0 12px 32px rgba(13,27,42,0.08);transform:translateY(-2px)}.page-blog .blog-card-img{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--navy-mid)}.page-blog .blog-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.35s}.page-blog .blog-card:hover .blog-card-img img{transform:scale(1.03)}.page-blog .blog-card-body{padding:1.15rem 1.25rem 1.35rem;display:flex;flex-direction:column;flex:1}.page-blog .blog-card-meta{font-size:0.72rem;color:var(--text-muted);margin-bottom:0.55rem;line-height:1.5}.page-blog .blog-card-title{font-size:1rem;font-weight:700;margin-bottom:0.85rem;line-height:1.35;flex:1}.page-blog .blog-card-title a{color:var(--navy);text-decoration:none}.page-blog .blog-card-title a:hover{color:var(--gold-dark)}.page-blog .blog-card-link{font-size:0.78rem;font-weight:600;color:var(--gold-dark);text-decoration:none;letter-spacing:0.02em}.page-blog .blog-card-link:hover{color:var(--gold)}.page-blog .blog-sidebar{position:sticky;top:88px;display:flex;flex-direction:column;gap:1.5rem}.page-blog .sidebar-box{background:var(--white);border:1px solid var(--cream-dark);border-top:2px solid var(--gold);border-radius:2px;padding:1.35rem 1.25rem}.page-blog .sidebar-box h4{font-size:0.82rem;font-weight:700;margin-bottom:1rem;color:var(--navy);letter-spacing:0.02em}.page-blog .sidebar-links{list-style:none;font-size:0.82rem;line-height:1.55}.page-blog .sidebar-links li{border-bottom:1px solid var(--cream-dark);padding:0.55rem 0}.page-blog .sidebar-links li:last-child{border-bottom:none;padding-bottom:0}.page-blog .sidebar-links a{color:var(--text-mid);text-decoration:none;transition:color 0.2s}.page-blog .sidebar-links a:hover{color:var(--gold-dark)}.page-blog .sidebar-cats a{display:flex;justify-content:space-between;align-items:center}.page-blog #newsletter{background:var(--navy-mid);padding:3.5rem 5%;border-top:1px solid rgba(180,143,71,0.12)}.page-blog .newsletter-inner{max-width:640px;margin:0 auto;text-align:center}.page-blog .newsletter-inner h2{color:var(--white);font-size:clamp(1.2rem,2.5vw,1.55rem);margin-bottom:0.65rem}.page-blog .newsletter-inner>p{color:rgba(255,255,255,0.72);margin-bottom:1.75rem;font-size:0.92rem}.page-blog .newsletter-form{display:flex;flex-direction:column;gap:1rem;text-align:left;background:rgba(255,255,255,0.04);border:1px solid rgba(180,143,71,0.15);padding:1.5rem;border-radius:2px}.page-blog .newsletter-form label{font-size:0.78rem;font-weight:600;color:rgba(255,255,255,0.85);display:block;margin-bottom:0.35rem}.page-blog .newsletter-form input[type="email"]{width:100%;padding:0.85rem 1rem;border:1px solid rgba(180,143,71,0.25);border-radius:2px;background:var(--white);font-family:inherit;font-size:0.92rem;color:var(--navy)}.page-blog .newsletter-form input[type="email"]:focus{outline:2px solid var(--gold);outline-offset:1px}.page-blog .consent-row{display:flex;align-items:flex-start;gap:0.65rem;font-size:0.78rem;color:rgba(255,255,255,0.65);line-height:1.55}.page-blog .consent-row input{margin-top:3px;flex-shrink:0;width:16px;height:16px;accent-color:var(--gold)}.page-blog .consent-row a{color:var(--gold-light)}.page-blog .btn{display:inline-flex;align-items:center;justify-content:center;padding:0.9rem 1.75rem;font-size:0.88rem;font-weight:600;text-decoration:none;border-radius:2px;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:background 0.2s,transform 0.2s}.page-blog .btn-gold{background:var(--gold);color:var(--navy)}.page-blog .btn-gold:hover{background:var(--gold-light);transform:translateY(-1px)}.page-blog #blog-promo{background:var(--white);padding:4.5rem 5%;border-top:1px solid var(--cream-dark)}.page-blog .promo-head{text-align:center;max-width:760px;margin:0 auto 3rem}.page-blog .promo-head .promo-kicker{font-size:clamp(1.35rem,2.8vw,1.85rem);font-weight:800;text-transform:uppercase;letter-spacing:0.02em;color:var(--navy);line-height:1.15;margin-bottom:0.35rem}.page-blog .promo-head h2{font-size:clamp(1.05rem,2vw,1.35rem);font-weight:600;color:var(--gold-dark);line-height:1.35}.page-blog .promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:0 auto}.page-blog .promo-card{padding:1.75rem 1.5rem;background:var(--cream);border:1px solid var(--cream-dark);border-top:2px solid var(--gold);border-radius:2px}.page-blog .promo-card h3{font-size:0.95rem;margin-bottom:0.75rem;color:var(--navy)}.page-blog .promo-card p{font-size:0.83rem;line-height:1.7}.page-blog footer{background:var(--navy);color:rgba(255,255,255,0.62);padding:3rem 5% 1.75rem;border-top:1px solid rgba(180,143,71,0.1)}.page-blog .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem;max-width:1050px;margin:0 auto 2.25rem}.page-blog .footer-brand{font-size:1rem;font-weight:700;color:var(--gold-light);margin-bottom:0.6rem}.page-blog .footer-tag{font-size:0.76rem;line-height:1.75;margin-bottom:1.1rem;color:rgba(255,255,255,0.45)}.page-blog .footer-contact{font-size:0.76rem;line-height:2.1}.page-blog .footer-contact a{color:var(--gold);text-decoration:none}.page-blog .footer-col h4{font-size:0.68rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--white);margin-bottom:0.85rem}.page-blog .footer-links{list-style:none;font-size:0.76rem;line-height:2.2}.page-blog .footer-links a{color:rgba(255,255,255,0.50);text-decoration:none;transition:color 0.2s}.page-blog .footer-links a:hover{color:var(--gold-light)}.page-blog .footer-bottom{border-top:1px solid rgba(255,255,255,0.05);padding-top:1.25rem;font-size:0.72rem;color:rgba(255,255,255,0.42);max-width:1050px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:0.5rem}.page-blog .footer-bottom a{color:rgba(255,255,255,0.55);text-decoration:none}.page-blog .wa-float{position:fixed;bottom:1.75rem;right:1.75rem;z-index:200;display:flex;flex-direction:column;align-items:flex-end;gap:0.4rem}.page-blog .wa-float-label{font-size:0.72rem;background:var(--navy);color:rgba(255,255,255,0.78);padding:0.3rem 0.7rem;border-radius:2px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,0.25)}.page-blog .wa-float-btn{width:48px;height:48px;background:var(--wa);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);box-shadow:0 4px 14px color-mix(in oklch,var(--wa) 35%,transparent);text-decoration:none;transition:transform 0.2s}.page-blog .wa-float-btn:hover{transform:scale(1.08)}/* blog responsive → RESPONSIVE-Block unten */


/* ═══ RESPONSIVE — Desktop default, mobile ≤900px (scoped per page) ═══ */
html{overflow-x:clip}
img,video,picture,svg{max-width:100%;height:auto}

/* Desktop hero: short viewports — nur Keywords ausblenden */


@media(max-width:1023px){
 .page-blog .blog-layout{grid-template-columns:1fr;gap:2rem}
 .page-blog .blog-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
}

@media(max-width:900px){
 .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}

 
 .page-product #hero, .page-versicherungen #hero{padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0))}
 .page-index .sec,
 .page-product .sec, .page-versicherungen .sec{padding:var(--section-y) var(--gutter)}
 .page-index .sec-sm,
 .page-product .sec-sm, .page-versicherungen .sec-sm{padding:clamp(2rem,5vw,3.5rem) var(--gutter)}
 /* vertrauen padding via dedicated block */
 .page-index #video,
 .page-product #video, .page-versicherungen #video{padding:var(--section-y) var(--gutter)}
 .page-blog #blog-hero{padding:calc(var(--nav-h) + env(safe-area-inset-top,0) + 2rem) var(--gutter) 2rem}
 .page-blog .blog-layout{padding:2rem var(--gutter) 3rem}
 .page-blog #newsletter,
 .page-blog #blog-promo{padding:var(--section-y) var(--gutter)}

 .page-index .footer-grid,
 .page-product .footer-grid,
 .page-blog .footer-grid,
 .page-kontakt .footer-grid, .page-versicherungen .footer-grid,
 .page-blog .footer-grid,
 .page-kontakt .footer-grid{grid-template-columns:1fr;gap:1.75rem}
 .page-index footer,
 .page-product footer,
 .page-blog footer,
 .page-kontakt footer, .page-versicherungen footer,
 .page-blog footer,
 .page-kontakt footer{padding:2.5rem var(--gutter) 1.5rem}

 .page-index .wa-float,
 .page-product .wa-float,
 .page-blog .wa-float,
 .page-kontakt .wa-float, .page-versicherungen .wa-float,
 .page-blog .wa-float,
 .page-kontakt .wa-float{bottom:calc(1rem + env(safe-area-inset-bottom,0));right:calc(1rem + env(safe-area-inset-right,0))}

 /* INDEX — mobile hero (Richter-Stil: Beratungsfoto oben, heller Textblock darunter) */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .page-index .person-grid,
 .page-index .familie-grid,
 .page-index .sck-grid,
 .page-index .bilder-grid,
 .page-index .kf-grid{grid-template-columns:1fr;gap:1.75rem}
 /* Die Motivumschaltung macht jetzt <picture media="…"> im HTML, nicht
    mehr zwei per CSS getoggelte <img>. Hier bleibt nur der Bildausschnitt
    — ein display:none wuerde das einzige verbliebene <img> ausblenden. */
 .page-index .sck-img-wrap .sck-img-desktop{display:block;object-position:50% 38%}
 .page-index .person-grid{align-items:start}
 .page-index .person-img-wrap{max-width:220px;margin:0 auto}
 .page-index .familie-left .familie-media{margin-top:1.25rem;padding-top:0}
 .page-index .familie-team{height:auto;min-height:0}
 .page-index .familie-team-list,
 .page-index .tp{flex:none}
 .page-index .tp{padding:0.75rem 0}
 .page-index .bild-wrap img{height:clamp(200px,55vw,280px)}
 .page-index .stim-slider-main{grid-template-columns:1fr;min-height:0}
 .ggl-reviews-list{grid-template-columns:1fr}
 .ggl-reviews-intro{max-width:none;margin-bottom:1.5rem}
 .page-index .stim-video-panel{padding:1.25rem 1.25rem 0.5rem}
 .page-index .stim-video-frame{max-width:min(280px,100%);margin:0 auto}
 .page-index .stim-quote-panel{padding:1.25rem 1.25rem 1.5rem}
 .page-index .stim-text{max-height:none;overflow:visible}
 .page-index .stim-controls{flex-direction:column;align-items:stretch}
 .page-index .stim-dots{order:-1}
 .page-index .stim-dot{min-width:44px;height:44px;font-size:0.62rem;padding:0 0.45rem}
 .page-index .stim-headline{font-size:1.05rem}
 .page-index .stim-dots{gap:0.35rem}
 .page-index .trust-grid{grid-template-columns:repeat(2,1fr);gap:0.85rem}
 .page-index .trust-num{font-size:1.65rem}

 /* VERSICHERUNGEN — mobile */
 .page-product #hero, .page-versicherungen #hero{
 flex-direction:column;
 min-height:0;
 padding-top:var(--nav-h);
 }
 .page-product .hero-left,
 .page-product .hero-right, .page-versicherungen .hero-right, .page-versicherungen .hero-left,
 .page-product .hero-right, .page-versicherungen .hero-right{
 flex:none;
 max-width:100%;
 width:100%;
 }
 .page-product .hero-right, .page-versicherungen .hero-right{
 order:-1;
 height:clamp(220px,52vw,320px);
 }
 .page-vermoegensaufbau .hero-right,
 .page-kunst .hero-right{
 height:clamp(260px,68vw,400px);
 }
 .page-vermoegensaufbau .hero-right img,
 .page-kunst .hero-right img{object-position:center 28%}
 .page-product .hero-right::after, .page-versicherungen .hero-right::after{
 background:linear-gradient(to bottom,var(--cream) 0%,transparent 38%);
 }
 .page-product .hero-left, .page-versicherungen .hero-left{padding:1.75rem var(--gutter) 2.5rem}
 .page-product .hero-lead, .page-versicherungen .hero-lead{font-size:clamp(0.95rem,3.8vw,1.05rem)}
 .page-product .hero-ctas, .page-versicherungen .hero-ctas{flex-direction:column;align-items:stretch}
 .page-product .hero-ctas .btn, .page-versicherungen .hero-ctas .btn{width:100%;text-align:center}
 .page-product .usp-grid, .page-versicherungen .usp-grid{grid-template-columns:1fr;gap:1rem}
 .page-product .cat-grid, .page-versicherungen .cat-grid{grid-template-columns:1fr;gap:1rem}
 .page-product .split,
 .page-product .compare-grid,
 .page-versicherungen .compare-grid, .page-versicherungen .split{grid-template-columns:1fr}
 .page-product .h-steps, .page-versicherungen .h-steps{grid-template-columns:1fr;gap:1.25rem;margin-top:2rem}
 .page-product .h-steps::before, .page-versicherungen .h-steps::before{display:none}
 .page-product .h-step, .page-versicherungen .h-step{padding:0;text-align:left;display:grid;grid-template-columns:40px 1fr;gap:0.85rem 1rem;align-items:start}
 .page-product .h-step-num, .page-versicherungen .h-step-num{margin:0}
 .page-product .team-card, .page-versicherungen .team-card{grid-template-columns:1fr;text-align:center;justify-items:center}

 /* BLOG — mobile */
 .page-blog .blog-grid{grid-template-columns:1fr}
 .page-blog .blog-sidebar{grid-template-columns:1fr}
 .page-blog .promo-grid{grid-template-columns:1fr}
}

/* Desktop-Browser mit schmalem Fenster: Maus-Gerät → Desktop-Bild behalten */


@media(max-width:900px) and (min-width:480px){
 
 
 .page-product .hero-ctas, .page-versicherungen .hero-ctas{flex-direction:row;flex-wrap:wrap}
 .page-product .hero-ctas .btn, .page-versicherungen .hero-ctas .btn{width:auto;flex:1 1 auto}
}

@media(max-width:900px) and (min-width:600px){
 .page-index .trust-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.25rem}
 .page-index .trust-num{font-size:2rem}
 .page-product .usp-grid, .page-versicherungen .usp-grid{grid-template-columns:repeat(2,1fr)}
 .page-product .h-steps, .page-versicherungen .h-steps{grid-template-columns:1fr 1fr}
 .page-blog .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-blog .promo-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:767px){
 .page-blog .blog-sidebar{grid-template-columns:1fr}
}

/* ═══ Page body defaults ═══ */
.page-index { background: var(--white); color: var(--text-dark); }
.page-product, .page-versicherungen, .page-blog, .page-kontakt { background: var(--cream); color: var(--text-dark); }
.page-legal { background: var(--cream); color: var(--text-dark); }

/* ═══ BLOG — Artikel-Detailseite ═══ */
.page-blog-article { background: var(--cream); color: var(--text-dark); }
.page-blog-article .blog-article-wrap {
 max-width: 820px;
 margin: 0 auto;
 padding: calc(var(--nav-h) + 3rem) 5% 4rem;
}
.page-blog-article .blog-article-back {
 display: inline-block;
 margin-bottom: 1.5rem;
 color: var(--gold-dark);
 font-weight: 600;
 text-decoration: none;
}
.page-blog-article .blog-article-back:hover { text-decoration: underline; }
.page-blog-article .blog-article-meta {
 font-size: 0.85rem;
 color: var(--text-mid);
 margin-bottom: 0.75rem;
}
.page-blog-article .blog-article-header h1 {
 font-size: clamp(1.75rem, 3.5vw, 2.35rem);
 font-weight: 800;
 line-height: 1.2;
 margin-bottom: 1rem;
}
.page-blog-article .blog-article-lead {
 font-size: 1.1rem;
 line-height: 1.65;
 color: var(--text-mid);
 margin-bottom: 1.5rem;
}
.page-blog-article .blog-article-hero {
 margin: 0 0 2rem;
 border-radius: 2px;
 overflow: hidden;
}
.page-blog-article .blog-article-hero img {
 width: 100%;
 height: auto;
 display: block;
 object-fit: cover;
}
.page-blog-article .blog-article-body {
 font-size: 1.02rem;
 line-height: 1.75;
 color: var(--text-dark);
}
.page-blog-article .blog-article-body p { margin: 0 0 1.15rem; }
.page-blog-article .blog-article-body h2,
.page-blog-article .blog-article-body h3 {
 margin: 2rem 0 0.75rem;
 font-weight: 700;
 line-height: 1.3;
}
.page-blog-article .blog-article-body ul,
.page-blog-article .blog-article-body ol {
 margin: 0 0 1.15rem 1.25rem;
}
.page-blog-article .blog-article-body li { margin-bottom: 0.35rem; }
.page-blog-article .blog-article-body a {
 color: var(--gold-dark);
 text-decoration: underline;
}
.page-blog-article .blog-article-body img {
 max-width: 100%;
 height: auto;
 margin: 1.5rem 0;
 border-radius: 2px;
}
.page-blog .blog-empty-hint,
.page-blog-article .blog-empty-hint {
 color: var(--text-mid);
 padding: 2rem 0;
}
.page-blog .blog-card-excerpt {
 font-size: 0.92rem;
 line-height: 1.55;
 color: var(--text-mid);
 margin-bottom: 0.75rem;
}

/* ═══ Kontakt / Calendly inline ═══ */
.page-kontakt .kontakt-hero{
 padding:calc(var(--nav-h) + env(safe-area-inset-top,0) + 2.5rem) var(--gutter) 2rem;
 background:var(--cream);
 border-bottom:1px solid var(--cream-dark);
}
.page-kontakt .kontakt-hero-inner{max-width:720px;margin:0 auto;text-align:center}
.page-kontakt .kontakt-hero h1{
 font-size:clamp(1.85rem,4vw,2.65rem);
 font-weight:800;
 color:var(--navy);
 margin:0.75rem 0 1rem;
 line-height:1.15;
}
.page-kontakt .kontakt-hero-lead{
 font-size:clamp(1rem,2vw,1.2rem);
 font-weight:600;
 color:var(--gold-dark);
 margin-bottom:0.75rem;
}
.page-kontakt .kontakt-hero-note{
 font-size:0.95rem;
 color:var(--text-mid);
 max-width:560px;
 margin:0 auto;
 line-height:1.55;
}
.page-kontakt .kontakt-layout{
 display:grid;
 grid-template-columns:minmax(0,280px) minmax(0,1fr);
 gap:2rem;
 max-width:1100px;
 margin:0 auto;
 padding:2.5rem var(--gutter) 4rem;
 align-items:start;
}
.page-kontakt .kontakt-aside{
 background:var(--white);
 border:1px solid var(--cream-dark);
 border-radius:2px;
 padding:1.5rem;
}
.page-kontakt .kontakt-aside-title{
 font-size:1rem;
 font-weight:700;
 color:var(--navy);
 margin:0 0 1.25rem;
}
.page-kontakt .kontakt-list{
 list-style:none;
 margin:0;
 padding:0;
 display:grid;
 gap:1.1rem;
}
.page-kontakt .kontakt-label{
 display:block;
 font-size:0.68rem;
 font-weight:700;
 letter-spacing:0.12em;
 text-transform:uppercase;
 color:var(--text-muted);
 margin-bottom:0.2rem;
}
.page-kontakt .kontakt-list a,
.page-kontakt .kontakt-list address{
 font-style:normal;
 font-size:0.95rem;
 font-weight:600;
 color:var(--navy);
 line-height:1.45;
 text-decoration:none;
}
.page-kontakt .kontakt-list a:hover{color:var(--gold-dark);text-decoration:underline}
.page-kontakt .kontakt-privacy{
 margin:1.5rem 0 0;
 font-size:0.78rem;
 line-height:1.5;
 color:var(--text-muted);
}
.page-kontakt .kontakt-privacy a{color:var(--gold-dark)}
.page-kontakt .kontakt-calendar{
 background:var(--white);
 border:1px solid var(--cream-dark);
 border-radius:2px;
 padding:1.25rem 1rem 1rem;
 min-width:0;
}
.page-kontakt .kontakt-calendar h2{
 font-size:1.15rem;
 font-weight:800;
 color:var(--navy);
 margin:0 0.75rem 0.35rem;
 padding:0 0.5rem;
}
.page-kontakt .kontakt-calendar-intro{
 font-size:0.9rem;
 color:var(--text-mid);
 margin:0 0 1rem;
 padding:0 0.5rem;
 line-height:1.5;
}
.page-kontakt .calendly-inline-widget{
 width:100%;
 border-radius:2px;
 overflow:hidden;
}
@media(max-width:900px){
 .page-kontakt .kontakt-layout{grid-template-columns:1fr;gap:1.5rem}
 .page-kontakt .kontakt-calendar .calendly-inline-widget{height:680px!important}
}

/* Nav-Dropdown — Geldanlage / Über uns */
.nav-links > li{display:flex;align-items:center}
.nav-dropdown{position:relative;display:inline-flex;align-items:center;gap:0.2rem}
.nav-drop-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:rgba(255,255,255,0.72);cursor:pointer;padding:0;margin:0;line-height:0;width:1.1rem;height:1.1rem;min-width:0;min-height:0;border-radius:2px;position:relative;flex-shrink:0}
/* Touch-Ziel ~44px, ohne die Label-Baseline anzuheben */
.nav-drop-toggle::after{content:'';position:absolute;inset:-14px}
.nav-drop-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.nav-drop-toggle svg{width:9px;height:6px;transition:transform 0.2s}
.nav-dropdown:hover .nav-drop-toggle svg,
.nav-dropdown.is-open .nav-drop-toggle svg,
.nav-dropdown:focus-within .nav-drop-toggle svg{transform:rotate(180deg)}
.nav-dropdown-menu{list-style:none;margin:0;padding:0.5rem;position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%,-6px);min-width:220px;background:var(--navy-mid);border:1px solid rgba(180,143,71,0.18);border-radius:4px;box-shadow:0 16px 32px rgba(0,0,0,0.35);opacity:0;visibility:hidden;transition:opacity 0.15s,transform 0.15s,visibility 0.15s;z-index:120}
.nav-dropdown:hover .nav-dropdown-menu,
.nav-dropdown.is-open .nav-dropdown-menu,
.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav-dropdown-menu li{width:auto;border-top:none!important;display:block}
.nav-dropdown-menu a{display:block;padding:0.6rem 0.85rem;font-size:0.74rem;letter-spacing:0.04em;text-transform:none;white-space:nowrap;color:rgba(255,255,255,0.78);border-radius:2px}
.nav-dropdown-menu a:hover,
.nav-dropdown-menu a.is-active{color:var(--gold-light);background:rgba(180,143,71,0.1)}

@media(max-width:1080px){
 .nav-links > li{display:block}
 .nav-dropdown{display:flex;flex-wrap:wrap;gap:0}
 .nav-dropdown > a{flex:1 1 auto}
 .nav-drop-toggle{width:44px;height:44px;min-width:44px;min-height:44px}
 .nav-drop-toggle::after{display:none}
 .nav-dropdown-menu{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:none;background:transparent;padding:0 0 0 1rem;width:100%;max-height:0;overflow:hidden;transition:max-height 0.25s ease}
 /* Desktop-Regel (.is-open → translate(-50%,0)) neutralisieren, sonst rutscht das Untermenü aus dem Viewport */
 .nav-dropdown:hover .nav-dropdown-menu,
 .nav-dropdown.is-open .nav-dropdown-menu,
 .nav-dropdown:focus-within .nav-dropdown-menu{transform:none}
 .nav-dropdown.is-open .nav-dropdown-menu{max-height:480px}
 .nav-dropdown-menu a{padding:0.75rem 0;font-size:0.72rem;color:rgba(255,255,255,0.6);min-height:44px}
}

/* INDEX HERO — Desktop Fullscreen-Overlay ab 901px, Mobile siehe @media(max-width:900px) */






/* Nav — kompakter CTA auf mittleren Viewports */
.nav-cta-short{display:none}
@media(min-width:1081px) and (max-width:1440px){
 .nav-cta-long{display:none}
 .nav-cta-short{display:inline}
}
@media(min-width:1181px) and (max-width:1440px){
 .nav-links{gap:1.65rem}
 .nav-links a{font-size:0.76rem}
}
@media(min-width:1081px) and (max-width:1180px){
 .nav-shell{gap:1rem}
}

/* FinanceApp Seite */
.page-finance-app .finance-login-bar{
 display:flex;
 flex-wrap:wrap;
 gap:0.75rem;
 margin-top:1.5rem;
}
.page-finance-app .finance-feature-grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
 gap:1.25rem;
 max-width:1100px;
 margin:0 auto;
}
.page-finance-app .finance-feature{
 background:var(--white);
 border:1px solid var(--cream-dark);
 border-top:2px solid var(--gold);
 padding:1.5rem;
 border-radius:2px;
}
.page-finance-app .finance-feature h3{
 font-size:0.95rem;
 color:var(--navy);
 margin-bottom:0.45rem;
}
.page-finance-app .finance-feature p{
 font-size:0.83rem;
 color:var(--text-mid);
 line-height:1.65;
}
.page-finance-app .finance-ident{
 background:var(--navy);
 color:rgba(255,255,255,0.78);
 border-radius:2px;
 padding:2rem;
 max-width:900px;
 margin:0 auto;
 border-top:2px solid var(--gold);
}
.page-finance-app .finance-ident h3{color:var(--white);margin-bottom:0.75rem}
.page-finance-app .finance-ident p{font-size:0.88rem;line-height:1.7;margin-bottom:0.75rem}
.page-finance-app .finance-ident a{color:var(--gold-light)}

/* Über-uns Seite */
.page-ueber-uns #hero.ueber-hero--bg{
 position:relative;
 min-height:clamp(640px,92vh,920px);
 display:flex;
 align-items:center;
 justify-content:center;
 padding:calc(var(--nav-h) + 2.5rem) var(--gutter) 3rem;
 color:var(--navy);
 overflow:hidden;
}
.page-ueber-uns .ueber-hero-bg{
 position:absolute;
 inset:0;
 z-index:0;
}
.page-ueber-uns .ueber-hero-bg picture{
 display:block;
 width:100%;
 height:100%;
}
.page-ueber-uns .ueber-hero-bg img{
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:center 22%;
 display:block;
}
.page-ueber-uns .ueber-hero-overlay{
 position:absolute;
 inset:0;
 z-index:1;
 background:linear-gradient(
 180deg,
 rgba(255,252,247,0.93) 0%,
 rgba(255,252,247,0.89) 40%,
 rgba(255,252,247,0.80) 100%
 );
}
.page-ueber-uns .ueber-hero-inner{
 position:relative;
 z-index:2;
 width:100%;
 max-width:1120px;
 margin:0 auto;
 text-align:center;
 display:flex;
 flex-direction:column;
 align-items:center;
}
.page-ueber-uns .ueber-hero-inner .hero-eyebrow{
 justify-content:center;
 margin-bottom:1.1rem;
}
.page-ueber-uns .ueber-hero-inner .hero-h1{
 margin-bottom:1.1rem;
 font-size:clamp(1.85rem,3.6vw,2.85rem);
 line-height:1.1;
 max-width:18ch;
}
.page-ueber-uns .ueber-hero-inner .hero-sub{
 max-width:52ch;
 margin:0 auto;
 font-size:clamp(0.92rem,1.4vw,1.05rem);
 line-height:1.65;
}
.page-ueber-uns .ueber-hero-stats{
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 gap:0.65rem 1.75rem;
 list-style:none;
 margin:1.5rem 0 0;
 padding:0;
 max-width:900px;
}
.page-ueber-uns .ueber-hero-stats li{
 font-size:0.82rem;
 color:var(--text-mid);
 line-height:1.5;
 padding-left:0;
 position:relative;
}
.page-ueber-uns .ueber-hero-stats li::before{
 content:'·';
 margin-right:0.35rem;
 color:var(--gold-dark);
 font-weight:700;
}
.page-ueber-uns .ueber-hero-inner .hero-ctas{
 justify-content:center;
 flex-wrap:wrap;
 margin-top:1.75rem;
 gap:0.75rem;
}
.page-ueber-uns .ueber-hero-usps{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:1rem;
 width:100%;
 margin-top:clamp(2rem,4vw,2.75rem);
 text-align:center;
}
.page-ueber-uns .ueber-hero-usps .usp-card{
 background:rgba(255,255,255,0.82);
 backdrop-filter:blur(6px);
 border:1px solid rgba(180,143,71,0.22);
 border-top:2px solid var(--gold);
 padding:1.25rem 1rem;
 border-radius:2px;
}
.page-ueber-uns .ueber-hero-usps .usp-icon{
 margin:0 auto 0.65rem;
}
.page-ueber-uns .ueber-hero-usps .usp-card h3{
 font-size:0.88rem;
 margin-bottom:0.45rem;
}
.page-ueber-uns .ueber-hero-usps .usp-card p{
 font-size:0.78rem;
 line-height:1.6;
 color:var(--text-mid);
}
.page-ueber-uns .ueber-section{scroll-margin-top:calc(var(--nav-h) + 3.25rem)}
.ueber-subnav{
 position:sticky;
 top:var(--nav-h);
 z-index:50;
 background:rgba(255,255,255,0.96);
 backdrop-filter:blur(8px);
 border-bottom:1px solid var(--cream-dark);
}
.ueber-subnav-inner{
 display:flex;
 gap:0;
 max-width:1100px;
 margin:0 auto;
 padding:0 var(--gutter);
 overflow-x:auto;
 -webkit-overflow-scrolling:touch;
 scrollbar-width:none;
}
.ueber-subnav-inner::-webkit-scrollbar{display:none}
.ueber-subnav-link{
 flex-shrink:0;
 padding:0.85rem 1.1rem;
 font-size:0.72rem;
 font-weight:600;
 letter-spacing:0.06em;
 text-transform:uppercase;
 text-decoration:none;
 color:var(--text-muted);
 border-bottom:2px solid transparent;
 transition:color 0.2s,border-color 0.2s;
 white-space:nowrap;
}
.ueber-subnav-link:hover,.ueber-subnav-link.is-active{color:var(--navy);border-bottom-color:var(--gold)}
.ueber-team-shot{
 display:grid;
 grid-template-columns:minmax(0,2fr) minmax(0,1fr);
 max-width:1100px;
 margin:2.25rem auto 0;
 background:var(--white);
 border:1px solid var(--cream-dark);
 border-top:2px solid var(--gold);
 border-radius:2px;
 overflow:hidden;
}
.ueber-team-shot-media{display:block;line-height:0;background:var(--cream);aspect-ratio:3/2}
.ueber-team-shot-media img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}
.ueber-team-shot-caption{
 display:flex;
 flex-direction:column;
 justify-content:center;
 gap:0.65rem;
 padding:clamp(1.25rem,2.5vw,2rem);
 background:var(--cream);
}
.ueber-team-shot-eyebrow{
 font-size:0.68rem;
 font-weight:600;
 letter-spacing:0.14em;
 text-transform:uppercase;
 color:var(--gold-dark);
}
.ueber-team-shot-caption p{font-size:0.92rem;line-height:1.75;color:var(--text-mid);margin:0}
/* Bildunterschrift wird unter ~900px zu schmal für lesbare Zeilen */
@media(max-width:900px){.ueber-team-shot{grid-template-columns:1fr}}
.ueber-team-grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
 gap:1.25rem;
 max-width:1100px;
 margin:2rem auto 0;
}
.ueber-team-card{
 background:var(--white);
 border:1px solid var(--cream-dark);
 border-top:2px solid var(--gold);
 border-radius:2px;
 overflow:hidden;
 display:flex;
 flex-direction:column;
}
.ueber-team-card--lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:0}
.ueber-team-card--future{background:var(--cream);border-style:dashed}
.ueber-team-photo{display:block;line-height:0;background:var(--cream);aspect-ratio:3/2;overflow:hidden}
.ueber-team-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.ueber-team-card--lead .ueber-team-photo{aspect-ratio:auto;min-height:100%}
.ueber-team-card--lead .ueber-team-photo img{min-height:280px;object-position:center 15%}
.ueber-team-body{padding:1.5rem}
.ueber-team-body h3{font-size:1.05rem;color:var(--navy);margin-bottom:0.35rem}
.ueber-team-role{color:var(--gold-dark);font-weight:600;font-size:0.8rem;margin-bottom:0.75rem}
.ueber-team-body p{font-size:0.88rem;color:var(--text-mid);line-height:1.7;margin-bottom:0.75rem}
/* Ansgar: editorial story – portrait + copy + milestones */
.page-ueber-uns #ansgar.sec{
 padding-top:clamp(3rem,5.5vw,5rem);
 padding-bottom:clamp(3.25rem,6vw,5.5rem);
}
.ueber-ansgar-layout{
 display:grid;
 grid-template-columns:minmax(0,1.08fr) minmax(0,0.92fr);
 gap:clamp(2rem,4.5vw,4rem);
 align-items:start;
}
.ueber-ansgar-copy{min-width:0;max-width:38rem}
.ueber-ansgar-copy .tag{margin-bottom:0.85rem}
.ueber-ansgar-copy h2{
 color:var(--white);
 font-size:clamp(1.55rem,2.8vw,2.35rem);
 line-height:1.2;
 margin-bottom:0.85rem;
}
.ueber-ansgar-lead{
 font-family:var(--font-display);
 font-style:italic;
 font-size:clamp(1.05rem,1.5vw,1.28rem);
 line-height:1.5;
 color:var(--gold-light);
 margin:0 0 1.5rem;
 max-width:28em;
}
.ueber-ansgar-story{
 display:flex;
 flex-direction:column;
 gap:1rem;
 margin-bottom:1.75rem;
}
.ueber-ansgar-story p{
 margin:0;
 font-size:0.95rem;
 line-height:1.75;
 color:rgba(255,255,255,0.74);
}
.ueber-ansgar-milestones{
 list-style:none;
 margin:0 0 1.85rem;
 padding:1.15rem 0 0;
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:0.85rem 1rem;
 border-top:1px solid rgba(180,143,71,0.28);
}
.ueber-ansgar-milestones li{
 display:flex;
 flex-direction:column;
 gap:0.25rem;
 min-width:0;
 padding-top:0.85rem;
 position:relative;
}
.ueber-ansgar-milestones li::before{
 content:'';
 position:absolute;
 top:-1px;
 left:0;
 width:1.5rem;
 height:2px;
 background:var(--gold);
}
.ueber-ansgar-mile-year{
 font-family:var(--font-display);
 font-size:clamp(1.05rem,1.4vw,1.25rem);
 font-weight:600;
 color:var(--gold-light);
 line-height:1.2;
 letter-spacing:0.01em;
}
.ueber-ansgar-mile-label{
 font-size:0.72rem;
 font-weight:500;
 letter-spacing:0.06em;
 text-transform:uppercase;
 color:rgba(255,255,255,0.55);
 line-height:1.4;
}
.ueber-ansgar-media{
 margin:0;
 position:sticky;
 top:calc(var(--nav-h) + 1.25rem);
}
.ueber-ansgar-portrait{
 display:block;
 width:100%;
 aspect-ratio:4/5;
 overflow:hidden;
 border-radius:2px;
 background:#152536;
 border:1px solid rgba(180,143,71,0.22);
}
.ueber-ansgar-portrait img{
 width:100%;
 height:100%;
 display:block;
 object-fit:cover;
 object-position:center 12%;
}
.ueber-ansgar-caption{
 margin-top:0.75rem;
 font-size:0.72rem;
 letter-spacing:0.08em;
 text-transform:uppercase;
 color:rgba(255,255,255,0.45);
}
.ueber-quote{
 margin:0;
 padding:1.25rem 0 0;
 border-left:none;
 border-top:1px solid rgba(180,143,71,0.28);
 background:none;
 font-family:var(--font-display);
 font-style:italic;
 font-size:clamp(1.02rem,1.2vw,1.18rem);
 line-height:1.65;
 color:rgba(255,255,255,0.88);
 max-width:none;
}
#ansgar .ueber-quote footer{
 margin:0.85rem 0 0;
 padding:0;
 background:none;
 border:0;
 font-family:var(--font-family);
 font-style:normal;
 font-size:0.78rem;
 letter-spacing:0.06em;
 text-transform:uppercase;
 color:var(--gold-light);
}

/* Light entrance */
#ansgar.ueber-ansgar--reveal .ueber-ansgar-copy,
#ansgar.ueber-ansgar--reveal .ueber-ansgar-media{
 opacity:0;
 transform:translateY(18px);
 transition:opacity 0.7s ease, transform 0.7s cubic-bezier(0.16,0.84,0.44,1);
}
#ansgar.ueber-ansgar--reveal .ueber-ansgar-media{transition-delay:0.1s}
#ansgar.ueber-ansgar--reveal .ueber-ansgar-copy.is-in,
#ansgar.ueber-ansgar--reveal .ueber-ansgar-media.is-in{
 opacity:1;
 transform:none;
}
@media (prefers-reduced-motion:reduce){
 #ansgar.ueber-ansgar--reveal .ueber-ansgar-copy,
 #ansgar.ueber-ansgar--reveal .ueber-ansgar-media{
  opacity:1;
  transform:none;
  transition:none;
 }
}

.ueber-warum-video{
 margin:clamp(2rem,4vw,3rem) auto 0;
 padding:0;
}
.ueber-warum-video-stage{
 background:linear-gradient(165deg,var(--cream) 0%,var(--white) 55%,var(--cream) 100%);
 border:1px solid var(--cream-dark);
 padding:clamp(1rem,2.5vw,1.75rem);
 position:relative;
}
.ueber-warum-video-stage::before{
 content:'';
 position:absolute;
 top:0;left:clamp(1rem,2.5vw,1.75rem);right:clamp(1rem,2.5vw,1.75rem);
 height:2px;
 background:linear-gradient(90deg,var(--gold) 0%,var(--gold-light) 50%,transparent 100%);
}
.ueber-warum-video-frame{
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(220px,0.42fr);
 gap:0;
 background:var(--navy);
 box-shadow:0 24px 64px rgba(11,38,63,0.16),0 4px 16px rgba(11,38,63,0.08);
 overflow:hidden;
}
.ueber-warum-video-player{
 position:relative;
 background:var(--navy);
 aspect-ratio:16/9;
 min-height:0;
}
.ueber-warum-video-player video{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 background:var(--navy);
 vertical-align:middle;
}
.ueber-warum-video-player video:focus-visible{
 outline:2px solid var(--gold);
 outline-offset:-2px;
}
.ueber-warum-video-scrim{
 position:absolute;
 inset:0;
 background:linear-gradient(to top,rgba(11,38,63,0.55) 0%,rgba(11,38,63,0.08) 45%,transparent 70%);
 pointer-events:none;
 transition:opacity 0.45s ease;
}
.ueber-warum-video-play{
 position:absolute;
 top:50%;left:50%;
 transform:translate(-50%,-50%);
 z-index:2;
 width:4.5rem;height:4.5rem;
 border:none;
 border-radius:50%;
 background:rgba(11,38,63,0.72);
 color:var(--white);
 cursor:pointer;
 display:flex;
 align-items:center;
 justify-content:center;
 padding-left:0.2rem;
 backdrop-filter:blur(6px);
 transition:transform 0.35s ease,background 0.35s ease,opacity 0.35s ease;
}
.ueber-warum-video-play-ring{
 position:absolute;
 inset:-6px;
 border-radius:50%;
 border:1px solid rgba(180,143,71,0.55);
 transition:border-color 0.35s ease,transform 0.35s ease;
}
.ueber-warum-video-play:hover{
 background:rgba(11,38,63,0.88);
 transform:translate(-50%,-50%) scale(1.06);
}
.ueber-warum-video-play:hover .ueber-warum-video-play-ring{
 border-color:var(--gold);
 transform:scale(1.04);
}
.ueber-warum-video-play:focus-visible{
 outline:2px solid var(--gold);
 outline-offset:3px;
}
.ueber-warum-video-player.is-playing .ueber-warum-video-play,
.ueber-warum-video-player.is-playing .ueber-warum-video-scrim{
 opacity:0;
 pointer-events:none;
}
.ueber-warum-video-meta{
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 padding:clamp(1.25rem,2.5vw,2rem);
 border-left:1px solid rgba(180,143,71,0.22);
 background:linear-gradient(160deg,rgba(255,255,255,0.04) 0%,transparent 100%);
 text-align:center;
}
.ueber-warum-video-eyebrow{
 font-size:0.62rem;
 font-weight:600;
 letter-spacing:0.2em;
 text-transform:uppercase;
 color:var(--gold-light);
 margin-bottom:0.75rem;
 display:flex;
 align-items:center;
 justify-content:center;
 gap:0.55rem;
}
.ueber-warum-video-eyebrow::before{
 content:'';
 display:block;
 width:14px;height:1px;
 background:var(--gold);
}
.ueber-warum-video-title{
 font-size:clamp(0.95rem,1.6vw,1.12rem);
 font-weight:600;
 color:var(--white);
 line-height:1.35;
 letter-spacing:-0.01em;
 margin:0;
}
.ueber-warum-video-title strong{color:var(--gold-light);font-weight:700}
.ueber-warum-video-sub{
 margin:0.65rem 0 0;
 font-size:0.78rem;
 color:rgba(255,255,255,0.62);
 line-height:1.6;
}
.ueber-warum-layout{
 margin-top:clamp(2rem,3.5vw,2.75rem);
}
.ueber-warum-usps{
 margin:0;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:1rem;
}
.ueber-warum-usps .usp-card{padding:1.25rem 1.15rem}
.ueber-warum-usps .usp-card h3{font-size:0.92rem}
.ueber-warum-usps .usp-card p{font-size:0.82rem;line-height:1.65}
@media(max-width:1024px){
 .ueber-warum-usps{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ueber-warum-video-frame{grid-template-columns:minmax(0,1fr) minmax(180px,0.38fr)}
}
.ueber-warum-extra{
 max-width:640px;
 margin:2.5rem auto 0;
 text-align:center;
 padding:1.75rem 2rem;
 background:var(--cream);
 border-left:3px solid var(--gold);
 font-size:1.05rem;
 font-weight:500;
 font-style:italic;
 color:var(--text-mid);
 line-height:1.65;
}
.ueber-service-grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
 gap:1.25rem;
 margin-top:2rem;
}
.ueber-service-card{
 background:rgba(255,255,255,0.04);
 border:1px solid rgba(180,143,71,0.18);
 border-top:2px solid var(--gold);
 padding:1.5rem;
 border-radius:2px;
}
.ueber-service-card--highlight{
 grid-column:1/-1;
 background:rgba(180,143,71,0.08);
 border-color:rgba(180,143,71,0.35);
}
.ueber-service-num{
 display:block;
 font-size:0.68rem;
 font-weight:700;
 letter-spacing:0.12em;
 color:var(--gold-light);
 margin-bottom:0.65rem;
}
.ueber-service-card h3{font-size:0.95rem;color:var(--white);margin-bottom:0.5rem}
.ueber-service-card p{font-size:0.85rem;color:rgba(255,255,255,0.72);line-height:1.7;margin-bottom:0.5rem}
@media(max-width:768px){
 .page-ueber-uns #hero.ueber-hero--bg{
 min-height:0;
 padding:calc(var(--nav-h) + 1.5rem) var(--gutter) 2rem;
 }
 .page-ueber-uns .ueber-hero-overlay{
 background:rgba(255,252,247,0.91);
 }
 .page-ueber-uns .ueber-hero-usps{grid-template-columns:1fr}
 .page-ueber-uns .ueber-hero-stats{flex-direction:column;gap:0.45rem;align-items:center}
 .page-ueber-uns .ueber-hero-inner .hero-ctas{flex-direction:column;align-items:stretch;width:100%;max-width:320px}
 .page-ueber-uns .ueber-hero-inner .hero-ctas .btn{width:100%;text-align:center}
 .ueber-team-card--lead{grid-template-columns:1fr}
 .ueber-ansgar-layout{grid-template-columns:1fr;gap:1.75rem}
 .ueber-ansgar-media{position:static;order:-1;max-width:min(100%,340px)}
 .ueber-ansgar-milestones{grid-template-columns:repeat(2,minmax(0,1fr));gap:0.65rem 1rem}
 .ueber-subnav-link{padding:0.75rem 0.85rem;font-size:0.68rem}
 .ueber-warum-video-frame{grid-template-columns:1fr}
 .ueber-warum-video-meta{
 border-left:none;
 border-top:1px solid rgba(180,143,71,0.22);
 text-align:center;
 align-items:center;
 padding:1.25rem 1.5rem 1.5rem;
 }
 .ueber-warum-video-eyebrow{justify-content:center}
}
@media(min-width:769px) and (max-width:1024px){
 .page-ueber-uns .ueber-hero-usps{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* KONTAKT — footer + wa-float */
.page-kontakt footer{background:var(--navy);color:rgba(255,255,255,0.62);padding:3rem 5% 1.75rem;border-top:1px solid rgba(180,143,71,0.1)}
.page-kontakt .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2.5rem;max-width:1050px;margin:0 auto 2.25rem}
/* Diese Regel steht hinter dem Responsive-Block und hat dieselbe
   Spezifitaet wie die dortige Mobile-Regel — ohne die folgende
   Wiederholung bliebe der Footer auf dem Handy dreispaltig und liefe
   aus dem Bildschirm. */
@media(max-width:900px){
 .page-kontakt .footer-grid{grid-template-columns:1fr;gap:1.75rem}
}
.page-kontakt .footer-brand{font-size:1rem;font-weight:700;color:var(--gold-light);margin-bottom:0.6rem}
.page-kontakt .footer-tag{font-size:0.76rem;line-height:1.75;margin-bottom:1.1rem;color:rgba(255,255,255,0.45)}
.page-kontakt .footer-contact{font-size:0.76rem;line-height:2.1}
.page-kontakt .footer-contact a{color:var(--gold);text-decoration:none}
.page-kontakt .footer-col h4{font-size:0.68rem;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:var(--white);margin-bottom:0.85rem}
.page-kontakt .footer-links{list-style:none;font-size:0.76rem;line-height:2.2}
.page-kontakt .footer-links a{color:rgba(255,255,255,0.50);text-decoration:none;transition:color 0.2s}
.page-kontakt .footer-links a:hover{color:var(--gold-light)}
.page-kontakt .footer-bottom{border-top:1px solid rgba(255,255,255,0.05);padding-top:1.25rem;max-width:1050px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:0.5rem;font-size:0.72rem}
.page-kontakt .footer-bottom a{color:rgba(255,255,255,0.55);text-decoration:none}
.page-kontakt .wa-float{position:fixed;bottom:1.5rem;right:1.75rem;z-index:900;display:flex;align-items:center;gap:0.65rem}
.page-kontakt .wa-float-label{font-size:0.72rem;background:var(--white);color:var(--navy);padding:0.4rem 0.75rem;border-radius:2px;box-shadow:0 2px 12px rgba(13,27,42,0.12);white-space:nowrap;opacity:0;transform:translateX(8px);transition:opacity 0.25s,transform 0.25s}
.page-kontakt .wa-float:hover .wa-float-label{opacity:1;transform:translateX(0)}
.page-kontakt .wa-float-btn{width:52px;height:52px;background:var(--wa);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);box-shadow:0 4px 14px rgba(37,211,102,0.35);transition:transform 0.2s;text-decoration:none;flex-shrink:0}
.page-kontakt .wa-float-btn:hover{transform:scale(1.05)}
.page-kontakt .wa-float-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* NAV GROUP — Vermögensaufbau als Gruppenüberschrift in Geldanlage-Dropdown */
.nav-group-hd{display:block;font-size:0.68rem;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold-dark) !important;padding:0.7rem 0 0.2rem;border-top:1px solid rgba(180,143,71,0.18);margin-top:0.35rem;pointer-events:auto}
.nav-group-hd:hover{color:var(--gold) !important}
.nav-dropdown-menu li:first-child .nav-group-hd{border-top:none;margin-top:0}
.nav-sub-item a{padding-left:0.75rem !important;font-size:0.82rem}

/* NAV APP BUTTON */
.nav-app{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;color:rgba(255,255,255,0.88);padding:0.52rem 1.15rem;border-radius:2px;font-size:0.78rem;font-weight:600;letter-spacing:0.02em;text-transform:none;text-decoration:none;white-space:nowrap;border:1px solid rgba(255,255,255,0.32);transition:background 0.2s,border-color 0.2s,color 0.2s}
.nav-app:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.6);color:#fff}
@media(max-width:1080px){.nav-app{width:100%;margin-top:0.5rem;padding:0.85rem 1rem;min-height:44px;font-size:0.82rem;text-align:center;order:-1}}
@media(min-width:1081px) and (max-width:1180px){.nav-app{font-size:0.72rem;padding:0.48rem 0.95rem}}

/* FINANZIERUNG – Expertin */
.expertin-grid{display:grid;grid-template-columns:1fr auto;gap:3.5rem;align-items:center;max-width:980px;margin:0 auto}
.expertin-text h2{font-size:clamp(1.25rem,2.5vw,1.85rem);margin-bottom:0.85rem}
.expertin-video-wrap{width:260px;flex-shrink:0;border-radius:4px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,0.18);border:1px solid rgba(180,143,71,0.18)}
.expertin-video{width:100%;display:block;aspect-ratio:9/16;object-fit:cover;background:#000}
@media(max-width:768px){.expertin-grid{grid-template-columns:1fr;gap:2rem}.expertin-video-wrap{width:100%;max-width:300px;margin:0 auto}}

/* LEISTUNGEN sub-items */
.page-index .lst-subs{margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid var(--cream-dark);display:flex;flex-direction:column;gap:0.45rem}
.page-index .lst-sub{font-size:0.8rem;color:var(--text-mid);text-decoration:none;display:flex;align-items:center;gap:0.5rem;transition:color 0.2s;padding:0.15rem 0}
.page-index .lst-sub::before{content:'–';color:var(--gold);font-weight:600;flex-shrink:0}
.page-index .lst-sub:hover{color:var(--gold-dark)}
.page-index .lst-card:hover{box-shadow:0 6px 24px rgba(13,27,42,0.08);transform:translateY(-2px)}

/* ── Global hero spacing fix: align content to top, reduce height ── */
.page-product #hero, .page-versicherungen #hero{ min-height: 70vh; }
.page-product .hero-left, .page-versicherungen .hero-left{ justify-content: flex-start; padding-top: 2.5rem; }

/* ═══ SUBPAGE LAUNCH FIXES ═══ */
.tag-center{justify-content:center}
.rentenluecke-narrow,.content-narrow{max-width:720px}
.table-narrow{margin:0 auto;max-width:560px}
.page-product .compare-table.table-narrow,
.page-versicherungen .compare-table.table-narrow{max-width:560px;margin-left:auto;margin-right:auto}
.cta-actions{display:block;width:fit-content;margin:2rem auto 1.5rem}
.section-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.section-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.section-grid-3-narrow{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px;margin:0 auto}
.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:2rem}
.process-card{background:var(--white);border:1px solid var(--cream-dark);border-top:2px solid var(--gold);padding:1.75rem;border-radius:2px;text-align:center}
.process-card-num{width:40px;height:40px;background:var(--gold);color:var(--navy);font-size:0.85rem;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:2px;margin:0 auto 1rem}
.process-card strong{display:block;font-size:0.92rem;color:var(--navy);margin-bottom:0.5rem}
.process-card span{font-size:0.82rem;color:var(--text-mid);line-height:1.6}

.page-product .hero-right .hero-img-desktop,
.page-product .hero-right .hero-img-mobile,
.page-versicherungen .hero-right .hero-img-mobile, .page-versicherungen .hero-right .hero-img-desktop{display:block;width:100%;height:100%}
.page-product .hero-right .hero-img-mobile, .page-versicherungen .hero-right .hero-img-mobile{display:none}
.page-product .hero-right .hero-img-desktop img,
.page-product .hero-right .hero-img-mobile img,
.page-versicherungen .hero-right .hero-img-mobile img, .page-versicherungen .hero-right .hero-img-desktop img{width:100%;height:100%;object-fit:cover;display:block}
.page-product .faq-item summary, .page-versicherungen .faq-item summary{overflow-wrap:anywhere}

.page-altersvorsorge #bausteine .cat-grid,
.page-investmentfonds #vorteile .cat-grid,
.page-investmentfonds #sparer-investor .cat-grid,
.page-edelmetalle #vorteile .cat-grid,
.page-edelmetalle #formen .cat-grid,
.page-kunst #vorteile .cat-grid,
.page-kunst #formen .cat-grid{
 grid-template-rows:none;
 align-items:stretch;
}
.page-altersvorsorge #bausteine .cat-card,
.page-investmentfonds #vorteile .cat-card,
.page-investmentfonds #sparer-investor .cat-card,
.page-edelmetalle #vorteile .cat-card,
.page-edelmetalle #formen .cat-card,
.page-kunst #vorteile .cat-card,
.page-kunst #formen .cat-card{
 display:flex;
 flex-direction:column;
 grid-row:auto;
 grid-template-rows:none;
 row-gap:0;
}
.page-altersvorsorge #bausteine .cat-card .cat-link,
.page-investmentfonds #vorteile .cat-card .cat-link,
.page-investmentfonds #sparer-investor .cat-card .cat-link,
.page-edelmetalle #vorteile .cat-card .cat-link,
.page-edelmetalle #formen .cat-card .cat-link,
.page-kunst #vorteile .cat-card .cat-link,
.page-kunst #formen .cat-card .cat-link{margin-top:auto}

/* Product heroes: face in frame + headroom; avoid left-gradient clipping arms */
.page-vermoegensaufbau .hero-right img,
.page-product[data-cms-page="vermoegensaufbau"] .hero-right img{object-position:center 30%}
.page-immobilien .hero-right img,
.page-product[data-cms-page="immobilien"] .hero-right img{object-position:52% 14%}
.page-investmentfonds .hero-right img,
.page-product[data-cms-page="investmentfonds"] .hero-right img{object-position:center 22%}
.page-edelmetalle .hero-right img,
.page-product[data-cms-page="edelmetalle"] .hero-right img{object-position:58% 12%}
.page-kunst .hero-right img,
.page-product[data-cms-page="kunst"] .hero-right img{object-position:48% 18%}
.page-altersvorsorge .hero-right img,
.page-product[data-cms-page="altersvorsorge"] .hero-right img{object-position:center 12%}
.page-betriebliche-altersvorsorge .hero-right img,
.page-product[data-cms-page="betriebliche-altersvorsorge"] .hero-right img{object-position:center 12%}
.page-finanzierung .hero-right img,
.page-product[data-cms-page="finanzierung"] .hero-right img{object-position:68% 70%}
.page-versicherungen .hero-right img,
.page-versicherungen-overview .hero-right img{object-position:center 35%}

/* Immobilien hat drei Prozessschritte statt vier. Die Regel MUSS auf
   Desktop begrenzt bleiben: sie steht hinter dem Responsive-Block und
   haette sonst gleiche Spezifitaet wie .page-product .h-steps, wuerde
   ihn also auch auf dem Handy schlagen — die drei Schritte liefen dann
   aus dem Bildschirm. Unterhalb 901px greift wieder die Produktregel
   (1 Spalte, ab 600px zwei). */
@media(min-width:901px){
 .page-immobilien .h-steps{grid-template-columns:repeat(3,1fr)}
 .page-immobilien .h-steps::before{left:calc(16.666% + 20px);right:calc(16.666% + 20px)}
}
.page-immobilien #hero{min-height:0 !important;position:relative}
.page-immobilien #hero .hero-right{position:absolute;right:0;top:var(--nav-h);bottom:0;width:50%}
.page-immobilien #hero .hero-right picture{display:block;height:100%}

.page-kunst .sec-on-navy .cat-card h3,
.page-edelmetalle .sec-on-navy .cat-card h3{color:var(--navy)}
.page-kunst .sec-on-navy .cat-card > p,
.page-edelmetalle .sec-on-navy .cat-card > p{color:var(--text-mid)}

.page-investmentfonds #sparer-investor .cat-card{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.15);border-top-color:var(--gold)}
.page-investmentfonds #sparer-investor .cat-card h3{color:var(--white)}
.page-investmentfonds #sparer-investor .cat-card > p{color:rgba(255,255,255,0.75)}

.page-legal .sec{padding:5rem var(--gutter)}
.page-legal #legal{padding-top:calc(var(--nav-h) + 3.5rem)}
.page-legal #legal .sec-max{max-width:720px;margin:0 auto}
.page-legal #legal h1{margin-bottom:1.75rem}
.page-legal #legal h2{color:var(--navy);font-size:1.2rem;margin:2.25rem 0 0.75rem;line-height:1.35}
.page-legal #legal h3{color:var(--navy);font-size:1.05rem;margin:1.75rem 0 0.5rem}
.page-legal #legal h4{color:var(--navy);font-size:0.95rem;margin:1.25rem 0 0.4rem}
.page-legal #legal p,.page-legal #legal li{font-size:0.95rem;line-height:1.65;color:var(--text-dark)}
.page-legal #legal ul{margin:0.5rem 0 1rem 1.15rem;padding:0}
.page-legal #legal li{margin-bottom:0.35rem}
.page-legal #legal a{color:var(--navy);text-decoration:underline;text-underline-offset:2px}

@media(max-width:900px){
 .page-product .hero-right .hero-img-desktop, .page-versicherungen .hero-right .hero-img-desktop{display:none}
 .page-product .hero-right .hero-img-mobile, .page-versicherungen .hero-right .hero-img-mobile{display:block}
 .page-product .quote-grid, .page-versicherungen .quote-grid{grid-template-columns:1fr}
 .section-grid-3,
 .section-grid-5,
 .section-grid-3-narrow{grid-template-columns:1fr;max-width:none}
 .page-betriebliche-altersvorsorge #gruende .usp-grid{grid-template-columns:1fr}
 .page-immobilien .cat-grid.section-grid-5{grid-template-columns:1fr}
 .page-immobilien #hero .hero-right{
   position:relative;
   top:auto;
   right:auto;
   bottom:auto;
   width:100%;
 }
}

@media(max-width:900px) and (min-width:600px){
 .section-grid-3,
 .section-grid-3-narrow{grid-template-columns:repeat(2,minmax(0,1fr))}
 .section-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* INDEX — Fluid Type Scale & Homepage Revision */
:root { --type-scale: 1; }
@media (min-width: 1280px) { :root { --type-scale: 1.08; } }
@media (min-width: 1600px) { :root { --type-scale: 1.15; } }
@media (min-width: 1920px) { :root { --type-scale: 1.22; } }

.page-index {
 --text-base: calc(1rem * var(--type-scale));
 --text-h2: clamp(1.65rem, 2.5vw + 0.5rem, calc(2.5rem * var(--type-scale)));
}

.page-index .sec h2,
.page-index #video h2,
.page-index .sck-grid h2 {
 font-size: var(--text-h2);
}

.page-index .sec p.sub,
.page-index .sec-lead,
.page-index .sec-max-sm p.sub {
 font-size: clamp(1.05rem, 1.3vw, calc(1.2rem * var(--type-scale)));
}

.page-index .tag {
 font-size: clamp(0.72rem, 0.9vw, calc(0.82rem * var(--type-scale)));
}

.page-index .wi,
.page-index .kf-item,
.page-index .erg-title {
 font-size: clamp(1rem, 1.2vw, calc(1.1rem * var(--type-scale)));
}

.page-index .stim-headline {
 font-size: clamp(1.2rem, 2vw, calc(1.6rem * var(--type-scale)));
}

.page-index .stim-text p {
 font-size: clamp(1rem, 1.1vw, calc(1.05rem * var(--type-scale)));
}

.page-index .sck-grid {
 max-width: min(1280px, 96vw);
 margin-inline: auto;
}

.page-index .sck-grid > div:nth-child(2) {
 max-width: 36em;
}

.page-index .erg-section-head {
 margin-top: 0;
}

.page-index .erg-section-title {
 font-size: clamp(1.35rem, 2.2vw, calc(1.85rem * var(--type-scale)));
 font-weight: 700;
 color: var(--navy);
 margin: 0;
}

.cta-inline {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 1.25rem;
 padding: 2.5rem 5%;
 background: var(--cream);
 text-align: center;
}

.cta-inline-text {
 font-size: clamp(1.1rem, 1.5vw, calc(1.25rem * var(--type-scale)));
 font-weight: 600;
 color: var(--navy);
 margin: 0;
 max-width: 32em;
}

.page-index #vertrauen .person-grid {
 margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.page-index #vertrauen .familie-grid {
 margin-bottom: 0;
}

.page-index .vertrauen-usp-head {
 margin-bottom: 1.75rem;
}

.page-index #angebot .angebot-fragen {
 margin-top: clamp(2.5rem, 5vw, 3.5rem);
}

.page-index .angebot-cta {
 margin-top: clamp(2.5rem, 5vw, 3.5rem);
 padding: clamp(2rem, 4vw, 3rem) 5%;
 background: var(--cream);
 text-align: center;
}

.page-index .angebot-cta h2 {
 color: var(--navy);
 max-width: 28em;
 margin: 0.75rem auto 1.25rem;
}

.page-index .angebot-cta .cta-flags {
 color: var(--navy);
 margin-bottom: 1.5rem;
}

.page-index .stim-footer {
 flex-wrap: wrap;
 gap: 0.5rem 1.25rem;
}

.ggl-reviews-sec {
 background: var(--navy);
 color: var(--white);
 padding: clamp(3rem, 6vw, 4.5rem) var(--gutter);
}

.ggl-reviews-inner {
 max-width: 1100px;
 margin: 0 auto;
}

.ggl-reviews-intro {
 max-width: 36rem;
 margin-bottom: clamp(1.75rem, 3vw, 2.5rem);
}

.ggl-reviews-brand {
 display: flex;
 align-items: baseline;
 gap: 0.5rem;
 margin-bottom: 0.85rem;
}

.ggl-reviews-brand .ggl {
 font-size: 1.2rem;
 letter-spacing: -0.02em;
}

.ggl-reviews-brand-label {
 font-size: 0.72rem;
 font-weight: 600;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 color: rgba(255, 255, 255, 0.55);
}

.ggl-reviews-title {
 font-size: clamp(1.35rem, 2.4vw, 1.85rem);
 font-weight: 600;
 color: var(--white);
 line-height: 1.25;
 margin: 0 0 1rem;
}

.ggl-reviews-score-row {
 display: flex;
 align-items: center;
 gap: 0.55rem;
}

.ggl-reviews-score {
 font-size: 1.85rem;
 font-weight: 700;
 color: var(--white);
 line-height: 1;
 font-variant-numeric: tabular-nums;
}

.ggl-reviews-sec .stim-stars {
 color: var(--star);
}

.ggl-reviews-count {
 margin-top: 0.4rem;
 font-size: 0.82rem;
 color: rgba(255, 255, 255, 0.7);
}

.ggl-reviews-live {
 margin-top: 0.45rem;
 font-size: 0.72rem;
 color: rgba(255, 255, 255, 0.45);
 line-height: 1.45;
}

.ggl-reviews-list {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 1rem 1.15rem;
}

.ggl-review {
 background: var(--white);
 border-radius: 2px;
 padding: 1.15rem 1.2rem 1.05rem;
 border-top: 3px solid #4285F4;
}

.ggl-review-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 0.75rem;
 margin-bottom: 0.55rem;
}

.ggl-review-author {
 font-size: 0.88rem;
 font-weight: 600;
 color: var(--navy);
}

.ggl-review-stars {
 color: var(--star);
 font-size: 0.75rem;
 letter-spacing: 1px;
 flex-shrink: 0;
}

.ggl-review-text {
 font-size: 0.86rem;
 color: var(--text-mid);
 line-height: 1.65;
 display: -webkit-box;
 -webkit-line-clamp: 5;
 -webkit-box-orient: vertical;
 overflow: hidden;
}

.ggl-review-time {
 display: block;
 margin-top: 0.55rem;
 font-size: 0.7rem;
 color: var(--text-muted);
}

.ggl-reviews-link {
 display: inline-flex;
 align-items: center;
 margin-top: 1.5rem;
 font-size: 0.85rem;
 font-weight: 600;
 color: var(--gold-light);
 text-decoration: none;
}

.ggl-reviews-link:hover {
 color: var(--white);
}

.ggl-reviews-link:focus-visible {
 outline: 2px solid var(--gold);
 outline-offset: 2px;
}

.page-index .stim-link-all {
 flex-basis: 100%;
 margin-top: 0.25rem;
}

.page-index #zielgruppen,
.page-index #ergebnisse { background: var(--cream); }
.page-index #struktur { background: var(--navy); }
.page-index #vertrauen { background: var(--cream); }
.page-index #familie { background: var(--white); padding-bottom: 0; padding-top: 0; }
.page-index .band {
 margin-left: calc(-1 * var(--gutter));
 margin-right: calc(-1 * var(--gutter));
 padding: clamp(2.5rem, 5vw, 3.5rem) var(--gutter);
}
.page-index .band-cream { background: var(--cream); }
.page-index .band-navy { background: var(--navy-light); }
.page-index #familie .band-cream { margin-bottom: clamp(2rem, 4vw, 3rem); }
.page-index #angebot { background: var(--cream); padding-bottom: 0; }
.page-index #angebot .angebot-fragen {
 background: var(--navy);
 margin-left: calc(-1 * var(--gutter));
 margin-right: calc(-1 * var(--gutter));
 padding: 3.5rem var(--gutter);
 max-width: none;
}
.page-index .fragen-inner { max-width: 820px; margin: 0 auto; }
.page-index .fragen-inner .kf-grid { max-width: none; }
.page-index #angebot .angebot-fragen h2 { color: var(--white); }
.page-index #angebot .angebot-fragen .tag { color: var(--gold-light); }
.page-index .angebot-cta .cta-meta,
.page-index .angebot-cta .cta-wa { color: var(--text-mid); }

@media (max-width: 900px) {
 

 

 /* Mobile-Hero ist hell — Trust-Zahlen dunkel einfärben */
 
 
 

 .cta-inline {
 padding: 2rem var(--gutter);
 }

 .page-index .band,
 .page-index #angebot .angebot-fragen {
 margin-left: calc(-1 * var(--gutter));
 margin-right: calc(-1 * var(--gutter));
 padding-left: var(--gutter);
 padding-right: var(--gutter);
 }
}

/* ═══ KUNDENSTIMMEN — Video + Volltranskriptionen ═══ */

.page-kundenstimmen .stim-full-list {
 max-width: 1100px;
 margin: 0 auto;
 display: flex;
 flex-direction: column;
 gap: clamp(2.5rem, 5vw, 4rem);
}

.page-kundenstimmen .stim-full-item {
 display: grid;
 grid-template-columns: minmax(200px, 280px) 1fr;
 gap: clamp(1.5rem, 3vw, 2.5rem);
 align-items: start;
 padding-bottom: clamp(2rem, 4vw, 3rem);
 border-bottom: 1px solid var(--cream-dark);
}

.page-kundenstimmen .stim-full-item:last-child {
 border-bottom: none;
 padding-bottom: 0;
}

.page-kundenstimmen .stim-full-video {
 position: relative;
 width: 100%;
 max-width: 280px;
 aspect-ratio: 9 / 16;
 border-radius: 2px;
 overflow: hidden;
 background: var(--navy);
 box-shadow: 0 12px 32px rgba(13,27,42,0.14);
 border: 1px solid rgba(180,143,71,0.18);
}

.page-kundenstimmen .stim-full-video video {
 width: 100%;
 height: 100%;
 max-width: none;
 display: block;
 object-fit: contain;
 background: #000;
}

.page-kundenstimmen .stim-full-video video:focus-visible {
 outline: 2px solid var(--gold);
 outline-offset: 2px;
}

.page-kundenstimmen .stim-full-headline {
 font-family: var(--font-serif);
 font-size: clamp(1.15rem, 2vw, 1.45rem);
 font-weight: 500;
 color: var(--navy);
 line-height: 1.35;
 margin: 0.5rem 0 1rem;
}

.page-kundenstimmen .stim-full-transcript p {
 font-size: clamp(0.95rem, 1.1vw, 1.05rem);
 line-height: 1.75;
 color: var(--text-mid);
 margin: 0 0 0.85rem;
}

.page-kundenstimmen .stim-full-meta {
 margin-top: 1.25rem;
}

/* Testimonial-Meta wie auf der Startseite (dort .page-index-scoped) */
.page-kundenstimmen .stim-stars { color: var(--star); font-size: 0.85rem; letter-spacing: 2px; }
.page-kundenstimmen .stim-stars-lg { font-size: 1rem; }
.page-kundenstimmen .stim-name { font-size: 0.82rem; font-weight: 600; color: var(--navy); }
.page-kundenstimmen .stim-ort { font-size: 0.76rem; color: var(--text-mid); margin-top: 0.15rem; }
.page-kundenstimmen .stim-badge { font-size: 0.68rem; color: var(--gold-dark); margin-top: 0.35rem; }
.page-kundenstimmen .stim-score { font-family: var(--font-family); font-size: 1.4rem; font-weight: 700; color: var(--navy); }
.page-kundenstimmen .stim-count { font-size: 0.8rem; color: var(--text-mid); }
.page-kundenstimmen .stim-link { font-size: 0.78rem; color: var(--gold-dark); text-decoration: none; border-bottom: 1px solid rgba(143,112,54,0.3); }

.page-kundenstimmen .stim-footer {
 text-align: center;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-wrap: wrap;
 gap: 0.5rem 1rem;
 max-width: 1100px;
 margin-left: auto;
 margin-right: auto;
}

@media (max-width: 900px) {
 .page-kundenstimmen .stim-full-item {
 grid-template-columns: 1fr;
 }

 .page-kundenstimmen .stim-full-video {
 max-width: min(280px, 100%);
 margin: 0 auto;
 }
}

/* ═══ Guidelines: globale A11y, Typo & Touch ═══ */
body {
 touch-action: manipulation;
}

[id] {
 scroll-margin-top: calc(var(--nav-h) + 1.5rem);
}

h1, h2, h3 {
 text-wrap: balance;
}

p, li, .hero-lead, .sub {
 text-wrap: pretty;
}

.trust-num,
.page-index .trust-num {
 font-variant-numeric: tabular-nums;
}

.footer-bottom a:focus-visible {
 outline: 2px solid var(--gold);
 outline-offset: 2px;
 border-radius: 2px;
}

.contact-dock-termin,
.contact-dock-wa {
 min-height: 44px;
}

.nav-app {
 min-height: 44px;
 display: inline-flex;
 align-items: center;
}

.visually-hidden {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 white-space: nowrap;
 border: 0;
}

.nav-dropdown-menu a {
 min-height: 44px;
 display: flex;
 align-items: center;
}

.page-blog .newsletter-form input[type="email"],
.page-blog .newsletter-form input[type="checkbox"] {
 font-size: 16px;
}

.page-blog .newsletter-form input:focus-visible,
.page-blog .newsletter-form button:focus-visible,
.page-blog .consent-row input:focus-visible + span {
 outline: 2px solid var(--gold);
 outline-offset: 2px;
}

.page-blog .consent-row {
 display: flex;
 align-items: flex-start;
 gap: 0.65rem;
 cursor: pointer;
}

.page-blog .consent-row input[type="checkbox"] {
 width: 20px;
 height: 20px;
 min-width: 20px;
 margin-top: 0.15rem;
 flex-shrink: 0;
 accent-color: var(--gold-dark);
}

@media (max-width: 768px) {
 .footer-links a,
 .footer-contact a,
 .lst-link,
 .lst-sub,
 .page-index .stim-link-all {
 display: inline-flex;
 align-items: center;
 min-height: 44px;
 padding-block: 0.35rem;
 }

 .btn {
 min-height: 48px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 }

 .nav-dropdown-menu a {
 min-height: 44px;
 padding: 0.75rem 0;
 }
}

/* ── Reviews-Hub (Kundenstimmen: Google + ProvenExpert) ── */
.page-kundenstimmen .reviews-hub {
  background: var(--cream);
  padding-top: clamp(2.5rem, 5vw, 4rem);
  padding-bottom: clamp(2.5rem, 5vw, 4rem);
}

.page-kundenstimmen .reviews-hub-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1.25rem, 3vw, 2rem);
  max-width: 1100px;
  margin: 2rem auto 0;
}

.page-kundenstimmen .reviews-hub-grid-single {
  grid-template-columns: minmax(0, 1fr);
  max-width: 460px;
}

.page-kundenstimmen .reviews-hub-card {
  background: var(--white);
  border: 1px solid var(--cream-dark);
  border-top: 2px solid var(--gold);
  border-radius: 2px;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.page-kundenstimmen .reviews-hub-brand {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold-dark);
}

.page-kundenstimmen .reviews-hub-score-row {
  display: flex;
  align-items: baseline;
  gap: 0.65rem;
}

.page-kundenstimmen .reviews-hub-stars {
  color: var(--gold);
  letter-spacing: 0.08em;
  font-size: 1.15rem;
}

.page-kundenstimmen .reviews-hub-score {
  font-size: clamp(2rem, 4vw, 2.6rem);
  font-weight: 800;
  color: var(--navy);
  line-height: 1;
}

.page-kundenstimmen .reviews-hub-count,
.page-kundenstimmen .reviews-hub-copy {
  margin: 0;
  color: var(--text-mid);
  font-size: 0.95rem;
  line-height: 1.65;
}

.page-kundenstimmen .reviews-hub-card .btn {
  margin-top: auto;
  align-self: flex-start;
}

.page-kundenstimmen .pe-reviews-embed {
  margin: 0.25rem 0 0.5rem;
}

.page-kundenstimmen .pe-reviews-embed-cta {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1.25rem 1.35rem;
  background: var(--navy);
  color: var(--white);
  text-decoration: none;
  border-radius: 2px;
  border-left: 3px solid var(--gold);
  transition: background 0.2s;
}

.page-kundenstimmen .pe-reviews-embed-cta:hover,
.page-kundenstimmen .pe-reviews-embed-cta:focus-visible {
  background: var(--navy-mid, #1a2f45);
  outline: none;
}

.page-kundenstimmen .pe-reviews-embed-label {
  font-size: 0.72rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--gold-light);
}

.page-kundenstimmen .pe-reviews-embed-action {
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--white);
}

.page-kundenstimmen .reviews-hub-pe-link {
  border-color: var(--cream-dark);
  color: var(--navy);
}

@media (max-width: 768px) {
  .page-kundenstimmen .reviews-hub-grid {
    grid-template-columns: 1fr;
  }

  .page-kundenstimmen .reviews-hub-card .btn {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}

.page-index .video-section-parked,
.page-index #video[hidden],
.page-index .familie-section-parked,
.page-index #familie[hidden]{
  display:none !important;
}

.page-index .sec-rechner{
  background:var(--white);
  padding-top:4.5rem;
  padding-bottom:4.5rem;
}
.page-index .rechner-wrap{
  max-width:1180px;
  margin:0 auto;
}
.page-index .rechner-head{
  margin-bottom:2.25rem;
}
.page-index .alf-calculator{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:1.5rem;
  background:var(--white);
  border:1px solid var(--cream-dark);
  border-top:2px solid var(--gold);
  border-radius:2px;
  padding:1.5rem;
  box-shadow:0 18px 48px rgba(13,27,42,.06);
}
.page-index .alf-calc-controls{
  background:var(--cream);
  border:1px solid var(--cream-dark);
  border-radius:2px;
  padding:1.5rem 1.35rem;
}
.page-index .alf-calc-field{
  margin-bottom:1.35rem;
}
.page-index .alf-calc-field:last-of-type{
  margin-bottom:1rem;
}
.page-index .alf-calc-field-head{
  display:flex;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom:.45rem;
  align-items:baseline;
}
.page-index .alf-calc-field label{
  font-size:.82rem;
  font-weight:700;
  color:var(--navy);
}
.page-index .alf-calc-field output{
  font-size:.82rem;
  font-weight:700;
  color:var(--gold-dark);
  white-space:nowrap;
}
.page-index .alf-calc-field input[type=range]{
  width:100%;
  accent-color:var(--navy);
  height:1.5rem;
}
.page-index .alf-calc-assumptions{
  font-size:.72rem;
  color:var(--text-mid);
  line-height:1.6;
  border-top:1px solid var(--cream-dark);
  padding-top:1rem;
  margin:0;
}
.page-index .alf-calc-results{
  padding:.35rem .25rem .15rem;
}
.page-index .alf-calc-eyebrow{
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold-dark);
  margin-bottom:1rem;
}
.page-index .alf-calc-comparison{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
}
.page-index .alf-calc-card{
  border:1px solid var(--cream-dark);
  border-radius:2px;
  padding:1rem .9rem 1.05rem;
  background:var(--white);
}
.page-index .alf-calc-card.is-highlight{
  border-color:rgba(180,143,71,.55);
  box-shadow:0 8px 24px rgba(180,143,71,.12);
  background:linear-gradient(180deg,#fff 0%,rgba(246,242,237,.65) 100%);
}
.page-index .alf-calc-card-label{
  font-size:.65rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--gold-dark);
  font-weight:700;
}
.page-index .alf-calc-card h3{
  font-size:.88rem;
  margin:.4rem 0 .85rem;
  color:var(--navy);
  line-height:1.3;
}
.page-index .alf-calc-value{
  font-size:clamp(1.25rem,2.2vw,1.65rem);
  font-weight:800;
  color:var(--navy);
  letter-spacing:-.02em;
  margin-bottom:.75rem;
  line-height:1.1;
}
.page-index .alf-calc-meta{
  display:flex;
  justify-content:space-between;
  gap:.5rem;
  padding:.45rem 0;
  border-top:1px solid var(--cream-dark);
  font-size:.72rem;
}
.page-index .alf-calc-meta span{color:var(--text-mid)}
.page-index .alf-calc-meta strong{color:var(--navy);font-weight:600;text-align:right}
.page-index .alf-calc-difference{
  margin-top:1.15rem;
  border-radius:2px;
  padding:1.25rem 1.35rem;
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);
  color:var(--white);
}
.page-index .alf-calc-difference span{
  display:block;
  font-size:.78rem;
  color:rgba(255,255,255,.7);
  margin-bottom:.35rem;
}
.page-index .alf-calc-difference strong{
  display:block;
  font-size:clamp(1.75rem,3.5vw,2.6rem);
  font-weight:800;
  color:var(--gold-light);
  letter-spacing:-.02em;
  line-height:1.1;
}
.page-index .alf-calc-difference small{
  display:block;
  margin-top:.45rem;
  font-size:.72rem;
  color:rgba(255,255,255,.55);
  line-height:1.5;
}
.page-index .alf-calc-breakdown-wrap{
  margin-top:1.15rem;
  border:1px solid var(--cream-dark);
  border-radius:2px;
  padding:1.15rem 1.2rem;
  background:var(--cream);
}
.page-index .alf-calc-breakdown-wrap h3{
  font-size:.92rem;
  color:var(--navy);
  margin:0 0 .65rem;
}
.page-index .alf-calc-breakdown{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.15rem 1.25rem;
}
.page-index .alf-calc-breakdown div{
  display:flex;
  justify-content:space-between;
  gap:.75rem;
  padding:.45rem 0;
  border-bottom:1px solid var(--cream-dark);
  font-size:.78rem;
}
.page-index .alf-calc-breakdown span{color:var(--text-mid)}
.page-index .alf-calc-breakdown strong{color:var(--navy);font-weight:600}
.page-index .alf-calc-details{
  margin-top:1rem;
  border:1px solid var(--cream-dark);
  border-radius:2px;
  background:var(--white);
  padding:0 1rem;
}
.page-index .alf-calc-details summary{
  cursor:pointer;
  list-style:none;
  padding:1rem 1.5rem 1rem 0;
  font-size:.85rem;
  font-weight:700;
  color:var(--navy);
  position:relative;
}
.page-index .alf-calc-details summary::-webkit-details-marker{display:none}
.page-index .alf-calc-details summary::after{
  content:'+';
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  color:var(--gold);
  font-size:1.15rem;
}
.page-index .alf-calc-details[open] summary::after{content:'−'}
.page-index .alf-calc-details p{
  margin:0;
  padding:0 0 1rem;
  font-size:.8rem;
  color:var(--text-mid);
  line-height:1.7;
}
.page-index .alf-calc-cta{margin-top:1.25rem}

.page-index #struktur{
  background:var(--navy-mid);
  border-top:1px solid rgba(180,143,71,.12);
}
.page-index .ansatz-block{
  max-width:760px;
}
.page-index .ansatz-quote{
  font-family:var(--font-display);
  font-style:italic;
  font-size:clamp(1.55rem,3.2vw,2.35rem);
  color:var(--white);
  line-height:1.3;
  margin-bottom:1.35rem;
  font-weight:600;
  letter-spacing:-0.01em;
}
.page-index .ansatz-block .tag{color:var(--gold-light)}
.page-index .ansatz-block p{
  color:rgba(255,255,255,.72);
  margin-bottom:.85rem;
  line-height:1.75;
  font-size:.95rem;
}
.page-index .ansatz-cta{margin-top:1.5rem}

.page-index .sec-stimmen-trust{
  background:var(--cream);
  padding-bottom:4rem;
}
.page-index .stimmen-ggl-marquee{
  max-width:none;
  width:calc(100% + 2 * var(--gutter));
  margin:2.5rem calc(-1 * var(--gutter)) 0;
  padding:0;
  background:transparent;
  border:0;
  border-radius:0;
  color:var(--white);
}
.page-index .ggl-marquee-bar{
  display:flex;
  align-items:stretch;
  min-height:72px;
  background:linear-gradient(90deg, var(--navy) 0%, #14304a 45%, var(--navy-light) 100%);
  border-top:1px solid rgba(180,143,71,.28);
  border-bottom:1px solid rgba(180,143,71,.18);
  overflow:hidden;
}
.page-index .ggl-marquee-meta{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:.65rem;
  padding:0 1.1rem 0 1.35rem;
  background:rgba(0,0,0,.22);
  border-right:1px solid rgba(255,255,255,.1);
  z-index:2;
  white-space:nowrap;
}
.page-index .ggl-marquee-meta .ggl{
  font-weight:700;
  font-size:.92rem;
  letter-spacing:-.02em;
}
.page-index .ggl-marquee-meta .ggl .b{color:#4285F4}
.page-index .ggl-marquee-meta .ggl .r{color:#EA4335}
.page-index .ggl-marquee-meta .ggl .y{color:#FBBC05}
.page-index .ggl-marquee-meta .ggl .g{color:#34A853}
.page-index .ggl-marquee-score{
  font-size:.9rem;
  font-weight:700;
  color:var(--gold-light);
}
.page-index .ggl-marquee-count{
  font-size:.72rem;
  color:rgba(255,255,255,.55);
}
.page-index .ggl-marquee-link{
  font-size:.72rem;
  font-weight:600;
  color:var(--gold-light);
  text-decoration:none;
  border-bottom:1px solid rgba(212,175,55,.35);
}
.page-index .ggl-marquee-link:hover{color:#fff;border-bottom-color:rgba(255,255,255,.5)}
.page-index .ggl-marquee-viewport{
  flex:1 1 auto;
  overflow:hidden;
  mask-image:linear-gradient(90deg, transparent 0, #000 1.5rem, #000 calc(100% - 1.5rem), transparent 100%);
  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 1.5rem, #000 calc(100% - 1.5rem), transparent 100%);
}
.page-index .ggl-marquee-track{
  display:flex;
  align-items:center;
  gap:.85rem;
  width:max-content;
  padding:.85rem 1rem;
  animation:ggl-marquee-rtl 55s linear infinite;
}
.page-index .ggl-marquee-bar:hover .ggl-marquee-track{
  animation-play-state:paused;
}
.page-index .ggl-review-chip{
  flex:0 0 auto;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto 1fr;
  align-content:center;
  column-gap:.65rem;
  row-gap:.3rem;
  width:340px;
  height:92px;
  padding:.65rem .95rem;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  white-space:normal;
}
.page-index .ggl-review-chip .ggl-review-stars{
  grid-column:1;
  grid-row:1;
  align-self:center;
  color:var(--star,#F4C430);
  font-size:.72rem;
  letter-spacing:1px;
  line-height:1;
}
.page-index .ggl-review-chip .ggl-review-text{
  grid-column:1 / -1;
  grid-row:2;
  margin:0;
  font-size:.78rem;
  line-height:1.35;
  color:rgba(255,255,255,.82);
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
  max-width:none;
  white-space:normal;
}
.page-index .ggl-review-chip .ggl-review-author{
  grid-column:2;
  grid-row:1;
  align-self:center;
  font-size:.7rem;
  font-weight:600;
  color:rgba(255,255,255,.55);
  padding-left:0;
  border-left:0;
  max-width:9.5rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@keyframes ggl-marquee-rtl{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media (prefers-reduced-motion:reduce){
  .page-index .ggl-marquee-track{
    animation:none;
    flex-wrap:wrap;
    width:auto;
    max-width:100%;
    white-space:normal;
  }
  .page-index .ggl-review-chip{
    width:min(340px,100%);
    height:auto;
    min-height:92px;
  }
}

.page-index .sec-faq{
  background:var(--navy);
  color:var(--white);
}
.page-index .sec-faq .sec-center h2{
  color:var(--white);
  font-family:var(--font-display);
  font-style:italic;
  font-weight:600;
  font-size:clamp(1.85rem,3.6vw,2.55rem);
}
.page-index .sec-faq .tag{
  color:var(--gold-light);
}
.page-index .sec-faq .tag.tag-line::before,
.page-index .sec-faq .tag::before{
  background:var(--gold-light);
}
.page-index .index-faq{
  max-width:820px;
  margin:0 auto;
}
.page-index .index-faq .faq-item{
  border-bottom:1px solid rgba(255,255,255,.14);
}
.page-index .index-faq .faq-item summary{
  cursor:pointer;
  padding:1.1rem 0;
  font-size:.92rem;
  font-weight:600;
  color:var(--white);
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
}
.page-index .index-faq .faq-item summary::-webkit-details-marker{display:none}
.page-index .index-faq .faq-item summary::after{
  content:'+';
  font-size:1.1rem;
  color:var(--gold-light);
  flex-shrink:0;
}
.page-index .index-faq .faq-item[open] summary::after{content:'−'}
.page-index .index-faq .faq-item summary:focus-visible{
  outline:2px solid var(--gold-light);
  outline-offset:2px;
  border-radius:2px;
}
.page-index .index-faq .faq-body{
  padding:0 0 1.1rem;
  font-size:.88rem;
  color:rgba(255,255,255,.7);
  line-height:1.75;
}
.page-index .index-faq .faq-body a{color:var(--gold-light)}

.page-index #zielgruppen,
.page-index #ergebnisse{background:var(--cream)}
.page-index #familie .band-cream{padding:0}
.page-index #familie{padding-bottom:4.5rem}

@media(max-width:960px){
  .page-index .alf-calculator{grid-template-columns:1fr;padding:1.1rem}
  .page-index .alf-calc-comparison{grid-template-columns:1fr}
  .page-index .alf-calc-breakdown{grid-template-columns:1fr}
  .page-index .ggl-marquee-bar{flex-direction:column;min-height:0}
  .page-index .ggl-marquee-meta{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.1);
    padding:.75rem 1rem;
    justify-content:center;
    flex-wrap:wrap;
  }
  .page-index .ggl-review-chip{
    width:min(340px,78vw);
    height:92px;
    padding:.7rem .9rem;
  }
  .page-index .ggl-review-chip .ggl-review-author{
    max-width:8.5rem;
  }
}

.page-index #vertrauen{
  background:var(--cream);
  padding:clamp(2.25rem,4.5vw,3.25rem) var(--gutter);
}
.page-index #vertrauen .person-grid{
  max-width:980px;
  margin:0 auto;
  gap:clamp(1.25rem,3vw,2rem);
  align-items:center;
}
.page-index #vertrauen .person-img-wrap{
  max-width:min(380px,100%);
  width:100%;
}
.page-index #vertrauen .person-img-wrap::before{display:none}
.page-index #vertrauen .person-img-wrap img{
  aspect-ratio:4/5;
  object-fit:cover;
  object-position:18% center;
  border-radius:2px;
  width:100%;
  height:auto;
  display:block;
}
.page-index #vertrauen h2{
  font-family:var(--font-display);
  font-style:italic;
  font-weight:600;
  font-size:clamp(1.85rem,3.8vw,2.75rem);
  color:var(--navy);
  margin-bottom:.85rem;
  line-height:1.15;
  letter-spacing:-0.01em;
  max-width:16ch;
}
.page-index #vertrauen p{
  font-size:.95rem;
  color:var(--text-mid);
  margin-bottom:.75rem;
  line-height:1.7;
}
.page-index #vertrauen .person-link{margin-top:.65rem}
.page-index .hero-stats .stat-ticker{font-variant-numeric:tabular-nums}

/* Display-Schrift (Cormorant) – konsequent für alle Kernüberschriften */
.hero-h1,
.page-product .hero-h1,
.page-versicherungen .hero-h1,
.page-ueber-uns .hero-h1,
.page-ueber-uns .ueber-hero-inner .hero-h1,
.page-kundenstimmen #hero h1,
.page-blog .blog-hero-inner h1,
.page-kontakt .kontakt-hero h1,
.page-index .hero-punchline,
.page-index .ansatz-quote,
.page-index .sec-center h2,
.page-index #vertrauen h2,
.page-index #strukturcheck h2,
.page-index #angebot h2,
.page-index #ergebnisse .erg-section-title,
.page-index .stim-headline,
.page-product .sec-center h2,
.page-versicherungen .sec-center h2,
.page-ueber-uns .sec-center h2,
.page-ueber-uns .ueber-section h2,
.page-product .hero-sub,
.page-versicherungen .hero-sub{
  font-family:var(--font-display) !important;
  font-style:italic;
  font-weight:600;
  letter-spacing:-0.01em;
}
.page-index .hero-h1,
.page-index .hero-h1 span{
  font-weight:700 !important;
}
.page-index .hero-punchline,
.page-index .hero-punchline span{
  font-weight:600 !important;
}

/* ── WARUM AL FINANZKONZEPTE – Haus mit Scroll-Reveal (finanzierung.html) ── */
.warum-haus{
  display:grid;
  grid-template-columns:1fr minmax(220px,300px) 1fr;
  grid-template-rows:auto auto;
  align-items:center;
  gap:2rem 2.75rem;
  max-width:940px;
  margin:0.5rem auto 0;
}
.warum-haus-center{
  grid-column:2;
  grid-row:1 / span 2;
  display:flex;
  align-items:center;
  justify-content:center;
}
.warum-haus-svg{
  width:100%;
  max-width:280px;
  height:auto;
  overflow:visible;
}
.warum-haus-svg line,
.warum-haus-svg path,
.warum-haus-svg rect,
.warum-haus-svg circle{
  stroke:var(--gold);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.warum-haus-svg .wh-ground{stroke:rgba(180,143,71,0.35)}
.warum-haus-svg .wh-knob{fill:var(--gold);stroke:none}

/* Umriss zeichnen */
.warum-haus-svg .wh-outline{
  stroke-dasharray:520;
  stroke-dashoffset:520;
  transition:stroke-dashoffset 1.4s cubic-bezier(.65,0,.35,1);
}
.warum-haus-svg .wh-ground{
  opacity:0;
  transition:opacity .6s ease .2s;
}
.warum-haus-svg .wh-detail{
  opacity:0;
  transform:translateY(6px);
  transform-origin:center;
  transition:opacity .5s ease, transform .5s ease;
}
.warum-haus.is-drawn .wh-outline{stroke-dashoffset:0}
.warum-haus.is-drawn .wh-ground{opacity:1}
.warum-haus.is-drawn .wh-detail{opacity:1;transform:translateY(0)}
.warum-haus.is-drawn .wh-chimney{transition-delay:.7s}
.warum-haus.is-drawn .wh-door{transition-delay:.95s}
.warum-haus.is-drawn .wh-knob{transition-delay:1.15s}
.warum-haus.is-drawn .wh-window{transition-delay:1.05s}

/* Punkte rund um das Haus */
.warum-point{
  position:relative;
  opacity:0;
  transition:opacity .7s ease, transform .7s cubic-bezier(.16,.84,.44,1);
}
.warum-point.is-in{opacity:1;transform:none}
.wp-1,.wp-3{grid-column:1;text-align:right}
.wp-2,.wp-4{grid-column:3;text-align:left}
.wp-1{grid-row:1;transform:translateX(-28px)}
.wp-3{grid-row:2;transform:translateX(-28px)}
.wp-2{grid-row:1;transform:translateX(28px)}
.wp-4{grid-row:2;transform:translateX(28px)}

.warum-point-num{
  display:block;
  font-family:var(--font-display,serif);
  font-size:0.9rem;
  font-weight:600;
  font-style:italic;
  letter-spacing:0.04em;
  color:var(--gold-light);
  margin-bottom:0.35rem;
}
.warum-point h3{
  font-size:1.02rem;
  color:var(--white);
  margin:0 0 0.4rem;
  line-height:1.3;
}
.warum-point p{
  font-size:0.83rem;
  color:rgba(255,255,255,0.72);
  line-height:1.65;
  margin:0;
}
/* Zierlinie zum Haus hin */
.warum-point::after{
  content:'';
  position:absolute;
  top:0.55rem;
  width:26px;
  height:1px;
  background:linear-gradient(90deg,var(--gold),rgba(180,143,71,0));
  opacity:0;
  transition:opacity .5s ease .25s;
}
.wp-1::after,.wp-3::after{right:-2.75rem;background:linear-gradient(90deg,rgba(180,143,71,0),var(--gold))}
.wp-2::after,.wp-4::after{left:-2.75rem}
.warum-point.is-in::after{opacity:1}

@media (max-width:820px){
  .warum-haus{
    grid-template-columns:1fr;
    grid-template-rows:none;
    gap:1.5rem;
    max-width:460px;
  }
  .warum-haus-center{grid-column:1;grid-row:auto;order:-1;margin-bottom:0.5rem}
  .warum-haus-svg{max-width:190px}
  .wp-1,.wp-2,.wp-3,.wp-4{
    grid-column:1;
    grid-row:auto;
    text-align:left;
    transform:translateY(24px);
    padding-left:1rem;
    border-left:2px solid rgba(180,143,71,0.35);
  }
  .warum-point::after{display:none}
}

@media (prefers-reduced-motion:reduce){
  .warum-haus-svg .wh-outline{transition:none;stroke-dashoffset:0}
  .warum-haus-svg .wh-ground,
  .warum-haus-svg .wh-detail,
  .warum-point,
  .warum-point::after{transition:none}
  .warum-haus .wh-ground,
  .warum-haus .wh-detail{opacity:1;transform:none}
  .warum-point{opacity:1;transform:none}
  .warum-point::after{opacity:1}
}

/* ── HERO – Leistungs-Chips rund um den Kopf, mit dem Foto gekoppelt (index.html) ── */
/* Verbindungslinien – im Foto-Frame verankert, skalieren mit Ansgar */
.page-index #hero .hero-orbit-lines{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
  z-index:3;
}
.page-index #hero .hero-orbit-lines line{
  stroke:rgba(180,143,71,.5);
  stroke-width:1;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  stroke-dasharray:1;
  stroke-dashoffset:0; /* sichtbarer Endzustand als Fallback */
  animation:heroOrbitLineDraw .7s ease both;
}
.page-index #hero .hero-orbit-lines line:nth-child(1){animation-delay:.2s}
.page-index #hero .hero-orbit-lines line:nth-child(2){animation-delay:.34s}
.page-index #hero .hero-orbit-lines line:nth-child(3){animation-delay:.48s}
.page-index #hero .hero-orbit-lines line:nth-child(4){animation-delay:.62s}
.page-index #hero .hero-orbit-lines line:nth-child(5){animation-delay:.76s}
@keyframes heroOrbitLineDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}

/* Chips – im Foto-Frame verankert, jeweils am Linien-Ende */
.page-index #hero .hero-orbit{
  position:absolute;
  inset:0;
  margin:0;
  padding:0;
  list-style:none;
  pointer-events:none;
  z-index:4;
}
.page-index #hero .hero-orbit-chip{
  position:absolute;
  transform:translate(-50%,-50%);
  pointer-events:auto;
}
.page-index #hero .ho-1{left:27%;top:5%}
.page-index #hero .ho-2{left:14%;top:17%}
.page-index #hero .ho-3{left:11%;top:30%}
.page-index #hero .ho-4{left:15%;top:43%}
.page-index #hero .ho-5{left:26%;top:54%}

.page-index #hero .hero-orbit-inner{
  display:inline-block;
  opacity:1; /* sichtbarer Endzustand als Fallback */
  animation:heroOrbitChipIn .6s cubic-bezier(.16,.84,.44,1) both;
}
.page-index #hero .ho-1 .hero-orbit-inner{animation-delay:.5s}
.page-index #hero .ho-2 .hero-orbit-inner{animation-delay:.66s}
.page-index #hero .ho-3 .hero-orbit-inner{animation-delay:.82s}
.page-index #hero .ho-4 .hero-orbit-inner{animation-delay:.98s}
.page-index #hero .ho-5 .hero-orbit-inner{animation-delay:1.14s}
@keyframes heroOrbitChipIn{from{opacity:0;transform:translateX(-10px) scale(.96)}to{opacity:1;transform:none}}
.page-index #hero .hero-orbit-chip a{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.5rem .9rem;
  border-radius:999px;
  background:rgba(13,27,42,.72);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
  border:1px solid rgba(180,143,71,.4);
  color:#fff;
  font-size:.82rem;
  font-weight:500;
  letter-spacing:.005em;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 10px 28px -14px rgba(0,0,0,.75);
  transition:border-color .22s ease, background .22s ease, transform .22s ease;
}
.page-index #hero .hero-orbit-chip a:hover,
.page-index #hero .hero-orbit-chip a:focus-visible{
  border-color:var(--gold);
  background:rgba(13,27,42,.9);
  transform:translateY(-2px);
  outline:none;
}
.page-index #hero .hero-orbit-chip a:focus-visible{box-shadow:0 0 0 2px var(--gold)}
.page-index #hero .ho-dot{
  width:6px;height:6px;border-radius:50%;
  background:var(--gold);
  flex-shrink:0;
  box-shadow:0 0 9px 1px rgba(180,143,71,.65);
}

/* Auf kompakten Screens ausblenden – die Leistungen stehen in der Navigation */
@media(max-width:900px){
  .page-index #hero .hero-orbit,
  .page-index #hero .hero-orbit-lines{display:none}
}

@media(prefers-reduced-motion:reduce){
  .page-index #hero .hero-orbit-lines line{animation:none;stroke-dashoffset:0}
  .page-index #hero .hero-orbit-inner{animation:none;opacity:1;transform:none}
}

/* ── HERO – rotierendes Wort in der Headline (index.html) ── */
.page-index #hero .hero-rotator{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.15em .45em;
  margin:0 0 .85rem;
  font-size:clamp(1rem,1.5vw,1.25rem);
  font-weight:400;
  color:rgba(255,255,255,.82);
  line-height:1.3;
}
.page-index #hero .hero-rotator-lead{white-space:nowrap}
.page-index #hero .hero-rotator-words{
  display:inline-grid;              /* alle Wörter im selben Grid-Feld → Breite = längstes Wort */
  overflow:hidden;
  vertical-align:bottom;
  line-height:1.15;
}
.page-index #hero .hero-rotator-word{
  grid-area:1/1;
  justify-self:start;
  font-family:var(--font-display,Georgia,serif);
  font-style:italic;
  font-weight:600;
  color:var(--gold-light);
  white-space:nowrap;
  transform:translateY(40%);
  opacity:0;
  transition:transform .85s cubic-bezier(.22,.61,.36,1), opacity .75s cubic-bezier(.22,.61,.36,1);
}
.page-index #hero .hero-rotator-word.is-active{
  transform:translateY(0);
  opacity:1;
}
.page-index #hero .hero-rotator-word.is-leaving{
  transform:translateY(-35%);
  opacity:0;
  transition:transform .7s cubic-bezier(.4,0,.2,1), opacity .6s cubic-bezier(.4,0,.2,1);
}
/* geparkt: sofort unsichtbar unterhalb, ohne sichtbaren Slide */
.page-index #hero .hero-rotator-word.is-parked{
  transform:translateY(40%);
  opacity:0;
  transition:none;
}

@media(prefers-reduced-motion:reduce){
  .page-index #hero .hero-rotator-word{transition:none}
  .page-index #hero .hero-rotator-word.is-leaving,
  .page-index #hero .hero-rotator-word.is-parked{opacity:0}
  .page-index #hero .hero-rotator-word.is-active{opacity:1;transform:none}
}