/* ===== Senger & Frank — page.css · Kontor-Designsystem (W3) ===== */
@font-face{font-family:'Abhaya Libre';src:url(fonts/abhaya-500.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Abhaya Libre';src:url(fonts/abhaya-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Abhaya Libre';src:url(fonts/abhaya-700.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Open Sans';src:url(fonts/opensans-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Open Sans';src:url(fonts/opensans-500.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Open Sans';src:url(fonts/opensans-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Open Sans';src:url(fonts/opensans-700.woff2) format('woff2');font-weight:700;font-display:swap}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.6;font-size:16px}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* ---- Bausteine ---- */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
.sec{padding:96px 0}
.sec-tight{padding:72px 0}
.eyebrow{display:inline-flex;align-items:center;gap:13px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:20px}
.eyebrow::before{content:"";width:30px;height:1px;background:var(--gold)}
.eyebrow.center{justify-content:center}
h1,h2,h3{font-family:var(--serif);font-weight:500;color:var(--ink-head);line-height:1.08;letter-spacing:.002em}
.h2{font-size:44px;margin-bottom:18px}
.h2 em{font-style:italic;color:var(--gold)}
.lead{font-size:17px;line-height:1.66;color:var(--ink-2);max-width:640px}
.head-center{text-align:center}
.head-center .eyebrow{justify-content:center}
.head-center .lead{margin:0 auto}
.emph{font-style:italic;color:var(--gold)}
.inlink{color:var(--navy);text-decoration:underline;text-decoration-color:var(--gold-soft);text-underline-offset:3px}
.inlink:hover{text-decoration-color:var(--gold)}

/* Buttons */
.btn{font-family:var(--sans);font-weight:600;font-size:15px;padding:15px 28px;border-radius:var(--radius);display:inline-flex;align-items:center;gap:9px;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--navy);color:var(--paper);box-shadow:0 14px 30px -12px rgba(0,48,104,.55)}
.btn-gold{background:var(--gold);color:#fff;box-shadow:0 14px 30px -12px rgba(152,120,63,.6)}
/* Hero-CTA — knallig, in Blau (wie Header-CTA) */
.btn-cta{background:linear-gradient(135deg,#0a4a8a,#003068);color:#fff;font-size:16.5px;font-weight:700;letter-spacing:.01em;padding:18px 36px;border-radius:var(--radius);box-shadow:0 16px 34px -10px rgba(0,48,104,.6),inset 0 1px 0 rgba(255,255,255,.18)}
.btn-cta:hover{filter:brightness(1.08);box-shadow:0 20px 42px -10px rgba(0,48,104,.72),inset 0 1px 0 rgba(255,255,255,.18)}
.btn-ghost{background:transparent;color:var(--navy);border-color:var(--gold-soft)}
.btn-ghost:hover{border-color:var(--gold)}
.btn-lightghost{background:transparent;color:var(--on-navy);border-color:rgba(215,189,131,.45)}
.link-arrow{color:var(--navy);font-weight:500;font-size:15px;display:inline-flex;align-items:center;gap:8px}
.link-arrow .a{width:26px;height:26px;border-radius:50%;border:1px solid var(--gold-soft);display:grid;place-items:center;color:var(--gold);transition:.15s}
.link-arrow:hover .a{background:var(--gold);color:#fff}
.fric{font-size:13px;color:var(--ink-3);letter-spacing:.02em}

/* ===== Header ===== */
.site-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;height:82px}
.site-head .logo{height:46px}
.nav{display:flex;align-items:center;gap:30px}
.nav a{font-size:14.5px;color:var(--ink);font-weight:400;letter-spacing:.01em}
.nav a:hover{color:var(--gold)}
.head-cta{display:flex;align-items:center;gap:18px}
.head-tel{font-size:14.5px;color:var(--navy);font-weight:500}

/* ===== 1 · HERO (Vollflächen-Bild, Text darüber — wie Live-Site) ===== */
.hero{position:relative;overflow:hidden;background:var(--navy);min-height:740px;display:flex;flex-direction:column}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:60% center}
.hero-bg--flip{transform:scaleX(-1)} /* Kundenwunsch 21.08.: Doreen rechts, Tino links */
.hero-scrim{position:absolute;inset:0;background:linear-gradient(95deg,rgba(3,20,46,.93) 0%,rgba(3,20,46,.8) 26%,rgba(3,20,46,.46) 44%,rgba(3,20,46,.16) 62%,rgba(3,20,46,.03) 80%,transparent 100%),linear-gradient(0deg,rgba(2,14,33,.55),transparent 26%)}
.hero .wrap{position:relative;z-index:2;padding-top:66px;padding-bottom:34px;width:100%;flex:1;display:flex;flex-direction:column;justify-content:center}
.hero-copy{max-width:660px}
.hero .eyebrow{color:var(--gold-lt)}
.hero .eyebrow::before{background:var(--gold-lt)}
.hero h1{font-size:47px;line-height:1.1;margin-bottom:18px;letter-spacing:0;color:#fff}
.hero h1 br{display:block}
.hero h1 em{font-style:italic;color:var(--gold-lt)}
.hero .sub{font-size:16px;line-height:1.62;color:#c8d1de;max-width:600px;margin-bottom:26px}
/* USPs (Variante C) — zwischen Subtext und CTA */
.hero-usps{display:flex;flex-direction:column;gap:15px;margin-bottom:28px}
.hero-usp{display:flex;align-items:center;gap:15px}
.hero-usp .ic{flex:none;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--gold-lt);display:grid;place-items:center;color:var(--gold-lt)}
.hero-usp .ic svg{width:22px;height:22px}
.hero-usp .claim{font-weight:700;font-size:15.5px;color:#fff;display:block;line-height:1.2;margin-bottom:2px}
.hero-usp .det{font-size:13px;color:#c0c9d6;line-height:1.35;display:block}
.hero-cta{display:flex;flex-direction:column;align-items:flex-start;gap:11px;margin-bottom:26px}
.hero .fric{color:#aab4c4}
/* Hero-CTA in Gold — Marken-Kontrast auf Navy-Foto statt Fremd-Blau (Design-Review 06.08.) */
.hero .btn-cta{background:linear-gradient(135deg,var(--gold-lt),var(--gold));box-shadow:0 16px 34px -12px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.22)}
.hero .btn-cta:hover{filter:brightness(1.08)}

/* USP-Bar unten — designstark, horizontal (kommt VOR den Badges) */
.hero-uspbar{position:relative;z-index:2;background:rgba(2,14,33,.62);backdrop-filter:blur(10px);border-top:1px solid rgba(183,150,90,.35)}
.hero-uspbar .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.ubar{display:flex;align-items:center;gap:15px;padding:22px 26px}
.ubar+.ubar{border-left:1px solid rgba(255,255,255,.1)}

/* Partner-/Trust-Badges-Streifen (nach den USPs) */
.hero-badges{position:relative;z-index:2;background:rgba(1,9,24,.74);border-top:1px solid rgba(255,255,255,.08)}
.hero-badges .wrap{display:flex;flex-direction:row;align-items:center;gap:14px;flex-wrap:wrap;padding:16px var(--gut)}
.badge-pre{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#8b96a8;margin-right:2px}
.badge-svg{height:84px;width:auto;display:block;filter:drop-shadow(0 12px 22px rgba(0,0,0,.5))}
.pbadge{height:62px;border-radius:9px;display:flex;align-items:stretch;box-shadow:0 12px 24px -14px rgba(0,0,0,.6);overflow:hidden}
/* ImmoScout24 Bronze Partner */
.pb-is24 .top{background:linear-gradient(155deg,#e8c096 0%,#c88c5a 55%,#b17847 100%);display:flex;flex-direction:column;justify-content:center;padding:0 16px;color:#3b2917;position:relative}
.pb-is24 .top::before{content:"";position:absolute;top:8px;right:10px;width:13px;height:13px;border:1.5px solid rgba(255,255,255,.55);border-radius:2px;transform:rotate(45deg)}
.pb-is24 .top b{font-size:15px;font-weight:800;line-height:1.05}
.pb-is24 .top span{font-size:10.5px;font-weight:600}
.pb-is24 .foot{background:#fff;display:flex;align-items:center;padding:0 13px;font-size:13px;font-weight:800;letter-spacing:-.02em}
.pb-is24 .foot .im{color:#0b9f88}.pb-is24 .foot .sc{color:#16263a}
/* immowelt Premium Partner */
.pb-iw{background:linear-gradient(150deg,#565a60,#3f4348);align-items:center;padding:0 16px;gap:11px;color:#fff}
.pb-iw .iwlogo{background:#111;border-radius:14px;padding:5px 10px;font-size:11px;font-weight:800;letter-spacing:.01em}
.pb-iw .iwlogo .w{color:#ffcf1f}
.pb-iw .lbl{font-size:12.5px;font-weight:800;line-height:1.12}
/* Google */
.pb-g{background:#fff;align-items:center;padding:0 15px;gap:11px}
.pb-g .glogo{width:26px;height:26px;flex:none}
.pb-g .gc{display:flex;flex-direction:column;gap:1px;line-height:1}
.pb-g .gt{display:flex;align-items:center;gap:6px}
.pb-g .gnum{font-weight:700;font-size:18px;color:#20242b}
.pb-g .gstars{color:#f5b400;font-size:12px;letter-spacing:1px}
.pb-g .gsub{font-size:11px;color:#5f6368}.pb-g .gsub b{color:#1a73e8}
.ubar-ic{flex:none;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,rgba(183,150,90,.3),rgba(183,150,90,.08));border:1px solid rgba(183,150,90,.45);display:grid;place-items:center;color:var(--gold-lt)}
.ubar-ic svg{width:23px;height:23px}
.ubar .claim{font-weight:700;font-size:15.5px;color:#fff;display:block;line-height:1.15;margin-bottom:3px}
.ubar .det{font-size:12.5px;color:#aeb8c6;line-height:1.3;display:block}

/* ===== 2 · PROOF-STATS (premium Stat-Band) ===== */
.proof{background:var(--paper-2);border-bottom:1px solid var(--line)}
.proof .wrap{display:grid;grid-template-columns:repeat(4,1fr);padding:46px 40px}
.pstat{text-align:center;position:relative;padding:4px 20px}
.pstat+.pstat::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:1px;background:var(--gold-soft)}
.pstat .z{font-family:var(--serif);font-weight:600;font-size:44px;color:var(--navy);line-height:1;margin-bottom:9px}
.pstat .z .st{color:var(--gold)}
.pstat .l{font-size:13px;color:var(--ink-3);letter-spacing:.05em}
@media(max-width:860px){
  .proof .wrap{grid-template-columns:1fr;gap:22px;padding:36px 24px}
  .proof .wrap[style*="repeat(3"]{grid-template-columns:1fr !important}
  .pstat{padding:0 8px}
  .pstat+.pstat::before{display:none}
  .pstat .z{font-size:36px}
}

/* ===== 3 · VALUE-PROP (premium, Bild links) ===== */
.vp{background:#fff}
.vp .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:66px;align-items:center}
.vp-frame{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-float);border:1px solid var(--gold-soft)}
.vp-frame::after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.4);pointer-events:none}
.vp-frame img{width:100%;height:580px;object-fit:cover;display:block}
.vp-tag{position:absolute;left:22px;bottom:22px;background:rgba(0,48,104,.9);backdrop-filter:blur(4px);color:#fff;border-radius:6px;padding:12px 18px;font-family:var(--serif);font-size:19px;line-height:1}
.vp-tag b{color:var(--gold-lt);font-weight:600}
.vp-items{display:flex;flex-direction:column;gap:22px;margin-top:30px}
.vp-item{display:flex;gap:18px}
.vp-ic{flex:none;width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,rgba(152,120,63,.16),rgba(152,120,63,.04));border:1px solid var(--gold-soft);display:grid;place-items:center;color:var(--gold)}
.vp-ic svg{width:24px;height:24px}
.vp-item h3{font-size:20px;margin-bottom:5px}
.vp-item p{font-size:14.5px;color:var(--ink-2);line-height:1.62}
.vp-item p .inlink{white-space:nowrap}

/* ===== 4 · CRED-STRIP (premium) ===== */
.cred{background:var(--navy);position:relative;overflow:hidden}
.cred::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 200px at 50% -40%,rgba(152,120,63,.28),transparent 70%)}
.cred .wrap{position:relative;display:flex;align-items:center;justify-content:center;gap:48px;padding:30px 40px;flex-wrap:wrap}
.cred .lab{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lt);font-weight:600}
.cred .ci{display:flex;align-items:center;gap:14px;font-size:15.5px;color:#fff;font-weight:500}
.cred .ci .d{width:38px;height:38px;border-radius:50%;background:rgba(183,150,90,.16);border:1px solid var(--gold-lt);color:var(--gold-lt);display:grid;place-items:center;flex:none}
.cred .ci .d svg{width:19px;height:19px}

/* ===== 5 · TESTIMONIAL (premium, echte Google-Reviews) ===== */
.testi{background:var(--paper-2)}
.rev-agg{display:inline-flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:100px;padding:11px 22px;box-shadow:var(--shadow-card);margin-top:22px}
.rev-agg .glogo{width:24px;height:24px}
.rev-agg .n{font-family:var(--serif);font-weight:600;font-size:21px;color:var(--ink-head);line-height:1}
.rev-agg .stars{color:#f5b400;letter-spacing:1px;font-size:15px}
.rev-agg .c{font-size:13.5px;color:var(--ink-3)}
.rev-carousel{position:relative;margin-top:46px;padding:0 60px}
.rev-viewport{overflow:hidden}
.rev-track{display:flex;gap:22px;transition:transform .55s cubic-bezier(.4,0,.2,1)}
.rev-carousel .rcard{flex:0 0 auto;width:calc((100% - 44px) / 3);box-sizing:border-box}
.rev-carousel .rtext{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.rev-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:#fff;border:1px solid var(--gold-soft);color:var(--navy);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-card);transition:.15s;z-index:3}
.rev-arrow:hover{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-50%) scale(1.05)}
.rev-arrow.prev{left:0}.rev-arrow.next{right:0}
.rev-arrow svg{width:20px;height:20px}
.rev-dots{display:flex;justify-content:center;gap:8px;margin-top:26px}
.rev-dot{width:8px;height:8px;border-radius:50%;background:var(--gold-soft);cursor:pointer;transition:.2s;border:0;padding:0}
.rev-dot.active{background:var(--gold);width:22px;border-radius:4px}
.rcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:28px;box-shadow:0 20px 44px -28px rgba(20,30,45,.4);display:flex;flex-direction:column;transition:.16s}
.rcard:hover{transform:translateY(-3px);border-color:var(--gold-soft)}
.rcard .rtop{display:flex;align-items:center;gap:13px;margin-bottom:13px}
.rcard .av{flex:none;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--navy),#0a4a86);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-weight:600;font-size:18px}
.rcard .rn{font-weight:700;font-size:14.5px;color:var(--ink);line-height:1.2}
.rcard .rstars{color:#f5b400;font-size:13px;letter-spacing:1px;margin-top:3px}
.rcard .rtext{font-size:14.5px;line-height:1.62;color:var(--ink-2);flex:1}
.rcard .rfoot{display:flex;align-items:center;gap:7px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3)}
.rcard .rfoot .glogo{width:15px;height:15px}
.rev-cta{text-align:center;margin-top:40px}

/* ===== 6 · LEISTUNGEN (Feature-Karte + 3 Karten, Vorschlag A) ===== */
.feat{background:#fff}
.feat-feature{position:relative;border-radius:var(--r-tile);overflow:hidden;display:grid;grid-template-columns:1.12fr .88fr;box-shadow:var(--shadow-float);margin-top:44px}
.ff-txt{background:linear-gradient(158deg,var(--navy-deep),#00305f);color:#fff;padding:56px 52px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.ff-wm{position:absolute;left:38px;bottom:-36px;font-family:var(--serif);font-weight:700;font-size:210px;line-height:.8;color:rgba(255,255,255,.05);letter-spacing:.04em;pointer-events:none;z-index:1}
.ff-txt>*{position:relative;z-index:2}
.ff-eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--gold-lt)}
.ff-eyebrow .ei{width:26px;height:26px;border-radius:7px;background:rgba(201,163,95,.16);color:var(--gold-lt);display:grid;place-items:center}
.ff-eyebrow .ei svg{width:15px;height:15px}
.feat-feature h3{color:#fff;font-size:35px;line-height:1.12;margin:18px 0 14px}
.feat-feature h3 em{font-style:italic;color:var(--gold-lt)}
.ff-txt p{color:var(--on-navy-2);font-size:15px;line-height:1.64;margin-bottom:26px;max-width:540px}
.ff-link{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;color:var(--gold-lt)}
.ff-img{background-size:cover;background-position:center}
.feat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}
.lcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:34px 32px;box-shadow:0 22px 46px -30px rgba(20,30,45,.4);display:flex;flex-direction:column;transition:transform .18s ease,border-color .18s ease}
.lcard:hover{transform:translateY(-4px);border-color:var(--gold-soft)}
.lcard .fic{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,rgba(152,120,63,.16),rgba(152,120,63,.04));border:1px solid var(--gold-soft);display:grid;place-items:center;color:var(--gold);margin-bottom:20px}
.lcard .fic svg{width:25px;height:25px}
.lcard h3{color:var(--ink-head);font-size:22px;margin-bottom:11px;line-height:1.2}
.lcard h3 em{font-style:italic;color:var(--gold)}
.lcard p{font-size:14.3px;color:var(--ink-2);line-height:1.62;margin-bottom:20px;flex:1}
.lcard .link-arrow{align-self:flex-start}

/* ===== 7 · ANGEBOTE (listing-02: 3-Objekt-Grid) ===== */
.listings{background:var(--paper-2)}
.lg-grid{margin-top:46px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
a.ocard{text-decoration:none;color:inherit;cursor:pointer}
.ocard{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;box-shadow:0 22px 46px -30px rgba(20,30,45,.4);display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}
.ocard:hover{transform:translateY(-5px);box-shadow:0 30px 56px -28px rgba(20,30,45,.5)}
.ocard .photo{position:relative;aspect-ratio:4/3;background-size:cover;background-position:center}
.ocard .status{position:absolute;top:14px;left:14px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:6px 13px;border-radius:100px;color:#fff;box-shadow:0 6px 16px -6px rgba(0,0,0,.5)}
.ocard .status.frei{background:#2f9e5e}
.ocard .status.res{background:var(--gold)}
.ocard .body{padding:24px 24px 24px;display:flex;flex-direction:column;flex:1}
.ocard h3{font-family:var(--serif);font-weight:600;color:var(--ink-head);font-size:19px;line-height:1.26;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ocard .loc{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:var(--gold);font-weight:600;margin-bottom:18px}
.ocard .loc svg{width:15px;height:15px;flex:none}
.ocard .meta{display:flex;align-items:flex-end;gap:22px;padding-top:16px;border-top:1px solid var(--line);margin-top:auto}
.ocard .meta .m{display:flex;flex-direction:column;gap:3px}
.ocard .meta .m .v{font-family:var(--serif);font-weight:600;font-size:18px;color:var(--ink-head);line-height:1}
.ocard .meta .m .l{font-size:11.5px;color:var(--ink-3)}
.ocard .price{margin-left:auto;text-align:right}
.ocard .price .v{font-family:var(--serif);font-weight:600;font-size:21px;color:var(--gold);line-height:1}
.ocard .price .l{font-size:11.5px;color:var(--ink-3)}
.lg-cta{text-align:center;margin-top:42px}

/* ===== 7b · FALLSTUDIEN (Video-Kundenstimmen) ===== */
.vcases{background:#fff}
/* Kopf zentriert wie alle vollbreiten Sektionen (Kundenstimmen/Leistungen/Angebote/Einblicke) */
.vcases .head{max-width:720px;margin:0 auto 16px;text-align:center}
.vcases .head .eyebrow{justify-content:center}
.vcases .head .lead{margin:0 auto}
.vrow{display:grid;grid-template-columns:.58fr 1fr;gap:60px;align-items:center;position:relative;padding:52px 0;border-top:1px solid var(--line)}
.vrow:first-of-type{border-top:0;padding-top:34px}
.vrow.rev .vplayer{order:2}
.vplayer{position:relative;border-radius:var(--r-tile);overflow:hidden;aspect-ratio:9/16;max-width:320px;width:100%;margin:0 auto;box-shadow:0 34px 66px -30px rgba(20,30,45,.6);background:#0a0a0a;cursor:pointer}
.vplayer img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.vplayer:hover img{transform:scale(1.03)}
.vplayer .yt{position:absolute;top:14px;left:14px;z-index:3;background:rgba(0,0,0,.72);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;padding:5px 10px 5px 8px;border-radius:7px;display:inline-flex;align-items:center;gap:7px}
.vplayer .yt .r{width:18px;height:13px;background:#ff0000;border-radius:3px;position:relative}
.vplayer .yt .r::after{content:"";position:absolute;top:3.5px;left:6.5px;border-left:6px solid #fff;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent}
.vplay{position:absolute;inset:0;display:grid;place-items:center;z-index:2;background:linear-gradient(0deg,rgba(0,0,0,.28),transparent 45%)}
.vplay .btn{width:72px;height:72px;border-radius:50%;background:rgba(152,120,63,.92);color:#fff;display:grid;place-items:center;box-shadow:0 12px 34px rgba(0,0,0,.45);transition:transform .18s ease,background .18s ease;backdrop-filter:blur(2px)}
.vplayer:hover .vplay .btn{transform:scale(1.08);background:var(--gold)}
.vplay .btn svg{width:30px;height:30px;margin-left:3px}
.vplayer iframe{width:100%;height:100%;border:0;display:block}
.vtext{position:relative}
.vnum{position:absolute;top:-34px;right:4px;font-family:var(--serif);font-weight:600;font-size:140px;line-height:1;color:rgba(152,120,63,.1);z-index:0;pointer-events:none}
.vtext>*{position:relative;z-index:1}
.vtext .eyebrow{color:var(--gold)}
.vtext .vname{font-family:var(--serif);font-weight:600;font-size:32px;color:var(--ink-head);line-height:1.12;margin:12px 0 6px}
.vtext .vhead{font-size:16px;color:var(--gold);font-weight:600;margin-bottom:18px}
.vtext .vbody{font-size:15.5px;color:var(--ink-2);line-height:1.72;max-width:600px}

/* ===== 8 · FRAGEN (faq-03: dunkel, Intro links + Akkordeon rechts) ===== */
.faq{background:var(--navy-deep);position:relative;overflow:hidden}
.faq::before{content:"";position:absolute;inset:0;background:radial-gradient(760px 400px at 82% 8%,rgba(152,120,63,.2),transparent 62%)}
.faq .wrap{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.faq-intro{position:sticky;top:104px}
.faq-intro .eyebrow{color:var(--gold-lt)}.faq-intro .eyebrow::before{background:var(--gold-lt)}
.faq-intro h2{color:#fff;font-size:38px}.faq-intro h2 em{font-style:italic;color:var(--gold-lt)}
.faq-intro .rule{height:1px;background:rgba(201,163,95,.32);margin:24px 0}
.faq-intro .lead{color:var(--on-navy-2);font-size:16px;line-height:1.66;margin-bottom:28px}
.faq-list{display:flex;flex-direction:column}
.faq-item{border-top:1px solid rgba(255,255,255,.12)}
.faq-item:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.faq-q{display:flex;align-items:center;gap:20px;padding:24px 4px;cursor:pointer;user-select:none}
.faq-q h3{font-family:var(--sans);font-weight:600;font-size:17px;color:#fff;flex:1;line-height:1.4;transition:color .2s}
.faq-item.open .faq-q h3{color:var(--gold-lt)}
.faq-tog{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid rgba(201,163,95,.5);color:var(--gold-lt);position:relative;transition:.22s}
.faq-tog::before,.faq-tog::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:currentColor;border-radius:2px}
.faq-tog::before{width:14px;height:2px}
.faq-tog::after{width:2px;height:14px;transition:transform .25s ease}
.faq-item.open .faq-tog{background:var(--gold);border-color:var(--gold);color:#fff}
.faq-item.open .faq-tog::after{transform:translate(-50%,-50%) scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .32s ease}
.faq-a p{color:var(--on-navy-2);font-size:14.5px;line-height:1.7;padding:0 56px 12px 4px}
.faq-more{display:inline-flex;align-items:center;gap:8px;margin:0 0 26px;padding-left:4px;font-family:var(--sans);font-weight:600;font-size:14.5px;color:var(--gold-lt);transition:gap .16s,color .16s}
.faq-more svg{width:16px;height:16px;transition:transform .16s}
.faq-more:hover{color:#fff}
.faq-more:hover svg{transform:translateX(3px)}

/* ===== 9 · VALUATION (Referenz-Widget: Foto links + Navy-Panel rechts) ===== */
.valu{background:var(--paper-2)}
.valu-widget{display:grid;grid-template-columns:.82fr 1.18fr;border-radius:var(--r-tile);overflow:hidden;box-shadow:0 44px 90px -44px rgba(20,30,45,.6)}
.vw-photo{position:relative;background:url(img/makler-duo.avif) center top/cover;min-height:660px}
.vw-photo .cap{position:absolute;left:0;right:0;bottom:0;padding:44px 34px 30px;background:linear-gradient(0deg,rgba(4,20,46,.9),rgba(4,20,46,.35) 55%,transparent);color:#fff}
.vw-photo .cap .t{font-family:var(--serif);font-weight:600;font-size:25px;line-height:1.15}
.vw-photo .cap .s{font-size:13px;color:rgba(255,255,255,.82);margin-top:6px}
.vw-panel{background:linear-gradient(158deg,#04203f,#003068 66%,#052a52);padding:46px 46px 42px;position:relative;overflow:hidden}
.vw-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(480px 260px at 90% 0,rgba(152,120,63,.3),transparent 60%)}
.vw-panel::after{content:"";position:absolute;top:0;left:46px;right:46px;height:2px;background:linear-gradient(90deg,transparent,var(--gold-lt),transparent)}
.vw-panel>*{position:relative;z-index:2}
.vw-eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lt);font-weight:700;margin-bottom:16px}
.vw-eyebrow::before,.vw-eyebrow::after{content:"";height:1px;width:40px;background:rgba(201,163,95,.5)}
.vw-h2{font-family:var(--serif);font-weight:600;color:#fff;font-size:37px;line-height:1.08;text-align:center;margin-bottom:12px}
.vw-h2 em{font-style:italic;color:var(--gold-lt)}
.vw-sub{text-align:center;color:var(--on-navy-2);font-size:15px;line-height:1.55;margin:0 auto 24px;max-width:470px}
.vw-steps{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px;flex-wrap:wrap}
.vw-step{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--on-navy-2)}
.vw-step .n{width:26px;height:26px;border-radius:50%;border:1px solid rgba(201,163,95,.5);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--gold-lt)}
.vw-step.active{color:#fff;font-weight:600}
.vw-step.active .n{background:var(--gold);border-color:var(--gold);color:#fff}
.vw-astep{color:rgba(201,163,95,.55)}
.vw-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px}
.vw-card{position:relative;background:#fff;border-radius:var(--r-card);padding:22px 20px;display:flex;flex-direction:column;box-shadow:0 18px 40px -26px rgba(0,0,0,.6);transition:transform .16s ease}
.vw-card:hover{transform:translateY(-4px)}
.vw-card .ic{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,rgba(152,120,63,.2),rgba(152,120,63,.06));display:grid;place-items:center;color:var(--gold);margin-bottom:15px}
.vw-card .ic svg{width:23px;height:23px}
.vw-card .ab{position:absolute;top:18px;right:18px;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);font-size:13px;transition:.16s}
.vw-card:hover .ab{background:var(--gold);color:#fff;border-color:var(--gold)}
.vw-card h4{font-family:var(--serif);font-weight:600;font-size:19px;color:var(--ink-head);line-height:1.14;margin-bottom:6px}
.vw-card .d{font-size:12.5px;color:var(--ink-3);line-height:1.42;margin-bottom:18px;flex:1}
.vw-card .go{font-size:13px;font-weight:700;color:var(--gold);display:inline-flex;align-items:center;gap:6px}
.vw-badge{position:absolute;top:-11px;left:16px;background:var(--gold);color:#fff;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:5px 12px;border-radius:100px;box-shadow:0 6px 14px -4px rgba(152,120,63,.6)}
.vw-rule{height:1px;background:rgba(255,255,255,.12);margin:0 0 22px}
.vw-trust{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;margin-bottom:22px}
.vw-trust span{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--on-navy-2)}
.vw-trust .g{color:var(--gold-lt);font-weight:700}
.vw-btm{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.vw-shield{display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid rgba(201,163,95,.28);border-radius:12px;padding:11px 16px}
.vw-shield .si{width:34px;height:34px;border-radius:9px;background:rgba(201,163,95,.16);display:grid;place-items:center;color:var(--gold-lt);flex:none}
.vw-shield .si svg{width:18px;height:18px}
.vw-shield .st{font-weight:700;font-size:13px;color:#fff}
.vw-shield .ss{font-size:12px;color:var(--on-navy-2)}
.vw-rating{display:inline-flex;align-items:center;gap:9px;color:var(--on-navy-2);font-size:14px}
.vw-rating .stars{color:var(--gold-lt);letter-spacing:2px}
.vw-rating b{color:#fff;font-weight:700}

/* ===== 9b · MEDIA-WALL (Reels-Wand, Instagram) ===== */
.mwall{background:#fff}
.mwall .mhead{text-align:center;max-width:720px;margin:0 auto 40px}
.mwall .mhead .eyebrow{justify-content:center;color:var(--gold)}
.mwall .mhead h2{font-size:44px}
.mwall .mhead .lead{margin:14px auto 0}
.mwall .mrating{margin-top:14px;font-size:14px;color:var(--ink-3)}
.mwall .mrating .st{color:#f5b400;letter-spacing:1px}.mwall .mrating b{color:var(--navy)}
/* 3-spaltig (2 echte Reels + Instagram-Kachel) — Platzhalter-Look abgelöst (Design-Review 06.08.);
   weitere echte Reels: einfach als .reel[data-yt] vor der .igx-Kachel ergänzen (Grid wächst mit) */
.reels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:940px;margin:0 auto}
.reel{position:relative;aspect-ratio:9/16;border-radius:var(--r-card);overflow:hidden;background:#0d1626;box-shadow:0 26px 54px -30px rgba(20,30,45,.55)}
.reel img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.reel:not(.ph){cursor:pointer}
.reel:not(.ph):hover img{transform:scale(1.05)}
.reel .pl{position:absolute;inset:0;display:grid;place-items:center;z-index:2;background:linear-gradient(0deg,rgba(0,0,0,.28),transparent 45%)}
.reel .pl .b{width:56px;height:56px;border-radius:50%;background:rgba(152,120,63,.92);display:grid;place-items:center;color:#fff;transition:.18s}
.reel:hover .pl .b{transform:scale(1.08);background:var(--gold)}
.reel .pl .b svg{width:24px;height:24px;margin-left:3px}
.reel .yt{position:absolute;top:12px;left:12px;z-index:3;background:rgba(0,0,0,.72);color:#fff;font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:6px}
.reel .cap{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:26px 14px 12px;background:linear-gradient(0deg,rgba(4,20,46,.92),transparent);color:#fff}
.reel .cap .n{display:block;font-family:var(--serif);font-weight:600;font-size:15px;line-height:1.15}
.reel .cap .t{display:block;font-size:11px;color:rgba(255,255,255,.78);margin-top:3px}
.reel iframe{width:100%;height:100%;border:0;display:block}
/* Instagram-Kachel (statt Platzhalter): Navy-Bühne + Marken-Gold, IG-Gradient nur im Icon */
.reel.igx{background:linear-gradient(158deg,var(--navy-deep),#003068 70%,#052a52);border:1px solid rgba(201,163,95,.3)}
.reel.igx::before{content:"";position:absolute;inset:0;background:radial-gradient(340px 260px at 50% 0,rgba(152,120,63,.28),transparent 65%)}
.igx-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px}
.igx .igi{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#f9ce34,#ee2a7b 45%,#6228d7);display:grid;place-items:center;color:#fff;box-shadow:0 14px 30px -12px rgba(0,0,0,.55)}
.igx .igi svg{width:26px;height:26px}
.igx-t{font-family:var(--serif);font-weight:600;font-size:22px;line-height:1.2;color:#fff}
.igx-h{font-size:13px;font-weight:600;color:var(--gold-lt);letter-spacing:.02em}
.igx-go{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:13.5px;font-weight:700;color:#fff;border:1px solid rgba(201,163,95,.5);border-radius:999px;padding:10px 20px;transition:background .18s,border-color .18s}
.igx-go svg{width:16px;height:16px;transition:transform .18s}
.reel.igx:hover .igx-go{background:var(--gold);border-color:var(--gold)}
.reel.igx:hover .igx-go svg{transform:translateX(3px)}
.reels-cta{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:44px;flex-wrap:wrap}
.btn-ig{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#b7965a,#98783f);color:#fff;font-weight:700;font-size:15px;padding:15px 28px;border-radius:var(--radius);box-shadow:0 14px 30px -12px rgba(152,120,63,.7)}

/* ===== 10 · TEAM (Geschwister-Duo, Story) — paper-2, damit Reels-Wand (weiß) und Team nicht ineinanderlaufen ===== */
.team{background:var(--paper-2)}
.team .wrap{display:grid;grid-template-columns:1fr .98fr;gap:64px;align-items:center}
.team-media{position:relative}
.team-frame{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-float);border:1px solid var(--gold-soft)}
.team-frame::after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.35);pointer-events:none;z-index:2}
.team-frame img{width:100%;height:600px;object-fit:cover;object-position:center top;display:block}
.team-names{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:40px 28px 22px;background:linear-gradient(0deg,rgba(4,20,46,.92),rgba(4,20,46,.2) 60%,transparent);color:#fff;display:flex;gap:30px}
.team-names .n{font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.1}
.team-names .r{font-size:12px;color:rgba(255,255,255,.82);margin-top:4px}
.team-copy .eyebrow{color:var(--gold)}
.team-copy p{font-size:15.5px;color:var(--ink-2);line-height:1.72;margin-bottom:15px}
.team-copy .inlink{color:var(--navy);text-decoration:underline;text-decoration-color:var(--gold-soft);text-underline-offset:3px}
.team-bold{font-family:var(--serif);font-weight:600;font-size:25px;color:var(--ink-head);line-height:1.25;margin-top:24px;padding-top:24px;border-top:1px solid var(--gold-soft)}
.team-bold::before{content:"";display:block;width:34px;height:2px;background:var(--gold);margin-bottom:16px}

/* ===== 11 · STANDORT (Prosa + sticky Premium-Kontaktkarte) ===== */
.loc{background:var(--paper-2)}
.loc .wrap{display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:start}
.loc-prosa .lead{margin-bottom:22px}
.loc-prosa p{font-size:15px;color:var(--ink-2);line-height:1.74;margin-bottom:15px}
.loc-card{position:sticky;top:100px;background:linear-gradient(158deg,var(--navy-deep),var(--navy) 68%,#062c55);color:var(--on-navy);border-radius:20px;padding:38px 34px;box-shadow:var(--shadow-float);overflow:hidden}
.loc-card::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 220px at 92% 0,rgba(152,120,63,.3),transparent 60%)}
.loc-card>*{position:relative;z-index:2}
.loc-card .lc-head{font-family:var(--serif);font-weight:600;font-size:23px;color:#fff;line-height:1.2;margin-bottom:20px}
.loc-card .btn{width:100%;justify-content:center;margin-bottom:6px}
.loc-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid rgba(255,255,255,.12)}
.loc-row:first-of-type{margin-top:8px}
.loc-row .ic{flex:none;width:38px;height:38px;border-radius:10px;background:rgba(201,163,95,.14);border:1px solid rgba(201,163,95,.3);display:grid;place-items:center;color:var(--gold-lt)}
.loc-row .ic svg{width:18px;height:18px}
.loc-row .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lt);margin-bottom:3px}
.loc-row .v{font-size:15.5px;color:#fff;line-height:1.35}
.loc-row a.v:hover{color:var(--gold-lt)}
.loc-rating{display:flex;align-items:center;gap:8px;color:var(--gold-lt);font-size:14px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.loc-rating .stars{letter-spacing:2px}.loc-rating b{color:#fff}

/* ===== 12 · GEO-HUB ===== */
.geo{background:var(--paper);text-align:center}
.geo .aussage{max-width:680px;margin:0 auto 26px;color:var(--ink-2);font-size:16px;line-height:1.6}
.geo .lab{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin-bottom:16px}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:720px;margin:0 auto}
.chip{background:var(--paper-card);border:1px solid var(--gold-soft);border-radius:100px;padding:10px 22px;font-size:14.5px;color:var(--navy);font-weight:500}

/* ===== 13 · CONTACT-CHANNELS ===== */
.chan{background:var(--paper-2)}
.chan-grid{margin-top:38px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:820px;margin-left:auto;margin-right:auto}
.chan-card{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);padding:36px;text-align:center;box-shadow:var(--shadow-card);transition:.15s}
.chan-card:hover{border-color:var(--gold);transform:translateY(-2px)}
.chan-card .ic{width:48px;height:48px;margin:0 auto 16px;border-radius:50%;background:rgba(0,48,104,.06);border:1px solid var(--gold-soft);display:grid;place-items:center;color:var(--gold)}
.chan-card .t{font-family:var(--serif);font-size:23px;color:var(--navy);margin-bottom:6px}
.chan-card .v{font-size:15px;color:var(--ink-2)}
.chan-person{text-align:center;margin-top:26px;font-size:14px;color:var(--ink-3)}

/* ===== 14 · CTA-BANNER ===== */
.finalcta{background:var(--navy);color:var(--on-navy);text-align:center;position:relative;overflow:hidden}
.finalcta::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 360px at 50% -20%,rgba(152,120,63,.25),transparent 60%)}
.finalcta .wrap{position:relative;max-width:760px}
.finalcta h2{color:#fff;font-size:42px;margin-bottom:18px}
.finalcta .sub{color:var(--on-navy-2);font-size:16.5px;line-height:1.66;margin-bottom:28px}
.finalcta .cta-row{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}
.finalcta .sek{color:var(--on-navy-2);font-size:14.5px}
.finalcta .claim{margin-top:26px;font-family:var(--serif);font-style:italic;font-size:19px;color:var(--gold-lt)}

/* ===== FOOTER ===== */
.foot{background:var(--navy-deep);color:var(--on-navy-2);padding:60px 0 30px}
.foot .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.foot .logo{height:52px;margin-bottom:18px;filter:brightness(0) invert(1);opacity:.92}
.foot p{font-size:14px;line-height:1.7}
.foot h4{color:#fff;font-family:var(--sans);font-weight:500;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}
.foot ul{list-style:none}
.foot li{margin-bottom:10px}
.foot a{font-size:14px}.foot a:hover{color:var(--gold-lt)}
.foot-bar{max-width:var(--maxw);margin:36px auto 0;padding:22px var(--gut) 0;border-top:1px solid rgba(255,255,255,.1);font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}

/* ===== Responsive ===== */
@media(max-width:920px){
  .nav,.head-cta{display:none}
  .vp .wrap,.team .wrap,.loc .wrap{grid-template-columns:1fr;gap:36px}
  .hero{min-height:0}
  /* Mobile-Hero: natürlicher Umbruch statt Desktop-<br>, voller Lesbarkeits-Scrim */
  .hero h1 br{display:none}
  .hero-scrim{background:linear-gradient(0deg,rgba(2,14,33,.78),rgba(3,20,46,.52) 55%,rgba(3,20,46,.38)),linear-gradient(95deg,rgba(3,20,46,.5),rgba(3,20,46,.22))}
  .hero h1{font-size:33px}.h2{font-size:34px}.finalcta h2{font-size:32px}
  .hero .sub{color:#d7dee8}
  /* Partner-Badges: eine kompakte, zentrierte Reihe statt Hochkant-Stapel */
  .hero-badges .wrap{justify-content:center;gap:10px;padding:12px 16px 16px}
  .badge-pre{width:100%;text-align:center;margin:0 0 2px}
  .badge-svg{height:56px}
  .pbadge{height:50px}
  .pb-g .gnum{font-size:15px}.pb-g .glogo{width:21px;height:21px}
  .hero-uspbar .wrap{grid-template-columns:1fr}
  .ubar+.ubar{border-left:0;border-top:1px solid rgba(255,255,255,.1)}
  .trust-row{gap:10px}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(3){border-left:0}
  .stat:nth-child(3),.stat:nth-child(4){border-top:1px solid rgba(255,255,255,.1)}
  .hub-grid,.chan-grid,.valu-cards{grid-template-columns:1fr}
  .feat-feature{grid-template-columns:1fr}
  .ff-img{min-height:240px}
  .ff-wm{font-size:88px;bottom:-10px;left:20px}
  .feat-cards{grid-template-columns:1fr}
  .vp .wrap{grid-template-columns:1fr}
  .rev-carousel{padding:0 8px}
  .rev-carousel .rcard{width:100%}
  .rev-arrow{width:40px;height:40px}
  .grev{grid-template-columns:1fr;gap:24px}.grev-agg{border-right:0;border-bottom:1px solid var(--line);padding-right:0;padding-bottom:24px}
  .lg-grid{grid-template-columns:1fr}
  .faq .wrap{grid-template-columns:1fr;gap:34px}
  .faq-intro{position:static}
  .faq-intro h2{font-size:30px}
  .reels-grid{grid-template-columns:repeat(2,1fr)}
  .reel.igx{grid-column:1/-1;aspect-ratio:auto;min-height:230px}
  .mwall .mhead h2{font-size:30px}
  .team .wrap{grid-template-columns:1fr;gap:34px}
  .team-frame img{height:440px}
  .loc .wrap{grid-template-columns:1fr;gap:34px}
  .loc-card{position:static}
  .vrow{grid-template-columns:1fr;gap:30px}
  .vrow.rev .vplayer{order:0}
  .vnum{font-size:72px;top:-12px;right:0}
  .valu-widget{grid-template-columns:1fr}
  .vw-photo{min-height:360px}
  .vw-panel{padding:40px 22px}
  .vw-cards{grid-template-columns:1fr}
  .vw-steps{gap:6px}.vw-steps .vw-astep{display:none}
  .vw-btm{justify-content:center}
  .loc-card{position:static}
  .foot .wrap{grid-template-columns:1fr}
  .sec{padding:64px 0}
}

/* ===== 11+12 · STANDORT + EINZUGSGEBIET — Premium-Kachel (Variante A, Milan-Pick 2026-07-30) ===== */
.stx-sec{background:var(--paper-2);padding:96px 0}
.stx-tile{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-tile);overflow:hidden;box-shadow:var(--shadow-card)}
.stx-banner{position:relative;height:clamp(280px,32vw,460px);overflow:hidden}
.stx-banner img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}
.stx-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 52%,var(--paper) 98%)}
.stx-inner{padding:clamp(28px,3.6vw,52px)}
.stx-head{max-width:760px;margin-bottom:34px}
.stx-head .lead{font-size:18px;color:var(--ink-2);margin:0}
.stx-grid{display:grid;grid-template-columns:1.32fr .9fr;gap:26px;align-items:stretch}
.stx-map{position:relative;border-radius:var(--r-card);overflow:hidden;min-height:440px;box-shadow:0 18px 40px -24px rgba(20,30,45,.45);background:var(--paper-2)}
.stx-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.stx-card{position:relative;background:linear-gradient(158deg,var(--navy-deep),var(--navy) 66%,#062c55);color:var(--on-navy);border-radius:var(--r-card);padding:32px 30px;box-shadow:var(--shadow-float);overflow:hidden;display:flex;flex-direction:column}
.stx-card::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 220px at 92% 0,rgba(152,120,63,.32),transparent 60%)}
.stx-card>*{position:relative;z-index:2}
.stx-cardhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.stx-cardhead .nm{font-family:var(--serif);font-weight:600;font-size:21px;color:#fff;line-height:1.2}
.stx-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--gold-lt);background:rgba(201,163,95,.14);border:1px solid rgba(201,163,95,.3);padding:5px 11px;border-radius:999px;white-space:nowrap}
.stx-badge svg{width:13px;height:13px;flex:none}
.stx-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12)}
.stx-row .ic{flex:none;width:38px;height:38px;border-radius:10px;background:rgba(201,163,95,.14);border:1px solid rgba(201,163,95,.3);display:grid;place-items:center;color:var(--gold-lt)}
.stx-row .ic svg{width:18px;height:18px}
.stx-row .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lt);margin-bottom:3px}
.stx-row .v{font-size:15.5px;color:#fff;line-height:1.35}
.stx-row a.v:hover{color:var(--gold-lt)}
.stx-rating{display:flex;align-items:center;gap:8px;color:var(--on-navy-2);font-size:13.5px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.stx-rating .stars{color:var(--gold-lt);letter-spacing:2px}.stx-rating b{color:#fff}
.stx-rating .gm-ic{width:17px;height:17px;flex:none}
.stx-card .btn{width:100%;justify-content:center}
.stx-card .btn.btn-gold{margin-top:20px}
.stx-prosa{margin-top:36px;columns:2;column-gap:44px}
.stx-prosa p{font-size:15px;color:var(--ink-2);line-height:1.74;margin:0 0 15px;break-inside:avoid}
.stx-prosa .lead{color:var(--ink);font-weight:600}
.stx-geo{margin-top:38px;padding-top:34px;border-top:1px solid var(--line)}
.stx-geo .h3{font-family:var(--serif);font-weight:600;font-size:30px;color:var(--ink);line-height:1.14;margin:6px 0 8px}
.stx-geo .h3 em{font-style:italic;color:var(--gold)}
.stx-geo .say{color:var(--ink-2);font-size:16px;line-height:1.6;max-width:56rem;margin:0 0 20px}
.stx-geo .lab{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px;font-weight:700}
.stx-chips{display:flex;flex-wrap:wrap;gap:10px}
.stx-chip{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;background:var(--paper-2);border:1px solid var(--line);font-size:14px;font-weight:600;color:var(--ink-2);transition:border-color .15s,color .15s}
.stx-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
.stx-chip:hover{border-color:var(--gold);color:var(--navy)}
@media(max-width:900px){.stx-grid{grid-template-columns:1fr}.stx-map{min-height:300px}.stx-prosa{columns:1}.stx-sec{padding:64px 0}
  /* Overflow-Fixes 375px: Badge/Rating dürfen umbrechen, CTA kompakter */
  .stx-head .h2{font-size:31px}
  .stx-cardhead{flex-wrap:wrap}
  .stx-rating{flex-wrap:wrap}
  .stx-card .btn{padding:14px 18px;font-size:14.5px}}

/* ===== 13 · KONTAKTFUNKTION — contact-channels (Person-Panel + Kanal-Tiles), Milan-Premium 2026-07-30 ===== */
.kx-sec{background:var(--paper);padding:96px 0}
.kx-card{display:grid;grid-template-columns:.72fr 1.28fr;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-tile);overflow:hidden;box-shadow:var(--shadow-card)}
.kx-person{position:relative;min-height:440px;background:var(--navy-deep)}
.kx-person img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}
.kx-person::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,32,63,.94) 6%,rgba(4,32,63,.55) 34%,rgba(4,32,63,0) 62%)}
.kx-id{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:30px 30px 28px}
.kx-id .nm{font-family:var(--serif);font-weight:600;font-size:26px;color:#fff;line-height:1.15}
.kx-id .rl{font-size:14px;color:var(--gold-lt);font-weight:600;margin-top:3px;letter-spacing:.01em}
.kx-status{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;color:var(--on-navy);background:rgba(255,255,255,.08);border:1px solid rgba(201,163,95,.32);padding:7px 14px;border-radius:999px}
.kx-status i{width:8px;height:8px;border-radius:50%;background:#3fbf6a;box-shadow:0 0 0 3px rgba(63,191,106,.22);flex:none}
.kx-main{padding:clamp(30px,3.4vw,50px)}
.kx-main .lead{font-size:18px;color:var(--ink-2);line-height:1.6;margin:0 0 26px;max-width:34rem}
/* rechter Part: Tab-Formular Nachricht/Anrufen (Milan-Vorgabe Screenshot 30.07.) */
.kx-tabs{display:flex;gap:6px;background:var(--paper-2);border:1px solid var(--line);border-radius:12px;padding:6px;margin:4px 0 24px}
.kx-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:14px 10px;border-radius:8px;transition:background .2s,color .2s,box-shadow .2s}
.kx-tab svg{width:18px;height:18px}
.kx-tab:hover{color:var(--navy)}
.kx-tab.active{background:linear-gradient(135deg,#0a4a8a,var(--navy));color:#fff;box-shadow:0 10px 24px -12px rgba(0,48,104,.6)}
.kx-tab.active svg{color:#fff}
.kx-panel[hidden]{display:none}
.kx-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.kx-field{display:block;margin-bottom:16px}
.kx-field>span{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:8px}
.kx-field>span em{font-style:normal;font-weight:400;color:var(--ink-3)}
.kx-field input,.kx-field textarea{width:100%;font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-ctl);padding:14px 16px;transition:border-color .15s,box-shadow .15s,background .15s}
.kx-field textarea{resize:vertical;min-height:120px;line-height:1.55}
.kx-field input::placeholder,.kx-field textarea::placeholder{color:var(--ink-3)}
.kx-field input:focus,.kx-field textarea:focus{outline:none;background:var(--paper);border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.kx-consent{display:flex;align-items:flex-start;gap:11px;margin:4px 0 20px;font-size:13px;line-height:1.5;color:var(--ink-2)}
.kx-consent input{margin-top:2px;width:17px;height:17px;flex:0 0 auto;accent-color:var(--gold)}
.kx-consent a{color:var(--gold);text-decoration:underline}
.kx-send{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#0a4a8a,var(--navy));color:#fff;font:700 16px/1 var(--sans);border:none;border-radius:var(--r-ctl);padding:18px;cursor:pointer;box-shadow:0 16px 34px -14px rgba(0,48,104,.6);transition:filter .18s,gap .18s}
.kx-send:hover{filter:brightness(1.08);gap:14px}
.kx-send svg{width:20px;height:20px}
a.kx-send{text-decoration:none}
.kx-note{text-align:center;font-size:13px;color:var(--ink-3);margin-top:14px}
.kx-direct{display:flex;align-items:center;gap:16px;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-card);padding:20px 22px;margin-bottom:16px}
.kx-di-ico{width:52px;height:52px;flex:0 0 auto;border-radius:50%;background:var(--paper);color:var(--navy);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card)}
.kx-di-ico svg{width:24px;height:24px}
.kx-di-lab{display:block;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.kx-di-val{display:block;font-family:var(--serif);font-size:22px;color:var(--ink-head);margin-top:3px;text-decoration:none}
.kx-pnote{font-size:14px;color:var(--ink-2);line-height:1.55;margin-bottom:16px}
.kx-done{text-align:center;padding:22px 0}
.kx-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}
.kx-done .ok svg{width:28px;height:28px}
.kx-done h3{font-family:var(--serif);font-size:23px;color:var(--ink);margin-bottom:8px}
.kx-done p{color:var(--ink-2);max-width:40ch;margin:0 auto;line-height:1.6}
@media(max-width:900px){.kx-card{grid-template-columns:1fr}.kx-person{min-height:340px}.kx-sec{padding:64px 0}}
@media(max-width:560px){.kx-row2{grid-template-columns:1fr}}

/* ===== 14 · FINALER CTA — Variante A „Duo-Vollbild" (cinematic, Milan-Pick 30.07.), EPF 1:1 ===== */
.fcta{position:relative;isolation:isolate;overflow:hidden;background:var(--navy-deep);color:#fff;min-height:660px;display:flex;align-items:center;text-align:center;padding:clamp(72px,8vw,104px) 0}
.fcta-bg{position:absolute;inset:0;z-index:-3}
.fcta-bg img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
.fcta::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(3,17,36,.86) 0%,rgba(3,17,36,.74) 32%,rgba(3,19,40,.82) 68%,rgba(2,12,28,.95) 100%),radial-gradient(680px 340px at 50% 4%,rgba(152,120,63,.32),transparent 60%)}
.fcta .wrap{position:relative;width:100%}
.fcta-kick{display:inline-flex;align-items:center;gap:16px;color:var(--gold-lt);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600}
.fcta-kick::before,.fcta-kick::after{content:"";width:44px;height:1px}
.fcta-kick::before{background:linear-gradient(90deg,transparent,var(--gold-lt))}
.fcta-kick::after{background:linear-gradient(90deg,var(--gold-lt),transparent)}
.fcta h2{color:#fff;font-family:var(--serif);font-weight:600;font-size:clamp(38px,5.4vw,66px);line-height:1.06;margin:22px auto 0;max-width:22ch;text-wrap:balance;text-shadow:0 2px 34px rgba(0,0,0,.6)}
.fcta h2 em{font-style:italic;color:var(--gold-lt)}
.fcta .sub{color:#e2e7ee;font-size:18px;line-height:1.7;max-width:74ch;margin:22px auto 0;text-shadow:0 1px 18px rgba(0,0,0,.5)}
.fcta .claim{font-family:var(--serif);font-style:italic;font-size:clamp(18px,2vw,23px);color:var(--gold-lt);max-width:52ch;margin:22px auto 0;line-height:1.5}
.fcta-row{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:36px}
.fcta-cta{display:inline-flex;align-items:center;gap:18px;background:#fff;color:var(--navy);font-family:var(--sans);font-weight:700;font-size:17px;padding:11px 11px 11px 32px;border-radius:999px;box-shadow:0 22px 52px -18px rgba(0,0,0,.62);transition:transform .16s ease,box-shadow .16s ease}
.fcta-cta:hover{transform:translateY(-2px);box-shadow:0 28px 62px -18px rgba(0,0,0,.72)}
.fcta-cta .ic{flex:none;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--gold-lt),var(--gold));display:grid;place-items:center;color:#fff;transition:transform .16s}
.fcta-cta:hover .ic{transform:translateX(4px)}
.fcta-cta .ic svg{width:22px;height:22px}
.fcta .sekundaer{color:#aeb8c6;font-size:15.5px}
.fcta .sekundaer a{color:var(--gold-lt);font-weight:600;border-bottom:1px solid rgba(201,163,95,.45)}
.fcta .sekundaer a:hover{color:#fff}
@media(max-width:600px){.fcta h2{font-size:clamp(31px,8.5vw,44px);max-width:18ch}.fcta-cta{padding-left:26px;font-size:16px}.fcta-cta .ic{width:46px;height:46px}}

/* ===== FOOTER (§15) — hell, Kontor, Socials + Trust (.sfoot: eigener Namespace, kein Scaffold-.foot-Konflikt) ===== */
.sfoot{background:var(--paper-2);color:var(--ink-2);padding:66px 0 26px;border-top:1px solid var(--line)}
.foot-top{display:grid;grid-template-columns:1.55fr 1fr 1.1fr;gap:48px}
.foot-logo{height:46px;width:auto;margin-bottom:18px}
.foot-about{color:var(--ink-2);font-size:14.5px;line-height:1.7;max-width:42ch;margin-bottom:22px}
.foot-socials{display:flex;gap:12px}
.foot-social{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--navy);background:#fff;transition:background .16s,color .16s,border-color .16s,transform .16s}
.foot-social svg{width:19px;height:19px}
.foot-social:hover{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-2px)}
.foot-col h4{font-family:var(--sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-weight:700;margin-bottom:16px}
.foot-col ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.foot-col li{color:var(--ink-2);font-size:14.5px;line-height:1.4}
.foot-col a{color:var(--ink-2)}
.foot-col a:hover{color:var(--gold)}
.foot-trust{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:46px;padding-top:32px;border-top:1px solid var(--line)}
.foot-trust .badge-svg{height:64px;width:auto;filter:drop-shadow(0 8px 18px rgba(20,30,45,.14))}
.foot-rating{display:inline-flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 18px;box-shadow:var(--shadow-card);transition:border-color .16s,transform .16s}
.foot-rating:hover{border-color:var(--gold);transform:translateY(-2px)}
.foot-rating .glogo{width:26px;height:26px;flex:none}
.foot-rating .fr-num{font-weight:700;color:var(--ink);font-size:16px}
.foot-rating .fr-stars{color:#f5b400;letter-spacing:1px;font-size:14px}
.foot-rating .fr-sub{color:var(--ink-3);font-size:12.5px}
.foot-rating .fr-txt{display:flex;flex-direction:column;gap:1px}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:30px;padding-top:22px;font-size:13px;color:var(--ink-3)}
.foot-bottom a{color:var(--ink-3)}
.foot-bottom a:hover{color:var(--gold)}
@media(max-width:860px){.foot-top{grid-template-columns:1fr;gap:32px}.foot-bottom{flex-direction:column;align-items:flex-start;gap:10px}}

/* ===== Mobile-Nav (Hamburger + Panel) — W5-Fix ===== */
.nav-burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.nav-burger span{display:block;width:20px;height:2px;background:var(--navy);border-radius:2px;transition:transform .22s ease,opacity .22s ease}
.nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav{display:flex;flex-direction:column;padding:8px var(--gut) 22px;background:#fff;border-top:1px solid var(--line);box-shadow:0 24px 40px -24px rgba(20,30,45,.4)}
.mnav[hidden]{display:none}
.mnav>a{padding:14px 4px;font-size:16px;color:var(--ink);border-bottom:1px solid var(--line)}
.mnav>a:hover{color:var(--gold)}
.mnav .mnav-tel{display:inline-flex;align-items:center;gap:10px;color:var(--navy);font-weight:600;border-bottom:none;margin-top:8px}
.mnav .mnav-tel svg{width:18px;height:18px;color:var(--gold)}
.mnav .mnav-cta{border-bottom:none;justify-content:center;margin-top:12px}
@media(max-width:920px){.nav-burger{display:flex}}
@media(min-width:921px){.mnav{display:none}}

/* ===== BW · Unterseite immobilie-bewerten ===== */
.tbar{background:var(--navy-deep);border-bottom:1px solid rgba(201,163,95,.22)}
.tbar .wrap{display:flex;justify-content:center;align-items:center;gap:34px;flex-wrap:wrap;padding:12px var(--gut)}
.tbar .tc{display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--on-navy-2);font-weight:600;white-space:nowrap}
.tbar .tc .g{color:var(--gold-lt);font-weight:700}
.bw-hero h1{font-size:clamp(30px,3.3vw,45px)}
.bw-hero .bw-proof{font-size:14.5px;color:#c6cfdc;max-width:560px;line-height:1.6;margin:-8px 0 24px}
.geo-sec{background:var(--paper)}
.geo-groups{display:flex;justify-content:center;align-items:flex-start;gap:56px;flex-wrap:wrap;margin-top:34px}
.geo-group{text-align:center}
.geo-group .lab{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px;font-weight:700}
.geo-group .stx-chips{justify-content:center}
.fcta--slim{min-height:480px;padding:clamp(56px,6vw,84px) 0}
@media(max-width:920px){.tbar .wrap{gap:12px 22px}.geo-groups{gap:26px}}
/* cred--stack: Überschrift mittig, Punkte in einer Reihe (Unterseiten-Siegel) */
.cred--stack .wrap{flex-direction:column;gap:20px;padding:36px 40px}
.cred--stack .lab{width:100%;text-align:center}
.cred-row{display:flex;justify-content:center;align-items:center;gap:34px;flex-wrap:wrap}
.cred--stack .ci{font-size:14px;white-space:nowrap}
.cred--stack .ci .d{width:34px;height:34px}
@media(max-width:920px){.cred-row{flex-direction:column;gap:16px;align-items:flex-start}}

/* ===== VK · Unterseite verkauf ===== */
/* Pain-Intro */
.pain{background:var(--paper)}
.pain-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:start;margin-top:38px}
.pain-copy p{font-size:15.5px;color:var(--ink-2);line-height:1.74;margin-bottom:16px}
.pain-card{background:linear-gradient(158deg,var(--navy-deep),var(--navy) 70%);border-radius:var(--r-tile);padding:34px 32px;box-shadow:var(--shadow-float);position:relative;overflow:hidden}
.pain-card::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 220px at 90% 0,rgba(152,120,63,.28),transparent 60%)}
.pain-card>*{position:relative;z-index:2}
.pain-card .pc-lab{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-lt);font-weight:700;margin-bottom:18px}
.pain-q{display:flex;gap:14px;padding:13px 0;border-top:1px solid rgba(255,255,255,.12);font-size:14.5px;color:#e6ebf2;line-height:1.5}
.pain-q .n{flex:none;font-family:var(--serif);font-weight:600;color:var(--gold-lt);font-size:17px;line-height:1.3}
.pain-bridge{margin-top:40px;display:flex;align-items:flex-start;gap:16px;background:linear-gradient(135deg,rgba(152,120,63,.12),rgba(152,120,63,.04));border:1px solid var(--gold-soft);border-radius:var(--r-card);padding:22px 26px}
.pain-bridge .ic{flex:none;width:40px;height:40px;border-radius:10px;background:var(--gold);color:#fff;display:grid;place-items:center}
.pain-bridge .ic svg{width:20px;height:20px}
.pain-bridge p{font-family:var(--serif);font-weight:600;font-size:17.5px;color:var(--navy);line-height:1.45}
/* Prozess-Timeline */
.ptl{background:var(--paper-2)}
.ptl-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:46px}
.ptl-grid::before{content:"";position:absolute;top:29px;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-soft) 12%,var(--gold-soft) 88%,transparent)}
.ptl-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:54px 26px 28px;box-shadow:0 20px 44px -30px rgba(20,30,45,.4);text-align:left}
.ptl-num{position:absolute;top:-0px;left:26px;transform:translateY(-0%);width:58px;height:58px;border-radius:50%;background:linear-gradient(158deg,var(--navy-deep),var(--navy));color:var(--gold-lt);font-family:var(--serif);font-weight:600;font-size:24px;display:grid;place-items:center;border:2px solid var(--gold-lt);box-shadow:0 10px 24px -10px rgba(0,32,63,.6);margin-top:-29px}
.ptl-step h3{font-family:var(--serif);font-weight:600;font-size:20px;color:var(--navy);line-height:1.22;margin:14px 0 10px}
.ptl-step p{font-size:14px;color:var(--ink-2);line-height:1.62}
/* Regional-Content */
.rgc{background:var(--paper)}
.rgc-prosa{columns:2;column-gap:56px;margin-top:34px}
.rgc-prosa p{break-inside:avoid;font-size:15px;color:var(--ink-2);line-height:1.74;margin-bottom:16px}
.rgc-cta{margin-top:26px;text-align:center}
/* Comparison */
.cmp{background:var(--paper-2)}
.cmp-table{margin-top:46px;border-radius:var(--r-tile);overflow:hidden;box-shadow:var(--shadow-float);display:grid;grid-template-columns:.55fr 1.25fr 1.2fr;background:#fff;border:1px solid var(--line)}
.cmp-h{padding:22px 26px;font-weight:700;font-size:15px;display:flex;align-items:center;gap:10px}
.cmp-h.asp{background:var(--paper-2);color:var(--ink-3);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.cmp-h.mit{background:linear-gradient(158deg,var(--navy-deep),var(--navy));color:#fff}
.cmp-h.mit .tag{background:var(--gold);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:100px}
.cmp-h.ohne{background:var(--paper-2);color:var(--ink-2)}
.cmp-c{padding:20px 26px;border-top:1px solid var(--line);font-size:14px;line-height:1.6}
.cmp-c.asp{font-family:var(--serif);font-weight:600;font-size:17px;color:var(--navy);display:flex;align-items:center}
.cmp-c.mit{background:rgba(0,48,104,.045);color:var(--ink);display:flex;gap:11px}
.cmp-c.mit .g{flex:none;color:var(--gold);font-weight:700}
.cmp-c.ohne{color:var(--ink-2);display:flex;gap:11px}
.cmp-c.ohne .x{flex:none;color:#b6672f;font-weight:700}
/* Special Cases */
.scs{background:var(--paper)}
.scs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px}
.scs-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:30px 28px;box-shadow:0 20px 44px -30px rgba(20,30,45,.4);display:flex;flex-direction:column;transition:transform .18s ease,border-color .18s ease}
.scs-card:hover{transform:translateY(-4px);border-color:var(--gold-soft)}
.scs-card .fic{width:50px;height:50px;border-radius:13px;background:linear-gradient(135deg,rgba(152,120,63,.16),rgba(152,120,63,.04));border:1px solid var(--gold-soft);display:grid;place-items:center;color:var(--gold);margin-bottom:16px}
.scs-card .fic svg{width:23px;height:23px}
.scs-card h3{font-family:var(--serif);font-weight:600;font-size:20px;color:var(--navy);line-height:1.2;margin-bottom:9px}
.scs-card p{font-size:14px;color:var(--ink-2);line-height:1.6}
.scs-foot{margin-top:34px;text-align:center}
.scs-foot .pill{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--gold-soft);background:linear-gradient(135deg,rgba(152,120,63,.1),rgba(152,120,63,.03));border-radius:100px;padding:13px 26px;font-family:var(--serif);font-weight:600;font-size:16.5px;color:var(--navy)}
.scs-foot .pill .g{color:var(--gold)}
/* Hero-Trustpill (verkauf) */
.vk-pill{display:inline-flex;align-items:center;gap:8px;margin-left:4px;color:var(--gold-lt);font-size:13.5px;font-weight:600}
@media(max-width:920px){
  .pain-grid{grid-template-columns:1fr;gap:30px}
  .ptl-grid{grid-template-columns:1fr;gap:40px}
  .ptl-grid[style*="repeat(3"]{grid-template-columns:1fr !important}
  .ptl-grid::before{display:none}
  .rgc-prosa{columns:1}
  .cmp-table{grid-template-columns:1fr}
  .cmp-h.asp,.cmp-c.asp{display:none}
  .cmp-c{border-top:0}
  .cmp-c.mit{border-top:1px solid var(--line)}
  .cmp-c.mit::before{content:attr(data-asp);display:block;font-family:var(--serif);font-weight:600;color:var(--navy);margin-right:8px}
  .scs-grid{grid-template-columns:1fr}
}
@media(min-width:921px) and (max-width:1200px){.ptl-grid{grid-template-columns:repeat(2,1fr)}.ptl-grid::before{display:none}.scs-grid{grid-template-columns:repeat(2,1fr)}}

/* VK-Hero: heller Split (Variation zur Vollflächen-Hero) */
.vkhero{background:var(--paper);position:relative;overflow:hidden}
.vkhero .wrap{display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:center;padding-top:74px;padding-bottom:88px}
.vkhero h1{font-family:var(--serif);font-weight:600;font-size:clamp(33px,3.15vw,45px);color:var(--ink-head);line-height:1.13;margin:14px 0 18px}
.vkhero h1 em{font-style:italic;color:var(--gold)}
.vkhero .sub{font-size:15.5px;color:var(--ink-2);line-height:1.7;margin-bottom:26px;max-width:60ch}
.vkhero-usps{display:flex;flex-direction:column;gap:13px;margin-bottom:28px}
.vkhero-usp{display:flex;gap:14px;align-items:flex-start}
.vkhero-usp .ic{flex:none;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(152,120,63,.16),rgba(152,120,63,.04));border:1px solid var(--gold-soft);display:grid;place-items:center;color:var(--gold)}
.vkhero-usp .ic svg{width:21px;height:21px}
.vkhero-usp .claim{display:block;font-weight:700;font-size:15px;color:var(--ink-head);line-height:1.25}
.vkhero-usp .det{display:block;font-size:13px;color:var(--ink-3);line-height:1.45;margin-top:2px}
.vkhero-cta{display:flex;flex-direction:column;gap:11px;align-items:flex-start}
.vkhero .fric{color:var(--ink-3)}
.vkhero-media{position:relative}
.vkhero-frame{position:relative;border-radius:var(--r-tile);overflow:hidden;box-shadow:var(--shadow-float);border:1px solid var(--gold-soft)}
.vkhero-frame::after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.42);border-radius:calc(var(--r-tile) - 8px);pointer-events:none}
.vkhero-frame img{width:100%;height:600px;object-fit:cover;display:block}
.vkhero-badge{position:absolute;left:-26px;bottom:34px;background:#fff;border-radius:12px;padding:14px 20px;box-shadow:0 24px 48px -18px rgba(20,30,45,.42);display:flex;align-items:center;gap:13px}
.vkhero-badge .glogo{width:30px;height:30px;flex:none}
.vkhero-badge .gnum{font-weight:700;font-size:21px;color:#20242b;line-height:1}
.vkhero-badge .gstars{color:#f5b400;font-size:14px;letter-spacing:1.5px}
.vkhero-badge .gsub{font-size:12px;color:#5f6368}
.vkhero-badge .gsub b{color:#1a73e8}
/* VK-Final-CTA: Headline 2 Zeilen, Sub 4 Zeilen */
.fcta--vk h2{max-width:30ch}
.fcta--vk .sub{max-width:88ch}
@media(max-width:920px){
  .vkhero .wrap{grid-template-columns:1fr;gap:34px;padding-bottom:64px}
  .vkhero-frame img{height:340px}
  .vkhero-badge{left:14px;bottom:14px}
}

/* ===== UU · Unterseite ueber-uns ===== */
.uu-tz{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.08);border:1px solid rgba(201,163,95,.4);border-radius:100px;padding:8px 16px;color:#fff;font-size:13px;font-weight:600;margin-bottom:18px;backdrop-filter:blur(6px)}
.uu-tz .st{color:var(--gold-lt);letter-spacing:1px}
/* Experten-Zitat */
.expq{margin-top:44px;display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;background:linear-gradient(158deg,var(--navy-deep),var(--navy) 70%);border-radius:var(--r-tile);padding:36px 40px;box-shadow:var(--shadow-float);position:relative;overflow:hidden}
.expq::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 220px at 92% 0,rgba(152,120,63,.28),transparent 60%)}
.expq>*{position:relative;z-index:2}
.expq .av{width:92px;height:92px;border-radius:50%;object-fit:cover;object-position:60% 20%;border:2px solid var(--gold-lt);box-shadow:0 10px 26px -10px rgba(0,0,0,.5)}
.expq .qm{font-family:var(--serif);font-weight:600;font-size:18.5px;line-height:1.55;color:#eef1f6}
.expq .qm::before{content:"„";color:var(--gold-lt);font-size:30px;line-height:0;margin-right:2px}
.expq .qm::after{content:""}
.expq .who{margin-top:10px;font-size:13.5px;color:var(--gold-lt);font-weight:700}
.expq .who span{color:#b9c4d6;font-weight:400}
/* Werte-Typo */
.wrt{background:var(--navy-deep);position:relative;overflow:hidden}
.wrt::before{content:"";position:absolute;inset:0;background:radial-gradient(760px 380px at 50% -10%,rgba(152,120,63,.22),transparent 62%)}
.wrt .wrap{position:relative}
.wrt .head-center h2{color:#fff}
.wrt .eyebrow{color:var(--gold-lt)}.wrt .eyebrow::before{background:var(--gold-lt)}
.wrt-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:46px}
.wrt-item{padding:10px 40px;text-align:center}
.wrt-item+.wrt-item{border-left:1px solid rgba(201,163,95,.28)}
.wrt-item .w{font-family:var(--serif);font-weight:600;font-style:italic;font-size:clamp(34px,3.4vw,48px);color:var(--gold-lt);line-height:1;margin-bottom:14px}
.wrt-item p{font-size:15px;color:#c2ccda;line-height:1.62;max-width:34ch;margin:0 auto}
/* Story-Split */
.story{background:var(--paper-2)}
.story .wrap{display:grid;grid-template-columns:1fr .82fr;gap:64px;align-items:center}
.story-copy p{font-size:15.5px;color:var(--ink-2);line-height:1.74;margin-bottom:16px}
.story-media{position:relative}
.story-frame{position:relative;border-radius:var(--r-tile);overflow:hidden;box-shadow:var(--shadow-float);border:1px solid var(--gold-soft)}
.story-frame::after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.42);border-radius:calc(var(--r-tile) - 8px);pointer-events:none}
.story-frame img{width:100%;height:560px;object-fit:cover;display:block}
.story-year{position:absolute;left:-22px;top:30px;background:var(--gold);color:#fff;font-family:var(--serif);font-weight:600;font-size:24px;padding:12px 22px;border-radius:10px;box-shadow:0 14px 30px -12px rgba(152,120,63,.7)}
@media(max-width:920px){
  .expq{grid-template-columns:1fr;text-align:center;justify-items:center;padding:30px 22px}
  .wrt-grid{grid-template-columns:1fr;gap:30px}
  .wrt-item+.wrt-item{border-left:0;border-top:1px solid rgba(201,163,95,.28);padding-top:30px}
  .story .wrap{grid-template-columns:1fr;gap:34px}
  .story-frame img{height:400px}
  .story-year{left:14px;top:14px}
}

/* UU-Hero: heller zentrierter About-Hero mit breitem Team-Bild */
.uuhero{background:var(--paper);position:relative}
.uuhero .wrap{padding-top:72px;padding-bottom:0}
.uuhero-head{max-width:880px;margin:0 auto;text-align:center}
.uuhero-tz{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--gold-soft);border-radius:100px;padding:8px 18px;color:var(--ink);font-size:13px;font-weight:600;margin-bottom:20px;box-shadow:0 12px 26px -18px rgba(20,30,45,.4)}
.uuhero-tz .st{color:#f5b400;letter-spacing:1px}
.uuhero h1{font-family:var(--serif);font-weight:600;font-size:clamp(34px,3.6vw,52px);color:var(--ink-head);line-height:1.12;margin-bottom:18px}
.uuhero h1 em{font-style:italic;color:var(--gold)}
.uuhero .sub{font-size:16px;color:var(--ink-2);line-height:1.7;max-width:72ch;margin:0 auto 28px}
.uuhero .hero-cta{display:flex;flex-direction:column;align-items:center;gap:11px}
.uuhero-media{margin-top:52px;position:relative}
.uuhero-frame{position:relative;border-radius:var(--r-tile) var(--r-tile) 0 0;overflow:hidden;box-shadow:var(--shadow-float);border:1px solid var(--gold-soft);border-bottom:0}
.uuhero-frame::after{content:"";position:absolute;inset:10px 10px 0 10px;border:1px solid rgba(255,255,255,.42);border-bottom:0;border-radius:calc(var(--r-tile) - 8px) calc(var(--r-tile) - 8px) 0 0;pointer-events:none}
.uuhero-frame img{width:100%;height:520px;object-fit:cover;object-position:center 26%;display:block}
@media(max-width:920px){
  .uuhero .wrap{padding-top:48px}
  .uuhero-frame img{height:300px}
  .uuhero-media{margin-top:34px}
}

/* ===== IA · Unterseite immobilienangebote ===== */
/* Off-Market-Box */
.om{background:var(--paper-2)}
.om-box{position:relative;overflow:hidden;background:linear-gradient(158deg,var(--navy-deep),var(--navy) 66%,#052a52);border-radius:var(--r-tile);padding:56px 54px;box-shadow:var(--shadow-float);display:grid;grid-template-columns:1.25fr auto;gap:44px;align-items:center}
.om-box::before{content:"";position:absolute;inset:0;background:radial-gradient(560px 300px at 88% 0,rgba(152,120,63,.3),transparent 60%)}
.om-box::after{content:"";position:absolute;right:-50px;bottom:-70px;width:240px;height:240px;border:1px solid rgba(201,163,95,.25);border-radius:50%}
.om-box>*{position:relative;z-index:2}
.om-box .eyebrow{color:var(--gold-lt)}.om-box .eyebrow::before{background:var(--gold-lt)}
.om-box h2{font-family:var(--serif);font-weight:600;color:#fff;font-size:clamp(26px,2.6vw,36px);line-height:1.18;margin:12px 0 14px}
.om-box .sub{color:var(--on-navy-2);font-size:15.5px;line-height:1.66;max-width:64ch}
.om-cta{flex:none;text-align:center}
/* Dual-CTA */
.dcta{background:var(--paper)}
.dcta-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}
.dcta-card{position:relative;overflow:hidden;border-radius:var(--r-tile);padding:40px 38px;display:flex;flex-direction:column;box-shadow:var(--shadow-card)}
.dcta-card .tag{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:18px}
.dcta-card h3{font-family:var(--serif);font-weight:600;font-size:24px;line-height:1.2;margin-bottom:10px}
.dcta-card p{font-size:14.5px;line-height:1.64;margin-bottom:24px;flex:1}
.dcta-card .btn{align-self:flex-start}
.dcta-card.buy{background:linear-gradient(158deg,var(--navy-deep),var(--navy) 70%);color:#fff}
.dcta-card.buy::before{content:"";position:absolute;inset:0;background:radial-gradient(380px 220px at 90% 0,rgba(152,120,63,.28),transparent 60%)}
.dcta-card.buy>*{position:relative;z-index:2}
.dcta-card.buy .tag{background:rgba(201,163,95,.16);color:var(--gold-lt);border:1px solid rgba(201,163,95,.4)}
.dcta-card.buy h3{color:#fff}
.dcta-card.buy p{color:var(--on-navy-2)}
.dcta-card.sell{background:#fff;border:1px solid var(--line)}
.dcta-card.sell .tag{background:rgba(152,120,63,.1);color:var(--gold);border:1px solid var(--gold-soft)}
.dcta-card.sell h3{color:var(--ink-head)}
.dcta-card.sell p{color:var(--ink-2)}
@media(max-width:920px){
  .om-box{grid-template-columns:1fr;padding:36px 24px;gap:24px}
  .dcta-grid{grid-template-columns:1fr}
}

/* IA-Hero: heller Split mit Objektkarte (Karte + aktuelle Objekte) */
.iahero{background:var(--paper)}
.iahero .wrap{display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:center;padding-top:72px;padding-bottom:84px}
.iahero h1{font-family:var(--serif);font-weight:600;font-size:clamp(32px,3vw,43px);color:var(--ink-head);line-height:1.14;margin:14px 0 18px}
.iahero h1 em{font-style:italic;color:var(--gold)}
.iahero .sub{font-size:15.5px;color:var(--ink-2);line-height:1.7;max-width:60ch}
.ia-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);overflow:hidden;box-shadow:var(--shadow-float)}
.ia-card .map{height:190px;position:relative}
.ia-card .map iframe{width:100%;height:100%;border:0;display:block;filter:saturate(.85)}
.ia-card .head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line)}
.ia-card .head .t{font-family:var(--serif);font-weight:600;font-size:18px;color:var(--ink-head)}
.ia-card .head .live{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}
.ia-card .head .live i{width:8px;height:8px;border-radius:50%;background:#2f9e5e;box-shadow:0 0 0 4px rgba(47,158,94,.18)}
.ia-row{display:flex;align-items:center;gap:14px;padding:13px 22px;border-bottom:1px solid var(--line);color:inherit;transition:background .15s}
.ia-row:last-of-type{border-bottom:0}
.ia-row:hover{background:var(--paper-2)}
.ia-row .th{flex:none;width:64px;height:48px;border-radius:8px;background-size:cover;background-position:center}
.ia-row .tt{flex:1;min-width:0}
.ia-row .tt .n{display:block;font-weight:700;font-size:13.5px;color:var(--ink);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ia-row .tt .o{display:block;font-size:12px;color:var(--gold);font-weight:600;margin-top:2px}
.ia-row .pr{flex:none;text-align:right}
.ia-row .pr .v{font-family:var(--serif);font-weight:600;font-size:16px;color:var(--navy)}
.ia-row .pr .s{display:block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-top:2px}
.ia-row .pr .s.frei{color:#2f9e5e}
.ia-row .pr .s.res{color:var(--gold)}
@media(max-width:920px){
  .iahero .wrap{grid-template-columns:1fr;gap:32px;padding-bottom:56px}
  .ia-card .map{height:150px}
  .ia-row .tt .n{white-space:normal}
}

/* ===== SA · Unterseite suchagent ===== */
.sahero{background:var(--paper)}
.sahero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding-top:72px;padding-bottom:84px}
.sahero h1{font-family:var(--serif);font-weight:600;font-size:clamp(31px,2.9vw,42px);color:var(--ink-head);line-height:1.15;margin:14px 0 18px}
.sahero h1 em{font-style:italic;color:var(--gold)}
.sahero .sub{font-size:15.5px;color:var(--ink-2);line-height:1.7;max-width:60ch}
.sa-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:34px 32px;box-shadow:var(--shadow-float)}
.sa-card .sc-head{font-family:var(--serif);font-weight:600;font-size:22px;color:var(--ink-head);margin-bottom:4px}
.sa-card .sc-sub{font-size:13px;color:var(--ink-3);margin-bottom:22px}
.sa-card .sc-sub .g{color:var(--gold);font-weight:700}
.kx-field select{width:100%;font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-ctl);padding:14px 16px;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%237c7768' stroke-width='1.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.kx-field select:focus{outline:none;background-color:var(--paper);border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
@media(max-width:920px){.sahero .wrap{grid-template-columns:1fr;gap:32px;padding-bottom:56px}}

/* ===== RF · Unterseite referenzen ===== */
/* Text-Fallstudien (Karten) */
.cases{background:#fff}
.cases-grid{margin-top:46px;display:grid;grid-template-columns:1fr 1fr;gap:26px}
.ccard{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:38px 36px;box-shadow:0 24px 50px -32px rgba(20,30,45,.42);display:flex;flex-direction:column;overflow:hidden}
.ccard::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold),rgba(152,120,63,.2))}
.ccard .loc{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;letter-spacing:.04em;color:var(--gold);margin-bottom:12px}
.ccard .loc svg{width:15px;height:15px}
.ccard h3{font-family:var(--serif);font-weight:600;color:var(--ink-head);font-size:23px;line-height:1.22;margin-bottom:8px}
.cstage{margin-top:20px}
.cstage .lb{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.cstage .lb::before{content:"";width:16px;height:2px;background:var(--gold);border-radius:2px}
.cstage p{font-size:14px;color:var(--ink-2);line-height:1.66}
.cresult{margin-top:26px;display:flex;align-items:flex-start;gap:14px;background:linear-gradient(135deg,rgba(152,120,63,.12),rgba(152,120,63,.04));border:1px solid var(--gold-soft);border-radius:var(--r-card);padding:18px 20px}
.cresult .ic{flex:none;width:38px;height:38px;border-radius:10px;background:var(--gold);color:#fff;display:grid;place-items:center}
.cresult .ic svg{width:20px;height:20px}
.cresult .t{font-family:var(--serif);font-weight:600;font-size:16px;color:var(--navy);line-height:1.35}
@media(max-width:920px){.cases-grid{grid-template-columns:1fr}}
/* Verkauft-Badge + Referenz-Karten (referenzen §6) */
.ocard .status.sold{background:var(--navy)}
.ocard .meta .m .v.sm{font-size:14px;line-height:1.2}

/* ===== BT · Unterseite immobilie-bewerten-dessau-rosslau (SEO-Themenseite) ===== */
.bt-hero{min-height:0}
.bt-hero .wrap{display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:center;padding-top:78px;padding-bottom:78px}
.bt-hero .hero-copy{max-width:none}
.bt-hero h1{font-size:clamp(29px,2.9vw,41px)}
.bt-hero .sub{max-width:62ch}
.bt-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(201,163,95,.4);border-radius:100px;padding:8px 16px;color:#fff;font-size:13px;font-weight:600;margin-bottom:18px;backdrop-filter:blur(6px)}
.bt-pill .st{color:var(--gold-lt);letter-spacing:1px}
.bt-card{background:#fff;border-radius:var(--r-tile);padding:24px;box-shadow:0 34px 70px -28px rgba(0,0,0,.65)}
.bt-card .vw-cards{grid-template-columns:1fr;gap:12px;margin-bottom:18px}
.bt-card .vw-card{border:1px solid var(--line);box-shadow:none;padding:18px 20px 16px}
.bt-card .vw-card .ic{width:42px;height:42px;margin-bottom:10px}
.bt-card .vw-card .d{margin-bottom:12px}
.bt-card .vw-rule{background:var(--line);margin-bottom:16px}
.bt-card .vw-trust{margin-bottom:0;gap:12px 18px}
.bt-card .vw-trust span{color:var(--ink-2);font-size:12.5px}
.bt-card .vw-trust .g{color:var(--gold)}
/* Online-Tool vs. persönlich */
.ovp{background:var(--paper-2)}
.ovp-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:26px;margin-top:46px;align-items:stretch}
.ovp-card{border-radius:var(--r-tile);padding:38px 36px;display:flex;flex-direction:column}
.ovp-card.tool{background:#fff;border:1px solid var(--line);box-shadow:0 24px 50px -32px rgba(20,30,45,.42)}
.ovp-card.vorort{background:linear-gradient(158deg,var(--navy-deep),var(--navy) 70%);box-shadow:var(--shadow-float);position:relative;overflow:hidden}
.ovp-card.vorort::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 220px at 90% 0,rgba(152,120,63,.28),transparent 60%)}
.ovp-card.vorort>*{position:relative;z-index:2}
.ovp-lab{font-family:var(--serif);font-weight:600;font-size:23px;line-height:1.2;margin-bottom:14px;color:var(--ink-head)}
.ovp-card.vorort .ovp-lab{color:#fff}
.ovp-card p{font-size:14.5px;line-height:1.68;color:var(--ink-2);margin-bottom:14px}
.ovp-card.vorort p{color:#dbe2ec}
.ovp-fazit{margin-top:auto;display:inline-flex;align-self:flex-start;align-items:center;border-radius:100px;padding:9px 18px;font-size:13px;font-weight:700}
.ovp-card.tool .ovp-fazit{background:var(--paper-2);border:1px solid var(--line);color:var(--ink-3)}
.ovp-card.vorort .ovp-fazit{background:linear-gradient(135deg,var(--gold-lt),var(--gold));color:#fff;box-shadow:0 12px 26px -12px rgba(0,0,0,.5)}
.ovp-cta{margin-top:38px;text-align:center}
/* Gutachten-Abgrenzung */
.ga{background:var(--paper)}
.ga-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:46px}
.ga-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-tile);padding:36px 34px;box-shadow:0 24px 50px -32px rgba(20,30,45,.42);overflow:hidden}
.ga-card.our::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold),rgba(152,120,63,.2))}
.ga-card .lab{font-family:var(--serif);font-weight:600;font-size:21px;color:var(--ink-head);line-height:1.25;margin-bottom:12px}
.ga-card p{font-size:14.5px;color:var(--ink-2);line-height:1.68}
.ga-verf{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.ga-vcard{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-card);padding:24px 24px 22px}
.ga-vcard .vl{font-weight:700;font-size:14.5px;color:var(--navy);margin-bottom:8px}
.ga-vcard p{font-size:13.5px;color:var(--ink-2);line-height:1.6}
/* Wertfaktoren-Grid (3×2) */
.wf{background:var(--paper-2)}
.wf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
@media(max-width:920px){
  .bt-hero .wrap{grid-template-columns:1fr;gap:36px;padding-top:54px;padding-bottom:54px}
  .ovp-grid,.ga-grid,.ga-verf,.wf-grid{grid-template-columns:1fr}
}
@media(min-width:921px) and (max-width:1200px){.wf-grid{grid-template-columns:repeat(2,1fr)}}
/* BT-Hero: Trust-Badges statt CTA (Milan 06.08.) */
.bt-badges{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:4px}
.bt-badges .badge-pre{width:100%;margin:0 0 2px}
.bt-badges .badge-svg{height:78px}
@media(max-width:920px){.bt-badges{gap:10px}.bt-badges .badge-svg{height:56px}.bt-badges .pbadge{height:50px}.bt-badges .pb-g .gnum{font-size:15px}.bt-badges .pb-g .glogo{width:21px;height:21px}}

/* ===== TG · Unterseite tippgeber ===== */
.sa-note{margin-top:14px;font-size:12.5px;color:var(--ink-3);line-height:1.5;text-align:center}

/* ===== RO · Unterseite referenzobjekte ===== */
.ro-pill{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--gold-soft);border-radius:100px;padding:8px 18px;color:var(--ink);font-size:13px;font-weight:600;margin-bottom:20px;box-shadow:0 12px 26px -18px rgba(20,30,45,.4)}
.ro-pill .g{color:var(--gold);font-weight:700}
.ia-row .pr .s.sold{color:var(--navy)}
.fcta .sub a{color:var(--gold-lt);font-weight:600;border-bottom:1px solid rgba(201,163,95,.45)}
.fcta .sub a:hover{color:#fff}

/* ===== LEGAL · Rechtsseiten (Impressum/Datenschutz, 1:1 Alt-Website) ===== */
.legal{background:var(--paper)}
.legal .wrap{max-width:940px}
.legal h1{font-family:var(--serif);font-weight:600;font-size:clamp(32px,3vw,44px);color:var(--ink-head);margin-bottom:30px}
.legal h2{font-family:var(--serif);font-weight:600;font-size:26px;color:var(--navy);margin:40px 0 14px}
.legal h3{font-size:18px;font-weight:700;color:var(--ink-head);margin:28px 0 10px}
.legal h4{font-size:15.5px;font-weight:700;color:var(--ink);margin:20px 0 8px}
.legal p{font-size:15px;color:var(--ink-2);line-height:1.72;margin-bottom:12px;overflow-wrap:anywhere}
.legal ul{margin:0 0 14px 22px}
.legal li{font-size:15px;color:var(--ink-2);line-height:1.72;margin-bottom:8px;list-style:disc}
.legal a{color:var(--gold);text-decoration:underline}
.legal a:hover{color:var(--navy)}
/* Footer-Logik: Navigation/Service/Rechtliches (Milan 07.08.) */
@media(min-width:861px){.foot-top{grid-template-columns:1.35fr .95fr 1.2fr 1fr}}
.foot-col .foot-sub{margin-top:28px}

/* ===== FAB · Floating Bewertungs-CTA unten rechts (Milan 07.08., AusBlick/DW-Muster) ===== */
.fab-cta{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px 12px 10px 10px;box-shadow:0 26px 60px -18px rgba(20,30,45,.45),0 5px 18px rgba(20,30,45,.14);transform:translateY(190%);opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .35s,box-shadow .18s ease}
.fab-cta.is-visible{transform:none;opacity:1;pointer-events:auto}
.fab-cta.is-visible:hover{transform:translateY(-3px);box-shadow:0 32px 70px -18px rgba(20,30,45,.55),0 6px 20px rgba(20,30,45,.16)}
.fab-cta .fi{flex:none;width:52px;height:52px;border-radius:13px;background:linear-gradient(135deg,rgba(152,120,63,.18),rgba(152,120,63,.05));border:1px solid var(--gold-soft);display:grid;place-items:center;color:var(--gold)}
.fab-cta .fi svg{width:24px;height:24px}
.fab-cta .fs{display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.fab-cta .fs .dot{width:7px;height:7px;border-radius:50%;background:#2f9e5e;box-shadow:0 0 0 3px rgba(47,158,94,.18)}
.fab-cta .fh{display:block;font-family:var(--serif);font-weight:600;font-size:16.5px;line-height:1.15;color:var(--ink-head);margin-top:3px;white-space:nowrap}
.fab-cta .fh em{font-style:italic;color:var(--gold)}
.fab-cta .fa{flex:none;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--gold-lt),var(--gold));color:#fff;display:grid;place-items:center;box-shadow:0 10px 22px -8px rgba(152,120,63,.7);transition:transform .16s}
.fab-cta .fa svg{width:20px;height:20px}
.fab-cta:hover .fa{transform:translateX(3px)}
@media(max-width:600px){
  .fab-cta{right:12px;bottom:12px;gap:10px;padding:8px 9px 8px 8px;border-radius:15px}
  .fab-cta .fi{width:42px;height:42px;border-radius:11px}
  .fab-cta .fi svg{width:20px;height:20px}
  .fab-cta .fs{font-size:9px}
  .fab-cta .fh{font-size:14px}
  .fab-cta .fa{width:38px;height:38px}
  .fab-cta .fa svg{width:17px;height:17px}
}

/* SEO-Prosa-Split (immobilienangebote §6, Milan-Pick 20.08.: C-Basis — Bild links sticky, komplette Lesespalte rechts) */
.spx-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(34px,5vw,72px);margin-top:44px;align-items:start}
.spx-fig{position:sticky;top:104px;margin:0}
.spx-fig::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid var(--gold-soft);border-radius:var(--r-tile)}
.spx-fig img{position:relative;width:100%;height:480px;object-fit:cover;border-radius:var(--r-tile);box-shadow:0 34px 70px -30px rgba(20,30,45,.55);display:block}
.spx-fig .tag{position:absolute;left:22px;bottom:22px;background:rgba(4,32,63,.88);backdrop-filter:blur(6px);color:#fff;border:1px solid rgba(201,163,95,.4);border-radius:100px;padding:9px 18px;font-size:12.5px;font-weight:600;display:inline-flex;gap:9px;align-items:center}
.spx-fig .tag .g{color:var(--gold-lt);font-weight:700}
.spx-prosa p{font-size:15.5px;color:var(--ink-2);line-height:1.8;margin-bottom:18px}
.spx-prosa p:first-child{font-size:17px;color:var(--ink)}
.spx-prosa p:last-child{margin-bottom:0}
@media(max-width:980px){
  .spx-grid{grid-template-columns:1fr;gap:30px}
  .spx-fig{position:static}
  .spx-fig::before{inset:12px 0 -12px 12px}
  .spx-fig img{height:260px}
}

/* Mobile-QA-Pass 20.08.: Siegel-Zeile (cred--stack) darf mobil umbrechen */
@media(max-width:920px){
  .cred--stack .ci{white-space:normal}
  .cred--stack .cred-row{align-items:stretch;gap:14px}
}

/* ===== FINALER CTA "Editorial-Finale" (Milan-Pick V3, 24.08.) — ersetzt fcta auf der Startseite ===== */
.fce{position:relative;overflow:hidden;background:linear-gradient(165deg,#052c56 0%,var(--navy-deep) 70%);color:#fff;padding:clamp(72px,8vw,110px) 0}
.fce::after{content:"";position:absolute;right:-160px;top:-160px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(152,120,63,.26),transparent 66%);pointer-events:none}
.fce-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(40px,5vw,84px);align-items:center;position:relative;z-index:2}
.fce-kick{display:inline-flex;align-items:center;gap:14px;color:var(--gold-lt);font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600}
.fce-kick::before{content:"";width:40px;height:1px;background:var(--gold-lt)}
.fce h2{color:#fff;font-family:var(--serif);font-weight:600;font-size:clamp(36px,4.6vw,60px);line-height:1.08;margin:20px 0 0;max-width:19ch;text-wrap:balance}
.fce h2 em{font-style:italic;color:var(--gold-lt)}
.fce .sub{color:#dfe5ed;font-size:17.5px;line-height:1.72;margin:20px 0 0;max-width:60ch}
.fce .claim{font-family:var(--serif);font-style:italic;font-size:clamp(18px,1.8vw,21px);color:var(--gold-lt);margin:20px 0 0;line-height:1.5;max-width:50ch}
.fce-row{display:flex;align-items:center;gap:18px;margin-top:32px;flex-wrap:wrap}
.fce .sub a{color:var(--gold-lt);font-weight:600;border-bottom:1px solid rgba(201,163,95,.45)}
.fce .sub a:hover{color:#fff}
.fce .sekundaer{color:#aeb8c6;font-size:15px;max-width:60ch}
.fce .sekundaer a{color:var(--gold-lt);font-weight:600;border-bottom:1px solid rgba(201,163,95,.45)}
.fce .sekundaer a:hover{color:#fff}
.fce-media{position:relative;justify-self:end;width:min(100%,440px)}
.fce-media::before{content:"";position:absolute;inset:-16px 16px 16px -16px;border:1.5px solid rgba(183,150,90,.55);border-radius:var(--r-tile,20px);pointer-events:none}
.fce-media img{display:block;width:100%;aspect-ratio:4/4.7;object-fit:cover;object-position:center 18%;border-radius:var(--r-tile,20px);box-shadow:0 34px 80px -26px rgba(0,0,0,.7)}
.fce-badge{position:absolute;left:-22px;bottom:26px;background:#fff;border-radius:12px;padding:10px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 16px 38px -12px rgba(0,0,0,.5)}
.fce-badge .n{font-weight:800;font-size:15.5px;color:#1b1e24}
.fce-badge .s{color:#f5b400;font-size:12px;letter-spacing:1.5px}
.fce-badge .r{color:#5c6470;font-size:12px}
@media(max-width:900px){.fce-grid{grid-template-columns:1fr}.fce-media{justify-self:center;width:min(100%,420px);margin-top:8px}.fce-media::before{inset:-10px 10px 10px -10px}.fce-badge{left:10px}}

/* ===== PAIN-INTRO "Editorial" auf /verkauf (Milan-Pick V3, 24.08.) — nutzt .pain-q ===== */
.p3-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(36px,4.5vw,72px);align-items:center;margin-top:38px}
.p3-media{position:relative}
.p3-media::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1.5px solid rgba(183,150,90,.55);border-radius:var(--r-tile);pointer-events:none}
.p3-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 20%;border-radius:var(--r-tile);box-shadow:0 30px 70px -26px rgba(9,24,48,.55)}
.p3-badge{position:absolute;right:-14px;bottom:30px;background:#fff;border-radius:12px;padding:10px 16px;box-shadow:0 16px 38px -12px rgba(0,0,0,.35)}
.p3-badge .n{font-weight:800;font-size:15.5px;color:#1b1e24}
.p3-badge .s{color:#f5b400;font-size:12px;letter-spacing:1.5px}
.p3-badge .r{color:#5c6470;font-size:12px}
.p3-body p{font-size:15.5px;color:var(--ink-2);line-height:1.74;margin-bottom:16px}
.p3-lab{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:700;margin:26px 0 4px}
.p3-qs .pain-q{border-top:1px solid rgba(9,24,48,.1);color:var(--ink);font-size:14.5px}
.p3-qs .pain-q .n{color:var(--gold)}
.p3-bridge{margin-top:44px;background:linear-gradient(158deg,var(--navy-deep),var(--navy) 75%);border-radius:var(--r-tile);padding:30px clamp(26px,3.4vw,44px);display:flex;gap:18px;align-items:flex-start;box-shadow:var(--shadow-float);position:relative;overflow:hidden}
.p3-bridge::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 220px at 92% 0,rgba(152,120,63,.3),transparent 60%)}
.p3-bridge>*{position:relative;z-index:2}
.p3-bridge .ic{flex:none;width:42px;height:42px;border-radius:11px;background:var(--gold);color:#fff;display:grid;place-items:center}
.p3-bridge .ic svg{width:21px;height:21px}
.p3-bridge p{font-family:var(--serif);font-weight:600;font-size:18px;color:#fff;line-height:1.5;margin:0}
@media(max-width:900px){.p3-grid{grid-template-columns:1fr}.p3-media{max-width:420px;margin:0 auto}.p3-badge{right:6px}}

/* ===== LOKALER MARKT "Karten-Split" auf /verkauf (Milan-Pick V1, 24.08.) — nutzt .stx-chips ===== */
.m1-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(34px,5vw,72px);margin-top:44px;align-items:start}
.m1-prosa p{font-size:15.5px;color:var(--ink-2);line-height:1.8;margin-bottom:18px}
.m1-prosa p:first-child{font-size:17px;color:var(--ink)}
.m1-cta{margin-top:28px}
.m1-side{position:sticky;top:104px}
.m1-map{position:relative;border-radius:var(--r-tile);overflow:hidden;box-shadow:0 30px 64px -26px rgba(9,24,48,.45);border:1px solid rgba(9,24,48,.08)}
.m1-map iframe{display:block;width:100%;height:340px;border:0}
.m1-map .tag{position:absolute;left:18px;bottom:18px;background:rgba(4,32,63,.88);backdrop-filter:blur(6px);color:#fff;border:1px solid rgba(201,163,95,.4);border-radius:100px;padding:9px 18px;font-size:12.5px;font-weight:600;display:inline-flex;gap:9px;align-items:center}
.m1-map .tag .g{color:var(--gold-lt);font-weight:700}
.m1-side .lab{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:700;margin:22px 0 12px}
@media(max-width:900px){.m1-grid{grid-template-columns:1fr;gap:30px}.m1-side{position:static}.m1-map iframe{height:260px}}

/* ===== MAKLER-VERGLEICH "VS-Bühne hell" auf /verkauf (Milan-Pick 24.08.: V1 hell, ohne Duo-Ghost) ===== */
.vsl-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;margin-top:52px;border-radius:var(--r-tile);overflow:hidden;box-shadow:0 40px 96px -32px rgba(9,24,48,.4)}
.vsl-side{position:relative;padding:clamp(30px,3.4vw,52px)}
.vsl-ohne{background:linear-gradient(165deg,#f2efe9,#e7e3da 75%);border:1px solid var(--line);border-right:0;border-radius:var(--r-tile) 0 0 var(--r-tile)}
.vsl-mit{position:relative;background:linear-gradient(160deg,#04305f 0%,var(--navy-deep) 78%)}
.vsl-mit::before{content:"";position:absolute;inset:0;background:radial-gradient(560px 300px at 88% 0,rgba(152,120,63,.32),transparent 62%)}
.vsl-side>*{position:relative;z-index:2}
.vsl-head{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px;margin-bottom:10px}
.vsl-ohne .vsl-head{color:var(--ink-3)}
.vsl-mit .vsl-head{color:#fff}
.vsl-mit .vsl-head .tag{background:var(--gold);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:100px}
.vsl-r{padding:14px 0}
.vsl-ohne .vsl-r{border-top:1px solid rgba(9,24,48,.1)}
.vsl-mit .vsl-r{border-top:1px solid rgba(255,255,255,.13)}
.vsl-r .k{display:block;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;margin-bottom:5px}
.vsl-ohne .vsl-r .k{color:#9a958a}
.vsl-mit .vsl-r .k{color:var(--gold-lt)}
.vsl-r p{font-size:13.5px;line-height:1.62;margin:0}
.vsl-ohne .vsl-r p{color:var(--ink-2)}
.vsl-ohne .vsl-r p::before{content:"✗  ";color:#c34a3a;font-weight:700}
.vsl-mit .vsl-r p{color:#eef2f7}
.vsl-mit .vsl-r p::before{content:"✓  ";color:var(--gold-lt);font-weight:700}
.vsl-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--gold-lt),var(--gold));display:grid;place-items:center;font-family:var(--serif);font-weight:600;font-style:italic;font-size:26px;color:#fff;box-shadow:0 16px 44px -10px rgba(9,24,48,.5),0 0 0 8px var(--paper-2)}
@media(max-width:900px){
  .vsl-stage{grid-template-columns:1fr;overflow:visible}
  .vsl-mit{order:-1;border-radius:var(--r-tile) var(--r-tile) 0 0}
  .vsl-ohne{order:1;border-right:1px solid var(--line);border-top:0;border-radius:0 0 var(--r-tile) var(--r-tile)}
  .vsl-badge{position:relative;left:auto;top:auto;transform:none;order:0;width:64px;height:64px;font-size:20px;margin:-32px auto;justify-self:center}
}

/* ===== HERO "Licht-Editorial" Bewertungs-Themenseite (Milan-Pick V1, 24.08.; Bullets statt Funnel im Kasten) ===== */
.bhx{background:linear-gradient(180deg,#fdfbf7,var(--paper-2));padding:76px 0 96px}
.bhx .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(44px,5vw,80px);align-items:center}
.bhx .bt-pill{background:rgba(152,120,63,.08);border-color:rgba(152,120,63,.45);color:var(--ink);backdrop-filter:none}
.bhx h1{font-family:var(--serif);font-weight:600;color:var(--ink-head);font-size:clamp(30px,2.9vw,42px);line-height:1.14;margin-bottom:18px}
.bhx h1 em{font-style:italic;color:var(--gold)}
.bhx .sub{font-size:15.5px;line-height:1.72;color:var(--ink-2);max-width:60ch;margin-bottom:24px}
.bhx .badge-pre{color:var(--ink-3)}
.bhx .bt-badges{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.bhx .badge-svg{height:64px;width:auto;filter:drop-shadow(0 8px 18px rgba(20,30,45,.16))}
.bhx-media{position:relative}
.bhx-media::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1.5px solid rgba(152,120,63,.5);border-radius:var(--r-tile);pointer-events:none}
.bhx-media img{display:block;width:100%;aspect-ratio:4/4.6;object-fit:cover;object-position:center 18%;border-radius:var(--r-tile);box-shadow:0 34px 76px -28px rgba(9,24,48,.4)}
.bhx-box{position:absolute;left:-36px;bottom:-30px;width:min(86%,340px);background:#fff;border-radius:var(--r-card);box-shadow:0 30px 66px -22px rgba(9,24,48,.4);padding:20px 22px}
.bhx-li{display:flex;align-items:center;gap:11px;padding:9px 0;font-size:14.5px;font-weight:600;color:var(--ink)}
.bhx-li+.bhx-li{border-top:1px solid var(--line)}
.bhx-li .ic{flex:none;width:26px;height:26px;border-radius:50%;background:rgba(152,120,63,.12);color:var(--gold);display:grid;place-items:center}
.bhx-li .ic svg{width:14px;height:14px}
.bhx-cta{width:100%;justify-content:center;margin-top:14px}
@media(max-width:900px){
  .bhx{padding:48px 0 64px}
  .bhx .wrap{grid-template-columns:1fr}
  .bhx-media{margin-top:6px}
  .bhx-box{position:static;width:100%;margin-top:-34px;margin-left:auto;margin-right:auto;width:calc(100% - 28px)}
}

/* ===== MID-CTA "cta-final-04" Bewertungs-Themenseite (Milan-Pick R3-V3 aus Component-System, 24.08.) ===== */
.cmid{position:relative;margin:clamp(64px,8vw,110px) 0}
.cmid-band{position:relative;background:linear-gradient(150deg,#04305f 0%,var(--navy-deep) 80%)}
.cmid-band::after{content:"";position:absolute;inset:0;background:radial-gradient(560px 300px at 90% 0,rgba(152,120,63,.28),transparent 62%);pointer-events:none}
.cmid-inner{position:relative;z-index:2;max-width:1200px;margin-inline:auto;padding:clamp(44px,4.5vw,64px) 24px;display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(40px,5vw,84px);align-items:center}
.cmid-media{align-self:stretch;margin:calc(-1*clamp(40px,4.5vw,64px) - clamp(24px,3vw,44px)) 0;border-radius:var(--r-tile);overflow:hidden;box-shadow:0 40px 90px -30px rgba(4,20,40,.65)}
.cmid-media img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}
.cmid-content{color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.cmid-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--gold-lt);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:600}
.cmid-eyebrow::before{content:"";width:36px;height:1px;background:var(--gold-lt)}
.cmid h2{font-family:var(--serif);font-weight:600;font-size:clamp(30px,3.2vw,44px);line-height:1.12;color:#fff;margin:0;max-width:20ch}
.cmid h2 em{font-style:italic;color:var(--gold-lt)}
.cmid .lead{font-size:16px;line-height:1.68;color:#d5dce6;margin:0;max-width:52ch}
.cmid-cta{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--gold-lt),var(--gold));color:#fff;font-weight:700;font-size:16.5px;padding:16px 32px;border-radius:999px;box-shadow:0 18px 44px -14px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.26);transition:transform .16s}
.cmid-cta:hover{transform:translateY(-2px)}
.cmid-cta svg{width:19px;height:19px}
.cmid .fric{color:#aab4c4;font-size:14px}
@media(max-width:900px){
  .cmid-inner{grid-template-columns:1fr;gap:24px}
  .cmid-media{margin:calc(-1*clamp(64px,9vw,90px)) auto 0;max-width:520px}
}

/* ===== MOBILE-POLISH-PASS 25.08. (Milan: „an AusBlick/DW orientieren") ===== */
@media(max-width:600px){
  /* Sticky-CTA bleibt (AusBlick/DW haben eine!), wird aber unten zur Leiste + erst nach dem
     Hero eingeblendet (DW-Muster .is-visible) — vorher verdeckte sie den Hero-CTA. */
  /* Review-Karussell: Pfeile überlappen die Karte -> Dots/Autoplay übernehmen, Karte volle Breite */
  .rev-arrow{display:none}
  .rev-carousel{padding:0}
  /* Navy-Feature-Karte (WERT): Text raus aus der Schmalspalte */
  .ff-txt{padding:34px 22px}
  /* Fallstudien-Ghost-Nummern kompakt */
  .vnum{font-size:48px;top:-8px}
  /* Sektions-Rhythmus wie AusBlick/DW (gemessen: padding-top 64px) */
  .sec{padding:64px 0}
  .h2{font-size:30px;margin-bottom:14px}
  .lead{font-size:15px}
  /* Hero-USP-Stack kompakter */
  .hero-usps{gap:11px;margin-bottom:22px}
  .hero-usp{gap:11px}
  .hero-usp .ic{width:40px;height:40px}
  .hero-usp .ic svg{width:19px;height:19px}
  .hero-usp .claim{font-size:14.5px}
  .hero-usp .det{font-size:12px}
  /* Stat-Bars: 2x2-Kacheln statt langem Einspalt-Stapel (DW-Muster) */
  .proof .wrap{grid-template-columns:repeat(2,1fr) !important;gap:12px;padding:28px 18px}
  .pstat{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:16px 10px;text-align:center}
  .pstat+.pstat::before{display:none}
  .pstat .z{font-size:26px}
  .pstat .l{font-size:12px}
  /* p3-Bridge: Icon oben, Text volle Breite (statt Schmalspalte neben Icon) */
  .p3-bridge{flex-direction:column;gap:14px;padding:24px 20px}
  .p3-bridge p{font-size:16px}
}


/* ===== MOBILE-STRUKTUR-PASS 25.08. (gemessen gegen AusBlick/DW via bin/mobile-metrics.mjs) =====
   Wurzelbefund: --gut war mit starren 40px doppelt so groß wie bei den Referenzen (fluid, mobil
   20px). Dadurch blieben auf 390px nur ~35 Zeichen/Zeile (Referenz 39-40) -> Absätze liefen auf
   bis zu 20 Zeilen, Buttons brachen zweizeilig um. --gut ist jetzt fluid (tokens.css).          */
@media(max-width:600px){
  /* Karten-Innenabstand: nicht den gewonnenen Gutter wieder auffressen */
  .rcard{padding:22px}
  .ocard .body{padding:20px}
  .scs-card,.vw-card,.feat-card{padding:24px 20px}
  .pain-card{padding:26px 22px}
  .kx-tile{padding:22px 18px}
  /* Sticky-CTA: volle Breite als Leiste (AusBlick 366px breit), erst nach dem Hero sichtbar */
  .fab-cta{left:12px;right:12px;bottom:12px;justify-content:flex-start}
  .fab-cta .fh{white-space:normal}
  .fab-cta .fa{margin-left:auto}
}

/* ===== 6.2 · STANDARD HEADER+MENÜ-MODUL (D&J-Muster, components/mobile-header-menu — 25.08.2026)
   Verhalten 1:1 Modul (Auto-Hide, Shrink, Vollbild-Slide-in, Body-Lock); Tokens auf S&F gemappt:
   --border-light→--line · --gutter→--gut · --surface-greige→--paper-2 · --brand→--gold ·
   --text-on-light→--ink-head · --font-display→--serif. Logo ist echt dunkel → kein brightness(0).
   Desktop (≥921px) bleibt unverändert; alte .mnav-Regeln oben sind ab jetzt ungenutzt. ===== */
@media(max-width:920px){
  /* solides Weiß + kein backdrop-filter: blur würde den Header zum Containing Block fürs fixed-Overlay machen (Menü bliebe 72px hoch) */
  .site-head{background:#fff;backdrop-filter:none;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}
  .site-head.nav--hidden{transform:translateY(-100%)}
  .site-head.scrolled{box-shadow:0 2px 14px rgba(20,30,45,.07)}
  .site-head .wrap{height:72px;transition:height .25s ease}
  .site-head.scrolled .wrap{height:56px}
  .site-head .logo{height:42px;transition:height .25s ease}
  .site-head.scrolled .logo{height:34px}
  .nav-burger svg{width:24px;height:24px;stroke:var(--navy);fill:none}
  .nav-burger .ic-close{display:none}
  .nav-burger.is-open .ic-menu{display:none}
  .nav-burger.is-open .ic-close{display:block}
  .mobile-menu{display:flex;flex-direction:column;position:fixed;inset:0;background:#fff;padding:0 var(--gut) 2.4rem;overflow-y:auto;z-index:70;overscroll-behavior:contain;transform:translateX(-100%);visibility:hidden;transition:transform .34s cubic-bezier(.16,1,.3,1),visibility 0s linear .34s}
  .mobile-menu.is-open{transform:translateX(0);visibility:visible;transition:transform .34s cubic-bezier(.16,1,.3,1)}
  .mm-header{display:flex;align-items:center;justify-content:space-between;height:72px;flex:0 0 auto;margin:0 calc(-1 * var(--gut)) .3rem;padding:0 var(--gut);border-bottom:1px solid var(--line);background:#fff}
  .mm-header img{height:42px}
  .mm-close{display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;padding:.45rem .55rem;background:none;cursor:pointer}
  .mm-close svg{width:26px;height:26px;stroke:var(--ink-head);fill:none}
  .mm-links{display:flex;flex-direction:column;padding-top:.2rem}
  .mm-links>a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.05rem 0;font-family:var(--serif);font-size:1.2rem;font-weight:600;letter-spacing:-.01em;color:var(--ink-head);border-bottom:.5px solid rgba(20,30,45,.12)}
  .mm-cta{display:flex;justify-content:center;margin-top:1.5rem;padding:16px;font-size:16px;border-radius:var(--radius)}
  .mm-contact{margin-top:1.7rem;display:flex;flex-direction:column}
  .mm-crow{display:flex;align-items:center;gap:.95rem;padding:.85rem 0;color:var(--ink-head);border-bottom:1px solid var(--line)}
  .mm-crow:last-child{border-bottom:0}
  .mm-cic{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:var(--paper-2);display:grid;place-items:center}
  .mm-cic svg{width:21px;height:21px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mm-ctxt{display:flex;flex-direction:column;line-height:1.3}
  .mm-ctxt b{font-weight:700;font-size:1.02rem;color:var(--ink-head)}
  .mm-ctxt small{color:var(--ink-2);font-size:.88rem}
  /* 6.1 · H2-Ausreißer auf Basis-Skala 30px (D&J-Angleichung, Messung 25.08.): valu-Widget 37→30, fce-Schluss-CTA 36→30 */
  .vw-h2{font-size:30px}
  .fce h2{font-size:30px}
}
@media(min-width:921px){.mobile-menu{display:none}}

/* ===== MOBILE HERO-TOP — D&J/AusBlick/DW-Referenzmuster (§6-Workflow 25.08.2026):
   mobil Text-First auf hellem Grund (Rating-Zeile statt Eyebrow, dunkle Typo, Foto als
   Karte unter dem CTA); Desktop (≥921px) behält das Vollflächen-Foto-Hero 1:1. ===== */
@media(max-width:920px){
  .hero{background:var(--paper);min-height:0}
  .hero .hero-bg,.hero .hero-scrim{display:none}
  .hero .wrap{padding-top:26px;padding-bottom:6px;justify-content:flex-start}
  .hero .eyebrow{display:none}
  .mhx-rating{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:14.5px;color:var(--ink-2)}
  .mhx-rating .glogo{width:22px;height:22px;flex:none}
  .mhx-rating .mhx-stars{color:#f5b400;letter-spacing:2px;font-size:15px}
  .mhx-rating b{color:var(--ink-head);font-size:16px}
  .hero h1{color:var(--ink-head)}
  .hero h1 em{color:var(--gold)}
  .hero .sub{color:var(--ink-2)}
  .hero-usp .ic{border:none;background:var(--paper-2);color:var(--gold)}
  .hero-usp .claim{color:var(--ink-head)}
  .hero-usp .det{color:var(--ink-2)}
  .hero-cta{align-items:stretch;margin-bottom:0;gap:10px}
  .hero-cta .btn-cta{justify-content:center;text-align:center}
  .hero .fric{color:var(--ink-3);text-align:center}
  .mhx-photo{display:block;margin:22px 0 24px;border-radius:var(--r-tile);overflow:hidden;box-shadow:var(--shadow-card)}
  .mhx-photo img{width:100%;aspect-ratio:4/3.4;object-fit:cover;object-position:62% 28%}
  .hero-badges{background:var(--paper-2);border-top:1px solid var(--line)}
  .hero-badges .badge-pre{color:var(--ink-3)}
}
@media(min-width:921px){.mhx-rating,.mhx-photo{display:none}}

/* Badge-Band mobil harmonisiert (Milan 25.08.: „sieht komisch aus"): Reihe zentriert,
   alle drei Siegel auf EINER Höhe (48px), weiche Schatten für den hellen Grund */
@media(max-width:920px){
  .hero-badges .wrap{justify-content:center;align-items:center;gap:12px;padding:14px 16px 18px}
  .hero-badges .badge-pre{width:100%;text-align:center;margin:0 0 6px}
  .hero-badges .badge-svg{height:48px;filter:drop-shadow(0 6px 14px rgba(20,30,45,.18))}
  .hero-badges .pbadge{height:48px;box-shadow:0 6px 16px -8px rgba(20,30,45,.25);border:1px solid var(--line)}
}

/* iOS-Zoom-Falle (SEO/Technik-Checkliste): Formularfelder mobil >=16px, sonst zoomt Safari beim Fokus. Desktop bleibt 15px. */
@media(max-width:920px){
  .kx-field input,.kx-field textarea,.kx-field select{font-size:16px}
}

/* ===== EXPOSÉ / OBJEKTDETAIL (.exp__* / .expg*) — objekt-*.html · Struktur nach Schneider-Template, Senger-Tokens ===== */
.exp__crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:500 13px/1 var(--sans);color:var(--ink-3);padding:22px 0 0}
.exp__crumb a{color:var(--ink-2);text-decoration:none}
.exp__crumb a:hover{color:var(--gold)}
.exp__crumb b{color:var(--ink-head);font-weight:600}

/* 1 · Galerie */
.expg-sec{padding-top:16px}
.expg{display:grid;grid-template-columns:1fr;gap:2px}
.expg__main{position:relative;margin:0;aspect-ratio:16/9;border-radius:var(--r-tile);overflow:hidden;background:var(--paper-2) center/cover no-repeat;box-shadow:var(--shadow-card)}
.expg__note{margin:12px 0 0;font:400 13px/1.4 var(--sans);font-style:italic;color:var(--ink-3)}
.expg__main .obj-badge{position:absolute;top:14px;left:14px;background:rgba(20,30,45,.62);color:#fff;padding:6px 13px;border-radius:8px;font:700 12px/1 var(--sans);letter-spacing:.02em}
.expg__main .obj-badge--neu{background:#2f7d55}
.expg__main .obj-badge--res{background:var(--gold)}

/* 2 · Haupt-Grid */
.exp{padding:6px 0 64px}
.exp__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(2rem,4vw,3.5rem);align-items:start}
.exp__loc{display:inline-flex;align-items:center;gap:.4rem;color:var(--gold);font-weight:600;font-size:15px}
.exp__loc svg{width:17px;height:17px}
.exp__title{font-family:var(--serif);font-weight:600;font-size:clamp(28px,3.4vw,42px);line-height:1.12;color:var(--ink-head);margin-top:.4rem}
.exp__title em{color:var(--gold);font-style:italic;font-weight:600}

/* Key-Facts */
.exp__facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;margin-top:26px}
.exp__fact{background:var(--paper);padding:18px 20px;display:flex;flex-direction:column;gap:4px}
.exp__fact-v{font-family:var(--serif);font-weight:600;font-size:23px;color:var(--ink-head);line-height:1.05}
.exp__fact-l{font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-3)}
.exp__fact--price .exp__fact-v{color:var(--navy)}

/* Content-Blöcke */
.exp__block{margin-top:40px}
.exp__h{font-family:var(--sans);font-weight:700;font-size:18px;color:var(--ink-head);padding-bottom:.6rem;border-bottom:1px solid var(--line);margin-bottom:18px;display:flex;align-items:center;gap:10px}
.exp__block p{color:var(--ink-2);line-height:1.7}
.exp__block p+p{margin-top:12px}
.exp__law{display:inline-block;font:700 12px/1 var(--sans);letter-spacing:.03em;color:#fff;background:var(--navy);padding:5px 9px;border-radius:6px}
.exp__hint{margin-top:14px;font:400 12.5px/1.55 var(--sans);color:var(--ink-3)}
.exp__ph{color:var(--ink-3);font-style:italic;font-weight:500}
p.exp__ph{margin-top:8px;font-size:13.5px}

/* Objektdaten / Energie */
.exp__data{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(1.5rem,4vw,3rem)}
.exp__data>div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.exp__data dt{color:var(--ink-2)}
.exp__data dd{margin:0;font-weight:600;color:var(--ink-head);text-align:right}
.exp__data dd.exp__ph{font-weight:500}

/* Ausstattung – Chips */
.exp__feats{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.55rem}
.exp__feats li{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;background:var(--paper-2);border-radius:999px;font-size:14px;color:var(--ink)}
.exp__feats li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}

/* Karte-Platzhalter */
.exp__map{aspect-ratio:16/7;border-radius:var(--r-card);border:1px dashed var(--line);background:var(--paper-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;color:var(--ink-3);text-align:center;padding:1rem}
.exp__map svg{width:34px;height:34px;color:var(--gold);opacity:.6}
.exp__map span{font-size:13px;max-width:34ch}

/* Energie-Skala */
.exp__energy{margin-top:18px}
.exp__energy-scale{display:flex;gap:3px}
.exp__energy-scale b{flex:1;text-align:center;font-size:11.5px;font-weight:700;padding:.4rem 0;border-radius:5px;color:#fff;background:linear-gradient(90deg,#2f9e44,#94c11f,#d7c400,#e8a100,#d9480f);background-size:900% 100%}
.exp__energy-scale b:nth-child(1){background-position:0} .exp__energy-scale b:nth-child(2){background-position:12%} .exp__energy-scale b:nth-child(3){background-position:25%} .exp__energy-scale b:nth-child(4){background-position:38%} .exp__energy-scale b:nth-child(5){background-position:50%} .exp__energy-scale b:nth-child(6){background-position:62%} .exp__energy-scale b:nth-child(7){background-position:75%} .exp__energy-scale b:nth-child(8){background-position:88%} .exp__energy-scale b:nth-child(9){background-position:100%}
.exp__energy-scale b.is-on{outline:3px solid var(--navy);outline-offset:2px;transform:scale(1.12);position:relative;z-index:1}
.exp__energy-note{display:block;margin-top:.8rem;font-size:14px;color:var(--ink-2)}

/* Sidebar */
.exp__side{position:sticky;top:104px;display:flex;flex-direction:column;gap:18px}
.exp__agent{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-tile);padding:26px;text-align:center;box-shadow:var(--shadow-card)}
.exp__agent-img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:50% 22%;margin:0 auto 12px;border:3px solid #fff;box-shadow:0 4px 14px rgba(20,30,45,.15)}
.exp__agent-role{font:700 12px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.exp__agent-name{font-family:var(--serif);font-weight:600;font-size:22px;color:var(--ink-head);margin-top:.2rem}
.exp__agent-sub{font-size:14px;color:var(--ink-3);margin-top:.15rem}
.exp__agent-call{display:block;margin-top:18px;width:100%;justify-content:center}
.exp__agent-mail{display:inline-block;margin-top:.8rem;font-size:14px;color:var(--gold);word-break:break-word;text-decoration:none}
.exp__agent-mail:hover{text-decoration:underline}
.exp__cta{background:linear-gradient(158deg,var(--navy-deep),var(--navy) 70%);color:var(--on-navy);border-radius:var(--r-tile);padding:26px;text-align:center}
.exp__cta-h{font-family:var(--serif);font-weight:600;font-size:20px;color:#fff}
.exp__cta-sub{font-size:14px;opacity:.9;margin-top:.4rem}
.exp__cta-btn{display:block;margin-top:18px;background:#fff;color:var(--navy);font-weight:700;justify-content:center}
.exp__cta-btn:hover{background:#fff;transform:translateY(-1px)}
.exp__back{display:inline-block;font:600 14px/1 var(--sans);color:var(--ink-2);text-decoration:none;text-align:center}
.exp__back:hover{color:var(--gold)}

/* 3 · Anfrage-Formular */
.exp-anfrage{background:var(--paper-2);padding:64px 0}
.exp-form{max-width:720px;margin:26px auto 0;display:flex;flex-direction:column;gap:16px}
.exp-form__row{display:flex;gap:16px;flex-wrap:wrap}
.exp-form__f{flex:1;min-width:160px;display:flex;flex-direction:column;gap:.35rem;font:600 14px/1.2 var(--sans);color:var(--ink-head)}
.exp-form__f--s{flex:0 0 130px}
.exp-form input,.exp-form select,.exp-form textarea{font:400 15px/1.4 var(--sans);padding:.7rem .85rem;border:1px solid var(--line);border-radius:var(--r-ctl);background:#fff;color:var(--ink)}
.exp-form input:focus,.exp-form select:focus,.exp-form textarea:focus{outline:2px solid var(--navy);outline-offset:1px}
.form-consent{display:flex;gap:.6rem;align-items:flex-start;font:400 13px/1.5 var(--sans);color:var(--ink-2)}
.form-consent input{margin-top:3px}
.form-consent a{color:var(--gold)}
.exp-form .btn{align-self:flex-start}

/* sticky Mobile-Bar */
.exp-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(20,30,45,.1);padding:.7rem clamp(1rem,4vw,1.5rem);align-items:center;justify-content:space-between;gap:1rem}
.exp-bar__price{font-family:var(--serif);font-weight:700;font-size:20px;color:var(--navy)}

@media(max-width:860px){
  .exp__grid{grid-template-columns:1fr}
  .exp__side{position:static}
  .exp__facts{grid-template-columns:1fr 1fr}
  .exp-bar{display:flex}
  main{padding-bottom:72px}
}
@media(max-width:520px){
  .exp__data{grid-template-columns:1fr}
  .exp__facts{grid-template-columns:1fr 1fr}
}

/* Team-Gruppenfoto (team.avif, 3 Personen: Tino·Steffen·Doreen) mobil KOMPLETT zeigen
   statt object-fit:cover seitlich zu beschneiden (Kundenwunsch Doreen/Milan 27.08.) */
@media(max-width:920px){
  .vp-frame img,.uuhero-frame img{height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}
}

/* §6 Leistungen: 2x2-Grid-Variante (Milan-Pick V3 27.08. – Handwerk als 4. Karte) */
.feat-cards--2{grid-template-columns:repeat(2,1fr)}
@media(max-width:920px){.feat-cards--2{grid-template-columns:1fr}}

/* §4 „Ihre Vorteile bei uns" (Startseiten-cred) mobil sauber ausrichten (Milan 27.08.):
   Punkte linksbündig untereinander (Icons in einer Linie), Icon oben-bündig zum mehrzeiligen Text.
   :not(.cred--stack) → betrifft NICHT die Unterseiten-Siegelzeile. */
@media(max-width:920px){
  .cred:not(.cred--stack) .wrap{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;padding:34px var(--gut)}
  .cred:not(.cred--stack) .lab{align-self:center;margin-bottom:4px}
  .cred:not(.cred--stack) .ci{align-items:flex-start;line-height:1.35}
  .cred:not(.cred--stack) .ci .d{margin-top:1px}
}

/* verkauf §4 Value-Prop: Zwei-Personen-Bild beratung.png (Querformat 1600×750) statt Dreier-Teamfoto (Karim 03.09.).
   Frame flacher + object-position nach rechts, damit beide Gesichter im Crop bleiben. */
.vp-frame.vp-frame--wide img{height:460px;object-position:62% 40%}
@media(max-width:920px){.vp-frame.vp-frame--wide img{height:auto;aspect-ratio:3/2;object-position:58% 40%}}

/* ===== Objekt-Exposé: Galerie-Thumbs + Verkauft-Zustand (04.09., bin/senger-objekte-build.py) ===== */
.expg__thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}
.expg__thumb{aspect-ratio:4/3;border:0;padding:0;border-radius:10px;background:var(--paper-2) center/cover no-repeat;cursor:pointer;position:relative;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .15s,transform .15s}
.expg__thumb:hover{transform:translateY(-1px)}
.expg__thumb.is-active{box-shadow:inset 0 0 0 2px var(--gold)}
.expg__thumb:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.expg__main .obj-badge--sold{background:var(--navy)}
.exp__fact-v--sm{font-size:17px;line-height:1.2}
.exp-bar__price--sm{font-size:16px}
.exp__cta--sold{background:var(--paper-2);border:1px solid var(--line)}
.exp__block h3{font-family:var(--sans);font-weight:700;font-size:15.5px;color:var(--ink-head);margin:18px 0 6px}
@media (max-width:760px){.expg__thumbs{grid-template-columns:repeat(4,1fr);gap:6px}.expg__thumb:nth-child(n+9){display:none}}
.legal .legal-stand{margin-top:34px;font-size:13px;color:var(--ink-3);font-style:italic}

/* ===== Widerruf: Footer-Button (eRecht24) + Seite (04.09.) ===== */
.foot-revoke{display:inline-flex;align-items:center;margin-top:12px;padding:7px 14px;border:1px solid var(--navy);border-radius:8px;font-size:12.5px;font-weight:700;color:var(--navy)!important;text-decoration:none;transition:background .15s,color .15s,opacity .15s}
.foot-revoke:hover{background:var(--navy);color:#fff!important}
.foot-revoke[aria-disabled="true"]{pointer-events:none}
.revoke-box{margin:34px 0 10px;padding:22px 24px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper-2)}
.revoke-box p{margin-bottom:12px}
.legal .revoke-btn{text-decoration:none}