/* Immo Best — Startseite (W3) · heller Stil, freigegeben 2026-07-24 */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
em{font-style:italic}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)}
.serif{font-family:var(--serif)}

/* ---------- Sektions-Grundgerüst ---------- */
section{padding-block:var(--sec-y)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-d);font-weight:600;margin-bottom:20px}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--gold);display:inline-block}
.center .eyebrow::before{display:none}
.h2{font-family:var(--serif);font-weight:400;font-size:clamp(31px,3.9vw,52px);line-height:1.1;color:var(--ink);letter-spacing:-.015em;text-wrap:balance}
.h2 em{font-style:italic;color:var(--gold-d)}
.sec-head{max-width:64ch}
.sec-head .sub{color:var(--ink-2);font-size:18px;margin-top:20px;max-width:60ch}
.center{text-align:center;margin-inline:auto}
.center .sub{margin-inline:auto}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--sans);font-weight:500;font-size:15.5px;padding:15px 28px;border-radius:var(--r);border:1px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-solid{background:var(--gold);color:#fff}
.btn-solid:hover{background:var(--gold-d)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--gold)}
.btn-ghost:hover{background:var(--paper-2)}
.btn-lg{padding:17px 34px;font-size:16px}
.link-gold{color:var(--gold-d);font-weight:500;border-bottom:1px solid var(--line-2);transition:border-color .15s}
.link-gold:hover{border-color:var(--gold)}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:82px}
.nav .logo{height:36px}
.nav-links{display:flex;align-items:center;gap:clamp(16px,2.2vw,32px)}
.nav-links a{font-size:15px;font-weight:500;color:var(--ink)}
.nav-links a:hover{color:var(--gold-d)}
.nav-cta{margin-left:6px}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.burger span{width:26px;height:2px;background:var(--ink)}

/* ---------- 1 · Hero ---------- */
.hero{padding:0;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:640px}
.hero-text{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,4vw,72px) var(--gutter) clamp(56px,5vw,80px);max-width:760px;margin-left:auto;width:100%}
.hero .eyebrow{font-family:var(--serif);font-weight:700;font-size:22px;letter-spacing:.4px;color:var(--gold-d);text-transform:none;margin-bottom:22px}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4.4vw,62px);line-height:1.11;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}
.hero .lead{font-size:18px;color:var(--ink-2);margin-top:24px;max-width:52ch}
.hero-cta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:32px}
.reibung{font-size:13.5px;color:var(--ink-3);margin-top:14px}
.hero-bullets{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:34px}
.hero-bullets li{display:flex;align-items:flex-start;gap:11px;font-size:15.5px;color:var(--ink)}
.hero-bullets svg{flex:0 0 auto;margin-top:3px;color:var(--gold)}
.hero-photo{position:relative;background:var(--paper-2) center 15%/cover no-repeat}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--paper),rgba(251,247,242,0) 15%)}
.trust-pill{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:var(--white);border:1px solid var(--line);border-radius:100px;padding:7px 15px;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:24px;box-shadow:var(--shadow-s)}
.trust-pill .star{color:var(--gold)}

/* ---------- 2 · Stat-Bar (card overlap) ---------- */
.statbar-wrap{margin-top:calc(-1 * clamp(52px,7vw,88px));position:relative;z-index:5;padding-block:0}
.statbar{background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-m);display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:26px 24px;text-align:center;border-right:1px solid var(--line)}
.stat:last-child{border-right:none}
.stat .num{font-family:var(--serif);font-size:clamp(28px,3vw,40px);font-weight:500;color:var(--ink);line-height:1}
.stat .num .star{color:var(--gold)}
.stat .lbl{font-size:13px;color:var(--ink-2);margin-top:8px;line-height:1.35}
/* Über-uns: Statband ohne Karten-Rahmen, Gold-Hairline + warmer Radial-Glow (DW) */
.ab-statband .statbar{background:radial-gradient(120% 200% at 50% -55%,#FBF5E9 0%,rgba(255,255,255,0) 60%);border:none;border-block:1px solid var(--line-2);border-radius:0;box-shadow:none}
.ab-statband .stat{padding-block:clamp(30px,3.6vw,44px)}
.ab-statband .stat .num{font-size:clamp(32px,3.4vw,46px)}

/* ---------- 3 · Value-Prop ---------- */
.valueprop-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(32px,5vw,68px);align-items:center}
.vp-photo{border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-m);aspect-ratio:4/5;background:var(--paper-2)}
.vp-photo img{width:100%;height:100%;object-fit:cover}
.vp-items{display:grid;grid-template-columns:1fr 1fr;gap:26px 30px;margin-top:34px}
.vp-item{}
.vp-ico{width:42px;height:42px;border-radius:var(--r);background:var(--paper-2);display:flex;align-items:center;justify-content:center;color:var(--gold-d);margin-bottom:14px}
.vp-item h3{font-family:var(--serif);font-weight:500;font-size:20px;color:var(--ink);margin-bottom:8px;line-height:1.2}
.vp-item p{font-size:14.5px;color:var(--ink-2);line-height:1.6}

/* ---------- 4 · Qualifikationen & Verbände (Zertifikats-Leiste) ---------- */
.qual{background:var(--paper-2);border-block:1px solid var(--line);text-align:center;padding-block:clamp(46px,6vw,74px)}
.qual .eyebrow::before{display:none}
.qual-row{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;margin-top:26px}
.qual-item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:6px clamp(12px,1.8vw,30px);position:relative}
.qual-item::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--line-2)}
.qual-item:first-child::before{display:none}
.qual-item .seal{color:var(--gold-d)}
.qual-item .name{font-family:var(--serif);font-size:clamp(16px,1.5vw,21px);color:var(--ink);font-weight:500;line-height:1.2}
.qual-item .sub{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
@media(max-width:820px){.qual-item{flex-basis:calc(50% - 1px);padding-block:18px}.qual-item::before{display:none}}

/* ---------- 5 · Testimonials ---------- */
.reviews-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.grate{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;white-space:nowrap}
.grate .stars{color:var(--gold);letter-spacing:2px}
.review-slot{margin-top:38px;border:1px solid var(--line);border-radius:16px;background:radial-gradient(120% 160% at 50% -30%,#FCF7ED,rgba(255,255,255,0) 60%),#fff;padding:52px 24px;text-align:center;color:var(--ink-3);font-size:14px}
.review-slot .slot-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);font-weight:600;margin-bottom:12px}
.review-slot .slot-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#34a853;box-shadow:0 0 0 3px rgba(52,168,83,.18)}

/* ---------- 6 · Feature-Grid (Services) ---------- */
.feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:44px}
.feat-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);padding:34px;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}
.feat-card:hover{box-shadow:var(--shadow-m);transform:translateY(-3px)}
.feat-card h3{font-family:var(--serif);font-weight:500;font-size:24px;color:var(--ink);line-height:1.18;margin-bottom:14px}
.feat-card p{font-size:15px;color:var(--ink-2);line-height:1.62;flex:1}
.feat-card .cta-row{margin-top:22px}

/* ---------- 7 · Listing-Teaser ---------- */
.listing-slot{margin-top:40px;border:1px dashed var(--line-2);border-radius:var(--r-l);background:var(--paper-3);padding:44px 28px;text-align:center}
.listing-slot .count{font-family:var(--serif);font-size:22px;color:var(--ink);margin-bottom:8px}
.listing-slot .slot-tag{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);font-weight:600;margin-bottom:14px}
.listing-slot .cta-row{margin-top:22px}

/* ---------- 8 · Content-Hub (FAQ) ---------- */
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:44px}
.faq-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);padding:28px 30px}
.faq-card h3{font-family:var(--serif);font-weight:500;font-size:19px;color:var(--ink);margin-bottom:10px;line-height:1.25;display:flex;gap:10px}
.faq-card h3 .q{color:var(--gold);font-style:italic}
.faq-card p{font-size:14.5px;color:var(--ink-2);line-height:1.6}

/* ---------- 9 · Valuation-Widget (contrast: warm) ---------- */
.valuation{background:var(--paper-2);border-block:1px solid var(--line)}
.val-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
.val-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}
.val-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:22px 14px;text-align:center;font-weight:500;font-size:15px;transition:border-color .15s,box-shadow .15s;cursor:pointer}
.val-card:hover{border-color:var(--gold);box-shadow:var(--shadow-s)}
.val-card .vico{color:var(--gold);margin-bottom:10px;display:flex;justify-content:center}
.val-side .micro{color:var(--ink-2);font-size:15px;margin:20px 0}
.val-checks{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:18px}
.val-checks li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--ink)}
.val-checks svg{color:var(--gold)}
.val-proof{font-size:13.5px;color:var(--ink-3);margin-top:16px}

/* ---------- 10 · Media-Grid (Instagram) ---------- */
.insta-slot{margin-top:40px;border:1px dashed var(--line-2);border-radius:var(--r-l);background:var(--white);padding:44px 24px;text-align:center;color:var(--ink-3)}
.insta-slot .slot-tag{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);font-weight:600;margin-bottom:10px}
.insta-slot a{color:var(--gold-d);font-weight:600}

/* ---------- 11 · Team (Story) ---------- */
.team-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,64px);align-items:center}
.team-story p{color:var(--ink-2);font-size:16.5px;margin-top:18px}
.team-story p:first-of-type{margin-top:24px}
.team-story a{color:var(--gold-d);font-weight:500;border-bottom:1px solid var(--line-2)}
.bold-statement{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.4vw,30px);line-height:1.35;color:var(--ink);margin-top:30px;padding-left:22px;border-left:2px solid var(--gold)}
.team-photos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.team-photos figure{border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-s);background:var(--paper-2)}
.team-photos img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}
.team-photos figure:first-child{grid-row:span 2;aspect-ratio:auto}
.team-photos figure:first-child img{aspect-ratio:3/4;height:100%}

/* ---------- 12 · Contact-Card (Standort) ---------- */
.standort-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,60px);align-items:start}
.standort-prosa p{color:var(--ink-2);font-size:16px;margin-top:16px}
.contact-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-m);overflow:hidden;position:sticky;top:104px}
.contact-card .cc-photo{aspect-ratio:16/10;object-fit:cover;width:100%}
.contact-card .cc-body{padding:28px 30px}
.cc-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.cc-row:last-of-type{border-bottom:none}
.cc-row .k{color:var(--ink-3);min-width:96px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;padding-top:2px}
.cc-row .v{color:var(--ink);font-weight:500}
.cc-row .v a:hover{color:var(--gold-d)}
.contact-card .cc-cta{margin-top:20px;width:100%}

/* ---------- 13 · Geo-Hub (Chips) ---------- */
.geo{background:var(--paper-2);border-block:1px solid var(--line)}
.geo .aussage{color:var(--ink-2);font-size:17px;max-width:70ch;margin-top:18px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.chips .chip-label{width:100%;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-weight:600;margin-bottom:4px}
.chip{background:var(--white);border:1px solid var(--line);border-radius:100px;padding:8px 16px;font-size:14px;color:var(--ink);transition:border-color .15s,color .15s}
.chip:hover{border-color:var(--gold);color:var(--gold-d)}

/* ---------- 14 · Contact-Channels ---------- */
.channels{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px;max-width:760px}
.channel{display:flex;align-items:center;gap:16px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);padding:24px 26px;transition:box-shadow .2s,transform .2s}
.channel:hover{box-shadow:var(--shadow-m);transform:translateY(-2px)}
.channel .ch-ico{width:46px;height:46px;border-radius:50%;background:var(--paper-2);display:flex;align-items:center;justify-content:center;color:var(--gold-d);flex:0 0 auto}
.channel .ch-label{font-family:var(--serif);font-size:19px;color:var(--ink)}
.channel .ch-val{font-size:14px;color:var(--ink-2)}
.ansprech{margin-top:22px;font-size:15px;color:var(--ink-2)}
.ansprech b{color:var(--ink)}

/* ---------- 15 · CTA-Banner (der EINE Maroon-Kontrast) ---------- */
.final-cta{background:var(--paper-2);border-block:1px solid var(--line);text-align:center;position:relative;padding-block:clamp(52px,7vw,92px)}
.final-cta::before,.final-cta::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:min(760px,86%);height:1px;background:linear-gradient(90deg,transparent,var(--gold-l),transparent)}
.final-cta::before{top:26px}
.final-cta::after{bottom:26px}
.final-cta .kick{display:inline-flex;align-items:center;gap:12px;color:var(--gold-d);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}
.final-cta .kick::before,.final-cta .kick::after{content:"";width:32px;height:1px;background:var(--gold-l)}
.final-cta .h2{color:var(--ink);font-size:clamp(32px,4.6vw,54px);max-width:18ch;margin:22px auto 0}
.final-cta .h2 em{font-style:italic;color:var(--gold-d)}
.final-cta .sub{color:var(--ink-2);font-size:17px;line-height:1.72;max-width:60ch;margin:22px auto 0}
.final-cta .claim{display:block;font-family:var(--serif);font-style:italic;font-size:clamp(17px,1.9vw,21px);margin:26px auto 0;max-width:58ch;color:var(--gold-d)}
.final-cta .cta-row{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:34px}
.final-cta .btn-solid{background:var(--gold);color:#fff;box-shadow:0 10px 26px -14px rgba(177,146,93,.7)}
.final-cta .btn-solid:hover{background:var(--gold-d)}
.final-cta .sekundaer{color:var(--ink-3);font-size:15px}
.final-cta .sekundaer a{color:var(--gold-d);font-weight:600;border-bottom:1px solid var(--line-2)}

/* ---------- Footer ---------- */
.footer{background:var(--paper-3);border-top:1px solid var(--line);padding-block:56px 30px}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.footer .f-logo{height:40px;margin-bottom:16px}
.footer .f-about{color:var(--ink-2);font-size:14.5px;max-width:38ch}
.footer h4{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-weight:600;margin-bottom:16px}
.footer ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer ul a{font-size:14.5px;color:var(--ink-2)}
.footer ul a:hover{color:var(--gold-d)}
.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:40px;padding-top:22px;font-size:13px;color:var(--ink-3)}
.footer-bottom a{color:var(--ink-3)} .footer-bottom a:hover{color:var(--gold-d)}

/* ---------- Reveal-Animation ---------- */
@media (prefers-reduced-motion:no-preference){
  .js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
  .js .reveal.in{opacity:1;transform:none}
}

/* ---------- Responsive ---------- */
@media (max-width:960px){
  .hero-grid{grid-template-columns:1fr} .hero-photo{min-height:360px;order:-1}
  .hero-photo::after{background:linear-gradient(0deg,var(--paper),rgba(251,247,242,0) 30%)}
  .valueprop-grid,.val-grid,.team-grid,.standort-grid{grid-template-columns:1fr}
  .vp-photo{aspect-ratio:16/10;max-height:420px}
  .contact-card{position:static}
  .statbar{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:none}.stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--line)}
}
@media (max-width:760px){
  .nav-links{display:none}.burger{display:flex}
  .feat-grid,.faq-grid,.channels{grid-template-columns:1fr}
  .vp-items{grid-template-columns:1fr}
  .val-cards{grid-template-columns:1fr}
  .team-photos{grid-template-columns:1fr 1fr}
  .footer-top{grid-template-columns:1fr;gap:28px}
  .statbar{grid-template-columns:1fr}.stat{border-right:none;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:none}
  .statbar-wrap{margin-top:0;padding-top:0}.statbar{transform:none;margin-top:-30px}
}

/* ═══════════════════════════════════════════════════════════
   Hero-10 (Vollbild dunkel, linksbündig) + Riedel-Overlay-Header
   ═══════════════════════════════════════════════════════════ */
/* Overlay-Header: transparent über dem Hero, solid beim Scrollen */
.rheader{position:fixed;top:0;left:0;right:0;z-index:60;color:#fff;transition:background .3s ease,box-shadow .3s ease,color .3s ease}
.rh-util{border-bottom:1px solid rgba(255,255,255,.14);transition:border-color .3s ease}
.rh-util .wrap{display:flex;justify-content:flex-end;align-items:center;gap:22px;height:44px;font-size:13px;letter-spacing:.02em;color:rgba(255,255,255,.82)}
.rh-util a:hover{color:#fff}
.rh-util .sep{opacity:.4}
.rh-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:88px}
.rh-nav{display:flex;align-items:center;gap:clamp(20px,2.6vw,44px)}
.rh-nav.left{justify-content:flex-end}
.rh-nav.right{justify-content:flex-start}
.rh-nav a{font-size:14px;letter-spacing:.06em;color:rgba(255,255,255,.92);text-transform:uppercase;font-weight:500;transition:color .15s}
.rh-nav a:hover{color:var(--gold-l)}
.rh-logo{display:flex;justify-content:center;padding-inline:clamp(20px,3vw,48px)}
.rh-logo img{height:48px;transition:opacity .3s ease}
.rh-logo .logo-dark{display:none}
.rh-burger{display:none}
/* Solid-Zustand (nach Scroll) */
.rheader.scrolled{background:rgba(255,255,255,.985);box-shadow:0 6px 24px -18px rgba(28,26,23,.5);color:var(--ink)}
.rheader.scrolled .rh-util{display:none}
.rheader.scrolled .rh-main{height:74px}
.rheader.scrolled .rh-nav a{color:var(--ink)}
.rheader.scrolled .rh-nav a:hover{color:var(--gold-d)}
.rheader.scrolled .rh-logo .logo-light{display:none}
.rheader.scrolled .rh-logo .logo-dark{display:block}
.rheader.scrolled .rh-logo img{height:38px}

.hero10{position:relative;min-height:100vh;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#141013;color:#fff;padding:0}
.hero10__bg{position:absolute;inset:0;z-index:-2;background:url('../assets/img/beratung.jpg') center 40%/cover no-repeat}
.hero10::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg, rgba(16,11,9,.82) 0%, rgba(16,11,9,.5) 42%, rgba(16,11,9,.2) 100%),
             linear-gradient(180deg, rgba(16,11,9,.4) 0%, rgba(16,11,9,.15) 45%, rgba(16,11,9,.5) 100%)}
.hero10__inner{position:relative;width:100%;max-width:var(--maxw);margin:0 auto;padding:clamp(120px,13.5vh,165px) var(--gutter) clamp(66px,9vh,110px)}
.hero10__stack{max-width:900px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:clamp(16px,2vw,24px)}
.hero10__rating{display:inline-flex;align-items:center;gap:9px;padding:9px 16px;border-radius:100px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px);font-size:14px;font-weight:500;line-height:1;color:#fff}
.hero10__rating .g{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#fff;color:#1A1A1A;font-weight:700;font-size:12px}
.hero10__rating .stars{color:var(--gold-l);letter-spacing:1px}
.hero10__rating .meta{opacity:.85}
.hero10__title{font-family:var(--serif);font-weight:600;font-size:clamp(32px,4.3vw,56px);line-height:1.1;letter-spacing:-.01em;color:#fff}
.hero10__title .brk{display:inline}
.hero10__lead{font-size:clamp(15px,1.15vw,16.5px);line-height:1.55;color:rgba(255,255,255,.9)}
.hero10__reibung{font-size:13.5px;color:rgba(255,255,255,.72);margin-top:2px}
.hero10__bullets{list-style:none;display:flex;flex-direction:column;gap:11px;margin:4px 0}
.hero10__bullets li{display:flex;align-items:center;gap:11px;font-size:15.5px;font-weight:500;color:#fff}
.hero10__bullets svg{flex:0 0 auto;color:var(--gold-l)}
.hero10__cta{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:14px;margin-top:8px}
.hero10__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:220px;padding:18px 34px;border-radius:var(--r);font-size:15px;font-weight:600;border:1.5px solid transparent;cursor:pointer;transition:all .18s ease}
.hero10__btn:active{transform:translateY(1px)}
.hero10__btn--primary{background:var(--gold);color:#fff;border-color:var(--gold)}
.hero10__btn--primary:hover{background:var(--gold-d);border-color:var(--gold-d)}
.hero10__btn .arr{transition:transform .18s ease}
.hero10__btn--primary:hover .arr{transform:translateX(3px)}

@media (max-width:900px){
  .rh-util{display:none}
  .rh-main{grid-template-columns:auto 1fr auto;height:70px}
  .rh-nav{display:none}
  .rh-logo{justify-content:flex-start;padding:0}.rh-logo img{height:40px}
  .rh-burger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;justify-self:end}
  .rh-burger span{width:26px;height:2px;background:currentColor}
  .hero10{min-height:86vh}.hero10__inner{padding-top:94px}
  .hero10__title{font-size:clamp(34px,8.5vw,46px)}.hero10__title .brk{display:none}
  .hero10__cta{width:100%}.hero10__btn{flex:1;min-width:0}
}

/* ---------- 3 · Warum Immo Best (Bento) ---------- */
.bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:20px;margin-top:46px}
.bento-cell{background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);padding:32px;transition:box-shadow .2s ease,transform .2s ease}
.bento-cell:hover{box-shadow:var(--shadow-m);transform:translateY(-3px)}
.bento-cell.photo{grid-row:span 2;padding:0;overflow:hidden;position:relative;min-height:340px;background:#1a120c}
.bento-cell.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bento-cell.photo .cap{position:absolute;left:0;right:0;bottom:0;padding:28px;background:linear-gradient(0deg,rgba(20,16,12,.86),transparent);color:#fff}
.bento-cell.photo .cap .k{font-family:var(--serif);font-size:26px;line-height:1.1}
.bento-cell.photo .cap .t{font-size:13.5px;color:rgba(255,255,255,.82);margin-top:6px;line-height:1.4}
.bento-cell .u-ico{width:44px;height:44px;border-radius:var(--r);background:var(--paper-2);display:flex;align-items:center;justify-content:center;color:var(--gold-d);margin-bottom:16px}
.bento-cell h3{font-family:var(--serif);font-weight:500;font-size:19px;color:var(--ink);margin-bottom:8px;line-height:1.22}
.bento-cell p{font-size:13.5px;color:var(--ink-2);line-height:1.58}
.bento-cell .link-gold{font-size:13.5px}
@media(max-width:900px){.bento{grid-template-columns:1fr 1fr}.bento-cell.photo{grid-row:auto;grid-column:span 2;min-height:260px}}
@media(max-width:620px){.bento{grid-template-columns:1fr}.bento-cell.photo{grid-column:auto}}

/* ---------- 6 · Leistungen (Bento · Bewertung als Feature + 3) ---------- */
.svc-link{display:inline-flex;align-items:center;gap:8px;color:var(--gold-d);font-weight:600;font-size:14.5px;margin-top:auto;padding-top:20px}
.svc-link .arr{transition:transform .18s ease}
.svc-link:hover .arr{transform:translateX(4px)}
.leist-bento{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px;margin-top:46px}
.leist-cell{background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);padding:30px;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}
.leist-cell:hover{box-shadow:var(--shadow-m);transform:translateY(-3px)}
.leist-cell .ico-c{width:50px;height:50px;border-radius:var(--r);background:var(--paper-2);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.leist-cell .lico{color:var(--gold-d)}
.leist-cell h3{font-family:var(--serif);font-weight:500;font-size:21px;color:var(--ink);line-height:1.22;margin-bottom:12px}
.leist-cell h3 em{font-style:italic;color:var(--gold-d)}
.leist-cell p{font-size:13.5px;color:var(--ink-2);line-height:1.58}
/* Feature-Kachel (Bewertung, weiß + Gold-Akzent, spannt 2 Reihen) */
.leist-cell:nth-child(1){grid-column:1;grid-row:1/3;background:#fff;color:var(--ink);border-color:var(--gold);padding:38px;justify-content:space-between;position:relative;overflow:hidden;box-shadow:var(--shadow-m)}
.leist-cell:nth-child(1)::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-l),var(--gold),var(--gold-d))}
.leist-cell:nth-child(1) .ico-c{background:rgba(177,146,93,.14)}
.leist-cell:nth-child(1) .lico{color:var(--gold-d)}
.leist-cell:nth-child(1) h3{color:var(--ink);font-size:28px;margin-bottom:14px}
.leist-cell:nth-child(1) h3 em{color:var(--gold-d)}
.leist-cell:nth-child(1) p{color:var(--ink-2);font-size:14.5px;line-height:1.62}
.leist-cell:nth-child(1) .svc-link{color:var(--gold-d)}
.leist-cell:nth-child(4){grid-column:2/4}
@media(max-width:900px){.leist-bento{grid-template-columns:1fr}.leist-cell:nth-child(1){grid-column:auto;grid-row:auto}.leist-cell:nth-child(4){grid-column:auto}}
/* 5-Item-Variante (Über-uns „Warum Immo Best"): 1 groß links + 2×2 rechts */
.leist-bento--5{grid-template-columns:1.25fr 1fr 1fr;grid-auto-rows:1fr}
.leist-bento--5 .leist-cell:nth-child(1){grid-column:1;grid-row:1/3;justify-content:flex-start}
.leist-bento--5 .leist-cell:nth-child(2){grid-column:2;grid-row:1}
.leist-bento--5 .leist-cell:nth-child(3){grid-column:3;grid-row:1}
.leist-bento--5 .leist-cell:nth-child(4){grid-column:2;grid-row:2}
.leist-bento--5 .leist-cell:nth-child(5){grid-column:3;grid-row:2}
@media(max-width:900px){.leist-bento--5{grid-template-columns:1fr}.leist-bento--5 .leist-cell:nth-child(n){grid-column:auto;grid-row:auto}}

/* ---------- 7 · Immobilien (Objekt-Karussell · Live-Slot onOffice) ---------- */
.btn .arr{transition:transform .18s ease}
.btn:hover .arr{transform:translateX(3px)}
.ocard{background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;flex:0 0 auto}
.ocard .imgph{aspect-ratio:4/3;background:linear-gradient(135deg,var(--paper-2),#ece1d4);display:flex;align-items:center;justify-content:center;position:relative}
.ocard .imgph svg{color:#d8c7b4;width:52px;height:52px}
.ocard .live{position:absolute;left:14px;top:14px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d);font-weight:600;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:100px;padding:6px 12px}
.ocard .body{padding:20px 22px}
.ocard .sk{height:12px;border-radius:6px;background:var(--paper-2)}
.ocard .sk.price{width:46%;height:18px;background:#eaddcd;margin-bottom:14px}
.ocard .sk.t{width:88%;margin-bottom:9px}.ocard .sk.t2{width:64%;margin-bottom:16px}
.ocard .chips{display:flex;gap:8px}.ocard .chips span{height:22px;width:56px;border-radius:100px;background:var(--paper-2)}
.ang-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.ang-strip{display:flex;gap:22px;margin-top:40px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none;cursor:grab}
.ang-strip.dragging{cursor:grabbing;scroll-snap-type:none}
.ang-strip::-webkit-scrollbar{display:none}
.ang-strip .ocard{width:min(340px,80vw);scroll-snap-align:start}
.ang-strip.dragging .ocard *{user-select:none}
.ang-count{font-size:14px;color:var(--ink-3);margin-top:20px}
@media(max-width:600px){.ang-strip .ocard{width:82vw}}

/* ---------- 8 · Gut zu wissen (Split · Sticky-Intro + Akkordeon) ---------- */
.faq-split{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(34px,5vw,72px);align-items:start}
.faq-intro{position:sticky;top:104px}
.faq-intro .deco{width:40px;height:2px;background:var(--gold);margin-top:24px}
.acc details{border-top:1px solid var(--line)}
.acc details:last-of-type{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 2px;font-family:var(--serif);font-weight:500;font-size:clamp(18px,1.7vw,21px);color:var(--ink);transition:color .15s}
.acc summary::-webkit-details-marker{display:none}
.acc summary:hover{color:var(--gold-d)}
.acc .ic{flex:0 0 auto;width:30px;height:30px;border-radius:50%;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold-d);transition:transform .25s ease,background .2s}
.acc details[open] .ic{transform:rotate(180deg);background:var(--gold);color:#fff}
.acc .ans{padding:0 46px 26px 2px;color:var(--ink-2);font-size:15px;line-height:1.66;max-width:74ch}
@media(max-width:900px){.faq-split{grid-template-columns:1fr}.faq-intro{position:static}}

/* ---------- 8 · Gut zu wissen · Immersive Cover-Kacheln (Variante B) ---------- */
.gzw-head{margin-bottom:clamp(34px,4vw,54px);max-width:70ch}
.gzw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gzw-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/5;border-radius:16px;overflow:hidden;isolation:isolate;box-shadow:0 18px 44px -30px rgba(28,26,23,.6)}
.gzw-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s ease}
.gzw-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,16,12,.05) 0%,rgba(20,16,12,.22) 42%,rgba(20,16,12,.86) 100%);transition:background .4s ease}
.gzw-card:hover img{transform:scale(1.06)}
.gzw-card:hover::after{background:linear-gradient(180deg,rgba(20,16,12,.12) 0%,rgba(20,16,12,.5) 42%,rgba(20,16,12,.93) 100%)}
.gzw-num{position:absolute;left:20px;top:18px;z-index:1;font-family:var(--serif);font-size:18px;color:#fff;opacity:.85;letter-spacing:.02em}
.gzw-num::after{content:"";display:block;width:26px;height:1px;background:var(--gold-l);margin-top:8px}
.gzw-body{padding:24px 22px 26px;color:#fff}
.gzw-body h3{font-family:var(--serif);font-weight:400;font-size:20.5px;line-height:1.24;color:#fff}
.gzw-body p{color:rgba(255,255,255,.82);font-size:13.5px;line-height:1.6;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s ease,opacity .35s ease,margin-top .45s ease}
.gzw-card:hover .gzw-body p{max-height:200px;opacity:1;margin-top:11px}
.gzw-more{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font:600 12px/1 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:var(--gold-l);transition:gap .25s}
.gzw-card:hover .gzw-more{gap:12px}
@media(max-width:1000px){.gzw-grid{grid-template-columns:repeat(2,1fr)}.gzw-body p{max-height:200px;opacity:1;margin-top:11px}}
@media(max-width:640px){.gzw-grid{grid-template-columns:1fr}}

/* ---------- 7b · Fallstudien (Video-Testimonials · Klick-zum-Laden YouTube) ---------- */
.fallstudien .fs-head{margin-bottom:clamp(34px,4vw,52px);max-width:64ch}
.fs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fs-card{display:flex;flex-direction:column}
.fs-video{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;cursor:pointer;background:#1a120c;box-shadow:var(--shadow-m)}
.fs-video img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.fs-video::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,12,.04),rgba(20,16,12,.46));transition:background .3s}
.fs-video:hover img{transform:scale(1.04)}
.fs-video:hover::after{background:linear-gradient(180deg,rgba(20,16,12,.1),rgba(20,16,12,.6))}
.fs-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:66px;height:66px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px -10px rgba(0,0,0,.6);transition:transform .2s,background .2s}
.fs-video:hover .fs-play{transform:translate(-50%,-50%) scale(1.08);background:#fff}
.fs-play svg{width:26px;height:26px;color:var(--gold-d);margin-left:3px}
.fs-badge{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.92);color:var(--ink);font:600 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border-radius:100px}
.fs-badge svg{width:14px;height:14px;color:#EA3323}
.fs-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}
.fs-video.playing .fs-play,.fs-video.playing .fs-badge,.fs-video.playing::after{display:none}
.fs-cap{margin-top:16px}
.fs-cap .fs-t{font-family:var(--serif);font-size:19px;color:var(--ink);line-height:1.25}
.fs-cap .fs-s{font-size:13.5px;color:var(--ink-2);margin-top:6px;line-height:1.5}
.fs-foot{display:inline-flex;align-items:center;gap:7px;margin-top:clamp(30px,3.5vw,44px);font-size:14px;color:var(--ink-2)}
.fs-foot a{color:var(--gold-d);font-weight:600}
@media(max-width:900px){.fs-grid{grid-template-columns:1fr;max-width:560px;margin-inline:auto}}

/* ---------- 9 · Bewertungs-Funnel (Einwertung, Multi-Step) ---------- */
.val-head{max-width:58ch}
.funnel-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(24px,3.5vw,46px);align-items:stretch;margin-top:42px}
.funnel{background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-m);padding:clamp(24px,3vw,40px);display:flex;flex-direction:column}
.fn-progress{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.fn-progress .segs{display:flex;gap:5px;flex:1}
.fn-progress .seg{height:5px;border-radius:3px;background:var(--line);flex:1;transition:background .3s ease}
.fn-progress .seg.on{background:var(--gold)}
.fn-progress .lbl{font-size:12px;color:var(--ink-3);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.fn-advisor{display:flex;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.fn-advisor img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.fn-advisor .nm{font-weight:600;font-size:14.5px;color:var(--ink)}
.fn-advisor .rl{font-size:12.5px;color:var(--ink-2)}
.fn-step{flex:1}
.fn-q{font-family:var(--serif);font-size:clamp(20px,2.1vw,25px);color:var(--ink);font-weight:500;margin-bottom:8px;line-height:1.25}
.fn-hint{font-size:13.5px;color:var(--ink-3);margin-bottom:18px}
.fn-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fn-opt{position:relative;cursor:pointer;display:block}
.fn-opt input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.fn-opt .box{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:var(--r);padding:16px;transition:border-color .15s,background .15s,box-shadow .15s;background:var(--white)}
.fn-opt .box svg{color:var(--gold-d);flex:0 0 auto}
.fn-opt .box .t{font-weight:500;font-size:15px;color:var(--ink)}
.fn-opt:hover .box{border-color:var(--gold)}
.fn-opt input:checked + .box{border-color:var(--gold);background:var(--paper-3);box-shadow:inset 0 0 0 1px var(--gold)}
.fn-fields{display:flex;flex-direction:column;gap:12px}
.fn-fields input{font-family:var(--sans);font-size:15px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--white);color:var(--ink);width:100%}
.fn-fields input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(177,146,93,.16)}
.fn-nav{display:flex;align-items:center;gap:14px;margin-top:24px}
.fn-back{background:none;border:none;color:var(--ink-2);font-weight:600;font-size:14px;cursor:pointer;display:none;align-items:center;gap:6px}
.fn-back.show{display:inline-flex}
.fn-next{margin-left:auto}
.fn-privacy{font-size:12px;color:var(--ink-3);margin-top:14px;line-height:1.5}
.fn-done{text-align:center;padding:26px 0}
.fn-done .ok{width:58px;height:58px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.fn-done h3{font-family:var(--serif);font-size:25px;color:var(--ink);margin-bottom:10px}
.fn-done p{color:var(--ink-2);max-width:42ch;margin:0 auto;line-height:1.6}
/* Foto-/Trust-Seite */
.funnel-side{border-radius:var(--r-l);overflow:hidden;position:relative;background:#1a120c;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end}
.funnel-side>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%}
.funnel-side .veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,12,.12),rgba(20,16,12,.78))}
.funnel-side .award{position:absolute;left:18px;top:18px;background:rgba(255,255,255,.94);border-radius:100px;padding:8px 15px;font-size:13px;font-weight:600;color:var(--ink);display:inline-flex;gap:7px;align-items:center}
.funnel-side .award .star{color:var(--gold);letter-spacing:1px}
.funnel-side .sidecard{position:relative;margin:18px;background:rgba(255,252,252,.96);border:1px solid rgba(255,255,255,.5);border-radius:var(--r-l);padding:20px 22px}
.funnel-side .sidecard ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.funnel-side .sidecard li{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--ink);font-weight:500}
.funnel-side .sidecard svg{color:var(--gold);flex:0 0 auto}
@media(max-width:900px){.funnel-grid{grid-template-columns:1fr}.funnel-side{min-height:260px}}
@media(max-width:560px){.fn-opts{grid-template-columns:1fr}}

.fn-opt.txt .box{justify-content:center;text-align:center;padding-block:18px}

/* ---------- 9b · Einwertungsfunnel v2 (nach Karim-Design) ---------- */
.fn-card{max-width:1040px;margin:0 auto;background:linear-gradient(158deg,#FCF9F3 0%,#F8F1E5 62%,#F5EDDF 100%);border:1px solid var(--line-2);border-radius:18px;box-shadow:0 30px 70px -40px rgba(28,26,23,.5);padding:clamp(30px,4vw,58px);position:relative;overflow:hidden;text-align:center}
.fn-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-l),var(--gold),var(--gold-d))}
.fn-eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-d);font-weight:600}
.fn-eyebrow::before,.fn-eyebrow::after{content:"";width:36px;height:1px;background:var(--gold)}
.fn-h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.6vw,46px);line-height:1.12;color:var(--ink);letter-spacing:-.01em;margin-top:16px}
.fn-h2 em{font-style:italic;color:var(--gold-d)}
.fn-sub{color:var(--ink-2);font-size:17px;margin:14px auto 0;max-width:52ch}
/* 3-Phasen-Indikator */
.fn-steps{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;background:var(--white);border:1px solid var(--line);border-radius:100px;padding:11px 22px;margin:28px auto 0}
.fn-s{display:inline-flex;align-items:center;gap:9px;color:var(--ink-3);font-size:15px;transition:color .2s}
.fn-s i{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold-d);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-style:normal;transition:all .2s}
.fn-s.active{color:var(--ink);font-weight:600}
.fn-s.active i{background:var(--gold);border-color:var(--gold);color:#fff}
.fn-s.done i{background:var(--gold);border-color:var(--gold);color:#fff}
.fn-arrow{color:var(--line-2)}
/* Typ-Karten */
.fn-typecards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:36px;text-align:left}
.fn-tc{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:30px 26px;position:relative;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}
.fn-tc::before{content:"";position:absolute;top:0;left:22px;right:22px;height:3px;background:var(--gold);border-radius:0 0 4px 4px}
.fn-tc:hover{box-shadow:var(--shadow-m);transform:translateY(-3px)}
.fn-tc .tico{color:var(--gold-d);margin-bottom:18px}
.fn-tc h3{font-family:var(--serif);font-weight:500;font-size:22px;color:var(--ink);line-height:1.2}
.fn-tc .desc{color:var(--ink-2);font-size:14px;line-height:1.5;margin-top:8px;flex:1}
.fn-tc .start{margin-top:22px;background:#F5ECDC;color:var(--gold-d);font-weight:600;font-size:14.5px;border-radius:8px;padding:14px;border:1px solid rgba(177,146,93,.38);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .18s,border-color .18s,color .18s}
.fn-tc .start:hover{background:var(--gold);border-color:var(--gold);color:#fff}
.fn-tc .start .arr{transition:transform .18s}.fn-tc .start:hover .arr{transform:translateX(4px)}
/* Phasen-Formulare (2/3) — linksbündig */
.fn-phase{text-align:left}
.fn-phase[data-phase="1"]{text-align:center}
.fn-formwrap{max-width:620px;margin:34px auto 0;text-align:left}
/* Divider + Trust + Rating */
.fn-divider{height:1px;background:var(--line);margin:38px 0 26px}
.fn-trustrow{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 30px}
.fn-trustrow span{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;color:var(--ink);font-weight:500}
.fn-trustrow svg{color:var(--gold);flex:0 0 auto}
.fn-rating{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font-size:15px;color:var(--ink)}
.fn-rating .stars{color:var(--gold);letter-spacing:2px}
.fn-rating b{font-weight:700}
@media(max-width:820px){.fn-typecards{grid-template-columns:1fr}.fn-steps{gap:8px;padding:10px 16px}.fn-s span{display:none}.fn-s.active span{display:inline}}

/* ---------- 10 · Einblicke (Instagram-Reels · Doppel-Marquee) ---------- */
.einblicke .rhead{text-align:center;max-width:60ch;margin:0 auto}
.einblicke .rhead .sub{color:var(--ink-2);font-size:17px;line-height:1.7;margin:16px auto 0;max-width:52ch}
.einblicke .rfoot{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;margin-top:clamp(30px,4vw,44px)}
.einblicke .ig-handle{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-weight:600;font-size:15px}
.einblicke .ig-handle svg{width:19px;height:19px;color:var(--gold-d)}
.einblicke .ig-follow{display:inline-flex;align-items:center;gap:9px;background:var(--gold);color:#fff;font-weight:600;font-size:15px;padding:14px 28px;border-radius:var(--r);transition:transform .15s,background .15s}
.einblicke .ig-follow:hover{background:var(--gold-d);transform:translateY(-2px)}
.einblicke .ig-follow svg{width:18px;height:18px}
.einblicke .reel{position:relative;display:block;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#141210;box-shadow:var(--shadow-m)}
.einblicke .reel img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.einblicke .reel::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,18,16,.55),transparent 42%)}
.einblicke .reel .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .25s,background .25s}
.einblicke .reel .play svg{width:21px;height:21px;color:#fff;margin-left:3px}
.einblicke .reel .rtag{position:absolute;top:12px;right:12px;z-index:2;color:#fff}
.einblicke .reel .rtag svg{width:19px;height:19px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
.einblicke .reel:hover img{transform:scale(1.06)}
.einblicke .reel:hover .play{transform:translate(-50%,-50%) scale(1.08);background:rgba(177,146,93,.85)}
.einblicke .band{margin-top:clamp(30px,4vw,44px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.einblicke .band+.band{margin-top:16px}
.einblicke .track{display:flex;gap:16px;width:max-content}
.einblicke .track .reel{width:clamp(190px,17vw,230px);flex:0 0 auto}
.einblicke .track.a{animation:reelL 46s linear infinite}
.einblicke .track.b{animation:reelR 52s linear infinite}
@keyframes reelL{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 8px))}}
@keyframes reelR{from{transform:translateX(calc(-50% - 8px))}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.einblicke .track{animation:none}}

/* ---------- 11 · Team (Foto-Collage-Split) ---------- */
.team-cs{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(34px,5vw,64px);align-items:center}
.team-cs .story-p{color:var(--ink-2);font-size:16.5px;line-height:1.7;margin-top:18px}
.team-cs .story-p a{color:var(--gold-d);font-weight:500;border-bottom:1px solid var(--line-2)}
.team-pull{font-family:var(--serif);font-weight:400;font-size:clamp(19px,1.9vw,25px);line-height:1.34;color:var(--ink);margin-top:28px;padding-left:22px;border-left:2px solid var(--gold)}
.team-collage{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.team-collage .big{grid-row:span 2;border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-m);aspect-ratio:3/5}
.team-collage .sm{border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-s);aspect-ratio:1}
.team-collage img{width:100%;height:100%;object-fit:cover}
/* Über-uns Story: Weiterlesen-Crop (Milan) */
.team-cs .story-rest{position:relative;max-height:64px;overflow:hidden;transition:max-height .55s ease}
.team-cs .story-rest::after{content:"";position:absolute;left:0;right:0;bottom:0;height:88px;background:linear-gradient(0deg,#fff 12%,rgba(255,255,255,0));pointer-events:none;transition:opacity .3s ease}
.team-cs .story-cb:checked ~ .story-rest{max-height:1200px}
.team-cs .story-cb:checked ~ .story-rest::after{opacity:0}
.team-cs .story-more-btn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;cursor:pointer;font:600 13px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-d);user-select:none}
.team-cs .story-more-btn:hover{color:var(--ink)}
.team-cs .story-more-btn .chev{transition:transform .35s ease}
.team-cs .story-cb:checked ~ .story-more-btn .chev{transform:rotate(180deg)}
.team-cs .story-more-btn .lbl-less{display:none}
.team-cs .story-cb:checked ~ .story-more-btn .lbl-more{display:none}
.team-cs .story-cb:checked ~ .story-more-btn .lbl-less{display:inline}
@media(max-width:900px){.team-cs{grid-template-columns:1fr}.team-collage .big{aspect-ratio:4/3}}

/* ---------- 12+13 · Standort (Visitenkarte) + Einzugsgebiet (dunkles Band) ---------- */
.sx .sx-head{max-width:60ch}
.sx .sx-sub{color:var(--ink-2);font-size:18px;margin-top:16px}
.sx .sx-mag{columns:2;column-gap:46px;margin-top:26px;max-width:900px}
.sx .sx-mag p{color:var(--ink-2);font-size:15.5px;line-height:1.74;margin:0 0 16px;break-inside:avoid}
.sx .sx-card{display:grid;grid-template-columns:1.4fr 1fr;margin-top:clamp(30px,4vw,42px);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-m);background:var(--white)}
.sx .sx-cmap{position:relative;min-height:420px;background:var(--paper-2)}
.sx .sx-cmap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.18) contrast(.96)}
.sx .sx-cinfo{padding:clamp(30px,3vw,44px);border-left:1px solid var(--line);background:var(--paper-3);display:flex;flex-direction:column;justify-content:center}
.sx .sx-badge{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d);font-weight:600;margin-bottom:16px}
.sx .sx-badge svg{width:13px;height:13px}
.sx .nap .fr{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line-2);font-size:15px}
.sx .nap .fr:last-of-type{border-bottom:none}
.sx .nap .k{color:var(--ink-3);min-width:88px;font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;padding-top:2px;flex:0 0 auto}
.sx .nap .v{color:var(--ink);font-weight:500;line-height:1.5}
.sx .nap .v a:hover{color:var(--gold-d)}
.sx .nap .star{color:var(--gold)}
.sx .nap .cta{margin-top:20px;width:100%}
.sx .darkband{margin-top:clamp(40px,5vw,60px);background:#1C1A17;border-radius:16px;padding:clamp(40px,5vw,64px);position:relative;overflow:hidden}
.sx .darkband::before{content:"";position:absolute;right:-40px;top:-40px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(177,146,93,.22),transparent 70%)}
.sx .darkband .eyebrow{color:var(--gold-l)}
.sx .darkband .eyebrow::before{background:var(--gold-l)}
.sx .darkband .h2{color:#FBF7F2;position:relative}
.sx .darkband .h2 em{color:var(--gold-l)}
.sx .darkband .geo-aussage{color:rgba(243,237,228,.82);position:relative;font-size:17px;line-height:1.7;margin-top:16px;max-width:72ch}
.sx .darkband .chiprow{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px;position:relative}
.sx .darkband .chiprow .chip{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#EFE6D9;border-radius:100px;padding:7px 15px;font-size:13.5px;font-weight:500;transition:border-color .15s,color .15s}
.sx .darkband .chiprow .chip:hover{border-color:var(--gold-l);color:#fff}
@media(max-width:900px){
  .sx .sx-mag{columns:1}
  .sx .sx-card{grid-template-columns:1fr}
  .sx .sx-cmap{min-height:260px}
  .sx .sx-cinfo{border-left:0;border-top:1px solid var(--line)}
}

/* ---------- 14 · Kontakt (D&J-Layout: Person + Tabs Nachricht/Anrufen/WhatsApp) ---------- */
.kontakt .kc-card{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(18px,2vw,26px);align-items:stretch}
/* Linke Personen-Spalte */
.kontakt .kc-person{display:flex;flex-direction:column;gap:16px}
.kontakt .kc-photo{position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(165deg,#F4EBE1,#EADCCB);aspect-ratio:4/5;box-shadow:var(--shadow-m)}
.kontakt .kc-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.kontakt .kc-id{background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-s);padding:22px 24px}
.kontakt .kc-id .nm{font-family:var(--serif);font-size:23px;color:var(--ink);line-height:1.1}
.kontakt .kc-id .rl{font-size:14px;color:var(--ink-2);margin-top:4px}
.kontakt .kc-status{display:inline-flex;align-items:center;gap:9px;margin-top:16px;background:#EAF4EE;color:#2E7D50;font-size:13.5px;font-weight:600;padding:8px 14px;border-radius:100px}
.kontakt .kc-status i{width:9px;height:9px;border-radius:50%;background:#34a853;box-shadow:0 0 0 3px rgba(52,168,83,.2)}
/* Rechte Formular-Karte */
.kontakt .kc-main{background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-m);padding:clamp(28px,3.2vw,44px)}
.kontakt .kc-main .h2{margin-top:14px}
.kontakt .kc-tabs{display:flex;gap:6px;background:#F3EEE6;border-radius:100px;padding:6px;margin-top:26px}
.kontakt .kc-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:none;background:none;cursor:pointer;font:600 15px/1 var(--sans);color:var(--ink-2);padding:13px 10px;border-radius:100px;transition:background .2s,color .2s,box-shadow .2s}
.kontakt .kc-tab svg{width:18px;height:18px}
.kontakt .kc-tab:hover{color:var(--ink)}
.kontakt .kc-tab.active{background:var(--white);color:var(--ink);box-shadow:0 2px 10px -4px rgba(28,26,23,.28)}
.kontakt .kc-tab.active svg{color:var(--gold-d)}
.kontakt .kc-panel{margin-top:26px}
.kontakt .kc-panel[hidden]{display:none}
.kontakt .kc-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kontakt .kc-field{display:block;margin-bottom:16px}
.kontakt .kc-field>span{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:8px}
.kontakt .kc-field>span em{font-style:normal;font-weight:400;color:var(--ink-3)}
.kontakt .kc-field input,.kontakt .kc-field textarea{width:100%;font-family:var(--sans);font-size:15px;color:var(--ink);background:#F7F4EF;border:1px solid var(--line);border-radius:10px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,background .15s}
.kontakt .kc-field textarea{resize:vertical;min-height:120px;line-height:1.55}
.kontakt .kc-field input::placeholder,.kontakt .kc-field textarea::placeholder{color:var(--ink-3)}
.kontakt .kc-field input:focus,.kontakt .kc-field textarea:focus{outline:none;background:var(--white);border-color:var(--gold);box-shadow:0 0 0 3px rgba(177,146,93,.16)}
.kontakt .kc-consent{display:flex;align-items:flex-start;gap:11px;margin:4px 0 20px;font-size:13px;line-height:1.5;color:var(--ink-2)}
.kontakt .kc-consent input{margin-top:2px;width:17px;height:17px;flex:0 0 auto;accent-color:var(--gold-d)}
.kontakt .kc-consent a{color:var(--gold-d);text-decoration:underline}
.kontakt .kc-send{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gold);color:#fff;font:600 16px/1 var(--sans);border:none;border-radius:12px;padding:18px;cursor:pointer;transition:background .18s,gap .18s}
.kontakt .kc-send:hover{background:var(--gold-d);gap:14px}
.kontakt .kc-send svg{width:20px;height:20px}
a.kc-send{text-decoration:none}
.kontakt .kc-note{text-align:center;font-size:13px;color:var(--ink-3);margin-top:14px}
/* Direktkanal-Panels (Anruf/WhatsApp) */
.kontakt .kc-direct{display:flex;align-items:center;gap:16px;background:#F7F4EF;border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin-bottom:16px}
.kontakt .kc-di-ico{width:52px;height:52px;flex:0 0 auto;border-radius:50%;background:var(--white);color:var(--gold-d);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-s)}
.kontakt .kc-di-ico.wa{color:#25D366}
.kontakt .kc-di-ico svg{width:24px;height:24px}
.kontakt .kc-di-lab{display:block;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.kontakt .kc-di-val{display:block;font-family:var(--serif);font-size:22px;color:var(--ink);margin-top:3px}
.kontakt .kc-pnote{font-size:14px;color:var(--ink-2);line-height:1.55;margin-bottom:16px}
/* Danke-Zustand */
.kontakt .kc-done{text-align:center;padding:22px 0}
.kontakt .kc-done .ok{width:56px;height:56px;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.kontakt .kc-done h3{font-family:var(--serif);font-size:23px;color:var(--ink);margin-bottom:8px}
.kontakt .kc-done p{color:var(--ink-2);max-width:40ch;margin:0 auto;line-height:1.6}
@media(max-width:900px){
  .kontakt .kc-card{grid-template-columns:1fr}
  .kontakt .kc-photo{aspect-ratio:16/10}
}
@media(max-width:560px){.kontakt .kc-row2{grid-template-columns:1fr}}

/* ================= SUBPAGE: solider Header + Offset ================= */
.rheader--solid{background:rgba(255,255,255,.985);box-shadow:0 6px 24px -18px rgba(28,26,23,.5);color:var(--ink)}
.rheader--solid .rh-util{border-color:var(--line)}
.rheader--solid .rh-util .wrap{color:var(--ink-2)}
.rheader--solid .rh-util a{color:var(--ink-2)}
.rheader--solid .rh-util a:hover{color:var(--gold-d)}
.rheader--solid .rh-util .sep{opacity:.3}
.rheader--solid .rh-nav a{color:var(--ink)}
.rheader--solid .rh-nav a:hover{color:var(--gold-d)}
.rheader--solid .rh-logo .logo-light{display:none}
.rheader--solid .rh-logo .logo-dark{display:block}
body.subpage{padding-top:132px}
@media(max-width:820px){body.subpage{padding-top:70px}}

/* ================= immobilie-bewerten ================= */
/* 1 · Trust-Bar */
.trustbar{background:var(--paper-2);border-bottom:1px solid var(--line)}
.trustbar .wrap{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 30px;padding-block:13px}
.trustbar .tb{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ink);font-weight:500}
.trustbar .tb svg{width:16px;height:16px;color:var(--gold-d);flex:0 0 auto}
.trustbar .tb .stars{color:var(--gold);letter-spacing:1px}

/* 2 · Form-Hero */
.bw-hero .wrap{padding-block:clamp(38px,5vw,64px)}
.bw-hero .bw-cols{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(32px,4.5vw,58px);align-items:center;margin-top:clamp(26px,3vw,38px)}
.bw-hero .h1{font-family:var(--serif);font-weight:500;color:var(--ink);font-size:clamp(23px,2.28vw,30px);line-height:1.2;text-wrap:balance}
.bw-hero .lead{margin-top:0}
.bw-hero .h1 em{font-style:italic;color:var(--gold-d)}
.bw-hero .lead{color:var(--ink-2);font-size:17.5px;line-height:1.62;margin-top:20px;max-width:52ch}
.bw-hero .proof{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ink-3);margin-top:18px}
.bw-hero .proof svg{width:15px;height:15px;color:var(--gold-d);flex:0 0 auto}
.bw-hero .whys{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.bw-hero .why{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--line);border-radius:100px;padding:8px 15px;font-size:13.5px;font-weight:500;color:var(--ink)}
.bw-hero .why svg{width:15px;height:15px;color:var(--gold-d);flex:0 0 auto}
.bw-hero .cta{margin-top:28px}
.bw-hero .photo{position:relative;border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-m);aspect-ratio:4/5;background:var(--paper-2)}
.bw-hero .photo img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.bw-hero .wrap{grid-template-columns:1fr}.bw-hero .photo{aspect-ratio:16/11;max-height:440px;order:-1}}

/* 6 · Einzugsgebiet (3 Zonen gruppiert) */
.geo3{background:var(--paper-2);border-block:1px solid var(--line)}
.geo3 .sec-head{text-align:center;max-width:72ch;margin:0 auto}
.geo3 .aussage{color:var(--ink-2);font-size:17px;line-height:1.7;margin:16px auto 0;max-width:68ch}
.geo3 .zones{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(32px,4vw,44px)}
.geo3 .zone{background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);padding:24px;box-shadow:var(--shadow-s)}
.geo3 .zone .zl{font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-d);font-weight:600;display:flex;align-items:center;gap:8px;line-height:1.3}
.geo3 .zone .zl svg{width:15px;height:15px;flex:0 0 auto}
.geo3 .zone .zc{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}
.geo3 .zone .zc .chip{background:var(--paper-3);border:1px solid var(--line);border-radius:100px;padding:7px 15px;font-size:13.5px;color:var(--ink);font-weight:500}
@media(max-width:820px){.geo3 .zones{grid-template-columns:1fr}}

/* ---------- immobilie-bewerten · Hero + Funnel kombiniert (Variante A) ---------- */
.hf{position:relative;background:var(--paper);overflow:hidden;padding-block:0}
.hf .band{position:absolute;top:0;left:0;right:0;height:clamp(460px,42vw,580px);z-index:0;overflow:hidden}
.hf .band img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.hf .inner{position:relative;z-index:1;padding:clamp(46px,6vw,80px) 0 clamp(44px,5vw,68px)}
.hf .hd{text-align:center;max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)}
.hf .hd .eyebrow{margin-bottom:16px}
.hf .hd .eyebrow::before{display:none}
.hf .h1{font-family:var(--serif);font-weight:500;font-size:clamp(23px,2.3vw,30px);line-height:1.18;text-wrap:balance;color:var(--ink)}
.hf .h1 em{font-style:italic;color:var(--gold-d)}
.hf .hd .sub{font-size:17px;line-height:1.62;margin:18px auto 0;max-width:56ch;color:var(--ink-2)}
.hf .chips{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 24px;margin-top:22px}
.hf .chips .chip{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink)}
.hf .chips .chip svg{width:15px;height:15px;color:var(--gold-d);flex:0 0 auto}
.hf .fn-card{margin-top:clamp(32px,4vw,46px);position:relative;z-index:1}
.hfA .band::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(251,247,242,.72),rgba(251,247,242,.9))}

/* ---------- immobilie-bewerten · 6 Einzugsgebiet (konzentrische Radius-Karte) ---------- */
.georad{background:var(--paper-2);border-block:1px solid var(--line)}
.georad .head{text-align:center;max-width:70ch;margin:0 auto}
.georad .head .aussage{color:var(--ink-2);font-size:17px;line-height:1.7;margin:16px auto 0;max-width:70ch}
.georad .map{max-width:760px;margin:clamp(28px,3.5vw,40px) auto 0}
.georad .map svg{display:block;width:100%;height:auto}
.georad .legend{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 26px;margin-top:26px}
.georad .lg{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ink);font-weight:500}
.georad .lg .d{width:11px;height:11px;border-radius:50%;flex:0 0 auto}

/* ================= ueber-uns ================= */
.ab-hero .wrap{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(34px,5vw,60px);align-items:center;padding-block:clamp(38px,5vw,60px)}
.ab-hero .trust{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:100px;padding:7px 15px;box-shadow:var(--shadow-s);margin-bottom:20px}
.ab-hero .trust .star{color:var(--gold)}
.ab-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(32px,4.1vw,50px);line-height:1.08;color:var(--ink);letter-spacing:-.01em}
.ab-hero h1 em{font-style:italic;color:var(--gold-d)}
.ab-hero .sub{color:var(--ink-2);font-size:17.5px;line-height:1.62;margin-top:22px;max-width:56ch}
.ab-hero .cta{margin-top:30px}
.ab-hero .photo{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 40px 90px -50px rgba(28,26,23,.55);aspect-ratio:4/3.2;background:#f1ece5}
.ab-hero .photo img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.ab-hero .photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 60%,rgba(28,26,23,.12))}
@media(max-width:900px){.ab-hero .wrap{grid-template-columns:1fr}.ab-hero .photo{order:-1;aspect-ratio:16/10}}

.ab-split{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(30px,5vw,60px);align-items:start}
.ab-split .body p{color:var(--ink-2);font-size:16.5px;line-height:1.75;margin-top:16px}
.ab-split .body p:first-child{margin-top:0}
.ab-split .body a{color:var(--gold-d);font-weight:500;border-bottom:1px solid var(--line-2)}
@media(max-width:820px){.ab-split{grid-template-columns:1fr}}

.ab-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(34px,4vw,46px)}
.ab-fc{background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);padding:28px 26px}
.ab-fc .ico{width:44px;height:44px;border-radius:var(--r);background:var(--paper-2);color:var(--gold-d);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.ab-fc h3{font-family:var(--serif);font-weight:500;font-size:18.5px;color:var(--ink);line-height:1.25}
.ab-fc p{color:var(--ink-2);font-size:14.5px;line-height:1.6;margin-top:10px}
@media(max-width:820px){.ab-feats{grid-template-columns:1fr}}

.ab-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(34px,4vw,46px)}
.ab-val{background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);padding:30px 28px;border-top:3px solid var(--gold)}
.ab-val .w{font-family:var(--serif);font-size:24px;color:var(--gold-d);font-weight:500}
.ab-val p{color:var(--ink-2);font-size:15px;line-height:1.65;margin-top:12px}
@media(max-width:820px){.ab-values{grid-template-columns:1fr}}

.ab-expert{display:flex;gap:22px;align-items:flex-start;margin-top:40px;padding:8px 0 8px 28px;border-left:3px solid var(--gold)}
.ab-expert .av{width:60px;height:60px;border-radius:50%;object-fit:cover;flex:0 0 auto;box-shadow:var(--shadow-s)}
.ab-expert .q{font-family:var(--serif);font-style:italic;font-size:clamp(19px,1.9vw,23px);line-height:1.5;color:var(--ink)}
.ab-expert .nm{font-weight:600;color:var(--ink);margin-top:14px;font-size:15px}
.ab-expert .cr{color:var(--ink-3);font-size:13px;margin-top:2px}

.ab-story .wrap{max-width:940px}
.ab-story .head{text-align:center;max-width:60ch;margin:0 auto}
.ab-story .body{columns:2;column-gap:44px;margin-top:clamp(24px,3vw,32px)}
.ab-story .body p{color:var(--ink-2);font-size:16px;line-height:1.75;margin:0 0 16px;break-inside:avoid}
.ab-story .body p:first-child::first-letter{float:left;font-family:var(--serif);font-size:64px;line-height:.72;color:var(--gold-d);font-weight:500;margin:6px 12px 0 0}
.ab-story .body a{color:var(--gold-d);font-weight:500;border-bottom:1px solid var(--line-2)}
.ab-story .pull{font-family:var(--serif);font-size:clamp(20px,2.4vw,28px);line-height:1.35;color:var(--ink);text-align:center;max-width:26ch;margin:clamp(30px,4vw,40px) auto 0;padding-top:clamp(26px,3vw,32px);border-top:1px solid var(--line-2)}
.ab-story .pull em{font-style:italic;color:var(--gold-d)}
@media(max-width:820px){.ab-story .body{columns:1}}

.ab-contact{background:var(--paper-2);border-block:1px solid var(--line)}
.ab-contact .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,5vw,58px);align-items:center}
.ab-contact .sub{color:var(--ink-2);font-size:16.5px;line-height:1.7;margin-top:16px}
.ab-contact .cta{margin-top:26px}
.ab-contact .napcard{background:var(--white);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-m);padding:28px 30px}
.ab-contact .fr{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.ab-contact .fr:last-child{border-bottom:none}
.ab-contact .k{color:var(--ink-3);min-width:92px;font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;padding-top:2px;flex:0 0 auto}
.ab-contact .v{color:var(--ink);font-weight:500;line-height:1.5}
.ab-contact .v a:hover{color:var(--gold-d)}
.ab-contact .v .star{color:var(--gold)}
@media(max-width:820px){.ab-contact .grid{grid-template-columns:1fr}}

/* ---------- ueber-uns · 2 Maklerklischees (Kontrast-Karten) ---------- */
.klischee .head{max-width:44ch;margin-bottom:clamp(30px,4vw,44px)}
.klischee .head .h2{font-size:clamp(28px,3.4vw,44px)}
.klischee .head .h2 em{font-style:italic;color:var(--gold-d)}
.klischee .pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,34px);position:relative}
.klischee .kcard{border-radius:16px;padding:clamp(30px,3.2vw,44px);position:relative;background:#fff}
.klischee .c1{border:1px solid var(--line)}
.klischee .c1::before{content:"So kennt man Makler";position:absolute;left:clamp(30px,3.2vw,44px);top:20px;font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.klischee .c2{border:1px solid var(--line-2);border-top:3px solid var(--gold);box-shadow:0 30px 70px -44px rgba(28,26,23,.5)}
.klischee .c2::before{content:"So arbeiten wir";position:absolute;left:clamp(30px,3.2vw,44px);top:20px;font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d)}
.klischee .kcard>p{margin-top:44px}
.klischee .badge{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;margin-top:14px}
.klischee .c1 .badge{background:#F1ECE4;color:#a99a86}
.klischee .c1 p{color:var(--ink-3)}
.klischee .c2 .badge{background:var(--gold);color:#fff}
.klischee .c2 p{color:var(--ink)}
.klischee .kcard p{font-size:16px;line-height:1.72}
.klischee .arrow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:46px;height:46px;border-radius:50%;background:#fff;color:var(--gold-d);border:1px solid var(--line-2);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px -12px rgba(28,26,23,.4)}
@media(max-width:820px){.klischee .pair{grid-template-columns:1fr}.klischee .arrow{display:none}}

/* ---------- ueber-uns · 3 Warum Immo Best (nummerierte Editorial-Liste) ---------- */
.warum-list{margin-top:clamp(30px,4vw,44px);border-top:1px solid var(--line-2)}
.warum-list .row{display:grid;grid-template-columns:96px .82fr 1.18fr;gap:clamp(18px,3vw,44px);align-items:baseline;padding:clamp(24px,2.6vw,32px) 0;border-bottom:1px solid var(--line-2);transition:background .2s}
.warum-list .row:hover{background:#FAF7F1}
.warum-list .num{font-family:var(--serif);font-size:clamp(30px,3vw,42px);color:var(--gold-d);font-weight:500;line-height:1}
.warum-list .mh{font-family:var(--serif);font-size:clamp(18px,1.7vw,22px);color:var(--ink);font-weight:500;line-height:1.3}
.warum-list .bd{color:var(--ink-2);font-size:15.5px;line-height:1.72}
@media(max-width:860px){.warum-list .row{grid-template-columns:64px 1fr;gap:16px}.warum-list .bd{grid-column:2}}

/* ---------- ueber-uns · 4 Regional verwurzelt (Split + Landau-Foto-Slot) ---------- */
.regional .grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(34px,5vw,64px);align-items:start}
/* Sticky, versetzte Foto-Kollage (DW-Muster) */
.reg-photos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,20px)}
.reg-photos .col.b{padding-top:clamp(34px,6vw,72px)}
.reg-photos .tile{border-radius:14px;overflow:hidden;aspect-ratio:4/5;background:#f1ece5;box-shadow:0 24px 56px -38px rgba(28,26,23,.55)}
.reg-photos .tile+.tile{margin-top:clamp(14px,1.6vw,20px)}
.reg-photos .tile img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.reg-photos .tile:hover img{transform:scale(1.045)}
.reg-text{position:sticky;top:104px}
.regional .rp{margin-top:20px}
.regional .rp p{color:var(--ink-2);font-size:16.5px;line-height:1.75;margin-top:16px}
.regional .rp p:first-child{margin-top:0}
.regional .rp a{color:var(--gold-d);font-weight:500;border-bottom:1px solid var(--line-2)}
@media(max-width:900px){.regional .grid{grid-template-columns:1fr}.reg-text{position:static}.reg-photos{order:-1}.reg-photos .col.b{padding-top:clamp(20px,5vw,40px)}}

/* ---------- ueber-uns · 8 Gründergeschichte (Porträt-Split) ---------- */
.gstory .grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(34px,5vw,64px);align-items:start}
.gstory .portrait{position:sticky;top:104px;border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-m);aspect-ratio:4/5;background:var(--paper-2)}
.gstory .portrait img{width:100%;height:100%;object-fit:cover}
.gstory .portrait .cap{position:absolute;left:0;right:0;bottom:0;padding:22px 22px 18px;background:linear-gradient(0deg,rgba(28,26,23,.8),transparent);color:#fff}
.gstory .portrait .nm{font-family:var(--serif);font-size:20px}
.gstory .portrait .rl{font-size:12.5px;color:rgba(255,255,255,.82);margin-top:2px}
.gstory .sp p{color:var(--ink-2);font-size:16.5px;line-height:1.78;margin-top:16px}
.gstory .sp p:first-child{margin-top:0}
.gstory .sig{margin-top:28px;padding-left:22px;border-left:2px solid var(--gold);font-family:var(--serif);font-style:italic;font-size:clamp(18px,1.9vw,23px);line-height:1.4;color:var(--ink)}
.gstory .sig em{font-style:normal;color:var(--gold-d)}
@media(max-width:860px){.gstory .grid{grid-template-columns:1fr}.gstory .portrait{position:static;aspect-ratio:16/11;max-height:420px}}

/* ---------- ueber-uns · 9 Werte (hell · Gold-Hairline-Karten, DW) ---------- */
.werte .band{position:relative}
.werte .band .eyebrow{color:var(--gold-d)}
.werte .band .eyebrow::before{background:var(--gold)}
.werte .band .h2{color:var(--ink)}
.werte .band .h2 em{font-style:italic;color:var(--gold-d)}
.werte .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,40px);margin-top:clamp(32px,4vw,48px)}
.werte .c{padding-top:26px;border-top:2px solid var(--gold)}
.werte .c .w{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3.4vw,46px);color:var(--gold-d);line-height:1;margin-bottom:16px;letter-spacing:-.01em}
.werte .c .s{color:var(--ink-2);font-size:15.5px;line-height:1.72}
@media(max-width:820px){.werte .grid{grid-template-columns:1fr;gap:0}.werte .c{padding-top:22px;margin-top:22px}}
.werte .c:last-child{padding-right:0}
.werte .w{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.4vw,32px);color:var(--gold-l);line-height:1.1}
.werte .s{color:rgba(243,237,228,.82);font-size:15.5px;line-height:1.72;margin-top:14px}
@media(max-width:820px){.werte .grid{grid-template-columns:1fr}.werte .c{padding:0}.werte .c+.c{border-left:0;border-top:1px solid rgba(255,255,255,.14);padding-top:24px;margin-top:24px}}

/* ================= HERO (Reset · reinweiß, D&J-Mechanik, textfokussiert) ================= */
.herox{border-bottom:1px solid var(--line);background:#fff}
.herox .wrap{padding-block:clamp(46px,7vw,104px)}
.herox .ggl{display:inline-flex;align-items:center;gap:10px;font-size:16px;color:var(--ink)}
.herox .ggl .gm{width:26px;height:26px;flex:0 0 auto}
.herox .ggl .stars{color:#e8a838;letter-spacing:1px;font-size:18px}
.herox .ggl b{font-weight:700}
.herox .ggl .sep{color:var(--line-2)}
.herox .ggl .mut{color:var(--ink-3)}
.herox .h1x{font-family:var(--serif);font-weight:600;color:var(--ink);line-height:1.05;letter-spacing:-.015em;font-size:clamp(34px,3.9vw,46px);margin-top:24px;max-width:1150px}
.herox .h1x em{font-style:italic;color:var(--gold-d)}
.herox .lead{color:var(--ink-2);font-size:19px;line-height:1.55;margin-top:24px;max-width:60ch}
.herox .checks{list-style:none;display:flex;flex-direction:column;gap:15px;margin-top:30px}
.herox .checks li{display:flex;align-items:flex-start;gap:12px;font-size:16.5px;color:var(--ink);line-height:1.4}
.herox .checks .ck{width:24px;height:24px;flex:0 0 auto;border-radius:50%;background:rgba(177,146,93,.15);color:var(--gold-d);display:flex;align-items:center;justify-content:center;margin-top:1px}
.herox .checks .ck svg{width:14px;height:14px}
.herox .checks b{font-weight:700}
.herox .cta-row{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:34px}
.herox .cta-primary{display:inline-flex;align-items:center;gap:11px;background:var(--gold);color:#fff;font-weight:700;font-size:18px;padding:19px 36px;border-radius:8px;box-shadow:0 16px 34px -14px rgba(177,146,93,.8);transition:transform .15s,background .15s}
.herox .cta-primary:hover{background:var(--gold-d);transform:translateY(-2px)}
.herox .cta-primary .arr{transition:transform .15s}
.herox .cta-primary:hover .arr{transform:translateX(4px)}
.herox .reib{font-size:15px;color:var(--ink-3);font-weight:500}
/* Stat-Bar: kein Overlap mehr (Hero ohne dunkle Fläche) */
.statbar-wrap{margin-top:0 !important}

/* ================= Kundenstimmen · Infinity-Slider (Live Google-Reviews) ================= */
.reviews .reviews-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.reviews .grate{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;white-space:nowrap;color:var(--ink)}
.reviews .grate .stars{color:#e8a838;letter-spacing:2px}
.rev-marquee{margin-top:clamp(34px,4vw,48px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.rev-track{display:flex;gap:20px;width:max-content;animation:revscroll 60s linear infinite}
.rev-track:hover{animation-play-state:paused}
@keyframes revscroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 10px))}}
@media(prefers-reduced-motion:reduce){.rev-track{animation:none}}
.rev-card{flex:0 0 auto;width:clamp(300px,26vw,360px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-s);padding:24px 26px}
.rev-card .rc-top{display:flex;align-items:center;gap:12px}
.rev-card .rc-av{width:44px;height:44px;flex:0 0 auto;border-radius:50%;background:var(--gold);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:20px;font-weight:600}
.rev-card .rc-id{flex:1;min-width:0}
.rev-card .rc-nm{height:11px;width:60%;border-radius:4px;background:#e7ded3;display:block}
.rev-card .rc-dt{height:9px;width:38%;border-radius:4px;background:#f0e9df;display:block;margin-top:7px}
.rev-card .rc-g{width:22px;height:22px;flex:0 0 auto}
.rev-card .rc-stars{color:#e8a838;font-size:17px;letter-spacing:1px;margin-top:16px}
.rev-card .rc-body{margin-top:12px;display:flex;flex-direction:column;gap:9px}
.rev-card .rc-body span{height:10px;border-radius:4px;background:#efe8de;display:block}
.rev-card .rc-body span:nth-child(2){width:92%}
.rev-card .rc-body span:nth-child(3){width:74%}
.rev-card .rc-more{display:inline-block;margin-top:16px;font-size:13.5px;color:var(--gold-d);font-weight:600}
.rev-note{text-align:center;color:var(--ink-3);font-size:13.5px;margin-top:clamp(24px,3vw,32px)}
.rev-note .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:8px;vertical-align:middle}

/* ================= Standort + Einzugsgebiet — EINE große Kachel (D&J) ================= */
.djs{background:#fff}
.djs .ds-tile{background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:0 40px 90px -50px rgba(28,26,23,.4)}
.djs .ds-photo{position:relative;height:clamp(300px,34vw,480px);background:#f1ece5}
.djs .ds-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.djs .ds-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#fff 1%,rgba(255,255,255,.55) 26%,rgba(255,255,255,0) 62%)}
.djs .ds-inner{padding:clamp(26px,3vw,52px);margin-top:clamp(-40px,-4vw,-28px);position:relative}
.djs .ds-head{max-width:70ch}
.djs .ds-head .sub{color:var(--ink-2);font-size:17.5px;margin-top:16px;max-width:62ch}
.djs .ds-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(22px,2.4vw,34px);margin-top:clamp(28px,3vw,40px);align-items:stretch}
.djs .ds-map{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);min-height:460px;background:#f3efe9}
.djs .ds-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.djs .ds-contact{display:flex;flex-direction:column;gap:0}
.djs .dc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.djs .dc-eye{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);font-weight:700}
.djs .dc-district{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:100px;padding:6px 13px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);font-weight:700}
.djs .dc-district svg{width:13px;height:13px;color:var(--gold-d)}
.djs .dc-addr{display:flex;gap:12px}
.djs .dc-addr .pin{width:20px;height:20px;flex:0 0 auto;color:var(--gold-d);margin-top:2px}
.djs .dc-addr .nm{font-weight:700;font-size:16.5px;color:var(--ink)}
.djs .dc-addr .a{color:var(--ink-2);font-size:15.5px;line-height:1.5;margin-top:2px}
.djs .dc-hr{height:1px;background:var(--line);margin:18px 0}
.djs .dc-hh{display:flex;align-items:center;gap:9px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:700;margin-bottom:10px}
.djs .dc-hh svg{width:14px;height:14px;color:var(--gold-d)}
.djs .dc-row{display:flex;justify-content:space-between;gap:16px;font-size:15px;padding:5px 0}
.djs .dc-row span:first-child{color:var(--ink-3)}
.djs .dc-row span:last-child{color:var(--ink);font-weight:600;text-align:right}
.djs .dc-btns{display:flex;flex-direction:column;gap:10px;margin-top:2px}
.djs .dc-btn{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:13px 18px;font-size:15px;color:var(--ink);font-weight:600;transition:border-color .15s}
.djs .dc-btn:hover{border-color:var(--gold)}
.djs .dc-btn svg{width:18px;height:18px;flex:0 0 auto;color:var(--gold-d)}
.djs .ds-rating{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:10px;padding:14px 18px;font-size:14px;color:var(--ink);font-weight:600;margin-top:12px}
.djs .ds-rating .gm{width:20px;height:20px;flex:0 0 auto}
.djs .ds-rating .stars{color:#e8a838;letter-spacing:1px}
.djs .ds-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--gold);color:#fff;font-weight:700;font-size:16px;padding:17px;border-radius:10px;margin-top:12px;box-shadow:0 14px 30px -16px rgba(177,146,93,.75);transition:background .15s}
.djs .ds-cta:hover{background:var(--gold-d)}
.djs .ds-cta svg{width:18px;height:18px}
.djs .ds-geo{margin-top:clamp(32px,4vw,48px);border-top:1px solid var(--line);padding-top:clamp(30px,4vw,44px);max-width:74ch}
.djs .ds-geo .sub{color:var(--ink-2);font-size:16.5px;line-height:1.7;margin-top:14px;max-width:62ch}
.djs .ds-orte{margin-top:24px}
.djs .ds-orte summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:600;font-size:15px;padding:12px 22px;border-radius:10px;transition:border-color .15s}
.djs .ds-orte summary::-webkit-details-marker{display:none}
.djs .ds-orte summary:hover{border-color:var(--gold)}
.djs .ds-orte summary .chev{transition:transform .2s;color:var(--gold-d)}
.djs .ds-orte[open] summary .chev{transform:rotate(180deg)}
.djs .ds-orte .chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.djs .ds-orte .chips .chip{background:#fff;border:1px solid var(--line);border-radius:100px;padding:8px 16px;font-size:13.5px;color:var(--ink);font-weight:500}
.djs .ds-orte .chips .chip:hover{border-color:var(--gold);color:var(--gold-d)}
@media(max-width:900px){.djs .ds-grid{grid-template-columns:1fr}.djs .ds-map{min-height:300px}.djs .ds-inner{margin-top:0}}

/* ============================================================
   ÜBER-UNS v2 — DW-Mechaniken auf Immo-Best-Serif/Gold adaptiert
   (nur Hero + Regional bleiben aus v1; alles andere neu)
   ============================================================ */
.au-duo .duo-bg{fill:currentColor;opacity:.3}
.au-duo .duo-fg{fill:currentColor}

/* 2 · Ruf der Branche — Copy + Porträt (pos-grid) */
.au-pos{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(30px,4.5vw,60px);align-items:center}
.au-pos--flip{grid-template-columns:.88fr 1.12fr}
.au-pos-copy .h2{margin-bottom:20px}
.au-pos-copy .h2 em{font-style:italic;color:var(--gold-d)}
.au-pos-copy p{color:var(--ink-2);font-size:16.5px;line-height:1.72;margin:0 0 16px}
.au-pos-copy .au-pos-answer{margin-top:22px;padding-left:20px;border-left:3px solid var(--gold);color:var(--ink);font-weight:500}
.au-pos-photo img{width:100%;border-radius:16px;aspect-ratio:4/5;object-fit:cover;object-position:center 30%;box-shadow:0 40px 90px -50px rgba(28,26,23,.55)}
@media(max-width:820px){.au-pos{grid-template-columns:1fr}.au-pos-photo{max-width:26rem}}

/* 3 · Warum Immo Best — Duotone-Icon-Karten-Grid (vp-grid) */
.au-vp{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px);margin-top:clamp(34px,4vw,52px)}
.au-vp-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(26px,2.6vw,34px);box-shadow:0 14px 40px -28px rgba(28,26,23,.4);transition:transform .22s ease,box-shadow .22s ease}
.au-vp-item:hover{transform:translateY(-4px);box-shadow:0 34px 70px -40px rgba(28,26,23,.5)}
.au-vp-ic{display:block;margin-bottom:18px;color:var(--gold-d)}
.au-vp-ic svg{width:46px;height:46px}
.au-vp-item h3{font-family:var(--serif);font-weight:500;font-size:20px;line-height:1.25;color:var(--ink);margin-bottom:10px}
.au-vp-item p{color:var(--ink-2);font-size:14.5px;line-height:1.62}
@media(max-width:960px){.au-vp{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.au-vp{grid-template-columns:1fr}}

/* 6 · Team — Porträt mit Offset-Panel + Bio (team-grid) */
.au-team{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(30px,5vw,60px);align-items:start}
.au-team--flip{grid-template-columns:1.18fr .82fr}
.au-team--flip .au-team-photo .au-panel{inset:7% 6% 0 -6%}
.au-team-photo{position:relative}
.au-team-photo .au-panel{position:absolute;inset:7% -6% 0 6%;background:#F5EEE3;border-radius:16px}
.au-team-photo img{position:relative;width:100%;border-radius:16px;display:block;aspect-ratio:3/4;object-fit:cover;object-position:center 22%;box-shadow:0 30px 70px -44px rgba(28,26,23,.5)}
.au-team-copy .eyebrow{margin-bottom:14px}
.au-team-copy .h2{margin-bottom:18px}
.au-team-copy .h2 em{font-style:italic;color:var(--gold-d)}
.au-team-copy .au-bold{font-family:var(--serif);font-weight:500;font-size:clamp(19px,2vw,24px);line-height:1.32;letter-spacing:-.01em;color:var(--ink);margin-bottom:22px;padding-left:20px;border-left:2px solid var(--gold)}
.au-team-copy p{color:var(--ink-2);line-height:1.66;margin-bottom:15px;font-size:15.5px}
.au-team-copy p:last-child{margin-bottom:0}
.au-team-copy p strong{color:var(--ink);font-weight:600}
.au-team-copy a{color:var(--gold-d);font-weight:500;border-bottom:1px solid var(--line-2)}
@media(max-width:860px){.au-team{grid-template-columns:1fr}.au-team-photo{max-width:24rem}}

/* 7 · Kundenstimmen — zentriert + Pull-Quote */
.au-testi .sec-head{text-align:center;margin-inline:auto;max-width:60ch}
.au-testi .sec-head .eyebrow{justify-content:center}
.au-testi .sec-head .eyebrow::before{display:none}
.au-testi .rating-lead{margin-top:14px;color:var(--ink-2);font-size:15px}
.au-testi .rating-lead .stars{color:var(--gold);letter-spacing:2px}
.au-eq{max-width:60rem;margin:clamp(34px,4vw,48px) auto 0;text-align:center}
.au-eq .q{font-family:var(--serif);font-style:italic;font-size:clamp(20px,2.2vw,26px);line-height:1.5;color:var(--ink)}
.au-eq .av{display:block;width:68px;height:68px;border-radius:50%;object-fit:cover;object-position:center 18%;margin:28px auto 0;box-shadow:0 8px 22px -10px rgba(28,26,23,.5);border:3px solid #fff}
.au-eq .who{margin-top:14px;font-weight:600;color:var(--ink);font-size:15px}
.au-eq .cred{color:var(--ink-3);font-size:13px;margin-top:3px}

/* 8 · Gründergeschichte — einspaltige Erzählung (reg-prosa) */
.au-story .sec-head{margin-bottom:clamp(24px,3vw,34px)}
.au-story .sec-head .h2 em{font-style:italic;color:var(--gold-d)}
.au-prosa{max-width:64rem}
.au-prosa p{color:var(--ink-2);line-height:1.78;margin-bottom:18px;font-size:16.5px}
.au-prosa p:last-child{margin-bottom:0}
.au-prosa strong{color:var(--ink);font-weight:600}
.au-prosa a{color:var(--gold-d);font-weight:500;border-bottom:1px solid var(--line-2)}
.au-sig{margin-top:30px;padding-left:22px;border-left:2px solid var(--gold);font-family:var(--serif);font-style:italic;font-size:clamp(19px,2vw,24px);line-height:1.4;color:var(--ink)}
.au-sig em{font-style:normal;color:var(--gold-d)}

/* 11 · Kontakt — contact-split + btn-rich + contact-mini */
.au-contact-split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,58px);align-items:center}
.au-contact-split .h2 em{font-style:italic;color:var(--gold-d)}
.au-contact-split .lead{color:var(--ink-2);font-size:16.5px;line-height:1.7;margin-top:16px}
.au-btn-rich{display:inline-flex;align-items:center;gap:16px;margin-top:28px;padding:16px 26px 16px 20px;border-radius:14px;text-decoration:none;background:var(--gold);color:#fff;box-shadow:0 0 0 5px rgba(177,146,93,.16);transition:transform .2s ease,box-shadow .2s ease}
.au-btn-rich:hover{transform:scale(1.02);box-shadow:0 0 0 7px rgba(177,146,93,.22)}
.au-btn-rich .br-ic svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.au-btn-rich .br-txt{display:flex;flex-direction:column;line-height:1.2;text-align:left}
.au-btn-rich .br-txt b{font-family:var(--serif);font-size:19px;font-weight:500}
.au-btn-rich .br-txt small{font-size:13px;margin-top:2px;opacity:.9}
.au-contact-mini{background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(26px,3vw,36px);box-shadow:0 16px 44px -30px rgba(28,26,23,.4);display:grid;gap:18px}
.au-cm-row{display:grid;gap:4px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.au-cm-row:last-of-type{border-bottom:none;padding-bottom:0}
.au-cm-row small{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-d)}
.au-cm-row a,.au-cm-row span{color:var(--ink);font-size:16px}
.au-cm-row a{text-decoration:none}
.au-cm-rating{color:var(--ink);font-size:15px;font-weight:500}
.au-cm-rating .stars{color:var(--gold);letter-spacing:2px}
@media(max-width:860px){.au-contact-split{grid-template-columns:1fr}}

/* 8 · Gründergeschichte v2 — Brief-Karte mit großem Bild oben (Übergang) */
.au-story2 .card{max-width:66rem;margin-inline:auto;background:#FCF9F3;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 44px 100px -60px rgba(28,26,23,.55)}
.au-story2 .ph{position:relative;height:clamp(260px,30vw,420px);background:#f1ece5}
.au-story2 .ph img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
.au-story2 .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#FCF9F3 1%,rgba(252,249,243,.55) 26%,rgba(252,249,243,0) 62%)}
.au-story2 .inner{padding:0 clamp(28px,5vw,64px) clamp(38px,5vw,64px);margin-top:clamp(-48px,-4.5vw,-32px);position:relative;text-align:center}
.au-story2 .inner .eyebrow{justify-content:center}
.au-story2 .inner .eyebrow::before{display:none}
.au-story2 .inner .h2{margin-bottom:clamp(24px,3vw,34px)}
.au-story2 .inner .h2 em{font-style:italic;color:var(--gold-d)}
.au-story2 .body{max-width:52rem;margin-inline:auto;text-align:left}
.au-story2 .body p{color:var(--ink-2);font-size:16.5px;line-height:1.78;margin-bottom:18px}
.au-story2 .body p:last-child{margin-bottom:0}
.au-story2 .sign-row{margin-top:clamp(30px,4vw,42px);padding-top:26px;border-top:1px solid var(--line);text-align:center}
.au-story2 .sign{font-family:var(--serif);font-style:italic;font-size:clamp(26px,3.4vw,40px);color:var(--ink);line-height:1}
.au-story2 .who{margin-top:10px;font-size:14px;color:var(--ink-3);letter-spacing:.02em}
.au-story2 .stmt{font-family:var(--serif);font-style:italic;font-size:clamp(18px,1.9vw,23px);color:var(--gold-d);margin-top:18px;line-height:1.4}

/* ============================================================
   VERKAUF-SEITE
   ============================================================ */
/* Hero-Checks (Belege) */
.ab-hero .vk-checks{display:flex;flex-direction:column;gap:15px;margin-top:26px}
.ab-hero .vk-checks li{display:flex;gap:13px;align-items:flex-start;list-style:none}
.ab-hero .vk-checks .ic{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:rgba(177,146,93,.14);color:var(--gold-d);display:flex;align-items:center;justify-content:center;margin-top:1px}
.ab-hero .vk-checks .ic svg{width:14px;height:14px}
.ab-hero .vk-checks .cl{display:block;font-weight:600;color:var(--ink);font-size:15.5px;line-height:1.3}
.ab-hero .vk-checks .bl{display:block;color:var(--ink-3);font-size:13.5px;margin-top:3px;line-height:1.4}
.ab-hero .friction{margin-top:18px;font-size:13px;color:var(--ink-3);letter-spacing:.01em}

/* 2 · Bevor Sie verkaufen (Empathie + typische Gedanken) */
.vk-pain-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,60px);align-items:start;margin-top:clamp(30px,4vw,44px)}
.vk-pain-text p{color:var(--ink-2);font-size:16.5px;line-height:1.78;margin-bottom:18px}
.vk-pain-text .vk-pain-trans{margin-top:24px;padding-left:22px;border-left:3px solid var(--gold);color:var(--ink);font-weight:500}
.vk-thoughts{display:flex;flex-direction:column;gap:12px;position:sticky;top:104px}
.vk-thoughts .lbl{font:600 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d);margin-bottom:4px}
.vk-thought{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;font-family:var(--serif);font-style:italic;font-size:16.5px;color:var(--ink);line-height:1.4;box-shadow:0 2px 10px -6px rgba(28,26,23,.2)}
@media(max-width:900px){.vk-pain-grid{grid-template-columns:1fr}.vk-thoughts{position:static}}
/* 3-Kennzahl-Statband */
.statbar--3{grid-template-columns:repeat(3,1fr)}
@media(max-width:700px){.statbar--3{grid-template-columns:1fr}.statbar--3 .stat{border-right:none;border-bottom:1px solid var(--line)}.statbar--3 .stat:last-child{border-bottom:none}}

.vk-usp .leist-cell:nth-child(1){justify-content:flex-start}

/* 6 · Verkaufsablauf (Prozess, 4 nummerierte Schritte) */
.vk-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.4vw,34px);margin-top:clamp(34px,4vw,50px)}
.vk-step .n{font-family:var(--serif);font-weight:500;font-size:clamp(34px,4vw,52px);color:var(--gold-d);line-height:1}
.vk-step .n::after{content:"";display:block;width:36px;height:2px;background:var(--gold);margin:16px 0 20px}
.vk-step h3{font-family:var(--serif);font-weight:500;font-size:19px;color:var(--ink);line-height:1.28;margin-bottom:11px}
.vk-step p{color:var(--ink-2);font-size:14.5px;line-height:1.64}
@media(max-width:900px){.vk-flow-grid{grid-template-columns:1fr 1fr;gap:34px}}
@media(max-width:560px){.vk-flow-grid{grid-template-columns:1fr}}

/* 8 · Lokaler Markt (Prosa + Foto-Split) */
.vk-markt-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(34px,5vw,64px);align-items:center}
.vk-markt-text .rp p{color:var(--ink-2);font-size:16.5px;line-height:1.76;margin-top:16px}
.vk-markt-text .rp p:first-child{margin-top:0}
.vk-markt-text .rp a{color:var(--gold-d);font-weight:500;border-bottom:1px solid var(--line-2)}
.vk-markt-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font:600 13px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-d)}
.vk-markt-photo{border-radius:16px;overflow:hidden;aspect-ratio:4/3.4;box-shadow:0 40px 90px -50px rgba(28,26,23,.5);background:#f1ece5}
.vk-markt-photo img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.vk-markt-grid{grid-template-columns:1fr}.vk-markt-photo{order:-1;aspect-ratio:16/10}}
/* 10 · Mit oder ohne Makler (Vergleich) */
.vk-cmp{max-width:76rem;margin:clamp(30px,4vw,46px) auto 0;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 30px 70px -44px rgba(28,26,23,.4);background:#fff}
.vk-cmp .row{display:grid;grid-template-columns:.86fr 1.1fr 1.04fr;border-top:1px solid var(--line)}
.vk-cmp .row:first-child{border-top:none}
.vk-cmp .cell{padding:clamp(15px,1.7vw,20px) clamp(16px,1.8vw,24px);font-size:14.5px;line-height:1.5}
.vk-cmp .asp{font-family:var(--serif);font-weight:500;font-size:16px;color:var(--ink);display:flex;align-items:center}
.vk-cmp .mit{background:radial-gradient(150% 120% at 50% 0,#FCF7EC,#fff 72%);border-left:1px solid var(--line-2);color:var(--ink)}
.vk-cmp .mit .chk{display:inline-flex;align-items:flex-start;gap:9px}
.vk-cmp .mit .chk svg{flex:0 0 auto;width:17px;height:17px;color:var(--gold-d);margin-top:2px}
.vk-cmp .ohne{border-left:1px solid var(--line);color:var(--ink-3)}
.vk-cmp .row.head .cell{padding-block:16px;font:600 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.vk-cmp .row.head .mit{color:var(--gold-d)}
.vk-cmp .row.head .ohne{color:var(--ink-3)}
.vk-cmp .row.head .asp{background:none}
@media(max-width:760px){.vk-cmp .row{grid-template-columns:1fr}.vk-cmp .mit,.vk-cmp .ohne{border-left:none;border-top:1px solid var(--line)}.vk-cmp .asp{background:#FCFAF6}}
/* 11 · Situations-Karten */
.vk-sit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,22px);margin-top:clamp(30px,4vw,44px)}
.vk-sit-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:clamp(24px,2.4vw,30px);box-shadow:0 14px 40px -30px rgba(28,26,23,.4)}
.vk-sit-card .ic{width:46px;height:46px;border-radius:var(--r);background:var(--paper-2);display:flex;align-items:center;justify-content:center;color:var(--gold-d);margin-bottom:18px}
.vk-sit-card .ic svg{width:22px;height:22px}
.vk-sit-card h3{font-family:var(--serif);font-weight:500;font-size:17.5px;color:var(--ink);line-height:1.28;margin-bottom:10px}
.vk-sit-card p{color:var(--ink-2);font-size:14px;line-height:1.6}
.vk-sit-foot{text-align:center;margin-top:clamp(26px,3vw,36px);font-size:14.5px;color:var(--ink-2)}
.vk-sit-foot::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:9px;vertical-align:middle}
@media(max-width:1000px){.vk-sit-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.vk-sit-grid{grid-template-columns:1fr}}

/* 1 · Verkauf-Hero (Editorial zentriert · Variante B) */
.vk-hero-ed{padding:clamp(60px,8vw,104px) 0 0;text-align:center}
.vk-hero-ed .trust{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:100px;padding:8px 16px;box-shadow:0 2px 10px -6px rgba(28,26,23,.25)}
.vk-hero-ed .trust .star{color:var(--gold)}
.vk-hero-ed h1{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;font-size:clamp(32px,4.3vw,54px);line-height:1.1;margin:22px auto 0;max-width:20ch;color:var(--ink)}
.vk-hero-ed h1 em{font-style:italic;color:var(--gold-d)}
.vk-hero-ed .sub{color:var(--ink-2);font-size:17.5px;line-height:1.6;margin:22px auto 0;max-width:66ch}
.vk-hero-ed .cta{margin-top:30px}
.vk-hero-ed .friction{color:var(--ink-3);font-size:13px;margin-top:16px}
.vk-hero-ed .belege{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(46px,6vw,78px);border-top:1px solid var(--line-2)}
.vk-hero-ed .bel{padding:clamp(26px,3vw,38px) clamp(16px,2vw,30px);text-align:center;position:relative}
.vk-hero-ed .bel+.bel::before{content:"";position:absolute;left:0;top:26%;height:48%;width:1px;background:var(--line-2)}
.vk-hero-ed .bel .cl{font-family:var(--serif);font-size:clamp(18px,1.9vw,22px);color:var(--ink);line-height:1.25}
.vk-hero-ed .bel .bl{color:var(--ink-3);font-size:13.5px;margin-top:8px;line-height:1.45}
@media(max-width:760px){.vk-hero-ed .belege{grid-template-columns:1fr}.vk-hero-ed .bel+.bel::before{left:20%;right:20%;top:0;width:auto;height:1px}}

/* 10 · Mit oder ohne Makler — Duell-Karten (Variante A) */
.vk-duell{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,28px);max-width:76rem;margin:clamp(30px,4vw,46px) auto 0;align-items:start}
.vk-duell .card{border-radius:18px;padding:clamp(26px,3vw,38px);background:#fff}
.vk-duell .mit{border:1px solid var(--line-2);border-top:3px solid var(--gold);box-shadow:0 34px 80px -46px rgba(28,26,23,.55);position:relative}
.vk-duell .ohne{border:1px solid var(--line);background:#FCFAF6}
.vk-duell .badge{position:absolute;right:24px;top:-13px;background:var(--gold);color:#fff;font:600 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;border-radius:100px}
.vk-duell .ch{margin-bottom:22px}
.vk-duell .ch .t{font-family:var(--serif);font-size:24px;color:var(--ink)}
.vk-duell .mit .ch .t{color:var(--gold-d)}
.vk-duell .ch .s{font-size:13px;color:var(--ink-3);margin-top:4px}
.vk-duell .item{display:flex;gap:12px;padding:15px 0;border-top:1px solid var(--line)}
.vk-duell .item:first-of-type{border-top:none}
.vk-duell .item .chk{width:18px;height:18px;flex:0 0 auto;color:var(--gold-d);margin-top:1px}
.vk-duell .item .neu{width:16px;height:16px;flex:0 0 auto;color:var(--ink-3);margin-top:2px}
.vk-duell .item .as{display:block;font-weight:600;font-size:13.5px;color:var(--ink)}
.vk-duell .item .tx{display:block;font-size:14px;line-height:1.5;color:var(--ink-2);margin-top:2px}
.vk-duell .ohne .item .tx{color:var(--ink-3)}
@media(max-width:820px){.vk-duell{grid-template-columns:1fr}}

/* ============================================================
   IMMOBILIENANGEBOTE-SEITE
   ============================================================ */
/* 1 · Hero + Live-Karte */
.ia-hero{padding:clamp(46px,6vw,78px) 0 0}
.ia-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(32px,4vw,50px);line-height:1.08;color:var(--ink);letter-spacing:-.01em}
.ia-hero h1 em{font-style:italic;color:var(--gold-d)}
.ia-hero .sub{color:var(--ink-2);font-size:17px;line-height:1.64;margin-top:20px;max-width:74ch}
.ia-map{margin-top:clamp(30px,4vw,44px);position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);aspect-ratio:24/9;min-height:280px;box-shadow:0 30px 70px -44px rgba(28,26,23,.4);background:radial-gradient(120% 140% at 20% 10%,#F6EFE3,#FBF8F3 55%),repeating-linear-gradient(0deg,rgba(177,146,93,.06) 0 1px,transparent 1px 46px),repeating-linear-gradient(90deg,rgba(177,146,93,.06) 0 1px,transparent 1px 46px)}
.ia-map .pin{position:absolute;width:26px;height:26px;border-radius:50% 50% 50% 0;background:var(--gold);transform:rotate(-45deg);box-shadow:0 6px 14px -4px rgba(28,26,23,.5)}
.ia-map .pin::after{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%}
.ia-map .badge{position:absolute;left:18px;top:18px;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.94);color:var(--gold-d);font:600 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:9px 14px;border-radius:100px;box-shadow:var(--shadow-s)}
.ia-map .badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#34a853;box-shadow:0 0 0 3px rgba(52,168,83,.18)}
/* 2 · Objekt-Grid (ImmoButler Live · Skeleton-Fallback) */
.ia-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:clamp(30px,4vw,44px)}
.ia-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 2px 10px -6px rgba(28,26,23,.18)}
.ia-card .img{aspect-ratio:16/11;background:#f1ece5;position:relative;display:flex;align-items:center;justify-content:center;color:#cbb894}
.ia-card .img svg{width:42px;height:42px}
.ia-card .live{position:absolute;left:12px;top:12px;background:rgba(255,255,255,.92);color:var(--gold-d);font:600 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:7px 11px;border-radius:100px}
.ia-card .b{padding:22px}
.ia-card .sk{background:#EFE7DC;border-radius:6px;position:relative;overflow:hidden}
.ia-card .sk::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:translateX(-100%);animation:iashimmer 1.8s infinite}
@keyframes iashimmer{100%{transform:translateX(100%)}}
.ia-card .sk.price{width:42%;height:22px;margin-bottom:14px}
.ia-card .sk.t{width:86%;height:15px;margin-bottom:9px}
.ia-card .sk.t2{width:64%;height:15px;margin-bottom:18px}
.ia-card .chips{display:flex;gap:8px}
.ia-card .chips span{width:56px;height:24px;background:#F4EEE5;border-radius:100px}
.ia-grid-note{text-align:center;margin-top:clamp(24px,3vw,32px);font-size:14.5px;color:var(--ink-2)}
.ia-grid-note a{color:var(--gold-d);font-weight:600}
@media(max-width:900px){.ia-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ia-grid{grid-template-columns:1fr}}
/* 3 · Off-Market (Kontrast-Banner dezent Gold) */
.ia-off .banner{max-width:74rem;margin-inline:auto;text-align:center;background:radial-gradient(120% 160% at 50% 0,#FCF6EA,#fff 66%);border:1px solid var(--line-2);border-radius:22px;padding:clamp(40px,5.5vw,72px) clamp(24px,4vw,60px);box-shadow:0 34px 80px -50px rgba(28,26,23,.4)}
.ia-off .banner .h2{margin-top:14px}
.ia-off .banner .sub{color:var(--ink-2);font-size:16.5px;line-height:1.66;margin:16px auto 0;max-width:60ch}
.ia-off .banner .cta{margin-top:30px}
/* 6 · SEO-Prosa */
.ia-seo .au-prosa{margin-top:clamp(22px,3vw,32px)}

/* ── Region/Marktlage (immobilienangebote) — echte Landau-Karte im Hintergrund, Screenshot-Layout ── */
.ia-mkt{position:relative;overflow:hidden;background:var(--paper);border-block:1px solid var(--line)}
.ia-mkt-map{position:absolute;inset:0;z-index:0;pointer-events:none}
.ia-mkt-map img{width:100%;height:100%;object-fit:cover;display:block;opacity:.5}
/* stark aufhellen → Text bleibt gut lesbar (heller als Referenz, links am stärksten) */
.ia-mkt-map::after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.62) 34%,rgba(255,255,255,.36) 60%,rgba(255,255,255,.5) 100%),
  linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgba(255,255,255,.55))}
.ia-mkt-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(40px,5vw,90px);align-items:start}
.ia-mkt-text .h2{margin-bottom:0}
.ia-mkt-text .au-prosa{margin-top:clamp(22px,3vw,30px);max-width:58ch}
.ia-mkt-text .au-prosa p:first-child{color:var(--ink);font-size:19px;line-height:1.65}
.ia-mkt-coll{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ia-mkt-coll .col{display:flex;flex-direction:column;gap:20px}
.ia-mkt-coll .col.right{margin-top:58px}
.ia-mkt-coll .tile{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-m);background:linear-gradient(158deg,#FBF5E9,#F1E4CF);margin:0}
.ia-mkt-coll .r34{aspect-ratio:3/4}.ia-mkt-coll .r43{aspect-ratio:4/3}.ia-mkt-coll .r45{aspect-ratio:4/5}
.ia-mkt-coll .tile>img{width:100%;height:100%;object-fit:cover;display:block}
.ia-mkt-coll figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(0deg,rgba(28,26,23,.62),rgba(28,26,23,0));color:#fff;font-family:var(--serif);font-size:15px}
.ia-mkt-coll .ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;padding:16px}
.ia-mkt-coll .ph svg{width:28px;height:28px;color:var(--gold);opacity:.85}
.ia-mkt-coll .ph .pl{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--gold-d)}
.ia-mkt-coll .ph .pf{font-family:var(--sans);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);opacity:.75}
@media(max-width:900px){.ia-mkt-grid{grid-template-columns:1fr;gap:44px}.ia-mkt-coll .col.right{margin-top:0}.ia-mkt-text .au-prosa,.ia-mkt-text .h2{max-width:none}}

/* ── Immobilienangebote · Hero (V1 Live-Karten-Split) — NUR EPF-Text ── */
.iah{border-bottom:1px solid var(--line);padding:clamp(48px,6vw,84px) 0}
.iah-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(40px,5vw,80px);align-items:center}
.iah h1{font-family:var(--serif);font-weight:500;font-size:clamp(38px,4.6vw,64px);line-height:1.06;letter-spacing:-.015em;color:var(--ink);text-wrap:balance;margin:0}
.iah h1 em{font-style:italic;color:var(--gold-d)}
.iah .sub{color:var(--ink-2);font-size:17.5px;line-height:1.66;margin-top:22px;max-width:60ch}
.iah-cta{margin-top:30px}
.iah-map{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line-2);aspect-ratio:5/4;box-shadow:0 40px 90px -50px rgba(28,26,23,.55);background:radial-gradient(130% 120% at 25% 12%,#F7F0E4,#FDFBF7 60%)}
.iah-map img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.iah-map::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 50% 40%,rgba(255,255,255,0) 40%,rgba(255,255,255,.35))}
.iah-pin{position:absolute;width:26px;height:26px;border-radius:50% 50% 50% 0;background:var(--gold);transform:rotate(-45deg);box-shadow:0 8px 16px -5px rgba(28,26,23,.55)}
.iah-pin::after{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%}
.iah-pin.big{width:34px;height:34px;background:var(--rot)}
.iah-pin.big::after{inset:9px}
@media(max-width:900px){.iah-grid{grid-template-columns:1fr;gap:32px}.iah-map{aspect-ratio:4/3}.iah .sub{max-width:none}}

/* ── Referenzen · Hero (C Fallstudien-Teaser) ── */
.refh{border-bottom:1px solid var(--line);padding-block:clamp(44px,5vw,78px)}
.refh-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(40px,5vw,72px);align-items:center}
.refh-stars{display:inline-flex;align-items:center;gap:11px;font:600 13px/1 var(--sans);color:var(--ink);margin-bottom:22px}
.refh-stars .s{color:var(--gold);letter-spacing:2px;font-size:15px}
.refh-stars span{color:var(--ink-2);font-weight:500}
.refh h1{font-family:var(--serif);font-weight:500;font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.015em;color:var(--ink);text-wrap:balance;margin:0}
.refh h1 em{font-style:italic;color:var(--gold-d)}
.refh .sub{color:var(--ink-2);font-size:16.5px;line-height:1.66;margin-top:22px;max-width:54ch}
.refh-stack{display:flex;flex-direction:column;gap:16px}
.refh-case{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:var(--shadow-m)}
.refh-case:nth-child(1){margin-right:38px}
.refh-case:nth-child(2){margin-left:38px}
.refh-case:nth-child(3){margin-right:20px;margin-left:18px}
.refh-case .loc{font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d)}
.refh-case h3{font-family:var(--serif);font-weight:500;font-size:19px;color:var(--ink);margin:10px 0 8px;line-height:1.22}
.refh-case .res{font-size:13.5px;color:var(--ink-2);line-height:1.5;margin:0;display:flex;gap:9px}
.refh-case .res svg{flex:0 0 auto;margin-top:2px;color:var(--gold)}
@media(max-width:900px){.refh-grid{grid-template-columns:1fr;gap:34px}.refh .sub{max-width:none}.refh-case{margin:0 !important}}

/* ── Referenzen · Cases (Fallstudien, editorial) ── */
.ref-cases{border-bottom:1px solid var(--line)}
.rc-list{margin-top:clamp(40px,5vw,60px);display:flex;flex-direction:column}
.rc-item{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(30px,4vw,64px);align-items:start}
.rc-item + .rc-item{border-top:1px solid var(--line);margin-top:clamp(38px,4.5vw,60px);padding-top:clamp(38px,4.5vw,60px)}
.rc-num{font-family:var(--serif);font-weight:500;font-size:clamp(38px,3.8vw,56px);color:var(--gold-l);line-height:1;letter-spacing:-.02em}
.rc-loc{font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);margin-top:16px}
.rc-title{font-family:var(--serif);font-weight:500;font-size:clamp(21px,2.1vw,29px);color:var(--ink);line-height:1.2;margin:10px 0 0}
.rc-result{margin-top:20px;display:flex;gap:11px;background:radial-gradient(120% 160% at 0% 0%,#FBF5E9,#F6ECD9);border:1px solid var(--line-2);border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.45;color:var(--ink);font-weight:500}
.rc-result svg{flex:0 0 auto;margin-top:1px;color:var(--gold-d)}
.rc-body p{color:var(--ink-2);font-size:16px;line-height:1.74;margin:0 0 16px}
.rc-body p:last-child{margin-bottom:0;color:var(--ink)}
@media(max-width:860px){.rc-item{grid-template-columns:1fr;gap:20px}}

/* ── Referenzen · Google-Bewertungen (prose zentriert) ── */
.ref-rev{background:var(--paper-3);border-block:1px solid var(--line)}
.ref-rev .sec-head{max-width:none;text-align:center}
.ref-rev .eyebrow{justify-content:center}
.ref-rev .ref-prosa{max-width:70ch;margin:26px auto 0}
.ref-rev .ref-prosa p{color:var(--ink-2);font-size:16.5px;line-height:1.76;margin-bottom:18px}
.ref-rev .ref-prosa p:last-child{margin-bottom:0}
.ref-rev .ref-prosa a{color:var(--gold-d);font-weight:500;border-bottom:1px solid var(--line-2)}
.ref-rev .rating-lead{text-align:center;margin-top:26px;font-size:15px;color:var(--ink)}
.ref-rev .rating-lead .stars{color:var(--gold);letter-spacing:2px}

/* ── Referenzen · Kontrast-CTA (Maroon) ── */
.ref-cta{border-bottom:1px solid var(--line)}
.ref-cta-box{position:relative;overflow:hidden;border-radius:22px;padding:clamp(44px,6vw,74px) clamp(26px,5vw,64px);text-align:center;background:radial-gradient(120% 150% at 80% 15%,#5a1424,#30000C 55%,#1c0208);box-shadow:0 44px 96px -54px rgba(48,0,12,.75)}
.ref-cta-box h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.4vw,46px);line-height:1.12;color:#fff;margin:0;text-wrap:balance}
.ref-cta-box h2 em{font-style:italic;color:var(--gold-l)}
.ref-cta-box p{color:rgba(255,255,255,.82);font-size:17px;line-height:1.66;max-width:58ch;margin:20px auto 0}
.ref-cta-box .btn{margin-top:32px;background:var(--gold);color:#fff}
.ref-cta-box .btn:hover{background:var(--gold-d)}

/* ── Referenzen · Grid VERKAUFT ── */
.ia-card{position:relative}
.ia-card .sold{position:absolute;top:12px;left:12px;z-index:2;background:rgba(48,0,12,.92);color:#fff;font:600 10.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:7px 11px;border-radius:100px}
.ref-gridnote{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:9px;font:600 11px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--gold-d)}
.ref-gridnote::before{content:"";width:7px;height:7px;border-radius:50%;background:#34a853;box-shadow:0 0 0 3px rgba(52,168,83,.18)}

/* ── Referenzen · echte Video-Testimonials ── */
.rt-list{margin-top:clamp(40px,5vw,56px);display:flex;flex-direction:column;gap:clamp(20px,3vw,28px)}
.rt-card{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(22px,3vw,40px);align-items:center;background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-m)}
.rt-media{position:relative;display:block;aspect-ratio:16/9;background:#EDE6DB;overflow:hidden}
.rt-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.rt-media:hover img{transform:scale(1.03)}
.rt-media .play{position:absolute;inset:0;display:grid;place-items:center}
.rt-media .play i{width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center;box-shadow:var(--shadow-m);transition:transform .15s ease}
.rt-media:hover .play i{transform:scale(1.09)}
.rt-media .play svg{margin-left:4px;color:var(--rot)}
.rt-body{padding:clamp(20px,2.4vw,30px) clamp(22px,2.6vw,34px) clamp(20px,2.4vw,30px) 0}
.rt-role{display:inline-block;font:600 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);border:1px solid var(--line-2);border-radius:100px;padding:6px 13px}
.rt-quote{font-family:var(--serif);font-weight:400;font-size:clamp(16px,1.45vw,19px);line-height:1.52;color:var(--ink);margin:16px 0 0}
.rt-who{margin-top:15px;font-size:14px;color:var(--ink-2)}
.rt-who b{color:var(--ink);font-family:var(--serif);font-weight:500;font-size:16px}
.rt-link{display:inline-flex;align-items:center;gap:7px;margin-top:16px;font:600 13px/1 var(--sans);color:var(--gold-d)}
.rt-link svg{transition:transform .15s ease}
.rt-link:hover svg{transform:translateX(3px)}
.rt-card:nth-child(even){grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.rt-card:nth-child(even) .rt-media{order:2}
.rt-card:nth-child(even) .rt-body{order:1;padding:clamp(20px,2.4vw,30px) 0 clamp(20px,2.4vw,30px) clamp(22px,2.6vw,34px)}
@media(max-width:800px){
  .rt-card,.rt-card:nth-child(even){grid-template-columns:1fr}
  .rt-media,.rt-card:nth-child(even) .rt-media{order:0}
  .rt-body,.rt-card:nth-child(even) .rt-body{order:0;padding:0 22px 24px}
}

/* ── Mobile-Menü (Vollbild-Drawer, dynamisch aus der Nav gebaut) ── */
.mm-overlay{position:fixed;inset:0;z-index:1000;background:var(--paper);display:flex;flex-direction:column;padding:clamp(18px,5vw,30px) clamp(22px,6vw,34px) clamp(28px,7vw,40px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .26s ease,transform .26s ease,visibility .26s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}
body.menu-open{overflow:hidden}
body.menu-open .mm-overlay{opacity:1;visibility:visible;transform:none}
.mm-top{display:flex;align-items:center;justify-content:space-between;min-height:44px}
.mm-top img{height:36px}
.mm-close{position:relative;width:44px;height:44px;background:none;border:none;cursor:pointer;color:var(--ink);margin-right:-8px}
.mm-close span{position:absolute;left:9px;top:21px;width:26px;height:2px;background:currentColor;border-radius:2px}
.mm-close span:first-child{transform:rotate(45deg)}
.mm-close span:last-child{transform:rotate(-45deg)}
.mm-nav{display:flex;flex-direction:column;flex:1;justify-content:center;gap:2px;padding-block:clamp(16px,5vw,32px)}
.mm-nav a{font-family:var(--serif);font-weight:400;font-size:clamp(27px,7.5vw,40px);letter-spacing:-.01em;color:var(--ink);padding:12px 0;border-bottom:1px solid var(--line);transition:color .15s ease}
.mm-nav a:hover,.mm-nav a:active{color:var(--gold-d)}
.mm-util{display:flex;flex-direction:column;gap:12px;font-size:16px}
.mm-util a{color:var(--ink-2);width:max-content}
.mm-util a:hover{color:var(--gold-d)}
.mm-util a:first-child{font-family:var(--serif);font-size:20px;color:var(--ink)}
@media(min-width:901px){.mm-overlay{display:none}}

/* ── Finanzieren · Hero (interaktiver Finanzierungs-Rechner) ── */
.fin-hero{border-bottom:1px solid var(--line)}
.fin-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(40px,5vw,72px);align-items:center}
.fin-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.015em;color:var(--ink);margin:0;text-wrap:balance}
.fin-hero h1 em{font-style:italic;color:var(--gold-d)}
.fin-hero .sub{color:var(--ink-2);font-size:16.5px;line-height:1.65;margin-top:20px;max-width:52ch}
.fin-hero .sub a{color:var(--gold-d);font-weight:500;border-bottom:1px solid var(--line-2)}
.fin-cta{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:26px}
.fin-micro{font-size:13px;color:var(--ink-3)}
.fin-hero .trust-pill{margin-bottom:20px}
.fcalc{background:var(--white);border:1px solid var(--line);border-radius:20px;box-shadow:0 40px 90px -52px rgba(28,26,23,.55);padding:clamp(24px,3vw,34px)}
.fcalc-ey{font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-d);display:flex;align-items:center;gap:8px}
.fcalc-ey::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold)}
.fcalc label{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;color:var(--ink-2);margin:20px 0 8px}
.fcalc label b{font-family:var(--serif);font-size:19px;color:var(--ink)}
.fcalc input[type=range]{width:100%;accent-color:var(--gold);height:4px}
.fcalc-out{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}
.fcalc-out .lbl{font-size:13px;color:var(--ink-2)}
.fcalc .rate{font-family:var(--serif);font-size:clamp(38px,4.4vw,50px);line-height:1;color:var(--ink);margin-top:5px;display:flex;align-items:baseline;gap:9px}
.fcalc .rate .cur{font-size:18px;color:var(--ink-2);font-family:var(--sans);letter-spacing:.01em}
.fcalc-bar{display:flex;height:12px;border-radius:100px;overflow:hidden;margin-top:20px;background:var(--line)}
.fcalc-bar i{display:block;height:100%;transition:width .2s ease}.fcalc-bar .ek{background:var(--gold-l)}.fcalc-bar .dl{background:var(--rot)}
.fcalc-legend{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink-2);margin-top:10px}
.fcalc-legend b{color:var(--ink);font-weight:600}
.fcalc-legend .k::before{content:"";display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px;vertical-align:middle}
.fcalc-legend .ek::before{background:var(--gold-l)}.fcalc-legend .dl::before{background:var(--rot)}
.fcalc .btn{width:100%;margin-top:22px}
.fcalc-note{font-size:11.5px;color:var(--ink-3);margin-top:16px;line-height:1.5}
@media(max-width:900px){.fin-hero-grid{grid-template-columns:1fr;gap:32px}.fin-hero .sub{max-width:none}}

/* Google-Rating-Badge auch im Finanzieren-Hero (wie Startseite .herox .ggl) */
.fin-hero .ggl{display:inline-flex;align-items:center;gap:10px;font-size:16px;color:var(--ink);margin-bottom:20px}
.fin-hero .ggl .gm{width:26px;height:26px;flex:0 0 auto}
.fin-hero .ggl .stars{color:#e8a838;letter-spacing:1px;font-size:18px}
.fin-hero .ggl b{font-weight:700}
.fin-hero .ggl .sep{color:var(--line-2)}
.fin-hero .ggl .mut{color:var(--ink-3)}

/* ── Google-Rating-Badge global nutzbar (Verkauf-/Referenzen-Hero vereinheitlicht) ── */
.ggl{display:inline-flex;align-items:center;gap:10px;font-size:16px;color:var(--ink)}
.ggl .gm{width:26px;height:26px;flex:0 0 auto}
.ggl .stars{color:#e8a838;letter-spacing:1px;font-size:18px}
.ggl b{font-weight:700}
.ggl .sep{color:var(--line-2)}
.ggl .mut{color:var(--ink-3)}
.vk-hero-ed .ggl{margin-bottom:24px}
.refh .ggl{margin-bottom:22px}

/* ── Finanzieren · warum-wir (F Nummern-Karten) ── */
.ic-badge{width:48px;height:48px;border-radius:13px;background:radial-gradient(120% 120% at 30% 18%,#FBF3E4,#EFE0C8);display:grid;place-items:center;color:var(--gold-d)}
.ic-badge svg{width:24px;height:24px}
.fw-grid{margin-top:clamp(34px,4vw,52px);display:grid;grid-template-columns:1fr 1fr;gap:18px}
.fw-card{position:relative;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:clamp(26px,2.6vw,36px);box-shadow:var(--shadow-s)}
.fw-card .bignum{position:absolute;top:clamp(10px,1.1vw,18px);right:16px;font-family:var(--serif);font-weight:500;font-size:clamp(88px,8vw,116px);line-height:1;color:#F1E7D6;z-index:0;pointer-events:none;user-select:none}
.fw-card .ic-badge,.fw-card h3,.fw-card p{position:relative;z-index:1}
.fw-card .ic-badge{margin-bottom:18px}
.fw-card h3{font-family:var(--serif);font-weight:500;font-size:22px;color:var(--ink);margin:0 0 10px;line-height:1.22}
.fw-card p{font-size:14.5px;color:var(--ink-2);line-height:1.62;margin:0}
@media(max-width:860px){.fw-grid{grid-template-columns:1fr}}

/* ── Finanzieren · Angebote-Teaser ── */
.fin-ang-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:26px;flex-wrap:wrap}
.fin-ang-foot .zeile{font-size:14.5px;color:var(--ink-2)}

/* ── Finanzieren · Ablauf-Timeline (5 Schritte) ── */
.fin-flow{background:var(--paper-3);border-block:1px solid var(--line)}
.flow-steps{list-style:none;margin:clamp(34px,4vw,52px) auto 0;padding:0;max-width:860px}
.flow-step{position:relative;display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,2.4vw,34px);padding-bottom:clamp(26px,3vw,40px)}
.flow-step:last-child{padding-bottom:0}
.flow-step::before{content:"";position:absolute;left:27px;top:58px;bottom:-2px;width:2px;background:var(--line-2)}
.flow-step:last-child::before{display:none}
.flow-num{width:56px;height:56px;border-radius:50%;background:var(--white);border:1px solid var(--line-2);display:grid;place-items:center;font-family:var(--serif);font-size:23px;color:var(--gold-d);box-shadow:var(--shadow-s);position:relative;z-index:1}
.flow-c{padding-top:7px}
.flow-c h3{font-family:var(--serif);font-weight:500;font-size:clamp(19px,1.8vw,23px);color:var(--ink);margin:0 0 8px;line-height:1.2}
.flow-c p{font-size:15.5px;color:var(--ink-2);line-height:1.66;margin:0;max-width:66ch}

/* ── Finanzieren · Team-Story ── */
.fin-team-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(36px,5vw,64px);align-items:start}
.fin-team-media{border-radius:20px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/5;box-shadow:var(--shadow-m);position:sticky;top:104px}
.fin-team-media img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.fin-team-text .au-prosa{margin-top:22px}
.fin-team-text .au-prosa p{color:var(--ink-2);font-size:16.5px;line-height:1.74;margin-bottom:16px}
.fin-team-text .au-prosa a{color:var(--gold-d);font-weight:500;border-bottom:1px solid var(--line-2)}

/* ── Finanzieren · Suchagent-Formular ── */
.fin-form{background:var(--paper-3);border-block:1px solid var(--line)}
.fin-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,64px);align-items:center}
.fin-form-lead{font-size:17px;color:var(--ink-2);line-height:1.68;max-width:48ch}
.fin-form-card{background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-m);padding:clamp(24px,3vw,34px)}
.ff-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ff-field{margin-bottom:14px}
.ff-field label{display:block;font-size:12.5px;letter-spacing:.02em;color:var(--ink-2);margin-bottom:6px}
.ff-field input,.ff-field select{width:100%;border:1px solid var(--line-2);border-radius:8px;padding:12px 14px;font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--white)}
.ff-field input:focus,.ff-field select:focus{outline:none;border-color:var(--gold)}
.fin-form-card .btn{width:100%;margin-top:8px}
.ff-trust{font-size:12px;color:var(--ink-3);text-align:center;margin-top:14px}
.fin-form-card .ff-done{display:none;text-align:center;padding:20px 0}
.fin-form-card .ff-done .h{font-family:var(--serif);font-size:22px;color:var(--ink);margin-bottom:8px}
.fin-form-card.done .ff-fields{display:none}.fin-form-card.done .ff-done{display:block}

/* ── Finanzieren · Trust-Bar ── */
.fin-tb{border-block:1px solid var(--line);padding-block:clamp(26px,3vw,40px) !important;background:radial-gradient(120% 220% at 50% -80%,#FBF5E9 0%,rgba(255,255,255,0) 60%)}
.fin-tb .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.fin-tb .tb-chip{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--line);border-radius:100px;padding:11px 20px;font-size:14.5px;color:var(--ink);font-weight:500;box-shadow:var(--shadow-s)}
.fin-tb .tb-chip .star{color:var(--gold)}
@media(max-width:860px){.fin-team-grid,.fin-form-grid{grid-template-columns:1fr;gap:30px}.fin-team-media{position:static;aspect-ratio:4/3}}

/* Finanzieren · Angebote-Teaser zentriert */
.fin-ang-center .sec-head{max-width:none;text-align:center}
.fin-ang-center .sec-head .eyebrow{justify-content:center}
.fin-ang-center .sec-head .sub{margin-inline:auto;max-width:78ch}

/* ── Finanzieren · Ablauf B (Zickzack-Timeline) ── */
.pb-flow{position:relative;max-width:940px;margin:clamp(38px,4.5vw,60px) auto 0}
.pb-flow::before{content:"";position:absolute;left:50%;top:6px;bottom:6px;width:2px;background:var(--line-2);transform:translateX(-50%)}
.pb-step{position:relative;width:calc(50% - 40px);margin-bottom:clamp(26px,3vw,40px)}
.pb-step:last-child{margin-bottom:0}
.pb-step:nth-child(odd){margin-left:0;text-align:right;padding-right:8px}
.pb-step:nth-child(even){margin-left:calc(50% + 40px);text-align:left;padding-left:8px}
.pb-num{position:absolute;top:0;width:52px;height:52px;border-radius:50%;background:var(--white);border:1px solid var(--gold);display:grid;place-items:center;font-family:var(--serif);font-size:21px;color:var(--gold-d);box-shadow:var(--shadow-s);z-index:1}
.pb-step:nth-child(odd) .pb-num{right:-66px}
.pb-step:nth-child(even) .pb-num{left:-66px}
.pb-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px 24px;box-shadow:var(--shadow-s)}
.pb-card h3{font-family:var(--serif);font-weight:500;font-size:19px;color:var(--ink);margin:0 0 8px;line-height:1.22}
.pb-card p{font-size:14px;color:var(--ink-2);line-height:1.6;margin:0}
@media(max-width:900px){.pb-flow::before{left:26px}.pb-step,.pb-step:nth-child(odd),.pb-step:nth-child(even){width:auto;margin-left:56px;text-align:left;padding:0}.pb-step:nth-child(odd) .pb-num,.pb-step:nth-child(even) .pb-num{left:-56px;right:auto}}

/* ── Bewertung · Hero (A Split + Typ-Auswahl-Panel) ── */
.bev-hero{border-bottom:1px solid var(--line);padding-block:clamp(44px,5vw,74px)}
.bev-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,5vw,72px);align-items:center}
.bev-hero .ggl{margin-bottom:20px}
.bev-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(33px,3.8vw,52px);line-height:1.08;letter-spacing:-.015em;color:var(--ink);margin:0;text-wrap:balance}
.bev-hero h1 em{font-style:italic;color:var(--gold-d)}
.bev-hero .sub{color:var(--ink-2);font-size:16.5px;line-height:1.65;margin-top:20px;max-width:56ch}
.bev-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.bev-chips span{display:inline-flex;align-items:center;gap:7px;background:var(--white);border:1px solid var(--line);border-radius:100px;padding:8px 14px;font-size:12.5px;color:var(--ink-2)}
.bev-chips svg{color:var(--gold);flex:0 0 auto}
.typ-card{display:flex;align-items:center;gap:16px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-s);transition:border-color .15s,box-shadow .15s,transform .15s}
.typ-card:hover{border-color:var(--gold);box-shadow:var(--shadow-m);transform:translateY(-1px)}
.typ-card .ic{flex:0 0 auto;width:44px;height:44px;border-radius:11px;background:radial-gradient(120% 120% at 30% 18%,#FBF3E4,#EFE0C8);display:grid;place-items:center;color:var(--gold-d)}
.typ-card .ic svg{width:23px;height:23px}
.typ-card .lbl{font-family:var(--serif);font-size:18px;color:var(--ink);flex:1}
.typ-card .arr{color:var(--gold-d);transition:transform .15s}
.typ-card:hover .arr{transform:translateX(3px)}
.bev-panel{background:radial-gradient(130% 120% at 20% 0%,#FBF6EC,#fff 60%);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.6vw,32px);box-shadow:0 40px 90px -54px rgba(28,26,23,.5)}
.bev-panel .typ-card{margin-bottom:12px}
.bev-panel .btn{width:100%;margin-top:8px}
.bev-panel .panel-lbl{font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);display:block;margin-bottom:16px}
@media(max-width:900px){.bev-hero-grid{grid-template-columns:1fr;gap:32px}.bev-hero .sub{max-width:none}}

/* ── Bewertung · Icon-Karten (Anlässe / Wertfaktoren) ── */
.bev-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(34px,4vw,52px)}
.bev-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(34px,4vw,52px)}
.bev-icard{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:clamp(22px,2.2vw,28px);box-shadow:var(--shadow-s)}
.bev-icard .ic-badge{margin-bottom:16px}
.bev-icard .lab{font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);display:block;margin-bottom:9px}
.bev-icard h3{font-family:var(--serif);font-weight:500;font-size:18px;color:var(--ink);margin:0 0 9px;line-height:1.22}
.bev-icard p{font-size:14px;color:var(--ink-2);line-height:1.58;margin:0}

/* ── Bewertung · Warum (Bild + Items) ── */
.bev-warum-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(36px,5vw,60px);align-items:center;margin-top:clamp(34px,4vw,50px)}
.bev-warum-media{border-radius:20px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/5;box-shadow:var(--shadow-m)}
.bev-warum-media img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.bev-warum-items{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.bev-witem .ic-badge{margin-bottom:12px;width:40px;height:40px}.bev-witem .ic-badge svg{width:21px;height:21px}
.bev-witem h3{font-family:var(--serif);font-weight:500;font-size:17px;color:var(--ink);margin:0 0 7px;line-height:1.22}
.bev-witem p{font-size:14px;color:var(--ink-2);line-height:1.58;margin:0}
.bev-witem a{color:var(--gold-d);border-bottom:1px solid var(--line-2)}

/* ── Bewertung · Experten-Block ── */
.bev-expert{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,3vw,40px);align-items:center;margin-top:clamp(30px,3.5vw,44px);background:var(--paper-3);border:1px solid var(--line);border-radius:20px;padding:clamp(26px,3vw,38px)}
.bev-expert-photo{width:clamp(92px,9vw,132px);height:clamp(92px,9vw,132px);border-radius:50%;overflow:hidden;border:1px solid var(--line-2);flex:0 0 auto}
.bev-expert-photo img{width:100%;height:100%;object-fit:cover}
.bev-expert blockquote{font-family:var(--serif);font-weight:400;font-size:clamp(16px,1.5vw,19px);line-height:1.52;color:var(--ink);margin:0}
.bev-expert .who{margin-top:14px;font-size:14px;color:var(--gold-d);font-weight:600}

/* ── Bewertung · Online vs persönlich ── */
.bev-vs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:clamp(34px,4vw,50px)}
.bev-vs-col{border:1px solid var(--line);border-radius:18px;padding:clamp(26px,3vw,36px);background:var(--white)}
.bev-vs-col.reco{border-color:var(--gold);background:radial-gradient(120% 140% at 0 0,#FBF5E9,#fff 60%)}
.bev-vs-col .vlabel{font-family:var(--serif);font-weight:500;font-size:clamp(20px,2vw,25px);color:var(--ink);margin:0 0 14px}
.bev-vs-col.reco .vlabel{color:var(--gold-d)}
.bev-vs-col p{font-size:15px;color:var(--ink-2);line-height:1.66;margin:0}
.bev-vs-col .fazit{margin-top:18px;display:inline-flex;align-items:center;gap:8px;font:600 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.bev-vs-col.reco .fazit{color:var(--gold-d)}
.bev-vs-col .fazit svg{color:var(--gold)}
.bev-vs-cta{text-align:center;margin-top:clamp(28px,3vw,40px)}

/* ── Bewertung · Gutachten-Abgrenzung ── */
.bev-verfahren{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(32px,4vw,48px)}
.bev-vk{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:var(--shadow-s)}
.bev-vk .vt{font-family:var(--serif);font-size:18px;color:var(--ink);margin:0 0 9px}
.bev-vk p{font-size:14px;color:var(--ink-2);line-height:1.58;margin:0}
.bev-vgl{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.bev-vgl-card{border:1px solid var(--line);border-radius:18px;padding:clamp(24px,2.6vw,32px);background:var(--white)}
.bev-vgl-card.ours{border-color:var(--gold);background:radial-gradient(120% 140% at 0 0,#FBF5E9,#fff 60%)}
.bev-vgl-card h4{font-family:var(--serif);font-weight:500;font-size:19px;color:var(--ink);margin:0 0 10px}
.bev-vgl-card.ours h4{color:var(--gold-d)}
.bev-vgl-card p{font-size:14.5px;color:var(--ink-2);line-height:1.62;margin:0}

/* ── Bewertung · Lokaler Markt (Prosa + Karte) ── */
.bev-markt-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(36px,5vw,60px);align-items:center;margin-top:clamp(34px,4vw,50px)}
.bev-markt-prosa p{color:var(--ink-2);font-size:16.5px;line-height:1.74;margin:0 0 16px}
.bev-markt-prosa a{color:var(--gold-d);font-weight:500;border-bottom:1px solid var(--line-2)}
.bev-markt-prosa .btn{margin-top:10px}
.bev-markt-map{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line);aspect-ratio:5/4;box-shadow:var(--shadow-m);background:radial-gradient(130% 120% at 25% 12%,#F7F0E4,#FDFBF7 60%)}
.bev-markt-map img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.bev-markt-map::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 50% 40%,rgba(255,255,255,0) 45%,rgba(255,255,255,.4))}
.bev-markt-pin{position:absolute;left:50%;top:46%;width:30px;height:30px;border-radius:50% 50% 50% 0;background:var(--rot);transform:translate(-50%,-50%) rotate(-45deg);box-shadow:0 8px 16px -5px rgba(28,26,23,.55);z-index:2}
.bev-markt-pin::after{content:"";position:absolute;inset:8px;background:#fff;border-radius:50%}

/* ── Bewertung · Finaler CTA Extras ── */
.ref-cta-box .claim{font-family:var(--serif);font-style:italic;color:var(--gold-l);font-size:clamp(15px,1.5vw,18px);line-height:1.5;max-width:60ch;margin:22px auto 0}
.ref-cta-box .tel{display:block;margin-top:14px;font-size:14px;color:rgba(255,255,255,.8)}
.ref-cta-box .tel a{color:#fff;font-weight:600}

@media(max-width:900px){
  .bev-grid4{grid-template-columns:1fr 1fr}.bev-grid3{grid-template-columns:1fr 1fr}
  .bev-warum-grid,.bev-markt-grid{grid-template-columns:1fr;gap:30px}
  .bev-warum-items{grid-template-columns:1fr}
  .bev-vs,.bev-vgl{grid-template-columns:1fr}.bev-verfahren{grid-template-columns:1fr}
  .bev-expert{grid-template-columns:1fr;text-align:center;justify-items:center}
}
@media(max-width:560px){.bev-grid4,.bev-grid3{grid-template-columns:1fr}}

/* ── Bewertung · Anlässe (B Split Sticky + 2×2) ── */
.an-split{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(36px,5vw,64px);align-items:start}
.an-split-head{position:sticky;top:104px}
.an-cards2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.an-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:clamp(22px,2.2vw,28px);box-shadow:var(--shadow-s)}
.an-card .ic-badge{margin-bottom:15px}
.an-card .lab{font-family:var(--serif);font-weight:500;font-size:18px;color:var(--ink);display:block;margin-bottom:9px}
.an-card p{font-size:14px;color:var(--ink-2);line-height:1.58;margin:0}
@media(max-width:860px){.an-split{grid-template-columns:1fr;gap:28px}.an-split-head{position:static}.an-cards2{grid-template-columns:1fr}}

/* ── Bewertung · Warum (A Full-Bleed + Overlay-Glaskarten) ── */
.wa{position:relative;overflow:hidden;padding-block:clamp(56px,7vw,100px);border-block:1px solid var(--line)}
.wa-media,.wa-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.wa-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,15,11,.82),rgba(20,15,11,.66))}
.wa .wrap{position:relative;z-index:2}
.wa .eyebrow{color:var(--gold-l)}.wa .eyebrow::before{background:var(--gold-l)}
.wa .h2{color:#fff}.wa .h2 em{color:var(--gold-l)}
.wa .sub{color:rgba(255,255,255,.82);max-width:66ch}
.wa-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(34px,4vw,50px)}
.wa-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;backdrop-filter:blur(6px)}
.wa-card .ic-badge{background:rgba(255,255,255,.14);color:var(--gold-l);margin-bottom:15px}
.wa-card h3{font-family:var(--serif);font-weight:500;font-size:17px;color:#fff;margin:0 0 8px;line-height:1.22}
.wa-card p{font-size:13.5px;color:rgba(255,255,255,.78);line-height:1.56;margin:0}
.wa-card a{color:var(--gold-l);border-bottom:1px solid rgba(255,255,255,.3)}
@media(max-width:860px){.wa-cards{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.wa-cards{grid-template-columns:1fr}}

/* ── Bewertung · Online vs persönlich (A VS-Duell) ── */
.vs-duel{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,64px);position:relative;align-items:stretch;margin-top:clamp(38px,4.5vw,58px)}
.vs-duel::before{content:"VS";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;width:72px;height:72px;border-radius:50%;background:radial-gradient(130% 130% at 30% 20%,#c9a86f,#9c7d4a);color:#fff;font-family:var(--serif);font-weight:600;font-size:26px;display:grid;place-items:center;box-shadow:0 14px 30px -10px rgba(28,26,23,.5),0 0 0 8px var(--paper-3)}
.vs-card{position:relative;border-radius:20px;padding:clamp(28px,3vw,40px);border:1px solid var(--line)}
.vs-card.cold{background:linear-gradient(180deg,#F4F3F1,#ECEBE8);color:var(--ink-2)}
.vs-card.warm{background:radial-gradient(130% 130% at 20% 0%,#FBF3E1,#F6ECD6);border-color:var(--gold);box-shadow:0 30px 70px -44px rgba(177,146,93,.6)}
.vs-lab{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-weight:500;font-size:clamp(21px,2.1vw,27px);color:var(--ink);margin-bottom:16px}
.vs-card.cold .vs-lab{color:#6b6b6b}
.vs-lab .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}.vs-lab .ic svg{width:23px;height:23px}
.vs-card.cold .vs-lab .ic{background:#e2e1de;color:#8a8a8a}
.vs-card.warm .vs-lab .ic{background:radial-gradient(120% 120% at 30% 18%,#FBF3E4,#EFE0C8);color:var(--gold-d)}
.vs-card p{font-size:15px;line-height:1.66;margin:0}.vs-card.warm p{color:var(--ink-2)}
.vs-fazit{margin-top:22px;padding-top:18px;border-top:1px dashed;display:inline-flex;align-items:center;gap:9px;font-family:var(--serif);font-size:18px}
.vs-card.cold .vs-fazit{border-color:#d4d3d0;color:#8a8a8a}
.vs-card.warm .vs-fazit{border-color:var(--line-2);color:var(--gold-d)}.vs-fazit svg{color:var(--gold)}
.vs-win{position:absolute;top:-13px;left:24px;background:var(--gold);color:#fff;font:600 10.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:7px 13px;border-radius:100px;box-shadow:var(--shadow-s)}
@media(max-width:860px){.vs-duel{grid-template-columns:1fr}.vs-duel::before{display:none}}

/* ── Bewertung · Wertfaktoren (A Nummerierte Karten 01–06) ── */
.wf-num{margin-top:clamp(34px,4vw,52px);display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wf-ncard{position:relative;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:clamp(24px,2.4vw,32px);box-shadow:var(--shadow-s)}
.wf-ncard .bignum{position:absolute;top:clamp(8px,1vw,16px);right:16px;font-family:var(--serif);font-weight:500;font-size:clamp(78px,7vw,104px);line-height:1;color:#F1E7D6;z-index:0;pointer-events:none;user-select:none}
.wf-ncard .ic-badge,.wf-ncard h3,.wf-ncard p{position:relative;z-index:1}
.wf-ncard .ic-badge{margin-bottom:16px}
.wf-ncard h3{font-family:var(--serif);font-weight:500;font-size:19px;color:var(--ink);margin:0 0 9px;line-height:1.22}
.wf-ncard p{font-size:14px;color:var(--ink-2);line-height:1.58;margin:0}
@media(max-width:860px){.wf-num{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.wf-num{grid-template-columns:1fr}}

/* ── Bewertung · Markt vor Ort (D Große Nummern + Prosa) ── */
.lm-rows{margin-top:clamp(34px,4vw,52px);display:flex;flex-direction:column;max-width:1000px}
.lm-nrow{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,3.4vw,52px);align-items:start;padding:clamp(26px,3vw,38px) 0}
.lm-nrow + .lm-nrow{border-top:1px solid var(--line)}
.lm-nnum{font-family:var(--serif);font-weight:500;font-size:clamp(48px,5vw,74px);line-height:.9;color:var(--gold-l);min-width:1.7em}
.lm-nrow p{color:var(--ink-2);font-size:16.5px;line-height:1.72;margin:0}
.lm-nrow p a{color:var(--gold-d);font-weight:500;border-bottom:1px solid var(--line-2)}
.lm-rcta{margin-top:clamp(24px,3vw,36px)}
@media(max-width:640px){.lm-nrow{grid-template-columns:1fr;gap:6px}}

/* ── Bewertung · Finaler CTA (A Maroon zentriert + Google-Trust) ── */
.fc-a{background:radial-gradient(130% 150% at 80% 12%,#5a1424,#30000C 55%,#1c0208);border-radius:24px;text-align:center;padding:clamp(40px,5vw,68px) clamp(24px,5vw,64px)}
.fc-a .fc-h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.4vw,46px);line-height:1.12;color:#fff;margin:0;text-wrap:balance}
.fc-a .fc-h2 em{font-style:italic;color:var(--gold-l)}
.fc-a .fc-sub{color:rgba(255,255,255,.82);font-size:17px;line-height:1.66;margin:18px auto 0;max-width:60ch}
.fc-a .rate{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:rgba(255,255,255,.9);margin-bottom:20px}
.fc-a .fc-stars{color:#e8a838;letter-spacing:1px}
.fc-a .row{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:30px}
.cta-rich{display:inline-flex;align-items:center;gap:14px;background:var(--gold);color:#fff;border-radius:12px;padding:15px 26px;text-decoration:none;box-shadow:0 12px 30px -12px rgba(0,0,0,.5);transition:background .15s}
.cta-rich:hover{background:var(--gold-d)}
.cta-rich svg{flex:0 0 auto}
.cta-rich .l{display:flex;flex-direction:column;line-height:1.15;text-align:left}
.cta-rich .l b{font-weight:600;font-size:16px}.cta-rich .l span{font-size:12px;opacity:.85}
.fc-tel{color:rgba(255,255,255,.82);font-size:14.5px}.fc-tel a{color:#fff;font-weight:600}
.fc-a .fc-trust{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;font-size:13.5px;color:rgba(255,255,255,.82);margin-top:26px}
.fc-a .fc-trust span{display:inline-flex;align-items:center;gap:8px}
.fc-a .fc-trust svg{color:var(--gold-l)}
.fc-a .fc-claim{font-family:var(--serif);font-style:italic;color:var(--gold-l);font-size:clamp(15px,1.5vw,18px);line-height:1.5;margin:24px auto 0;max-width:60ch}

/* ===== Kapitalanlage · Live-Objekt-Slot ===== */
.ia-slot{margin-top:22px;display:flex;align-items:center;gap:14px;justify-content:center;flex-wrap:wrap;color:var(--ink-3);font-size:14px}
.ia-slot .slot-tag{display:inline-flex;align-items:center;gap:8px;font:600 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d);background:radial-gradient(120% 120% at 30% 18%,#FBF3E4,#EFE0C8);border:1px solid var(--line-2);border-radius:999px;padding:8px 14px}
.ia-slot .slot-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(177,146,93,.22)}

/* ===== Kapitalanlage · Off-Market Kontrast-Banner ===== */
.offm{background:radial-gradient(135% 130% at 16% 10%,#5a1424,var(--maroon) 56%,#1c0208);color:#fff;border-block:1px solid rgba(0,0,0,.2)}
.offm .wrap{padding-block:clamp(56px,6.4vw,92px)}
.offm-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:clamp(36px,5vw,72px);align-items:start}
.offm .eyebrow{color:var(--gold-l)}
.offm h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,3.3vw,45px);line-height:1.12;letter-spacing:-.015em;margin:14px 0 0;text-wrap:balance}
.offm h2 em{font-style:italic;color:var(--gold-l)}
.offm-lead{color:rgba(255,255,255,.82);font-size:16.5px;line-height:1.62;margin:20px 0 0;max-width:46ch}
.offm-cta{margin-top:28px}
.offm-cta a{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,var(--gold-l),var(--gold));color:#2a1206;font-family:var(--sans);font-weight:600;font-size:15px;padding:15px 26px;border-radius:999px;box-shadow:0 18px 40px -18px rgba(0,0,0,.6);transition:transform .15s,box-shadow .15s}
.offm-cta a:hover{transform:translateY(-1px);box-shadow:0 24px 50px -20px rgba(0,0,0,.7)}
.offm-body{padding-top:6px}
.offm-body p{color:rgba(255,255,255,.75);font-size:15.5px;line-height:1.74;margin:0 0 17px}
.offm-body p:last-child{margin-bottom:0}
.offm-body a{color:var(--gold-l);font-weight:500;border-bottom:1px solid rgba(201,168,111,.42)}
@media(max-width:860px){.offm-grid{grid-template-columns:1fr;gap:30px}.offm-lead{max-width:none}}

/* ===== Kapitalanlage · Hero G (hero-04 · Fade-Bild rechts + Kennzahl-Reihe) ===== */
.khg{position:relative;overflow:hidden;border-bottom:1px solid var(--line);min-height:clamp(560px,68vh,700px);display:flex;align-items:center}
.khg-bg{position:absolute;inset:0 0 0 auto;width:63%}
.khg-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
.khg-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 5%,rgba(250,247,241,.7) 34%,rgba(250,247,241,0) 72%)}
.khg .wrap{position:relative;z-index:2;width:100%}
.khg-inner{max-width:770px}
.khg .ggl{margin-bottom:20px}
.khg h1{font-family:var(--serif);font-weight:500;font-size:clamp(30px,3.3vw,44px);line-height:1.1;letter-spacing:-.012em;color:var(--ink);margin:0}
.khg h1 em{font-style:italic;color:var(--gold-d)}
.khg .sub{color:var(--ink-2);font-size:16.5px;line-height:1.62;margin-top:18px;max-width:60ch}
.khg-cta{margin-top:26px}
.khg-stats{margin-top:clamp(28px,3vw,40px);padding-top:22px;border-top:1px solid var(--line-2);display:flex;gap:0;max-width:560px}
.khg-stats .s{flex:1;padding-right:22px}
.khg-stats .s + .s{border-left:1px solid var(--line-2);padding-left:22px}
.khg-stats .n{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.3vw,28px);color:var(--ink);line-height:1}
.khg-stats .n .star{color:var(--gold)}
.khg-stats .l{font:500 12px/1.3 var(--sans);color:var(--ink-3);margin-top:6px}
@media(max-width:860px){.khg-bg{width:100%}.khg-bg::after{background:linear-gradient(90deg,var(--paper) 22%,rgba(250,247,241,.5) 72%)}.khg .sub{max-width:none}}

/* ===== Neubau · Hero C (Full-Bleed Projektbild + Overlay, dunkel) ===== */
.nhc{position:relative;min-height:clamp(520px,64vh,650px);display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#2b2320,#3a2e26 55%,#1c1613)}
.nhc-media,.nhc-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.nhc-deco{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding-right:6%;opacity:.15;pointer-events:none}
.nhc-deco svg{width:min(46%,520px);height:auto;color:var(--gold-l)}
.nhc-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,15,11,.82) 0%,rgba(20,15,11,.52) 44%,rgba(20,15,11,.14) 74%,transparent 100%)}
.nhc .wrap{position:relative;z-index:2;width:100%}
.nhc-panel{max-width:790px}
.nhc .ggl{margin-bottom:18px}
.nhc .ggl b{color:#fff}.nhc .ggl .mut{color:rgba(255,255,255,.82)}.nhc .ggl .sep{color:rgba(255,255,255,.4)}
.nhc-eye{font:600 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-l);display:block}
.nhc h1{font-family:var(--serif);font-weight:500;font-size:clamp(31px,3.5vw,48px);line-height:1.09;letter-spacing:-.014em;color:#fff;margin:14px 0 0;text-wrap:balance}
.nhc h1 em{font-style:italic;color:var(--gold-l)}
.nhc .sub{color:rgba(255,255,255,.85);font-size:16.5px;line-height:1.64;margin-top:18px;max-width:58ch}
.nhc-cta{margin-top:26px}
@media(max-width:820px){.nhc-deco{opacity:.1}.nhc-scrim{background:linear-gradient(180deg,rgba(20,15,11,.5),rgba(20,15,11,.82))}.nhc .sub{max-width:none}}

/* ===== Neubau · Situations-Selector (interaktiv) ===== */
.sa-head{text-align:center;max-width:720px;margin:0 auto}
.sa-head .sub{margin-top:18px}
.sa-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:900px;margin:clamp(30px,3.4vw,44px) auto 0}
.sa-tab{display:flex;align-items:center;gap:13px;text-align:left;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:16px 20px;cursor:pointer;font:600 15px/1.3 var(--sans);color:var(--ink-2);transition:border-color .18s,background .18s,color .18s,box-shadow .18s;min-height:64px}
.sa-tab:hover{border-color:var(--gold)}
.sa-tab .d{flex:0 0 auto;width:34px;height:34px;border-radius:9px;background:radial-gradient(120% 120% at 30% 18%,#FBF3E4,#EFE0C8);display:grid;place-items:center;color:var(--gold-d)}
.sa-tab .d svg{width:18px;height:18px}
.sa-tab.active{background:var(--maroon);border-color:var(--maroon);color:#fff;box-shadow:0 16px 34px -18px rgba(48,0,12,.55)}
.sa-tab.active .d{background:rgba(255,255,255,.14);color:var(--gold-l)}
.sa-panels{margin-top:clamp(22px,2.6vw,32px)}
.sa-panel{display:none;background:radial-gradient(130% 130% at 18% 0%,#FBF6EC,#fff 62%);border:1px solid var(--line);border-radius:22px;box-shadow:0 40px 90px -56px rgba(28,26,23,.5);padding:clamp(28px,3.6vw,48px);grid-template-columns:auto 1fr;gap:clamp(24px,3vw,40px);align-items:center}
.sa-panel.active{display:grid}
.sa-panel .ic{flex:0 0 auto;width:72px;height:72px;border-radius:18px;background:radial-gradient(120% 120% at 30% 18%,#FBF3E4,#EFE0C8);display:grid;place-items:center;color:var(--gold-d)}
.sa-panel .ic svg{width:35px;height:35px}
.sa-panel h3{font-family:var(--serif);font-weight:500;font-size:clamp(20px,2.2vw,27px);color:var(--ink);margin:0 0 10px}
.sa-panel p{font-size:16px;color:var(--ink-2);line-height:1.68;margin:0;max-width:62ch}
.sa-foot{text-align:center;margin-top:clamp(28px,3vw,42px);font-family:var(--serif);font-style:italic;font-size:clamp(16px,1.7vw,19px);color:var(--gold-d)}
@media(max-width:680px){.sa-tabs{grid-template-columns:1fr}.sa-panel.active{grid-template-columns:1fr;text-align:center;justify-items:center}.sa-panel p{max-width:none}}

/* ===== Neubau · Markt & Standort · Panorama-Karten-Banner ===== */
.mkt-banner{position:relative;margin-top:clamp(34px,4vw,50px);border-radius:22px;overflow:hidden;min-height:clamp(500px,58vh,600px);display:flex;align-items:center;box-shadow:var(--shadow-m);border:1px solid var(--line);background:radial-gradient(130% 120% at 75% 20%,#F6EEE0,#FBF7F0)}
.mkt-bmap{position:absolute;inset:0}
.mkt-bmap img{width:100%;height:100%;object-fit:cover;opacity:.92}
.mkt-bmap::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.6) 46%,rgba(255,255,255,0) 76%)}
.mkt-bpin{position:absolute;width:28px;height:28px;border-radius:50% 50% 50% 0;background:var(--rot);transform:rotate(-45deg);box-shadow:0 8px 16px -5px rgba(28,26,23,.55);z-index:2}
.mkt-bpin.gold{background:var(--gold)}
.mkt-bpin::after{content:"";position:absolute;inset:8px;background:#fff;border-radius:50%}
.mkt-bcard{position:relative;z-index:3;background:rgba(255,255,255,.96);backdrop-filter:blur(4px);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-m);padding:clamp(26px,3vw,40px);max-width:min(620px,64%);margin:clamp(24px,3vw,40px) 0 clamp(24px,3vw,40px) clamp(16px,3vw,44px)}
.mkt-bcard p{color:var(--ink-2);font-size:15px;line-height:1.66;margin:0 0 13px}
.mkt-bcard p:last-of-type{margin-bottom:0}
.mkt-bcard a.mkt-a{color:var(--gold-d);font-weight:500;border-bottom:1px solid var(--line-2)}
.mkt-bcta{margin-top:22px}
@media(max-width:880px){.mkt-bcard{max-width:none;margin:clamp(16px,4vw,28px)}.mkt-bmap::after{background:rgba(255,255,255,.5)}}

/* ===== Referenzobjekte · Hero B (Full-Bleed Karte + Overlay) + Pins ===== */
.ro-pin{position:absolute;width:22px;height:22px;border-radius:50% 50% 50% 0;background:var(--gold);transform:rotate(-45deg);box-shadow:0 6px 14px -4px rgba(28,26,23,.5);z-index:2}
.ro-pin.rot{background:var(--rot)}
.ro-pin::after{content:"";position:absolute;inset:6px;background:#fff;border-radius:50%}
.ro-trust{display:inline-flex;align-items:center;gap:9px;margin-top:22px;background:radial-gradient(120% 120% at 30% 18%,#FBF3E4,#EFE0C8);border:1px solid var(--line-2);border-radius:999px;padding:9px 16px;font:600 13px/1 var(--sans);color:var(--gold-d)}
.ro-trust svg{width:15px;height:15px;flex:0 0 auto}
.rohero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);min-height:clamp(520px,64vh,660px);display:flex;align-items:center}
.rohero-map{position:absolute;inset:0}
.rohero-map img{width:100%;height:100%;object-fit:cover;opacity:.95}
.rohero-map::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 6%,rgba(250,247,241,.8) 36%,rgba(250,247,241,.12) 74%,transparent 100%)}
.rohero .wrap{position:relative;z-index:3;width:100%}
.rohero-inner{max-width:600px}
.rohero .ggl{margin-bottom:18px}
.rohero h1{font-family:var(--serif);font-weight:500;font-size:clamp(32px,3.7vw,52px);line-height:1.08;letter-spacing:-.015em;color:var(--ink);margin:0}
.rohero h1 em{font-style:italic;color:var(--gold-d)}
.rohero .sub{color:var(--ink-2);font-size:16.5px;line-height:1.64;margin-top:18px;max-width:46ch}
@media(max-width:820px){.rohero-map::after{background:linear-gradient(180deg,rgba(250,247,241,.42),rgba(250,247,241,.86))}.rohero .sub{max-width:none}}

/* ===== Rechtsseiten (Legal) ===== */
.legal{padding-block:clamp(48px,6vw,88px)}
.legal .wrap{max-width:820px}
.legal .eyebrow{display:inline-flex;align-items:center;gap:12px;font:600 12.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-d);margin-bottom:16px}
.legal .eyebrow::before{content:"";width:34px;height:1px;background:var(--gold)}
.legal h1{font-family:var(--serif);font-weight:500;font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-.015em;color:var(--ink);margin:0 0 8px}
.legal .updated{font:400 14px/1.5 var(--sans);color:var(--ink-3);margin:0 0 clamp(28px,3vw,40px)}
.legal h2{font-family:var(--serif);font-weight:500;font-size:clamp(21px,2.2vw,27px);color:var(--ink);margin:clamp(32px,3.4vw,44px) 0 12px;line-height:1.2}
.legal h3{font-family:var(--serif);font-weight:500;font-size:clamp(18px,1.8vw,21px);color:var(--ink);margin:26px 0 8px}
.legal h4{font:600 13px/1.4 var(--sans);letter-spacing:.04em;color:var(--gold-d);text-transform:uppercase;margin:20px 0 6px}
.legal p{font:400 15.5px/1.72 var(--sans);color:var(--ink-2);margin:0 0 14px;max-width:74ch}
.legal ul{margin:0 0 14px;padding-left:20px}
.legal li{font:400 15.5px/1.7 var(--sans);color:var(--ink-2);margin:0 0 6px;max-width:74ch}
.legal a{color:var(--gold-d);border-bottom:1px solid var(--line-2);word-break:break-word}
.legal strong,.legal b{color:var(--ink);font-weight:600}
.legal address{font-style:normal;font:400 15.5px/1.75 var(--sans);color:var(--ink);margin:0 0 14px}
.legal .box{background:radial-gradient(120% 120% at 0% 0%,#FBF6EC,#fff);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:12px;padding:18px 20px;margin:0 0 18px}
.legal .box p:last-child{margin-bottom:0}

/* ===== Gruppierte Dropdown-Navigation ===== */
.rh-item{position:relative;display:flex;align-items:center;height:100%}
.rh-top{display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.rh-caret{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.4;opacity:.65;transition:transform .18s ease}
.rh-item:hover .rh-caret,.rh-item:focus-within .rh-caret{transform:rotate(180deg)}
.rh-drop{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);min-width:238px;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 34px 70px -40px rgba(28,26,23,.55);padding:9px;opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease;z-index:80}
.rh-drop::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px}
.rh-item:hover .rh-drop,.rh-item:focus-within .rh-drop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(6px)}
.rh-nav .rh-drop a{display:block;white-space:nowrap;padding:10px 14px;border-radius:9px;font:500 14px/1.2 var(--sans);letter-spacing:.01em;text-transform:none;color:var(--ink-2)}
.rh-nav .rh-drop a:hover{background:radial-gradient(120% 120% at 20% 0%,#FBF6EC,#fff);color:var(--gold-d)}

/* ===== Mobile-Menü: Gruppen ===== */
.mm-group{padding:14px 0;border-bottom:1px solid var(--line)}
.mm-nav .mm-glabel{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(22px,6vw,30px);letter-spacing:-.01em;color:var(--ink);padding:0;border-bottom:none;margin-bottom:8px}
.mm-nav .mm-glabel:hover{color:var(--gold-d)}
.mm-nav .mm-sub{display:block;font:500 16px/1.2 var(--sans);color:var(--ink-2);padding:9px 0 9px 2px;border-bottom:none}
.mm-nav .mm-sub:hover{color:var(--gold-d)}

/* ===== Sticky-CTA (Bewertung) ===== */
.sticky-cta{position:fixed;right:clamp(14px,2vw,26px);bottom:clamp(14px,2vw,26px);z-index:900;display:inline-flex;align-items:center;gap:14px;background:var(--white);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px -28px rgba(28,26,23,.5),0 4px 14px -8px rgba(28,26,23,.28);padding:12px 14px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;animation:scIn .5s ease both}
.sticky-cta:hover{transform:translateY(-2px);box-shadow:0 32px 72px -28px rgba(28,26,23,.55),0 4px 14px -8px rgba(28,26,23,.3)}
.sc-ic{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:radial-gradient(120% 120% at 30% 18%,#FBF3E4,#EFE0C8);display:grid;place-items:center;color:var(--gold-d)}
.sc-ic svg{width:23px;height:23px}
.sc-txt{display:flex;flex-direction:column;gap:3px;padding-right:2px}
.sc-eyebrow{font:600 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.sc-title{font-family:var(--serif);font-weight:500;font-size:16px;line-height:1.15;color:var(--ink)}
.sc-title em{font-style:italic;color:var(--gold-d)}
.sc-arrow{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,var(--gold),var(--gold-d));display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px -8px rgba(156,125,74,.85)}
.sc-arrow svg{width:19px;height:19px}
@keyframes scIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:560px){
  .sticky-cta{left:12px;right:12px;bottom:12px;justify-content:space-between;padding:10px 12px;gap:10px}
  .sc-ic{width:40px;height:40px}
  .sc-title{font-size:14.5px}
  .sc-eyebrow{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.sticky-cta{animation:none}}