/* =====================================================================
   SIGNUM REAL ESTATE  ·  Designsystem v2 (2026)
   Lädt NACH styles.css. Verfeinert alle bestehenden Klassen sitewide
   und ergänzt neue Bausteine (Präfix sg-) für die Startseite.
   Regeln aus dem CI Kit: Gold sparsam, Hairlines statt Schatten,
   kleine Radien, keine Glows, Gradienten nur als Schutz über Fotos.
   ===================================================================== */

:root{
  --gold:#F2AC3C; --messing:#866634; --anthrazit:#363636; --schwarz:#0E0E0E;
  --stein:#6F6F6F; --sand:#E8E1D5; --elfenbein:#F7F4ED; --white:#FFFFFF; --border:#E5E0D8;
  --ink:#141414; --muted:#6B6863; --line:#E5E0D8; --line-dark:rgba(247,244,237,.12);
  --max-w:1240px; --px:clamp(1.25rem,5vw,3.5rem);
  --section-py:clamp(4.5rem,9vw,8rem);
  --ease:cubic-bezier(.2,.7,.2,1);
}

/* ---------- Basis ---------------------------------------------------- */
html{-webkit-text-size-adjust:100%}
body{color:var(--anthrazit);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01"}
::selection{background:var(--gold);color:var(--schwarz)}
h1,h2,h3,h4{font-family:var(--font-head);color:var(--ink);font-weight:700;letter-spacing:-.022em;text-wrap:balance}
h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.02;letter-spacing:-.035em}
h2{font-size:clamp(2rem,3.9vw,3.1rem);line-height:1.06;letter-spacing:-.03em}
h3{font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.2;font-weight:500;letter-spacing:-.015em}
h4{font-size:1.05rem;line-height:1.3;font-weight:600;letter-spacing:-.01em}
p{text-wrap:pretty}
.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4,.section--anthrazit h2{color:var(--elfenbein)}
.lead{font-size:clamp(1.02rem,1.3vw,1.125rem);line-height:1.7;color:var(--muted)}
.section{padding:var(--section-py) var(--px)}
.section .container{padding:0}
.container{max-width:var(--max-w)}
.section--white{background:var(--white)}
.section--ivory{background:var(--elfenbein)}
.section--sand{background:var(--elfenbein)}
.section--dark{background:var(--schwarz)}

/* Eyebrow: Versalien, 0,2em, mit Hairline */
.eyebrow{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--messing);margin-bottom:1.25rem}
.eyebrow::before{content:"";width:1.75rem;height:1px;background:currentColor;opacity:.7}
.section--dark .eyebrow,.section--anthrazit .eyebrow{color:var(--gold)}
.section-head--center .eyebrow{justify-content:center}

/* Section Head */
.section-head{margin-bottom:clamp(2.5rem,5vw,4rem)}
.section-head h2{max-width:20ch}
.section-head .lead,.section-head p{max-width:60ch;margin-top:1.25rem}
.section-head--center h2,.section-head--center p{margin-left:auto;margin-right:auto}

/* ---------- Buttons -------------------------------------------------- */
.btn{gap:.6rem;padding:0 1.6rem;min-height:50px;font-family:var(--font-body);font-size:.875rem;font-weight:600;letter-spacing:.01em;border-radius:2px;line-height:1;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);text-transform:none}
.btn:hover{transform:none;opacity:1}
.btn--lg{min-height:56px;padding:0 2rem;font-size:.9375rem}
.btn--gold{background:var(--gold);color:var(--schwarz)}
.btn--gold:hover{background:#E59E2C}
.btn--dark{background:var(--schwarz);color:var(--elfenbein)}
.btn--dark:hover{background:#2A2A2A}
.btn--outline{border:1px solid rgba(20,20,20,.28);color:var(--ink);background:transparent}
.btn--outline:hover{border-color:var(--ink);background:var(--ink);color:var(--white)}
.btn--outline-light{border:1px solid rgba(247,244,237,.3);color:var(--elfenbein)}
.btn--outline-light:hover{border-color:var(--elfenbein);background:transparent}
.sg-link{display:inline-flex;align-items:center;gap:.55rem;font-size:.9375rem;font-weight:600;color:var(--ink);padding:.35rem 0;border-bottom:1px solid rgba(20,20,20,.25);transition:border-color .25s var(--ease),gap .25s var(--ease)}
.sg-link:hover{border-color:var(--ink);gap:.8rem}
.sg-link svg{width:14px;height:14px;flex:none}
.section--dark .sg-link,.sg-dark .sg-link{color:var(--elfenbein);border-color:rgba(247,244,237,.3)}
.section--dark .sg-link:hover,.sg-dark .sg-link:hover{border-color:var(--elfenbein)}

/* ---------- Navigation (alle Seiten) -------------------------------- */
.nav{background:rgba(255,255,255,.92);border-bottom:1px solid transparent;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);transition:border-color .3s,background .3s}
.nav.scrolled{box-shadow:none;border-bottom-color:var(--line);background:rgba(255,255,255,.96)}
.nav__inner{max-width:var(--max-w);height:76px}
.nav__logo img{height:34px !important;width:auto}
.nav__links{gap:clamp(1.25rem,2.2vw,2.25rem)}
.nav__links a{font-family:var(--font-body);font-size:.8125rem;font-weight:500;letter-spacing:.01em;text-transform:none;color:var(--anthrazit);position:relative;padding:.4rem 0}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav__links a:hover,.nav__links a.active,.nav__links a.w--current{color:var(--ink)}
.nav__links a:hover::after,.nav__links a.active::after{transform:scaleX(1)}
.nav__cta{background:var(--schwarz) !important;color:var(--elfenbein) !important;border-radius:2px !important;font-size:.8125rem !important;font-weight:600 !important;letter-spacing:.01em !important;text-transform:none !important;padding:0 1.25rem !important;height:42px;display:inline-flex !important;align-items:center;transition:background .25s}
.nav__cta:hover{background:#2A2A2A !important}
.nav__hamburger span{background:var(--ink);height:1.5px}
.nav__mobile{background:var(--white);border-top:1px solid var(--line);padding:1rem var(--px) 1.75rem}
.nav__mobile a{font-family:var(--font-head);font-size:1.35rem;font-weight:500;letter-spacing:-.01em;text-transform:none;color:var(--ink);padding:.9rem 0;border-bottom:1px solid var(--line)}
.nav__mobile a.btn{font-family:var(--font-body);font-size:.9375rem;font-weight:600;justify-content:center;border:0;margin-top:1.25rem !important;color:var(--schwarz)}
@media(max-width:1080px){.nav__links{gap:1.1rem}.nav__links a{font-size:.78rem}}

/* ---------- Unterseiten-Hero (page-hero) ---------------------------- */
.page-hero{background:var(--elfenbein) !important;border-bottom:1px solid var(--line);padding-top:calc(76px + clamp(3.5rem,8vw,7rem)) !important;padding-bottom:clamp(3.5rem,7vw,6rem) !important}
.page-hero::before,.page-hero::after{display:none !important}
.page-hero h1{color:var(--ink) !important;max-width:16ch}
.page-hero h1 em{color:var(--ink) !important;font-style:normal}
.page-hero p{color:var(--muted) !important;font-size:clamp(1.02rem,1.4vw,1.2rem) !important;line-height:1.7 !important;max-width:58ch}
.page-hero .eyebrow{color:var(--messing) !important}

/* ---------- Tabs ----------------------------------------------------- */
.tabs__nav{border-bottom:1px solid var(--line);gap:0;margin-bottom:clamp(2rem,4vw,3.25rem)}
.tab-btn{font-family:var(--font-body);font-size:.875rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted);padding:1.1rem 1.5rem 1.1rem 0;margin-right:1.5rem;border-bottom:1px solid transparent;margin-bottom:-1px;background:none}
.tab-btn.active{color:var(--ink);border-bottom-color:var(--ink)}
.tab-btn:hover{color:var(--ink)}
.tab-panel.active{gap:clamp(2.5rem,6vw,5.5rem);align-items:start}
.tab-panel h3{font-family:var(--font-head);font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:700;letter-spacing:-.025em;line-height:1.12}
.tab-photo{border-radius:4px;aspect-ratio:4/3;object-fit:cover;width:100%;box-shadow:none !important;filter:none !important}
.checklist{margin:1.75rem 0 2.25rem;border-top:1px solid var(--line)}
.checklist li{padding:.9rem 0 .9rem 1.9rem;border-bottom:1px solid var(--line);font-size:.95rem;color:var(--anthrazit);margin:0;position:relative}
.checklist li::before{content:"" !important;position:absolute;left:0;top:1.28rem;width:12px;height:7px;border-left:1.5px solid var(--messing);border-bottom:1.5px solid var(--messing);transform:rotate(-45deg);background:none !important;border-radius:0 !important;-webkit-mask:none !important;mask:none !important}
.cities-grid{gap:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;margin-top:1rem;background:var(--white)}
.city-card{border:0 !important;border-right:1px solid var(--line) !important;border-bottom:1px solid var(--line) !important;border-radius:0 !important;padding:1rem 1.15rem !important;background:var(--white) !important;box-shadow:none !important}
.city-card:hover{background:var(--elfenbein) !important;transform:none !important}
.city-card__dot{display:none}
.city-card__name{font-family:var(--font-head);font-weight:600;font-size:.95rem;color:var(--ink)}
.city-card__meta{font-size:.75rem;color:var(--muted);margin-top:.2rem}

/* ---------- Karten allgemein ----------------------------------------- */
.feature-card,.ic-card,.kb-card,.workcard,.perk,.job-card,.trec-stat,.recruit__item{border:1px solid var(--line) !important;border-radius:4px !important;box-shadow:none !important;background:var(--white);transition:border-color .3s var(--ease) !important}
.feature-card:hover,.ic-card:hover,.kb-card:hover,.workcard:hover,.perk:hover,.job-card:hover{border-color:var(--messing) !important;transform:none !important;box-shadow:none !important}
.feature-card__icon{background:transparent !important;border:1px solid var(--line);border-radius:2px !important}
.feature-card__icon svg{stroke:var(--messing) !important}
.feature-card h4{font-family:var(--font-head);font-weight:600}
.feature-card p{color:var(--muted)}

/* ---------- Referenzkarten ------------------------------------------ */
.ref-grid{gap:clamp(1.25rem,2.4vw,2rem)}
.ref-card{border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;overflow:visible !important}
.ref-card:hover{transform:none !important;box-shadow:none !important}
.ref-card__img{border-radius:4px;overflow:hidden;aspect-ratio:4/3;height:auto !important;background:var(--sand)}
.ref-card__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease) !important}
.ref-card:hover .ref-card__img img{transform:scale(1.03) !important}
.ref-card__badge{top:1rem !important;left:1rem !important;background:rgba(255,255,255,.94) !important;color:var(--ink) !important;font-size:.66rem !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase;border-radius:2px !important;padding:.45rem .7rem !important;box-shadow:none !important}
.ref-card__badge--sold{background:var(--schwarz) !important;color:var(--elfenbein) !important}
.ref-card__body{padding:1.35rem 0 0 !important}
.ref-card__city{font-family:var(--font-head);font-size:1.3rem !important;font-weight:600 !important;letter-spacing:-.02em;color:var(--ink) !important}
.ref-card__type{font-size:.72rem !important;letter-spacing:.14em !important;text-transform:uppercase;color:var(--muted) !important;margin-top:.35rem}
.ref-card__stats{border-top:1px solid var(--line) !important;margin-top:1.15rem !important;padding-top:1rem !important;gap:0 !important;display:grid !important;grid-template-columns:repeat(3,1fr)}
.ref-stat{border:0 !important;padding:0 !important;background:none !important}
.ref-stat+.ref-stat{border-left:1px solid var(--line) !important;padding-left:1rem !important}
.ref-stat__val{font-family:var(--font-head);font-size:1.1rem !important;font-weight:600 !important;color:var(--ink) !important;font-variant-numeric:tabular-nums}
.ref-stat__label{font-size:.72rem !important;color:var(--muted) !important;letter-spacing:0 !important;text-transform:none !important}

/* ---------- Kundenstimmen ------------------------------------------- */
.testimonials-grid{gap:clamp(1.25rem,2.4vw,2rem)}
.testimonial-card{background:var(--white) !important;border:1px solid var(--line) !important;border-radius:4px !important;box-shadow:none !important;padding:clamp(1.75rem,3vw,2.5rem) !important}
.testimonial-card::before{display:none !important}
.testimonial-card__stars svg{width:15px !important;height:15px !important;fill:var(--gold) !important}
.testimonial-card__text{font-size:1rem !important;line-height:1.75 !important;color:var(--anthrazit) !important}
.testimonial-card__text strong{font-family:var(--font-head);font-size:1.2rem;font-weight:600;letter-spacing:-.015em;color:var(--ink);display:inline-block;margin-bottom:-.25rem}
.testimonial-card__author{border-top:1px solid var(--line);padding-top:1.25rem;margin-top:1.5rem}
.testimonial-card__avatar{border-radius:50% !important;background:var(--elfenbein) !important;border:1px solid var(--line)}
.testimonial-card__name{font-weight:600;color:var(--ink)}
.testimonial-card__meta{font-size:.75rem !important;color:var(--muted) !important}

/* ---------- Team ----------------------------------------------------- */
.team-card{background:transparent !important;border:0 !important;box-shadow:none !important}
.team-card__photo{border-radius:4px !important;overflow:hidden;background:var(--sand) !important;aspect-ratio:3/4}
.team-card__photo img{width:100%;height:100%;object-fit:cover;filter:none;transition:filter .6s var(--ease) !important}
.team-card:hover .team-card__photo img{transform:none !important}
.team-card__body{padding:1rem 0 0 !important;background:none !important}
.team-card__name{font-family:var(--font-head);font-weight:600;font-size:1.05rem;color:var(--ink)}
.team-card__role{font-size:.8rem;color:var(--muted)}
.team-card__mail{font-size:.75rem;color:var(--messing)}
.team-group__title{font-family:var(--font-body) !important;font-size:.7rem !important;font-weight:600 !important;letter-spacing:.2em !important;text-transform:uppercase;color:var(--messing) !important;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:1.75rem !important}

/* ---------- FAQ ------------------------------------------------------ */
.faq-list{border-top:1px solid var(--line)}
.faq-item{border:0 !important;border-bottom:1px solid var(--line) !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;margin:0 !important}
.faq-item__q{font-family:var(--font-head);font-size:clamp(1rem,1.5vw,1.15rem) !important;font-weight:500 !important;letter-spacing:-.01em;color:var(--ink) !important;padding:1.5rem 0 !important;gap:1.5rem}
.faq-item__icon{background:transparent !important;border:1px solid var(--line) !important;border-radius:50% !important;color:var(--ink) !important;width:32px !important;height:32px !important;min-width:32px !important}
.faq-item.open .faq-item__icon{background:var(--ink) !important;color:var(--white) !important;border-color:var(--ink) !important}
.faq-item__a{color:var(--muted) !important;font-size:.975rem !important;line-height:1.75 !important;padding-right:3rem !important}
.faq-item.open .faq-item__a{padding-bottom:1.6rem !important}

/* ---------- Formular ------------------------------------------------- */
.form-field label{font-size:.7rem !important;font-weight:600 !important;letter-spacing:.14em !important;text-transform:uppercase;color:var(--muted) !important;margin-bottom:.5rem}
.form-field input,.form-field select,.form-field textarea{background:var(--white) !important;border:1px solid var(--line) !important;border-radius:2px !important;padding:.95rem 1rem !important;font-size:.975rem !important;color:var(--ink) !important;transition:border-color .2s}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--ink) !important;box-shadow:none !important}

/* ---------- CTA Banner (Unterseiten) -------------------------------- */
.cta-banner{background:var(--schwarz) !important;padding:clamp(4rem,8vw,6.5rem) var(--px) !important;border:0 !important}
.cta-banner::before,.cta-banner::after{display:none !important}
.cta-banner__inner{max-width:var(--max-w);margin:0 auto;gap:2rem;align-items:center}
.cta-banner h2{color:var(--elfenbein) !important;font-size:clamp(1.8rem,3.4vw,2.6rem) !important;max-width:20ch}
.cta-banner p{color:rgba(247,244,237,.62) !important;margin-top:.9rem;max-width:52ch}

/* ---------- Philosophie --------------------------------------------- */
.philosophie__quote{font-family:var(--font-head) !important;font-weight:500 !important;letter-spacing:-.03em !important;line-height:1.1 !important;color:var(--elfenbein) !important}
.philosophie__quote em{color:var(--elfenbein) !important;font-style:normal;opacity:.55}
.philosophie__body{color:rgba(247,244,237,.62) !important;line-height:1.8 !important}
.wert{border-top:1px solid var(--line-dark) !important;border-left:0 !important;padding:1.75rem 0 !important;background:none !important}
.wert:last-child{border-bottom:1px solid var(--line-dark) !important}
.wert__num{font-size:.68rem !important;letter-spacing:.2em !important;color:var(--gold) !important}
.wert h4{color:var(--elfenbein) !important;font-family:var(--font-head);font-weight:500;font-size:1.3rem}
.wert p{color:rgba(247,244,237,.58) !important}

/* ---------- Rechner (Investieren) beruhigen ------------------------- */
.calc-glow,.rr-glow{display:none !important}
.calc-cine{background:var(--schwarz) !important}
.calc-cine::before{display:none !important}
.calc-panel{background:rgba(247,244,237,.03) !important;border:1px solid var(--line-dark) !important;border-radius:4px !important;box-shadow:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
.calc-hero-result{border-radius:4px !important;background:rgba(247,244,237,.04) !important;border:1px solid var(--line-dark) !important;box-shadow:none !important}
.calc-hero-result__val{color:var(--elfenbein) !important;text-shadow:none !important;animation:none !important;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.calc-hero-result__val.is-negative{color:#E9A39A !important}
.calc-metric{border:1px solid var(--line-dark) !important;border-radius:4px !important;background:transparent !important;box-shadow:none !important}
.calc-metric__val{font-variant-numeric:tabular-nums}
.calc-metric__val.accent{color:var(--gold) !important}
.calc-range{accent-color:var(--gold)}

/* ---------- Footer (alle Seiten) ------------------------------------ */
.footer{background:var(--schwarz) !important;padding:clamp(4rem,7vw,6rem) var(--px) 2rem !important;border-top:0 !important}
.footer__inner{max-width:var(--max-w);gap:clamp(2rem,4vw,4rem) !important;padding-bottom:clamp(3rem,5vw,4rem);border-bottom:1px solid var(--line-dark)}
.footer__brand-text{color:rgba(247,244,237,.55) !important;font-size:.9rem !important;line-height:1.75 !important;max-width:36ch}
.footer__col-title{font-size:.68rem !important;letter-spacing:.2em !important;color:var(--gold) !important;font-weight:600 !important;margin-bottom:1.1rem !important}
.footer__links li{margin-bottom:.6rem}
.footer__links a{color:rgba(247,244,237,.72) !important;font-size:.9rem !important;transition:color .2s}
.footer__links a:hover{color:var(--elfenbein) !important}
.footer__social a{border-radius:2px !important;border-color:var(--line-dark) !important}
.footer__social a:hover{border-color:var(--gold) !important}
.footer__bottom{max-width:var(--max-w);border-top:0 !important;padding-top:1.75rem !important}
.footer__copy,.footer__legal a{color:rgba(247,244,237,.4) !important;font-size:.78rem !important}
.footer__legal a:hover{color:var(--elfenbein) !important}

/* ---------- Bewegungen ---------------------------------------------- */
.fade-up{transform:translateY(18px);transition:opacity .9s var(--ease),transform .9s var(--ease) !important}
.fade-up.visible{transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}.fade-up{opacity:1 !important;transform:none !important}}

/* Mobile Feinschliff global */
@media(max-width:767px){
  .tabs__nav{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}
  .tab-btn{white-space:nowrap;padding-right:0;margin-right:1.4rem}
  .ref-card__stats{grid-template-columns:repeat(3,1fr)}
  .cta-banner__inner{flex-direction:column;align-items:flex-start}
  .footer__inner{grid-template-columns:1fr 1fr !important}
  .footer__inner>div:first-child{grid-column:1/-1}
}
.sg-kpi__val small.pre{margin:0 .3em 0 0}

/* Einheitliche Satzkante: Inhalte überall exakt --max-w breit */
.nav__inner,.sg-hero__grid,.sg-kpis__grid,.footer__inner,.footer__bottom,.cta-banner__inner,.page-hero__inner{max-width:calc(var(--max-w) + 2*var(--px)) !important;margin-left:auto !important;margin-right:auto !important}
.sg-kpis__grid{padding:0 var(--px)}
.sg-kpi{padding-left:clamp(1rem,2.5vw,2rem);padding-right:clamp(1rem,2.5vw,2rem)}
.sg-kpi:first-child,.sg-kpi:nth-child(3){padding-left:0}
@media(min-width:960px){.sg-kpi:nth-child(3){padding-left:clamp(1rem,2.5vw,2rem)}}
.footer,.cta-banner{padding-left:0 !important;padding-right:0 !important}
.footer__inner,.footer__bottom,.cta-banner__inner{padding-left:var(--px) !important;padding-right:var(--px) !important}
.checklist,.sg-path ul,.footer__links,.footer__legal,.nav__links{padding-left:0 !important;list-style:none}
.checklist li{padding-left:1.9rem !important}
@media(max-width:900px){.nav__cta{display:none !important}.nav__links{display:none !important}.nav__hamburger{display:flex !important}}
@media(min-width:901px){.nav__hamburger{display:none !important}.nav__mobile{display:none !important}}
@media(max-width:767px){
  .tab-btn{border:0 !important;border-bottom:1px solid transparent !important;border-radius:0 !important;background:none !important;padding:1rem 0 !important}
  .tab-btn.active{border-bottom-color:var(--ink) !important;color:var(--ink) !important}
  .ref-grid{gap:3rem !important}
}
.sg-calc__out .btn{text-align:center;padding:1rem 1.25rem;line-height:1.3}
.footer__inner{border-bottom:0 !important}
.footer__bottom{background:linear-gradient(var(--line-dark),var(--line-dark)) no-repeat center top/calc(100% - 2*var(--px)) 1px}
/* Navigation: Untermenue Unternehmen */
.nav__has-sub{position:relative}
.nav__sub-btn{display:inline-flex;align-items:center;gap:.35rem;background:none;border:0;padding:.4rem 0;cursor:pointer;font-family:var(--font-body);font-size:.8125rem;font-weight:500;letter-spacing:.01em;color:var(--anthrazit)}
.nav__sub-btn svg{width:11px;height:11px;transition:transform .25s var(--ease)}
.nav__has-sub.is-active .nav__sub-btn,.nav__sub-btn:hover{color:var(--ink)}
.nav__sub{position:absolute;left:50%;top:calc(100% + .9rem);min-width:15rem;margin:0;padding:.5rem;list-style:none;background:var(--white);border:1px solid var(--line);border-radius:6px;box-shadow:0 24px 48px -20px rgba(20,20,20,.25);opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;z-index:50}
.nav__sub::before{content:"";position:absolute;left:0;right:0;top:-1rem;height:1rem}
.nav__sub li{display:block}
.nav__sub a{display:block;padding:.65rem .8rem !important;border-radius:4px;white-space:nowrap}
.nav__sub a::after{display:none}
.nav__sub a:hover,.nav__sub a.active{background:var(--elfenbein)}
.nav__has-sub:hover .nav__sub,.nav__has-sub:focus-within .nav__sub,.nav__has-sub.open .nav__sub{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav__has-sub:hover .nav__sub-btn svg,.nav__has-sub.open .nav__sub-btn svg{transform:rotate(180deg)}
.nav--overlay:not(.scrolled) .nav__sub-btn{color:rgba(247,244,237,.85)}
.nav__mob-label{display:block;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--line);font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--messing)}
.nav__mobile a.nav__mob-sub{padding-left:.9rem}


/* =====================================================================
   STARTSEITE v3  (Präfix x)  ·  editorial, interaktiv, architektonisch
   ===================================================================== */
:root{--gut:var(--px);--wide:calc(var(--max-w) + 2*var(--px))}
.xlabel{display:flex;align-items:center;gap:1rem;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--messing);margin-bottom:1.5rem}
.xlabel span{color:var(--muted);letter-spacing:.12em;font-weight:500}
.xlabel::after{content:"";flex:1;height:1px;background:currentColor;opacity:.25;max-width:12rem}
.xlabel--light{color:var(--gold)}
.xlabel--light span{color:rgba(247,244,237,.5)}
.xs__title{font-family:var(--font-head);font-weight:700;font-size:clamp(2.2rem,5.2vw,4.4rem);line-height:1;letter-spacing:-.04em;color:var(--ink)}
.xarrow{display:inline-flex;align-items:center;gap:.7rem;font-size:.9375rem;font-weight:600;color:var(--ink);padding-bottom:.3rem;background:linear-gradient(currentColor,currentColor) left bottom/100% 1px no-repeat;transition:gap .3s var(--ease),background-size .4s var(--ease)}
.xarrow::after{content:"";width:1.6rem;height:9px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 9'%3E%3Cpath d='M0 4.5h24M20 .7l4 3.8-4 3.8' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 9'%3E%3Cpath d='M0 4.5h24M20 .7l4 3.8-4 3.8' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .3s var(--ease)}
.xarrow:hover{gap:1rem}
.xarrow--light{color:var(--elfenbein)}
.xarrow--dark{color:var(--schwarz)}

/* ---------- Navigation über dem Hero -------------------------------- */
.nav__logo-light{display:none}
.nav--overlay:not(.scrolled):not(.is-open){background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.nav--overlay:not(.scrolled):not(.is-open) .nav__logo-dark{display:none}
.nav--overlay:not(.scrolled):not(.is-open) .nav__logo-light{display:block}
.nav--overlay:not(.scrolled):not(.is-open) .nav__links a{color:rgba(247,244,237,.86)}
.nav--overlay:not(.scrolled):not(.is-open) .nav__links a::after{background:var(--elfenbein)}
.nav--overlay:not(.scrolled):not(.is-open) .nav__links a:hover{color:#fff}
.nav--overlay:not(.scrolled):not(.is-open) .nav__cta{background:var(--elfenbein) !important;color:var(--schwarz) !important}
.nav--overlay:not(.scrolled):not(.is-open) .nav__hamburger span{background:var(--elfenbein)}

/* ---------- Hero ----------------------------------------------------- */
.xh{position:relative;min-height:100svh;display:flex;color:var(--elfenbein);background:var(--schwarz);overflow:hidden;isolation:isolate}
.xh__media{position:absolute;inset:0;z-index:-1;will-change:transform}
.xh__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);animation:xhZoom 2.4s var(--ease) forwards}
@keyframes xhZoom{to{transform:scale(1)}}
.xh::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,14,14,.55) 0%,rgba(14,14,14,.15) 30%,rgba(14,14,14,.35) 55%,rgba(14,14,14,.88) 100%),linear-gradient(90deg,rgba(14,14,14,.55),rgba(14,14,14,0) 70%)}
.xh__inner{width:100%;max-width:var(--wide);margin:0 auto;padding:calc(76px + clamp(2rem,6vh,4rem)) var(--gut) 0;display:flex;flex-direction:column;min-height:100svh}
.xh__kicker{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,244,237,.7);padding-bottom:1rem;border-bottom:1px solid rgba(247,244,237,.2)}
.xh__title{margin-top:auto;font-family:var(--font-head);font-weight:700;font-size:clamp(3.2rem,11.5vw,10.5rem);line-height:.9;letter-spacing:-.055em;color:var(--elfenbein);max-width:none}
.xl{display:block;overflow:hidden;padding-bottom:.06em}
.xl>span{display:block;transform:translateY(105%);animation:xlUp 1.1s var(--ease) forwards}
.xl:nth-child(2)>span{animation-delay:.12s}
@keyframes xlUp{to{transform:none}}
.xh__foot{display:grid;grid-template-columns:1fr;gap:1.75rem;margin-top:clamp(1.5rem,3vh,2.5rem);opacity:0;animation:xFade 1s .5s var(--ease) forwards}
@keyframes xFade{to{opacity:1}}
.xh__sub{font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.65;color:rgba(247,244,237,.82);max-width:46ch}
.xh__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem}
.xh__link{color:var(--elfenbein);font-weight:600;font-size:.9375rem;border-bottom:1px solid rgba(247,244,237,.4);padding-bottom:.25rem}
.xh__link:hover{border-color:var(--elfenbein)}
.xh__kpis{display:grid;grid-template-columns:repeat(2,1fr);margin:clamp(2rem,5vh,3.5rem) 0 0;border-top:1px solid rgba(247,244,237,.2);opacity:0;animation:xFade 1s .8s var(--ease) forwards}
.xh__kpis>div{padding:1.25rem 1rem 1.5rem 0}
.xh__kpis>div:nth-child(2n){padding-left:1rem;border-left:1px solid rgba(247,244,237,.2)}
.xh__kpis dt{font-family:var(--font-head);font-weight:600;font-size:clamp(1.6rem,2.8vw,2.4rem);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.xh__kpis dd{margin:.5rem 0 0;font-size:.78rem;line-height:1.45;color:rgba(247,244,237,.62);max-width:24ch}
@media(min-width:900px){
  .xh__foot{grid-template-columns:1fr auto;align-items:end}
  .xh__kpis{grid-template-columns:repeat(4,1fr)}
  .xh__kpis>div{padding:1.5rem 1.5rem 2rem}
  .xh__kpis>div:first-child{padding-left:0}
  .xh__kpis>div+div{border-left:1px solid rgba(247,244,237,.2)}
}
@media(max-width:599px){.xh__actions .btn{width:100%;justify-content:center}.xh__kicker span:last-child{display:none}}

/* ---------- Manifest ------------------------------------------------- */
.xm{background:var(--elfenbein);padding:clamp(5rem,14vw,11rem) var(--gut)}
.xm__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr;gap:1.5rem}
.xm__label{font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--messing);padding-top:.8rem}
.xm__text{font-family:var(--font-head);font-weight:500;font-size:clamp(1.75rem,4.1vw,3.6rem);line-height:1.12;letter-spacing:-.035em;color:var(--ink)}
.xm__text .w{opacity:.16;transition:opacity .35s linear}
.xm__text .w.on{opacity:1}
@media(min-width:960px){.xm__inner{grid-template-columns:14rem 1fr;gap:3rem}}

/* ---------- Leistungen Index ---------------------------------------- */
.xs{background:var(--white);padding:clamp(5rem,10vw,8.5rem) var(--gut)}
.xs__head,.xsvc{max-width:var(--max-w);margin:0 auto}
.xs__head{margin-bottom:clamp(2.5rem,6vw,5rem)}
.xsvc{position:relative;border-top:1px solid var(--ink)}
.xsvc__row{border-bottom:1px solid var(--line)}
.xsvc__bar{width:100%;display:grid;grid-template-columns:2.5rem 1fr 2rem;align-items:center;gap:.75rem;padding:clamp(1.25rem,2.6vw,2rem) 0;text-align:left;color:var(--ink);cursor:pointer;background:none;border:0}
.xsvc__n{font-family:var(--font-head);font-size:.8rem;color:var(--messing);font-variant-numeric:tabular-nums;align-self:start;padding-top:.6em}
.xsvc__name{font-family:var(--font-head);font-weight:600;font-size:clamp(1.9rem,5.6vw,5rem);letter-spacing:-.045em;line-height:1;transition:transform .5s var(--ease),color .3s}
.xsvc__hint{display:none;font-size:.9rem;color:var(--muted);text-align:right}
.xsvc__plus{width:2rem;height:2rem;position:relative;justify-self:end}
.xsvc__plus::before,.xsvc__plus::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .4s var(--ease)}
.xsvc__plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.xsvc__row.open .xsvc__plus::after{transform:translate(-50%,-50%) rotate(0)}
.xsvc__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.xsvc__row.open .xsvc__body{grid-template-rows:1fr}
.xsvc__grid{overflow:hidden;display:grid;grid-template-columns:1fr;gap:2rem}
.xsvc__row.open .xsvc__grid{padding-bottom:clamp(2rem,4vw,3.5rem)}
.xsvc__lead{font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.65;color:var(--anthrazit);max-width:52ch}
.xsvc__list{list-style:none;padding:0;margin:1.5rem 0;border-top:1px solid var(--line)}
.xsvc__list li{padding:.8rem 0;border-bottom:1px solid var(--line);font-size:.95rem;display:flex;gap:.9rem}
.xsvc__list li::before{content:"";flex:none;width:.9rem;height:1px;background:var(--messing);margin-top:.75em}
.xsvc__where{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:1.75rem;line-height:1.7}
.xsvc__fig{margin:0}
.xsvc__fig img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px}
.xsvc__fig figcaption{font-size:.75rem;color:var(--muted);margin-top:.7rem}
.xsvc__float{position:absolute;left:0;top:0;width:clamp(220px,22vw,320px);aspect-ratio:4/5;pointer-events:none;opacity:0;z-index:5;border-radius:2px;overflow:hidden;transform:translate3d(0,0,0) scale(.9);transition:opacity .3s var(--ease),scale .3s var(--ease);display:none}
.xsvc__float img{width:100%;height:100%;object-fit:cover}
.xsvc.is-hover .xsvc__float{opacity:1;scale:1}
@media(min-width:960px){
  .xsvc__bar{grid-template-columns:4rem 1fr auto 3rem}
  .xsvc__hint{display:block}
  .xsvc__row:not(.open) .xsvc__bar:hover .xsvc__name{transform:translateX(1.25rem)}
  .xsvc__grid{grid-template-columns:4rem 1fr 1fr;gap:3rem}
  .xsvc__grid>div{grid-column:2}
  .xsvc__fig{grid-column:3}
  .xsvc__float{display:block}
  .xsvc__row.open~.xsvc__float,.xsvc.has-open .xsvc__float{display:none}
}

/* ---------- Wertschöpfung horizontal -------------------------------- */
.xc{background:var(--schwarz);color:var(--elfenbein);position:relative}
.xc__sticky{padding:clamp(5rem,10vw,8rem) 0}
.xc__head{max-width:var(--wide);margin:0 auto;padding:0 var(--gut)}
.xc__title{font-family:var(--font-head);font-weight:700;font-size:clamp(2.2rem,5.2vw,4.4rem);letter-spacing:-.04em;line-height:1;color:var(--elfenbein)}
.xc__lead{color:rgba(247,244,237,.6);max-width:52ch;margin-top:1.25rem;line-height:1.7}
.xc__progress{height:1px;background:rgba(247,244,237,.15);margin-top:clamp(2rem,4vw,3rem);position:relative;display:none}
.xc__progress span{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gold)}
.xc__track{list-style:none;margin:2.5rem auto 0;padding:0 var(--gut);max-width:var(--wide);display:grid;gap:0;counter-reset:none}
.xc__step{padding:1.75rem 0 1.75rem 4rem;border-top:1px solid rgba(247,244,237,.14);position:relative}
.xc__n{position:absolute;left:0;top:1.6rem;font-family:var(--font-head);font-size:1.6rem;font-weight:500;color:transparent;-webkit-text-stroke:1px rgba(242,172,60,.85);letter-spacing:-.02em}
.xc__step h3{font-family:var(--font-head);font-weight:600;font-size:1.35rem;letter-spacing:-.02em;color:var(--elfenbein);margin-bottom:.5rem}
.xc__step p{color:rgba(247,244,237,.58);font-size:.95rem;line-height:1.65;max-width:34ch}
.xc__step--end{background:var(--gold);color:var(--schwarz);padding:2rem 1.5rem 2rem 4.5rem;border:0;margin-top:1rem}
.xc__step--end .xc__n{left:1.5rem;-webkit-text-stroke:0;color:var(--schwarz);top:1.85rem}
.xc__step--end h3{color:var(--schwarz);font-size:1.8rem}
.xc__step--end p{color:rgba(14,14,14,.75);margin-bottom:1.5rem}
@media(min-width:1024px){
  .xc.is-pinned{height:var(--xc-h,300vh)}
  .xc.is-pinned .xc__sticky{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:76px 0 0}
  .xc.is-pinned .xc__progress{display:block}
  .xc.is-pinned .xc__viewport{overflow:visible}
  .xc.is-pinned .xc__track{display:flex;max-width:none;margin:clamp(2rem,5vh,3.5rem) 0 0;padding:0 var(--gut) 0 max(var(--gut),calc((100vw - var(--max-w))/2));will-change:transform;width:max-content}
  .xc.is-pinned .xc__step{width:clamp(300px,26vw,380px);flex:none;padding:0 2.5rem 0 0;margin-right:2.5rem;border-top:0;border-right:1px solid rgba(247,244,237,.14);min-height:clamp(260px,40vh,360px);display:flex;flex-direction:column}
  .xc.is-pinned .xc__n{position:static;font-size:clamp(4.5rem,8vw,7.5rem);line-height:1;margin-bottom:auto;padding-bottom:2rem;-webkit-text-stroke:1px rgba(242,172,60,.7)}
  .xc.is-pinned .xc__step--end{width:clamp(340px,30vw,440px);padding:2.5rem;border-right:0;margin:0}
  .xc.is-pinned .xc__step--end .xc__n{color:var(--schwarz);-webkit-text-stroke:0}
}

/* ---------- Referenzen Galerie -------------------------------------- */
.xr{background:var(--elfenbein);padding:clamp(5rem,10vw,8.5rem) 0}
.xr__head{max-width:var(--wide);margin:0 auto clamp(2.5rem,5vw,4rem);padding:0 var(--gut);display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap}
.xr__nav{display:flex;gap:.5rem}
.xr__btn{width:52px;height:52px;border-radius:50%;border:1px solid rgba(20,20,20,.25);display:grid;place-items:center;color:var(--ink);background:transparent;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.xr__btn svg{width:20px;height:20px}
.xr__btn:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}
.xr__btn:disabled{opacity:.3;pointer-events:none}
.xr__track{display:flex;gap:clamp(1rem,2vw,1.75rem);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:max(var(--gut),calc((100vw - var(--max-w))/2));padding:0 var(--gut) 1rem max(var(--gut),calc((100vw - var(--max-w))/2));scrollbar-width:none;cursor:grab}
.xr__track::-webkit-scrollbar{display:none}
.xr__track.is-drag{cursor:grabbing;scroll-snap-type:none}
.xr__track.is-drag a{pointer-events:none}
.xr__card{flex:none;width:min(84vw,560px);scroll-snap-align:start;color:var(--ink);display:block}
.xr__img{position:relative;aspect-ratio:5/4;overflow:hidden;border-radius:2px;background:var(--sand)}
.xr__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease);-webkit-user-drag:none;user-select:none}
.xr__card:hover .xr__img img{transform:scale(1.04)}
.xr__tag{position:absolute;left:1rem;top:1rem;background:var(--white);color:var(--ink);font-size:.64rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:.45rem .7rem;border-radius:2px}
.xr__tag--dark{background:var(--schwarz);color:var(--elfenbein)}
.xr__meta{padding-top:1.25rem}
.xr__meta h3{font-family:var(--font-head);font-size:clamp(1.3rem,2vw,1.65rem);font-weight:600;letter-spacing:-.025em}
.xr__meta>p{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:.35rem}
.xr__meta dl{display:grid;grid-template-columns:repeat(3,1fr);margin:1.1rem 0 0;border-top:1px solid var(--line);padding-top:1rem}
.xr__meta dl div+div{border-left:1px solid var(--line);padding-left:1rem}
.xr__meta dt{font-family:var(--font-head);font-weight:600;font-size:1.15rem;font-variant-numeric:tabular-nums}
.xr__meta dd{margin:.2rem 0 0;font-size:.75rem;color:var(--muted)}
.xr__card--more{background:var(--schwarz);color:var(--elfenbein);border-radius:2px;display:flex;align-items:flex-end;padding:2rem;min-height:clamp(320px,40vw,450px);aspect-ratio:auto;align-self:flex-start;height:calc(min(84vw,560px)*.8)}
.xr__more-n{font-family:var(--font-head);font-weight:700;font-size:clamp(4rem,9vw,7rem);letter-spacing:-.05em;line-height:1;color:var(--gold)}
.xr__more-t{color:rgba(247,244,237,.7);margin:1rem 0 1.5rem;max-width:30ch;line-height:1.6}
.xr__card--more .xarrow{color:var(--elfenbein)}
@media(min-width:960px){.xr__card{width:clamp(420px,40vw,600px)}.xr__card--more{height:calc(clamp(420px,40vw,600px)*.8)}}

/* ---------- Zusammenarbeit geteilt ---------------------------------- */
.xp{display:flex;flex-direction:column}
.xp__half{flex:1;padding:clamp(3.5rem,8vw,7rem) var(--gut);display:flex;flex-direction:column;gap:1.25rem;min-height:clamp(380px,60vh,620px);transition:flex-grow .7s var(--ease);position:relative}
.xp__half h3{font-family:var(--font-head);font-weight:700;font-size:clamp(1.9rem,3.6vw,3.2rem);letter-spacing:-.04em;line-height:1.02;max-width:14ch;margin-top:auto}
.xp__half p:not(.xlabel){max-width:46ch;line-height:1.7;font-size:1rem}
.xp__half .xlabel{margin-bottom:0}
.xp__half--light{background:var(--sand);color:var(--ink)}
.xp__half--light p:not(.xlabel){color:var(--anthrazit)}
.xp__half--dark{background:#1A1917;color:var(--elfenbein)}
.xp__half--dark h3{color:var(--elfenbein)}
.xp__half--dark p:not(.xlabel){color:rgba(247,244,237,.65)}
@media(min-width:960px){.xp{flex-direction:row}.xp__half{padding:clamp(4rem,7vw,6.5rem) clamp(2rem,4vw,4rem)}.xp__half--light{padding-left:max(var(--gut),calc((100vw - var(--max-w))/2))}.xp__half--dark{padding-right:max(var(--gut),calc((100vw - var(--max-w))/2))}.xp:hover .xp__half{flex-grow:.8}.xp .xp__half:hover{flex-grow:1.25}}

/* ---------- Rechner -------------------------------------------------- */
.xk{background:var(--white);padding:clamp(5rem,10vw,8.5rem) var(--gut)}
.xk__head,.xk__grid{max-width:var(--max-w);margin:0 auto}
.xk__head{margin-bottom:clamp(2.5rem,5vw,4rem)}
.xk__grid{display:grid;grid-template-columns:1fr;border:1px solid var(--ink)}
.xk__inputs{padding:clamp(1.5rem,3vw,2.75rem);display:flex;flex-direction:column;gap:1.4rem}
.xin{display:block}
.xin__l{display:flex;justify-content:space-between;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem}
.xin__l b{font-family:var(--font-head);font-size:1rem;letter-spacing:-.01em;text-transform:none;color:var(--ink);font-variant-numeric:tabular-nums}
.xin__f{display:flex;align-items:baseline;border-bottom:1px solid var(--line);transition:border-color .2s}
.xin__f:focus-within{border-color:var(--ink)}
.xin__f input{flex:1;min-width:0;border:0;background:transparent;font-family:var(--font-head);font-weight:600;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.03em;color:var(--ink);padding:.15rem 0 .5rem;outline:none;font-variant-numeric:tabular-nums}
.xin__f i{font-style:normal;font-family:var(--font-head);font-size:1.2rem;color:var(--muted)}
.xin--range input{width:100%;-webkit-appearance:none;appearance:none;height:24px;background:transparent;cursor:pointer}
.xin--range input::-webkit-slider-runnable-track{height:1px;background:var(--ink)}
.xin--range input::-moz-range-track{height:1px;background:var(--ink)}
.xin--range input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--white);border:1.5px solid var(--ink);margin-top:-9px;transition:transform .2s}
.xin--range input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--white);border:1.5px solid var(--ink)}
.xin--range input:active::-webkit-slider-thumb{transform:scale(1.2);background:var(--gold)}
.xk__out{background:var(--schwarz);color:var(--elfenbein);padding:clamp(1.5rem,3vw,2.75rem);display:flex;flex-direction:column}
.xk__lbl{font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.xk__big{font-family:var(--font-head);font-weight:600;font-size:clamp(3.2rem,8vw,6rem);letter-spacing:-.055em;line-height:1;margin:.9rem 0 1.75rem;font-variant-numeric:tabular-nums}
.xk__big.is-neg{color:#E9A39A}
.xk__bar{display:grid;gap:.6rem;padding:1.25rem 0;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.xk__bar-row{display:grid;grid-template-columns:4.5rem 1fr 4.5rem;align-items:center;gap:.75rem;font-size:.8rem;color:rgba(247,244,237,.6)}
.xk__bar-row>div{height:8px;background:rgba(247,244,237,.06)}
.xk__bar-row i{display:block;width:100%;height:100%;background:rgba(247,244,237,.75);transform-origin:left center;transition:transform .5s var(--ease)}
.xk__bar-row i.is-gold{background:var(--gold)}
.xk__bar-row b{text-align:right;font-family:var(--font-head);font-weight:600;color:var(--elfenbein);font-variant-numeric:tabular-nums}
.xk__metrics{display:grid;grid-template-columns:1fr;margin:0}
.xk__metrics>div{padding:1.1rem 0;border-bottom:1px solid var(--line-dark);display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.xk__metrics dt{font-family:var(--font-head);font-weight:600;font-size:1.5rem;letter-spacing:-.03em;font-variant-numeric:tabular-nums;order:2}
.xk__metrics dd{margin:0;font-size:.82rem;color:rgba(247,244,237,.55);max-width:24ch}
.xk__note{font-size:.74rem;line-height:1.6;color:rgba(247,244,237,.42);margin:1.5rem 0}
.xk__out .xarrow{margin-top:auto;align-self:flex-start}
@media(min-width:960px){.xk__grid{grid-template-columns:1fr 1.1fr}.xk__inputs{gap:2rem;justify-content:center}}

/* ---------- Haltung -------------------------------------------------- */
.xv{background:var(--schwarz);color:var(--elfenbein);padding:clamp(5rem,10vw,8.5rem) var(--gut)}
.xv__inner{max-width:var(--max-w);margin:0 auto}
.xv__row{display:grid;grid-template-columns:1fr;gap:1rem;padding:clamp(1.75rem,3.5vw,3rem) 0;border-top:1px solid var(--line-dark);opacity:.28;transition:opacity .6s var(--ease)}
.xv__row.on{opacity:1}
.xv__row:last-child{border-bottom:1px solid var(--line-dark)}
.xv__word{font-family:var(--font-head);font-weight:600;font-size:clamp(2.4rem,7.5vw,6.5rem);letter-spacing:-.05em;line-height:.95}
.xv__row.on .xv__word{color:var(--elfenbein)}
.xv__txt h3{font-family:var(--font-head);font-weight:500;font-size:1.25rem;color:var(--gold);margin-bottom:.5rem}
.xv__txt p{color:rgba(247,244,237,.62);line-height:1.7;max-width:40ch}
.xv__sign{font-family:var(--font-head);font-weight:700;font-size:clamp(1.4rem,2.4vw,1.9rem);color:var(--gold);margin-top:clamp(2rem,4vw,3rem);letter-spacing:-.02em}
@media(min-width:960px){.xv__row{grid-template-columns:1.6fr 1fr;align-items:end;gap:3rem}}

/* ---------- Kundenstimmen Slider ------------------------------------ */
.xq{background:var(--elfenbein);padding:clamp(5rem,10vw,8.5rem) var(--gut)}
.xq__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr;gap:2.5rem}
.xq__stars{color:var(--gold);letter-spacing:.3em;font-size:1rem;margin-bottom:.75rem}
.xq__count{font-family:var(--font-head);font-size:.9rem;color:var(--muted);font-variant-numeric:tabular-nums;margin-bottom:1.5rem}
.xq__side .xr__nav{margin-bottom:2rem}
.xq__stage{display:grid}
.xq__slide{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease),visibility .6s}
.xq__slide.on{opacity:1;visibility:visible;transform:none}
.xq__slide blockquote{margin:0}
.xq__title{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--messing);margin-bottom:1.25rem}
.xq__text{font-family:var(--font-head);font-weight:500;font-size:clamp(1.35rem,2.6vw,2.2rem);line-height:1.28;letter-spacing:-.025em;color:var(--ink)}
.xq__slide figcaption{margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--line);display:flex;gap:1rem;flex-wrap:wrap;align-items:baseline}
.xq__slide figcaption b{font-weight:600;color:var(--ink)}
.xq__slide figcaption span{font-size:.8rem;color:var(--muted)}
@media(min-width:960px){.xq__inner{grid-template-columns:16rem 1fr;gap:5rem}}

/* ---------- Team ----------------------------------------------------- */
.xt{background:var(--white);padding:clamp(5rem,10vw,8.5rem) var(--gut)}
.xt__head,.xt__row,.xt__foot{max-width:var(--max-w);margin:0 auto}
.xt__head{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:clamp(2.5rem,5vw,4rem)}
.xt__lead{color:var(--muted);line-height:1.7;max-width:48ch}
.xt__row{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
.xt__p{margin:0;position:relative;overflow:hidden;border-radius:2px;background:var(--sand);aspect-ratio:3/4}
.xt__p img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:filter .6s var(--ease),transform 1s var(--ease)}
.xt__p figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.5rem 1rem 1rem;background:linear-gradient(0deg,rgba(14,14,14,.75),rgba(14,14,14,0));color:var(--elfenbein);display:flex;flex-direction:column;gap:.15rem}
.xt__p b{font-family:var(--font-head);font-weight:600;font-size:1rem}
.xt__p span{font-size:.72rem;color:rgba(247,244,237,.75)}
.xt__p:hover img{}
.xt__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.xt__foot p{font-size:.88rem;color:var(--muted);line-height:1.7;max-width:70ch}
@media(min-width:960px){
  .xt__head{grid-template-columns:1.2fr 1fr;align-items:end}
  .xt__row{display:flex;height:clamp(420px,42vw,560px);gap:.6rem}
  .xt__p{flex:1;aspect-ratio:auto;transition:flex-grow .8s var(--ease)}
  .xt__p:hover{flex-grow:2.4}
  .xt__p figcaption{opacity:0;transform:translateY(8px);transition:opacity .4s var(--ease) .1s,transform .4s var(--ease) .1s;white-space:nowrap}
  .xt__p:hover figcaption{opacity:1;transform:none}
}

/* ---------- FAQ ------------------------------------------------------ */
.xf{background:var(--elfenbein);padding:clamp(5rem,10vw,8.5rem) var(--gut)}
.xf__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr;gap:2.5rem}
.xf__side .xs__title{font-size:clamp(2rem,3.6vw,3.2rem);margin-bottom:2rem}
.xf .faq-list{border-top:1px solid var(--ink)}
@media(min-width:960px){.xf__inner{grid-template-columns:1fr 1.5fr;gap:5rem}.xf__side{position:sticky;top:110px;align-self:start}}

/* ---------- Kontakt (dunkel, geht in den Footer über) --------------- */
.xx{background:var(--schwarz);color:var(--elfenbein);padding:clamp(5rem,10vw,8.5rem) var(--gut) clamp(4rem,8vw,6rem)}
.xx__title{max-width:var(--max-w);margin:0 auto clamp(3rem,6vw,5rem);font-family:var(--font-head);font-weight:700;font-size:clamp(2.6rem,8.4vw,7.6rem);line-height:.92;letter-spacing:-.055em;color:var(--elfenbein)}
.xx__grid{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem;padding-top:2.5rem;border-top:1px solid var(--line-dark)}
.xx__lead{color:rgba(247,244,237,.65);line-height:1.7;max-width:44ch}
.xx__list{margin-top:2rem;border-top:1px solid var(--line-dark)}
.xx__item{display:grid;grid-template-columns:7.5rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line-dark);font-size:.95rem;color:rgba(247,244,237,.88)}
.xx__item span{font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);padding-top:.25rem}
.xx .sg-form{background:transparent;border:0;padding:0;display:flex;flex-direction:column;gap:1.25rem}
.xx .sg-form__row{display:grid;grid-template-columns:1fr;gap:1.25rem}
.xx .form-field{display:flex;flex-direction:column}
.xx .form-field label{color:rgba(247,244,237,.55) !important}
.xx .form-field input,.xx .form-field select,.xx .form-field textarea{background:transparent !important;border:0 !important;border-bottom:1px solid rgba(247,244,237,.25) !important;border-radius:0 !important;color:var(--elfenbein) !important;padding:.6rem 0 .8rem !important;font-size:1.05rem !important}
.xx .form-field select option{color:var(--ink)}
.xx .form-field input:focus,.xx .form-field select:focus,.xx .form-field textarea:focus{border-bottom-color:var(--gold) !important}
.xx .form-field textarea{min-height:90px;resize:vertical}
.xx .form-field textarea::placeholder{color:rgba(247,244,237,.3)}
.xx .sg-form__legal{font-size:.75rem;color:rgba(247,244,237,.45);line-height:1.6}
.xx .sg-form__legal a{color:var(--elfenbein);border-bottom:1px solid rgba(247,244,237,.3)}
.xx #kontaktDanke{background:transparent !important;border-color:var(--line-dark) !important;color:var(--elfenbein)}
.xx #kontaktDanke div{color:var(--elfenbein) !important}
@media(min-width:600px){.xx .sg-form__row{grid-template-columns:1fr 1fr;gap:2rem}}
@media(min-width:960px){.xx__grid{grid-template-columns:1fr 1.25fr;gap:6rem}}
.xx+.footer,#kontakt~.footer{border-top:1px solid var(--line-dark) !important}

/* Reveal beim Scrollen */
[data-rv]{opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
[data-rv].in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.xl>span,.xh__foot,.xh__kpis{animation:none !important;transform:none !important;opacity:1 !important}.xh__media img{animation:none;transform:none}[data-rv]{opacity:1;transform:none}.xm__text .w{opacity:1}.xv__row{opacity:1}}
.nav .nav__logo .nav__logo-light{display:none}
.nav--overlay:not(.scrolled):not(.is-open) .nav__logo .nav__logo-light{display:block}
.nav--overlay:not(.scrolled):not(.is-open) .nav__logo .nav__logo-dark{display:none}
.xc__head{width:100%}
.xq blockquote{border:0 !important;padding:0 !important;margin:0 !important;font-size:inherit}
.xp__half .xarrow{align-self:flex-start}
.xt__p{min-width:0}
.xk__grid{grid-template-columns:minmax(0,1fr)}
.xk__grid>*{min-width:0}
@media(min-width:960px){.xk__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}
@media(max-width:599px){.xk__bar-row{grid-template-columns:3.6rem 1fr 3.8rem}.xk__metrics dt{font-size:1.25rem}.xsvc__name{font-size:clamp(1.6rem,7.4vw,2.4rem)}}

/* ---------- Vollrechner ---------------------------------------------- */
.xk--full{background:var(--elfenbein)}
.xk__intro{color:var(--muted);line-height:1.7;max-width:58ch;margin-top:1.25rem}
.xk--full .xk__grid{background:var(--white)}
.xk--full .xk__inputs{gap:0;justify-content:flex-start}
.xfs{border:0;margin:0;padding:0 0 1.75rem;display:flex;flex-direction:column;gap:1.3rem}
.xfs+.xfs{border-top:1px solid var(--line);padding-top:1.75rem}
.xfs legend{font-family:var(--font-head);font-weight:600;font-size:1.15rem;color:var(--ink);padding:0;margin-bottom:1.1rem;float:left;width:100%}
.xfs__2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.xk--full .xin__f input{font-size:clamp(1.3rem,2.2vw,1.7rem)}
.xin--sel select{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;font-family:var(--font-body);font-size:1rem;color:var(--ink);padding:.5rem 0 .7rem;border-radius:0;outline:none;cursor:pointer}
.xin--sel select:focus{border-color:var(--ink)}
.xchk{display:flex;gap:.8rem;align-items:flex-start;font-size:.9rem;line-height:1.5;color:var(--anthrazit);cursor:pointer}
.xchk input{width:18px;height:18px;margin-top:.1rem;accent-color:var(--ink);flex:none}
.xk__hint{font-size:.78rem;line-height:1.6;color:var(--muted);background:var(--elfenbein);padding:.8rem 1rem}
.xk__sticky{display:flex;flex-direction:column}
@media(min-width:960px){.xk--full .xk__out{display:block}.xk__sticky{position:sticky;top:96px}}
.xk__wf{margin:0 0 1.25rem;border-top:1px solid var(--line-dark)}
.xk__wf>div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--line-dark);font-size:.88rem}
.xk__wf dt{color:rgba(247,244,237,.6)}
.xk__wf dd{margin:0;font-family:var(--font-head);font-weight:600;font-variant-numeric:tabular-nums}
.xk__wf .is-sub dt,.xk__ten .is-sub dt{color:var(--elfenbein);font-weight:600}
.xk__metrics--grid{grid-template-columns:1fr 1fr;gap:0}
.xk__metrics--grid>div{display:block;padding:1rem 0}
.xk__metrics--grid>div:nth-child(2n){padding-left:1rem;border-left:1px solid var(--line-dark)}
.xk__metrics--grid dt{font-size:1.35rem}
.xk__metrics--grid dd{margin-top:.25rem;font-size:.76rem}
.xk__ten{margin:1.5rem 0;padding:1.25rem;background:rgba(247,244,237,.05)}
.xk__ten dl{margin:.8rem 0 0}
.xk__ten dl>div{display:flex;justify-content:space-between;padding:.45rem 0;font-size:.88rem}
.xk__ten dt{color:rgba(247,244,237,.6)}
.xk__ten dd{margin:0;font-family:var(--font-head);font-weight:600;font-variant-numeric:tabular-nums}
.xk__ten .is-sub{border-top:1px solid var(--line-dark);margin-top:.35rem;padding-top:.8rem}
.xk__ten .is-sub dd{color:var(--gold);font-size:1.15rem}
.xk__sticky .btn{justify-content:center;text-align:center;line-height:1.3}
.xk__method{max-width:var(--max-w);margin:1.5rem auto 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.xk__method summary{cursor:pointer;list-style:none;padding:1.25rem 0;font-family:var(--font-head);font-weight:600;font-size:1.1rem;display:flex;justify-content:space-between}
.xk__method summary::-webkit-details-marker{display:none}
.xk__method summary::after{content:"+";font-weight:400;font-size:1.4rem;line-height:1}
.xk__method[open] summary::after{content:"\2212"}
.xk__method-grid{display:grid;grid-template-columns:1fr;gap:1.25rem 3rem;padding-bottom:2rem}
.xk__method-grid p{font-size:.9rem;line-height:1.7;color:var(--anthrazit)}
.xk__method-grid b{color:var(--ink)}
.xk__method-grid span{color:var(--muted)}
@media(min-width:900px){.xk__method-grid{grid-template-columns:1fr 1fr}}

/* ---------- Unterseiten: Kopf und Abschluss --------------------------- */
.xph{background:var(--elfenbein);padding:calc(76px + clamp(2rem,5vw,3.5rem)) var(--gut) clamp(3.5rem,7vw,6rem);border-bottom:1px solid var(--line)}
.xph__inner{max-width:var(--max-w);margin:0 auto}
.xph__kicker{color:var(--muted);border-bottom-color:var(--line)}
.xph__kicker span:first-child{color:var(--messing)}
.xph__title{font-family:var(--font-head);font-weight:700;font-size:clamp(2.8rem,8.5vw,7.5rem);line-height:.94;letter-spacing:-.05em;color:var(--ink);margin:clamp(3rem,8vw,6rem) 0 clamp(1.75rem,3vw,2.5rem);max-width:none}
.xph__title .xl>span{animation-duration:1s}
.xph__foot{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:end}
.xph__lead{font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.7;color:var(--anthrazit);max-width:56ch}
@media(min-width:960px){.xph__foot{grid-template-columns:1fr auto}}
.xcta{background:var(--schwarz);color:var(--elfenbein);padding:clamp(4.5rem,9vw,7.5rem) var(--gut)}
.xcta__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem;align-items:end}
.xcta__title{font-family:var(--font-head);font-weight:700;font-size:clamp(2.2rem,5.5vw,4.6rem);line-height:.96;letter-spacing:-.045em;color:var(--elfenbein);max-width:14ch}
.xcta__side p{color:rgba(247,244,237,.65);line-height:1.7;margin-bottom:1.75rem;max-width:42ch}
@media(min-width:960px){.xcta__inner{grid-template-columns:1.4fr 1fr;gap:4rem}}
.xcta+.footer{border-top:1px solid var(--line-dark) !important}

/* Drei Gründe */
.x3{background:var(--white);padding:clamp(5rem,10vw,8.5rem) var(--gut)}
.x3__inner{max-width:var(--max-w);margin:0 auto}
.x3__grid{display:grid;grid-template-columns:1fr;border-top:1px solid var(--ink);margin-top:clamp(2.5rem,5vw,4rem)}
.x3__item{padding:2rem 0;border-bottom:1px solid var(--line)}
.x3__n{font-family:var(--font-head);font-weight:500;font-size:clamp(3.5rem,6vw,5.5rem);line-height:1;color:transparent;-webkit-text-stroke:1px var(--messing);margin-bottom:1.5rem;display:block}
.x3__item h3{font-family:var(--font-head);font-weight:600;font-size:1.4rem;letter-spacing:-.02em;margin-bottom:.75rem}
.x3__item p{color:var(--muted);line-height:1.7;font-size:.95rem}
@media(min-width:900px){.x3__grid{grid-template-columns:repeat(3,1fr)}.x3__item{padding:2.5rem 2.5rem 2.5rem 0;border-bottom:0}.x3__item+.x3__item{padding-left:2.5rem;border-left:1px solid var(--line)}}
.xfs{min-width:0}.xfs>*{min-width:0}.xin__f{min-width:0}
@media(max-width:959px){.xp__half{min-height:0}.xp__half h3{margin-top:1rem}}

/* ---------- Runde 3 ------------------------------------------------- */
[id]{scroll-margin-top:90px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.xh__rating{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.5rem;font-size:.85rem;color:rgba(247,244,237,.8)}
.xh__rating span{color:var(--gold);letter-spacing:.15em}
.xh__rating b{color:var(--elfenbein);font-weight:600}
.xh__rating:hover{color:var(--elfenbein)}
.xh__foot>div:first-child{display:flex;flex-direction:column}
.xa{background:var(--white);padding:clamp(5rem,10vw,8rem) var(--gut)}
.xa__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr;gap:clamp(2.5rem,5vw,5rem);align-items:center}
.xa__media{position:relative;padding-bottom:12%}
.xa__main{width:88%;aspect-ratio:4/3;object-fit:cover;border-radius:4px;display:block}
.xa__sub{position:absolute;right:0;bottom:0;width:46%;aspect-ratio:4/5;object-fit:cover;border-radius:4px;border:6px solid var(--white)}
.xa__lead{color:var(--anthrazit);line-height:1.7;margin:1.25rem 0 1.75rem;max-width:52ch}
.xa__facts{display:grid;grid-template-columns:1fr 1fr;margin:0 0 2rem;border-top:1px solid var(--line)}
.xa__facts div{padding:1rem 0;border-bottom:1px solid var(--line)}
.xa__facts div:nth-child(2n){padding-left:1.25rem;border-left:1px solid var(--line)}
.xa__facts dt{font-family:var(--font-head);font-weight:600;font-size:1.35rem;letter-spacing:-.025em;color:var(--ink);font-variant-numeric:tabular-nums}
.xa__facts dd{margin:.2rem 0 0;font-size:.78rem;color:var(--muted)}
.xa__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem}
.xa__note{font-size:.72rem;color:var(--muted);margin-top:1.25rem}
@media(min-width:960px){.xa__inner{grid-template-columns:1.1fr 1fr}}
.xx__person{display:flex;align-items:center;gap:1rem;margin-top:2rem;padding:1rem;border:1px solid var(--line-dark);border-radius:4px}
.xx__person img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:center top;background:#555;flex:none}
.xx__person div{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem;color:rgba(247,244,237,.6)}
.xx__person b{font-family:var(--font-head);font-weight:600;font-size:1.05rem;color:var(--elfenbein)}
.xx__person a{color:var(--gold);font-size:.85rem}
/* Mobile Handlungsleiste */
.sg-bar{position:fixed;left:0;right:0;bottom:0;z-index:190;display:grid;grid-template-columns:1fr 1.4fr;gap:.5rem;padding:.6rem .75rem calc(.6rem + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .35s var(--ease)}
.sg-bar.on{transform:none}
.sg-bar a{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;border-radius:2px;font-weight:600;font-size:.9rem}
.sg-bar a:first-child{border:1px solid var(--ink);color:var(--ink)}
.sg-bar a:last-child{background:var(--gold);color:var(--schwarz)}
.sg-bar svg{width:16px;height:16px}
@media(min-width:900px){.sg-bar{display:none}}
.xw{background:var(--white);padding:clamp(5rem,10vw,8rem) var(--gut)}
.xw__inner{max-width:var(--max-w);margin:0 auto}
.xw__head{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:clamp(2.5rem,5vw,3.5rem)}
.xw__lead{color:var(--muted);line-height:1.7;max-width:52ch}
@media(min-width:960px){.xw__head{grid-template-columns:1.1fr 1fr;align-items:end;gap:4rem}}
.xw__steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;counter-reset:none;position:relative}
.xw__steps li{position:relative;padding:0 0 2rem 3.5rem}
.xw__steps li::before{content:"";position:absolute;left:1.05rem;top:2.4rem;bottom:0;width:1px;background:var(--line)}
.xw__steps li:last-child::before{display:none}
.xw__n{position:absolute;left:0;top:0;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;font-family:var(--font-head);font-size:.8rem;font-weight:600;background:var(--white)}
.xw__steps h3{font-family:var(--font-head);font-weight:600;font-size:1.2rem;letter-spacing:-.015em;color:var(--ink);padding-top:.35rem;margin-bottom:.45rem}
.xw__steps p{font-size:.92rem;line-height:1.65;color:var(--muted);max-width:40ch}
@media(min-width:1024px){
  .xw__steps{grid-template-columns:repeat(5,1fr);gap:1.5rem}
  .xw__steps li{padding:3.5rem 0 0}
  .xw__steps li::before{left:2.6rem;right:-1.5rem;top:1.1rem;bottom:auto;width:auto;height:1px}
  .xw__steps li:last-child::before{display:none}
}
.xq__score{font-size:.85rem;color:var(--muted);margin:-.25rem 0 1rem}
.xq__score b{font-family:var(--font-head);font-size:1.3rem;color:var(--ink);margin-right:.25rem}
.xr2{background:var(--white);padding:clamp(3rem,6vw,4.5rem) var(--gut)}
.xr2__inner{max-width:var(--max-w);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 3rem;padding:clamp(1.75rem,3.5vw,2.5rem);background:var(--elfenbein);border:1px solid var(--line);border-radius:4px}
.xr2 .xlabel{margin-bottom:.75rem}
.xr2__t{font-family:var(--font-head);font-weight:700;font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.03em;color:var(--ink)}
.xr2__p{color:var(--muted);line-height:1.65;margin-top:.5rem;max-width:56ch}
.xh__rating{padding:.6rem 0;min-height:44px}
.xx__person a{padding:.35rem 0;display:inline-block}

/* ---------- Hero hell überblendet (wie bisherige Seite) ------------- */
.xh{background:var(--elfenbein);color:var(--ink)}
.xh::after{background:linear-gradient(90deg,rgba(247,244,237,.97) 0%,rgba(247,244,237,.88) 38%,rgba(247,244,237,.5) 70%,rgba(247,244,237,.18) 100%),linear-gradient(0deg,rgba(247,244,237,.75) 0%,rgba(247,244,237,0) 45%)}
@media(max-width:899px){.xh::after{background:linear-gradient(180deg,rgba(247,244,237,.93) 0%,rgba(247,244,237,.85) 55%,rgba(247,244,237,.7) 100%)}}
.xh__kicker{color:var(--muted);border-bottom-color:rgba(20,20,20,.15)}
.xh__kicker span:first-child{color:var(--messing)}
.xh__title{color:var(--ink)}
.xh__sub{color:var(--anthrazit)}
.xh__link{color:var(--ink);border-bottom-color:rgba(20,20,20,.35)}
.xh__link:hover{border-color:var(--ink)}
.xh__rating{color:var(--muted)}
.xh__rating b{color:var(--ink)}
.xh__rating:hover{color:var(--ink)}
.xh__kpis{border-top-color:rgba(20,20,20,.15)}
.xh__kpis>div:nth-child(2n),.xh__kpis>div+div{border-left-color:rgba(20,20,20,.15) !important}
.xh__kpis dt{color:var(--ink)}
.xh__kpis dd{color:var(--muted)}
.xh::after{background:linear-gradient(90deg,rgba(247,244,237,.97) 0%,rgba(247,244,237,.88) 40%,rgba(247,244,237,.66) 70%,rgba(247,244,237,.5) 100%),linear-gradient(0deg,rgba(247,244,237,.78) 0%,rgba(247,244,237,0) 45%),linear-gradient(180deg,rgba(247,244,237,.6) 0%,rgba(247,244,237,0) 22%)}
@media(max-width:899px){.xh::after{background:linear-gradient(180deg,rgba(247,244,237,.93) 0%,rgba(247,244,237,.85) 55%,rgba(247,244,237,.72) 100%)}}
/* Hero Bewertungszeile mit Plattform Logos */
.xh__rating--src{flex-wrap:wrap;gap:.6rem 1.1rem}
.xh__src{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}
.xh__src-logo{width:17px;height:17px;flex:none}
.xh__rating--src b{color:var(--ink);font-weight:600;margin-left:.15rem}
.xh__rating--src span{color:var(--anthrazit);letter-spacing:0}
.xh__rating--src em{font-style:normal;color:var(--muted)}
.xh__rating--src em::before{content:"·";margin-right:.4rem;color:var(--muted)}
.xh__rating--src i{width:1px;height:18px;background:rgba(20,20,20,.18)}
@media(max-width:1199px){.xh__rating--src i{display:none}.xh__rating--src{flex-direction:column;align-items:flex-start;gap:.5rem}}
/* Leistungen: Filmstreifen statt schwebendem Bild (Runde 11) */
.xsvc__float{display:none !important}
.xsvc__row{position:relative;isolation:isolate}
.xsvc__bar{position:relative;z-index:2}
@media(min-width:900px) and (hover:hover){
  .xsvc__row::before,.xsvc__row::after{content:"";position:absolute;left:calc(-1 * var(--gut));right:calc(-1 * var(--gut));top:0;height:var(--barh,100%);pointer-events:none;opacity:0;transition:opacity .55s var(--ease)}
  .xsvc__row::before{z-index:0;background:var(--img) center 45%/cover no-repeat;transform:scale(1.08);transition:opacity .55s var(--ease),transform 2.4s cubic-bezier(.2,.6,.2,1)}
  .xsvc__row::after{z-index:1;background:linear-gradient(90deg,rgba(14,13,11,.86) 0%,rgba(14,13,11,.55) 45%,rgba(14,13,11,.35) 70%,rgba(14,13,11,.7) 100%)}
  .xsvc__row:not(.open):hover::before{opacity:1;transform:scale(1)}
  .xsvc__row:not(.open):hover::after{opacity:1}
  .xsvc__row:not(.open):hover .xsvc__name{color:var(--elfenbein)}
  .xsvc__row:not(.open):hover .xsvc__n{color:var(--gold)}
  .xsvc__row:not(.open):hover .xsvc__hint{color:rgba(247,244,237,.85)}
  .xsvc__row:not(.open):hover .xsvc__plus::before,.xsvc__row:not(.open):hover .xsvc__plus::after{background:var(--elfenbein)}
  .xsvc:hover .xsvc__row:not(:hover):not(.open) .xsvc__name{color:rgba(20,20,20,.28)}
  .xsvc__name,.xsvc__hint,.xsvc__n{transition:transform .5s var(--ease),color .45s var(--ease)}
}
@media (prefers-reduced-motion:reduce){.xsvc__row::before{transform:none !important;transition:opacity .3s !important}}
#leistungen{overflow-x:clip}
@media(min-width:900px) and (hover:hover){.xsvc__row::before,.xsvc__row::after{left:calc(50% - 50vw);right:calc(50% - 50vw)}}
/* Anfrage-Fragebogen (Runde 12) */
.xx .fx{gap:0;border:1px solid var(--line-dark);border-radius:6px;padding:clamp(1.25rem,3vw,2.25rem);background:linear-gradient(180deg,rgba(247,244,237,.035),rgba(247,244,237,.01))}
.fx__top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:rgba(247,244,237,.6);margin-bottom:1rem}
.fx__trust{display:flex;gap:1.1rem;flex-wrap:wrap}
.fx__trust span{display:inline-flex;align-items:center;gap:.4rem}
.fx__trust svg{width:15px;height:15px}
.fx__trust b{color:var(--elfenbein);font-weight:600}
.fx__time{color:rgba(247,244,237,.45)}
.fx__prog{height:3px;background:rgba(247,244,237,.1);border-radius:2px;overflow:hidden;margin-bottom:clamp(1.5rem,3vw,2.25rem)}
.fx__prog i{display:block;height:100%;background:var(--gold);transform:scaleX(.05);transform-origin:left;transition:transform .5s var(--ease)}
.fx__step{border:0;margin:0;padding:0;min-width:0}
.fx__step[hidden]{display:none}
.fx__step.fx-in{animation:fxIn .45s var(--ease)}
.fx__step.fx-back{animation:fxBack .45s var(--ease)}
@keyframes fxIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes fxBack{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
.fx__q{display:flex;align-items:center;gap:.9rem;padding:0;margin:0 0 1.4rem;font-family:var(--font-head);font-weight:600;font-size:clamp(1.25rem,2.1vw,1.65rem);line-height:1.2;letter-spacing:-.025em;color:var(--elfenbein)}
.fx__av{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:center top;flex:none;background:var(--stage-portrait,#B9946A)}
.fx__i{width:40px;height:40px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);color:var(--gold);font-family:Georgia,serif;font-style:italic;font-size:1.1rem}
.fx__sub{margin:-.6rem 0 1.25rem;font-size:.88rem;line-height:1.6;color:rgba(247,244,237,.55)}
.fx__hint{font-size:1rem;line-height:1.7;color:rgba(247,244,237,.78);max-width:56ch;margin:0 0 .5rem}
.fx__opts{display:grid;grid-template-columns:1fr;gap:.6rem}
@media(min-width:560px){.fx__opts--2{grid-template-columns:1fr 1fr}}
.fx__opt{position:relative;display:flex;align-items:center;min-height:58px;padding:.9rem 1.1rem .9rem 3rem;border:1px solid rgba(247,244,237,.16);border-radius:4px;background:rgba(247,244,237,.03);cursor:pointer;font-size:.95rem;line-height:1.35;color:var(--elfenbein);transition:border-color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease)}
.fx__opt:hover{border-color:rgba(242,172,60,.6);background:rgba(242,172,60,.06)}
.fx__opt input{position:absolute;opacity:0;pointer-events:none}
.fx__opt::before{content:"";position:absolute;left:1.1rem;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;border:1.5px solid rgba(247,244,237,.4);transition:all .2s var(--ease)}
.fx__opt:has(input:checked){border-color:var(--gold);background:rgba(242,172,60,.1)}
.fx__opt:has(input:checked)::before{border-color:var(--gold);background:var(--gold);box-shadow:inset 0 0 0 3px #0E0E0E}
.fx__opt:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:2px}
.fx__fields{display:flex;flex-direction:column;gap:1.25rem}
.fx .is-bad{border-bottom-color:#E9A39A !important}
.fx__check{display:flex;gap:.75rem;align-items:flex-start;font-size:.8rem;line-height:1.6;color:rgba(247,244,237,.6);cursor:pointer}
.fx__check input{margin-top:.25rem;width:17px;height:17px;accent-color:var(--gold);flex:none}
.fx__check a{color:var(--elfenbein);border-bottom:1px solid rgba(247,244,237,.3)}
.fx__nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.75rem;min-height:44px}
.fx__nav:not(:has(.fx__back)){justify-content:flex-end}
.fx__back{background:none;border:0;padding:.6rem 0;color:rgba(247,244,237,.55);font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem}
.fx__back::before{content:"";width:14px;height:1px;background:currentColor}
.fx__back:hover{color:var(--elfenbein)}
.fx__next{min-width:9rem;justify-content:center}
.fx__send{flex:1;max-width:22rem;justify-content:center}
.fx__legal{margin:1.5rem 0 0;padding-top:1rem;border-top:1px solid var(--line-dark);font-size:.72rem;color:rgba(247,244,237,.4)}
@media (prefers-reduced-motion:reduce){.fx__step.fx-in,.fx__step.fx-back{animation:none}}
/* Ansprechpartner Porträt: Ausschnitt auf Kopf und Schultern */
.xx__av{position:relative;width:72px;height:72px;border-radius:50%;overflow:hidden;flex:none;background:var(--stage-portrait,#C9A06A)}
.xx__person .xx__av img{position:absolute;width:160%;height:auto;max-width:none;left:-35.7%;top:-2.4%;border-radius:0;background:none;object-fit:initial}
.xx__av{width:64px;height:64px}
.xx__person .xx__av img{width:128%;left:-18.7%;top:4%}
/* Terminbuchung nach dem Fragebogen */
.xx #kontaktDanke{text-align:left !important}
.fxt{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line-dark)}
.fxt__lead{color:var(--elfenbein);font-weight:600;margin:0 0 1rem}
.fxt .meetings-iframe-container{background:var(--white);border-radius:6px;overflow:hidden;min-height:620px}
/* Sprungpunkt Fragebogen */
#anfrage{scroll-margin-top:96px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* =====================================================================
   RECHNER v3
   ===================================================================== */
.rc{background:var(--elfenbein);padding:clamp(5rem,10vw,8rem) var(--gut)}
.rc__wrap{max-width:var(--max-w);margin:0 auto}
.rc__head{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:clamp(2rem,4vw,3rem)}
.rc__intro{color:var(--muted);line-height:1.7;max-width:56ch}
@media(min-width:960px){.rc__head{grid-template-columns:1.1fr 1fr;align-items:end;gap:4rem}}
.rc__app{display:grid;grid-template-columns:minmax(0,1fr);background:var(--white);border:1px solid var(--line);border-radius:6px;overflow:hidden}
@media(min-width:1024px){.rc__app{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.rc__panel{padding:clamp(1.25rem,2.6vw,2rem);border-bottom:1px solid var(--line)}
@media(min-width:1024px){.rc__panel{border-bottom:0;border-right:1px solid var(--line)}}

/* Reiter */
.rc__tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;background:var(--elfenbein);border-radius:4px;padding:.25rem;margin-bottom:1.5rem}
.rc__tabs button{border:0;background:transparent;border-radius:3px;padding:.7rem .5rem;font-size:.85rem;font-weight:600;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .2s,color .2s}
.rc__tabs button b{width:20px;height:20px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-size:.68rem;font-weight:600}
.rc__tabs button.on{background:var(--white);color:var(--ink);box-shadow:0 1px 2px rgba(20,20,20,.08)}
.rc__tabs button.on b{background:var(--ink);border-color:var(--ink);color:var(--white)}
.rc__pane{display:none;flex-direction:column;gap:1.15rem}
.rc__pane.on{display:flex}

/* Felder */
.cf{display:flex;flex-direction:column;gap:.45rem;min-width:0}
.cf__l{font-size:.8rem;font-weight:600;color:var(--anthrazit);display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}
.cf__hint{font-weight:400;color:var(--muted);font-size:.75rem}
.cf__box{display:flex;align-items:center;border:1px solid var(--line);border-radius:4px;background:var(--white);transition:border-color .2s,box-shadow .2s;min-width:0}
.cf__box:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px rgba(20,20,20,.06)}
.cf__box input,.cf__box select{flex:1;min-width:0;border:0;background:transparent;padding:.75rem .85rem;font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;outline:none;-webkit-appearance:none;appearance:none}
.cf__box span{padding-right:.85rem;font-size:.82rem;color:var(--muted);white-space:nowrap}
.cf__box--sel{position:relative}
.cf__box--sel::after{content:"";position:absolute;right:.95rem;top:50%;width:7px;height:7px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.cf__box--sel select{cursor:pointer;padding-right:2.2rem;font-weight:500}
.cf__2{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}
.cf__row{display:grid;grid-template-columns:1fr 8.5rem;gap:1rem;align-items:center}
.cf__box--s input{text-align:right;padding-right:.4rem}
.cf--range input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:28px;background:transparent;cursor:pointer;margin:0}
.cf--range input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--line);border-radius:2px}
.cf--range input[type=range]::-moz-range-track{height:3px;background:var(--line);border-radius:2px}
.cf--range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--ink);border:3px solid var(--white);box-shadow:0 0 0 1px var(--ink);margin-top:-7.5px}
.cf--range input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--ink);border:3px solid var(--white);box-shadow:0 0 0 1px var(--ink)}
.cf__chk{display:flex;gap:.7rem;align-items:flex-start;font-size:.85rem;line-height:1.5;color:var(--anthrazit);cursor:pointer}
.cf__chk input{width:18px;height:18px;margin-top:.1rem;accent-color:var(--ink);flex:none}
.rc__facts{display:grid;grid-template-columns:repeat(3,1fr);margin:.25rem 0 0;border:1px solid var(--line);border-radius:4px}
.rc__facts div{padding:.75rem .8rem}
.rc__facts div+div{border-left:1px solid var(--line)}
.rc__facts dt{font-size:.7rem;color:var(--muted)}
.rc__facts dd{margin:.25rem 0 0;font-weight:600;font-size:.9rem;font-variant-numeric:tabular-nums;color:var(--ink)}
.rc__tip{font-size:.78rem;line-height:1.6;color:var(--muted);background:var(--elfenbein);border-radius:4px;padding:.75rem .9rem}
.rc__next{align-self:flex-start;border:0;background:none;padding:.4rem 0;font-weight:600;font-size:.88rem;color:var(--ink);cursor:pointer;border-bottom:1px solid var(--ink)}
.rc__next::after{content:" \2192"}

/* Ergebnis */
.rc__res{padding:clamp(1.25rem,2.6vw,2rem);display:flex;flex-direction:column;gap:1.5rem;min-width:0}
.rc__kpis{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.rc__kpi{border:1px solid var(--line);border-radius:4px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.2rem}
.rc__kpi span{font-size:.75rem;font-weight:600;color:var(--muted)}
.rc__kpi b{font-family:var(--font-head);font-weight:600;font-size:clamp(1.35rem,2.2vw,1.7rem);letter-spacing:-.025em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.15}
.rc__kpi small{font-size:.72rem;color:var(--muted)}
.rc__kpi--main{grid-column:1/-1;background:var(--schwarz);border-color:var(--schwarz)}
.rc__kpi--main span{color:var(--gold)}
.rc__kpi--main b{color:var(--elfenbein);font-size:clamp(2.2rem,4.4vw,3.2rem)}
.rc__kpi--main b.is-neg{color:#F0A99E}
.rc__kpi--main small{color:rgba(247,244,237,.55)}
@media(min-width:640px){.rc__kpis{grid-template-columns:1.4fr 1fr 1fr}.rc__kpi--main{grid-column:auto}}
.rc__tables{display:grid;grid-template-columns:1fr;gap:1.25rem}
@media(min-width:640px){.rc__tables{grid-template-columns:1.25fr 1fr}}
.rc__t{width:100%;border-collapse:collapse;font-size:.86rem}
.rc__t caption{text-align:left;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--messing);padding-bottom:.6rem}
.rc__t th{text-align:left;font-weight:400;color:var(--anthrazit);padding:.5rem 0;border-bottom:1px solid var(--line)}
.rc__t th span{color:var(--muted);font-size:.78rem}
.rc__t td{text-align:right;font-weight:600;color:var(--ink);padding:.5rem 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap}
.rc__t tr.is-sum th,.rc__t tr.is-sum td{font-weight:600;border-bottom-color:var(--ink)}
.rc__t tr.is-total th,.rc__t tr.is-total td{font-weight:700;border-bottom:0;padding-top:.65rem}
.rc__chart{border:1px solid var(--line);border-radius:4px;padding:1rem 1.1rem}
.rc__chart-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem}
.rc__chart-head p{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--messing)}
.rc__seg{display:flex;background:var(--elfenbein);border-radius:4px;padding:.2rem}
.rc__seg button{border:0;background:none;padding:.35rem .65rem;font-size:.75rem;font-weight:600;color:var(--muted);border-radius:3px;cursor:pointer}
.rc__seg button.on{background:var(--white);color:var(--ink);box-shadow:0 1px 2px rgba(20,20,20,.08)}
.rc__svg svg{width:100%;height:auto;display:block}
.rc__svg text{font-family:var(--font-body);font-size:11px;fill:var(--muted)}
.rc__svg .g{stroke:var(--line);stroke-width:1}
.rc__svg .a{fill:rgba(242,172,60,.18)}
.rc__svg .w{fill:none;stroke:var(--ink);stroke-width:2}
.rc__svg .r{fill:none;stroke:var(--messing);stroke-width:2;stroke-dasharray:5 4}
.rc__legend{list-style:none;padding:0;margin:.75rem 0 0;display:grid;grid-template-columns:1fr;gap:.35rem;font-size:.8rem;color:var(--anthrazit);border-top:1px solid var(--line);padding-top:.75rem}
.rc__legend li{display:flex;align-items:center;gap:.6rem}
.rc__legend b{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--ink)}
.rc__legend i{width:16px;height:3px;flex:none}
.l-wert{background:var(--ink)}
.l-rest{background:repeating-linear-gradient(90deg,var(--messing) 0 5px,transparent 5px 8px)}
.l-netto{background:rgba(242,172,60,.45);height:10px !important}
@media(min-width:640px){.rc__legend{grid-template-columns:repeat(3,1fr);column-gap:1.25rem}.rc__legend li{display:grid;grid-template-columns:16px 1fr;column-gap:.6rem;align-items:center}.rc__legend b{grid-column:2;margin:0;font-family:var(--font-head);font-size:1.05rem}}
.rc__cta{justify-content:center;text-align:center}

/* Kurzrechner */
.rc__app--teaser{grid-template-columns:minmax(0,1fr)}
.rc__panel--grid{display:grid;grid-template-columns:1fr;gap:1.1rem}
@media(min-width:640px){.rc__panel--grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rc__panel--grid .cf--range{grid-column:span 1}}
@media(min-width:1024px){.rc__app--teaser{grid-template-columns:minmax(0,1fr)}.rc__app--teaser .rc__panel{border-right:0;border-bottom:1px solid var(--line)}.rc__panel--grid{grid-template-columns:1fr 1fr 1fr 1.3fr 1.3fr}}
.rc--teaser .cf__row{grid-template-columns:1fr 6.5rem}
.rc__split-bar{display:flex;height:12px;border-radius:2px;overflow:hidden;background:var(--elfenbein)}
.rc__split-bar i{display:block;flex-basis:0;transition:flex-grow .5s var(--ease)}
.rc__split-bar [data-bar=zins],.l-zins{background:var(--anthrazit)}
.rc__split-bar [data-bar=tilg],.l-tilg{background:var(--messing)}
.rc__split-bar [data-bar=rest],.l-rest2{background:var(--gold)}
.rc__split ul{list-style:none;padding:0;margin:.7rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;font-size:.82rem;color:var(--anthrazit)}
.rc__split li{display:flex;align-items:center;gap:.5rem}
.rc__split li i{width:10px;height:10px;border-radius:2px}
.rc__split b{font-variant-numeric:tabular-nums;color:var(--ink)}
.rc__foot{display:flex;justify-content:space-between;align-items:center;gap:1rem 2rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--line)}
.rc__foot p{font-size:.75rem;color:var(--muted);max-width:52ch}
.rc .xs__title,.xs__title{font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.05;letter-spacing:-.035em;max-width:22ch}
.rc__seg button{white-space:nowrap}
.rc__legend li{display:grid;grid-template-columns:16px 1fr auto;column-gap:.6rem;align-items:center}
.rc__legend b{white-space:nowrap}
@media(max-width:639px){
  .rc__tabs button{font-size:.78rem;padding:.65rem .25rem;gap:.35rem}
  .rc__tabs button b{display:none}
  .rc__chart{padding:.9rem .75rem}
  .rc__chart-head{flex-wrap:wrap}
  .cf__row{grid-template-columns:1fr 7.25rem}
  .rc__facts{grid-template-columns:1fr}
  .rc__facts div+div{border-left:0;border-top:1px solid var(--line)}
  .rc__facts div{display:flex;justify-content:space-between;align-items:baseline}
  .rc__facts dd{margin:0}
}
@media(min-width:640px){.rc__legend li{grid-template-columns:16px 1fr}.rc__legend b{grid-column:2}}
/* Rechner: Vergleich und PDF */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rc__more{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.75rem 0 0}
.rc__morebtn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.2rem;border:1px solid var(--ink);border-radius:2px;background:transparent;color:var(--ink);font-weight:600;font-size:.88rem;cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease)}
.rc__morebtn::after{content:"+";font-size:1.1rem;line-height:1;transition:transform .3s var(--ease)}
.rc__morebtn[aria-expanded="true"]{background:var(--ink);color:var(--elfenbein)}
.rc__morebtn[aria-expanded="true"]::after{transform:rotate(45deg)}
.rc__cmp,.rc__pdf{margin-top:1.25rem;padding:clamp(1.25rem,3vw,2rem);background:var(--white);border:1px solid var(--line);border-radius:6px}
.rc__cmp-h{font-family:var(--font-head);font-weight:600;font-size:1.3rem;letter-spacing:-.02em;color:var(--ink);margin:0 0 1rem}
.rc__cmpwrap{overflow-x:auto}
.rc__cmptab{width:100%;min-width:560px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.rc__cmptab th,.rc__cmptab td{padding:.85rem .75rem;text-align:right;border-bottom:1px solid var(--line);font-size:.92rem}
.rc__cmptab thead th{font-family:var(--font-head);font-weight:600;color:var(--ink);vertical-align:bottom;font-size:.95rem}
.rc__cmptab thead small{display:block;font-family:var(--font-body);font-weight:400;font-size:.75rem;color:var(--muted);margin-top:.2rem}
.rc__cmptab tbody th{text-align:left;font-weight:500;color:var(--anthrazit)}
.rc__cmptab td{color:var(--ink)}
.rc__cmptab td.is-best{font-weight:700;background:rgba(242,172,60,.12)}
.rc__small{font-size:.8rem;line-height:1.6;color:var(--muted);margin:1rem 0 0;max-width:80ch}
.rc__pdf .rc__small{margin:0 0 1.25rem}
.rc__pdfrow{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}
@media(min-width:600px){.rc__pdfrow{grid-template-columns:1fr 1fr}}
.rc__pdfchk{margin:0 0 1.25rem;color:var(--muted)}
.rc__pdfchk a{color:var(--ink);border-bottom:1px solid rgba(20,20,20,.3)}
.rc__pdfok{margin:1rem 0 0;color:var(--ink);font-weight:600}
@media(min-width:760px){.rc__pdfrow--3{grid-template-columns:1fr 1fr 1.3fr}}


/* =====================================================================
   UNTERSEITEN v3
   ===================================================================== */

/* ---------- Team: Geschäftsführung ---------------------------------- */
.tl{background:var(--white);padding:clamp(4.5rem,9vw,7.5rem) var(--gut)}
.tl__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.tl__ph{margin:0;aspect-ratio:4/5;overflow:hidden;border-radius:4px;background:#8f8f8f}
.tl__ph img{width:100%;height:100%;object-fit:cover;object-position:center top}
.tl__n{font-family:var(--font-head);font-weight:700;font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-.04em;line-height:1;color:var(--ink)}
.tl__r{font-size:.95rem;color:var(--messing);font-weight:600;margin:.75rem 0 1.75rem}
.tl__bio{font-size:clamp(1rem,1.3vw,1.1rem);line-height:1.75;color:var(--anthrazit);max-width:52ch;margin-bottom:1rem}
.tl__txt .xarrow{margin-top:1rem}
@media(min-width:900px){.tl__inner{grid-template-columns:5fr 6fr}}
.tl__board{max-width:var(--max-w);margin:clamp(3rem,6vw,5rem) auto 0;padding-top:2rem;border-top:1px solid var(--line)}
.tl__board-grid{display:grid;grid-template-columns:1fr;gap:1rem}
.tb{display:flex;align-items:center;gap:1.25rem;padding:1rem;border:1px solid var(--line);border-radius:4px}
.tb img{width:88px;height:88px;object-fit:cover;object-position:center top;border-radius:50%;background:#8f8f8f;flex:none}
.tb h4{font-family:var(--font-head);font-weight:600;font-size:1.15rem;color:var(--ink)}
.tb p{font-size:.85rem;color:var(--muted);margin-top:.2rem}
@media(min-width:700px){.tl__board-grid{grid-template-columns:1fr 1fr}}

/* ---------- Team: Bereiche ------------------------------------------ */
.td{background:var(--elfenbein);padding:clamp(4.5rem,9vw,7.5rem) var(--gut)}
.td__inner{max-width:var(--max-w);margin:0 auto}
.td__dept+.td__dept{margin-top:clamp(3.5rem,7vw,5.5rem)}
.td__head{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.25rem;align-items:start;padding-bottom:1.5rem;margin-bottom:2rem;border-bottom:1px solid var(--ink)}
.td__no{font-family:var(--font-head);font-size:.85rem;color:var(--messing);padding-top:.5rem;font-variant-numeric:tabular-nums}
.td__t{font-family:var(--font-head);font-weight:700;font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.03em;color:var(--ink);line-height:1.1}
.td__d{color:var(--muted);margin-top:.5rem;max-width:56ch;line-height:1.6}
.td__count{grid-column:2;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
@media(min-width:800px){.td__head{grid-template-columns:3rem 1fr auto;align-items:end}.td__count{grid-column:auto}}
.td__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1rem}
@media(min-width:800px){.td__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5rem 1.5rem}}
@media(min-width:1100px){.td__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.tp__ph{aspect-ratio:4/5;overflow:hidden;border-radius:4px;background:#8f8f8f;margin-bottom:1rem}
.tp__ph img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:filter .5s var(--ease),transform .8s var(--ease)}
.tp:hover .tp__ph img{transform:scale(1.02)}
.tp__n{font-family:var(--font-head);font-weight:600;font-size:1.05rem;color:var(--ink);letter-spacing:-.01em}
.tp__r{font-size:.82rem;color:var(--muted);margin-top:.2rem;line-height:1.45;min-height:2.4em}
.tp__m{display:inline-block;margin-top:.6rem;font-size:.75rem;color:var(--ink);border-bottom:1px solid var(--line);word-break:break-all;transition:border-color .2s}
.tp__m:hover{border-color:var(--ink)}
.td__partner{margin-top:clamp(3.5rem,7vw,5rem);padding:1.5rem 1.75rem;background:var(--white);border:1px solid var(--line);border-radius:4px}
.td__partner .xlabel{margin-bottom:.75rem}
.td__partner p:not(.xlabel){color:var(--anthrazit);line-height:1.7;max-width:80ch}

/* ---------- Team: Karriere Teaser ----------------------------------- */
.tk{background:var(--white);padding:clamp(4.5rem,9vw,7.5rem) var(--gut)}
.tk__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr;gap:2.5rem}
.tk__lead{color:var(--muted);line-height:1.7;margin:1.25rem 0 1.75rem;max-width:48ch}
.tk__list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;border-top:1px solid var(--line)}
.tk__list li{padding:1.1rem 0;border-bottom:1px solid var(--line);display:grid;gap:.25rem}
.tk__list b{font-family:var(--font-head);font-weight:600;color:var(--ink)}
.tk__list span{font-size:.9rem;color:var(--muted)}
@media(min-width:700px){.tk__list{grid-template-columns:1fr 1fr;column-gap:2rem}}
@media(min-width:960px){.tk__inner{grid-template-columns:1fr 1.2fr;gap:5rem}}
.tl__ph img,.tb img{transition:filter .5s var(--ease)}
.tl__ph:hover img,.tb:hover img{}

/* ---------- Referenzen ---------------------------------------------- */
.rk{background:var(--white);border-bottom:1px solid var(--line);padding:0 var(--gut)}
.rk__grid{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr)}
.rk__grid div{padding:clamp(1.5rem,3vw,2.25rem) 1rem clamp(1.5rem,3vw,2.25rem) 0}
.rk__grid div:nth-child(2n){padding-left:1rem;border-left:1px solid var(--line)}
.rk__grid dt{font-family:var(--font-head);font-weight:600;font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}
.rk__grid dd{margin:.35rem 0 0;font-size:.8rem;color:var(--muted)}
@media(min-width:900px){.rk__grid{grid-template-columns:repeat(4,1fr)}.rk__grid div{padding-left:1.5rem}.rk__grid div:first-child{padding-left:0}.rk__grid div+div{border-left:1px solid var(--line)}}
.rg{background:var(--elfenbein);padding:clamp(4rem,8vw,6.5rem) var(--gut)}
.rg__inner{max-width:var(--max-w);margin:0 auto}
.rg__bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
.rg__bar .xlabel{margin:0}
.rg__filter{display:flex;background:var(--white);border:1px solid var(--line);border-radius:4px;padding:.2rem}
.rg__filter button{border:0;background:none;padding:.55rem .9rem;font-size:.82rem;font-weight:600;color:var(--muted);border-radius:3px;cursor:pointer;display:flex;gap:.4rem;align-items:center}
.rg__filter button b{font-weight:500;font-size:.72rem;color:var(--muted)}
.rg__filter button.on{background:var(--ink);color:var(--white)}
.rg__filter button.on b{color:rgba(255,255,255,.6)}
.rg__grid{display:grid;grid-template-columns:1fr;gap:2.5rem 1.5rem}
@media(min-width:640px){.rg__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.rg__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rf{display:block;color:var(--ink)}
.rf[hidden]{display:none}
.rf__img{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:4px;background:var(--sand)}
.rf__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.rf:hover .rf__img img{transform:scale(1.03)}
.rf__tag{position:absolute;left:1rem;top:1rem;background:var(--white);color:var(--ink);font-size:.64rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:.45rem .7rem;border-radius:2px}
.rf__tag--sold{background:var(--schwarz);color:var(--elfenbein)}
.rf__n{font-family:var(--font-head);font-weight:600;font-size:1.3rem;letter-spacing:-.02em;margin-top:1.15rem}
.rf__c{font-size:.82rem;color:var(--muted);margin-top:.3rem}
.rf__s{display:grid;grid-template-columns:repeat(3,1fr);margin:1rem 0 0;padding-top:.9rem;border-top:1px solid var(--line)}
.rf__s div+div{border-left:1px solid var(--line);padding-left:.9rem}
.rf__s dt{font-family:var(--font-head);font-weight:600;font-size:1.05rem;font-variant-numeric:tabular-nums}
.rf__s dd{margin:.15rem 0 0;font-size:.74rem;color:var(--muted)}
.rb{background:var(--schwarz);color:var(--elfenbein);padding:clamp(4.5rem,9vw,7.5rem) var(--gut)}
.rb__inner{max-width:var(--max-w);margin:0 auto}
.rb .xs__title{color:var(--elfenbein)}
.rb__head{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:clamp(2.5rem,5vw,3.5rem)}
.rb__lead{color:rgba(247,244,237,.62);line-height:1.7;max-width:54ch}
@media(min-width:960px){.rb__head{grid-template-columns:1.1fr 1fr;align-items:end;gap:4rem}}
.rb__grid{display:grid;grid-template-columns:1fr;gap:2rem 1.5rem}
@media(min-width:800px){.rb__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.rbc__img{aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:#222}
.rbc__img img{width:100%;height:100%;object-fit:cover}
.rbc__k{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:1.1rem}
.rbc h3{font-family:var(--font-head);font-weight:600;font-size:1.2rem;color:var(--elfenbein);margin-top:.5rem;letter-spacing:-.015em}
.rbc dl{display:grid;grid-template-columns:repeat(3,1fr);margin:1rem 0 0;padding-top:.9rem;border-top:1px solid var(--line-dark)}
.rbc dl div+div{border-left:1px solid var(--line-dark);padding-left:.8rem}
.rbc dt{font-size:.72rem;color:rgba(247,244,237,.5)}
.rbc dd{margin:.2rem 0 0;font-weight:600;font-size:.92rem;font-variant-numeric:tabular-nums}

/* ---------- Kundenstimmen ------------------------------------------- */
.ks__rate{display:flex;align-items:center;gap:1rem}
.ks__rate>b{font-family:var(--font-head);font-weight:700;font-size:3rem;letter-spacing:-.04em;color:var(--ink);line-height:1}
.ks__rate div{display:flex;flex-direction:column;gap:.2rem;font-size:.82rem;color:var(--muted)}
.ks__stars{color:var(--gold);letter-spacing:.2em;font-size:.95rem}
.ks{background:var(--white);padding:clamp(4rem,8vw,6.5rem) var(--gut)}
.ks__inner{max-width:var(--max-w);margin:0 auto}
.ks__feat{margin:0 0 clamp(3rem,6vw,4.5rem);padding-bottom:clamp(2.5rem,5vw,3.5rem);border-bottom:1px solid var(--line)}
.ks__feat blockquote{margin:0;border:0;padding:0}
.ks__ft{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--messing);margin-bottom:1.25rem}
.ks__fq{font-family:var(--font-head);font-weight:500;font-size:clamp(1.4rem,2.8vw,2.3rem);line-height:1.28;letter-spacing:-.025em;color:var(--ink);max-width:40ch}
.ks__feat figcaption,.ksc figcaption{display:flex;align-items:center;gap:.85rem;margin-top:1.75rem;font-size:.82rem;color:var(--muted)}
.ks__feat figcaption b,.ksc figcaption b{color:var(--ink);font-weight:600;font-size:.92rem}
.ksc figcaption div{display:flex;flex-direction:column;gap:.1rem}
.ks__av{width:40px;height:40px;border-radius:50%;background:var(--elfenbein);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-head);font-weight:600;font-size:.78rem;color:var(--ink);flex:none}
.ks__grid{columns:1;column-gap:1.5rem}
@media(min-width:720px){.ks__grid{columns:2}}
@media(min-width:1100px){.ks__grid{columns:3}}
.ksc{break-inside:avoid;margin:0 0 1.5rem;padding:1.75rem;border:1px solid var(--line);border-radius:4px;background:var(--white)}
.ksc blockquote{margin:.75rem 0 0;border:0;padding:0}
.ksc__t{font-family:var(--font-head);font-weight:600;font-size:1.1rem;color:var(--ink);letter-spacing:-.01em;margin-bottom:.6rem}
.ksc__q{font-size:.93rem;line-height:1.7;color:var(--anthrazit)}
.ksc figcaption{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}

/* ---------- Ankaufsprofil ------------------------------------------- */
.ak{background:var(--white);padding:clamp(4.5rem,9vw,7.5rem) var(--gut)}
.ak--alt{background:var(--elfenbein)}
.ak__inner{max-width:var(--max-w);margin:0 auto}
.ak__head{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:clamp(2.5rem,5vw,3.5rem)}
.ak__lead{color:var(--muted);line-height:1.7;max-width:56ch}
@media(min-width:960px){.ak__head{grid-template-columns:1.1fr 1fr;align-items:end;gap:4rem}}
.ak__cats{display:grid;grid-template-columns:1fr;border-top:1px solid var(--ink)}
.ak__cat{padding:1.75rem 0;border-bottom:1px solid var(--line)}
.ak__cat h3{font-family:var(--font-head);font-weight:600;font-size:1.3rem;letter-spacing:-.02em;color:var(--ink);margin-bottom:1rem}
.ak__cat ul{list-style:none;padding:0;margin:0}
.ak__cat li{padding:.55rem 0 .55rem 1.4rem;position:relative;font-size:.93rem;line-height:1.5;color:var(--anthrazit)}
.ak__cat li::before{content:"";position:absolute;left:0;top:1.05rem;width:.7rem;height:1px;background:var(--messing)}
@media(min-width:900px){.ak__cats{grid-template-columns:repeat(3,1fr)}.ak__cat{padding:2rem 2rem 2rem 0;border-bottom:0}.ak__cat+.ak__cat{padding-left:2rem;border-left:1px solid var(--line)}}
.ak__facts{margin:2rem 0 2rem;display:grid;grid-template-columns:1fr;border:1px solid var(--line);border-radius:4px;background:var(--white)}
.ak__facts div{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:.85rem 1.1rem;font-size:.9rem}
.ak__facts div+div{border-top:1px solid var(--line)}
.ak__facts dt{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--messing);padding-top:.15rem}
.ak__facts dd{margin:0;color:var(--ink)}
@media(max-width:560px){.ak__facts div{grid-template-columns:1fr;gap:.25rem}}
.ak--map{background:var(--white)}
.demap{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;border:1px solid var(--line);border-radius:4px;padding:clamp(1.25rem,3vw,2.5rem)}
@media(min-width:900px){.demap{grid-template-columns:minmax(0,360px) 1fr;gap:3.5rem}}
#de-map{min-height:240px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.85rem}
#de-map svg{width:100%;height:auto;max-height:440px}
#de-map svg path{stroke:#fff;stroke-width:1;transition:fill .3s}
.demap__ctrl{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1.5rem}
.rbtn{display:flex;align-items:center;gap:.6rem;border:1px solid var(--line);background:var(--white);border-radius:4px;padding:.75rem .9rem;font-size:.88rem;font-weight:600;color:var(--anthrazit);cursor:pointer;transition:border-color .2s,background .2s}
.rbtn__dot{width:8px;height:8px;border-radius:50%;background:rgba(242,172,60,.4)}
.rbtn.is-active{border-color:var(--ink);background:var(--ink);color:var(--white)}
.rbtn.is-active .rbtn__dot{background:var(--gold)}
.demap__rt{font-family:var(--font-head);font-weight:600;font-size:1.3rem;color:var(--ink)}
.demap__rd{font-size:.88rem;color:var(--muted);margin:.35rem 0 1rem;line-height:1.6}
.demap__cities{display:flex;flex-wrap:wrap;gap:.4rem}
.demap__city{font-size:.78rem;padding:.35rem .6rem;border:1px solid var(--line);border-radius:2px;color:var(--anthrazit)}
.ak__note{margin-top:1.25rem;font-size:.82rem;color:var(--muted)}
.ak__note a{color:var(--ink);border-bottom:1px solid var(--line)}
.ak--contact{background:var(--elfenbein)}
.ak__contact{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}
.ak__contact .ak__lead{margin-top:1.25rem}
@media(min-width:960px){.ak__contact{grid-template-columns:1.2fr 1fr;gap:5rem}}
.ak__card{background:var(--white);border:1px solid var(--line);border-radius:4px;padding:clamp(1.5rem,3vw,2.25rem);display:flex;flex-direction:column;gap:.5rem}
.ak__card-t{font-family:var(--font-head);font-weight:600;font-size:1.3rem;color:var(--ink)}
.ak__card-s{font-size:.85rem;color:var(--muted)}
.ak__card a:not(.btn){font-weight:600;color:var(--ink);font-size:.95rem}
.ak__card .btn{margin-top:1rem;justify-content:center}

/* ---------- Karriere ------------------------------------------------ */
@media(min-width:900px){.x3__grid--4{grid-template-columns:repeat(4,1fr)}}
.kj{background:var(--elfenbein);padding:clamp(4.5rem,9vw,7.5rem) var(--gut)}
.kj__inner{max-width:var(--max-w);margin:0 auto}
.kj__head{margin-bottom:clamp(2rem,4vw,3rem)}
.kj__job{background:var(--white);border:1px solid var(--line);border-radius:4px;margin-bottom:1rem}
.kj__job summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:clamp(1.25rem,2.5vw,1.75rem)}
.kj__job summary::-webkit-details-marker{display:none}
.kj__job h3{font-family:var(--font-head);font-weight:600;font-size:clamp(1.15rem,2vw,1.45rem);letter-spacing:-.02em;color:var(--ink)}
.kj__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}
.kj__tags span{font-size:.72rem;padding:.3rem .55rem;border:1px solid var(--line);border-radius:2px;color:var(--anthrazit)}
.kj__job summary i{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;flex:none;position:relative}
.kj__job summary i::before,.kj__job summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%)}
.kj__job summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s}
.kj__job[open] summary i::after{transform:translate(-50%,-50%)}
.kj__body{padding:0 clamp(1.25rem,2.5vw,1.75rem) clamp(1.5rem,3vw,2rem);border-top:1px solid var(--line)}
.kj__intro{font-size:1.02rem;line-height:1.7;color:var(--anthrazit);max-width:72ch;margin:1.5rem 0 2rem}
.kj__cols{display:grid;grid-template-columns:1fr;gap:1.75rem}
@media(min-width:900px){.kj__cols{grid-template-columns:repeat(3,1fr);gap:2.5rem}}
.kj__cols h4{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--messing);margin-bottom:.75rem}
.kj__cols ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.kj__cols li{padding:.6rem 0;border-bottom:1px solid var(--line);font-size:.9rem;line-height:1.5;color:var(--anthrazit)}
.kj__apply{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-top:2rem}
.kj__apply p{font-size:.85rem;color:var(--muted)}
.kj__apply p a{color:var(--ink);border-bottom:1px solid var(--line)}
.ks figcaption,.xq figcaption,.tl__ph,.xsvc__fig figcaption{text-align:left}

/* ---------- Team v4: cinematische Bühne ----------------------------- */
:root{--stage:radial-gradient(120% 90% at 50% 0%,#73603f 0%,#3a3127 38%,#1b1916 70%,#121110 100%)}
.ts{position:relative;background:var(--stage);color:var(--elfenbein);overflow:hidden;padding:calc(76px + clamp(2rem,5vw,3.5rem)) var(--gut) 0;min-height:clamp(640px,96vh,980px);display:flex;flex-direction:column}
.ts__inner{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto;width:100%}
.ts .xh__kicker{color:rgba(247,244,237,.65);border-bottom-color:rgba(247,244,237,.18)}
.ts .xh__kicker span:first-child{color:var(--gold)}
.ts__title{font-family:var(--font-head);font-weight:700;font-size:clamp(3.2rem,10vw,9rem);line-height:.92;letter-spacing:-.055em;color:var(--elfenbein);margin:clamp(2rem,5vw,3.5rem) 0 1.25rem}
.ts__lead{max-width:46ch;color:rgba(247,244,237,.72);line-height:1.7;font-size:clamp(1rem,1.3vw,1.12rem)}
.ts__lineup{position:relative;z-index:1;margin-top:auto;display:flex;justify-content:center;align-items:flex-end;height:clamp(220px,38vw,520px);padding:0 2vw}
.ts__lineup img{height:calc(100% - (var(--d,0) * 7%));width:auto;margin:0 -2.1%;filter:drop-shadow(0 20px 30px rgba(0,0,0,.45));opacity:0;transform:translateY(30px);animation:tsIn 1s var(--ease) forwards;animation-delay:calc(var(--i) * 60ms + .3s)}
.ts__lineup img:nth-child(7){--d:0;z-index:5}
.ts__lineup img:nth-child(6),.ts__lineup img:nth-child(8){--d:1;z-index:4}
.ts__lineup img:nth-child(5),.ts__lineup img:nth-child(9){--d:2;z-index:3}
.ts__lineup img:nth-child(4),.ts__lineup img:nth-child(10){--d:3;z-index:2}
.ts__lineup img:nth-child(-n+3),.ts__lineup img:nth-child(n+11){--d:4;z-index:1}
.ts::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(0deg,#121110,rgba(18,17,16,0));z-index:3;pointer-events:none}
@keyframes tsIn{to{opacity:1;transform:none}}
@media(max-width:699px){.ts__lineup img:nth-child(-n+3),.ts__lineup img:nth-child(n+14){display:none}.ts__lineup img{margin:0 -4.5%}}
.tg{background:#121110;color:var(--elfenbein);padding:clamp(4rem,8vw,7rem) var(--gut)}
.tg__inner{max-width:var(--max-w);margin:0 auto}
.tg__stage{position:relative;background:var(--stage);border-radius:4px;overflow:hidden;aspect-ratio:4/5;display:flex;align-items:flex-end;justify-content:center}
.tg__stage img{height:94%;width:auto;max-width:100%;object-fit:contain;object-position:bottom;transition:transform 1.2s var(--ease)}
.tg__stage:hover img,.tc:hover .tc__stage img{transform:scale(1.03)}
.tg__lead{display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
@media(min-width:900px){.tg__lead{grid-template-columns:5fr 6fr}}
.tg__n{font-family:var(--font-head);font-weight:700;font-size:clamp(2.6rem,5.5vw,4.6rem);letter-spacing:-.045em;line-height:1;color:var(--elfenbein)}
.tg__r{color:var(--gold);font-weight:600;margin:.8rem 0 1.75rem}
.tg__bio{color:rgba(247,244,237,.72);line-height:1.8;max-width:54ch}
.tg__quote{font-family:var(--font-head);font-weight:500;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.35;letter-spacing:-.02em;color:var(--elfenbein);margin:2rem 0;padding-top:1.5rem;border-top:1px solid var(--line-dark);max-width:30ch}
.tg__board{margin-top:clamp(4rem,8vw,6rem)}
.tg__board-grid{display:grid;grid-template-columns:1fr;gap:clamp(1rem,2.5vw,2rem)}
@media(min-width:700px){.tg__board-grid{grid-template-columns:1fr 1fr}}
.tg__member{margin:0}
.tg__member .tg__stage{aspect-ratio:5/4}
.tg__member figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-top:1.1rem;border-top:1px solid var(--line-dark);margin-top:1.1rem}
.tg__member b{font-family:var(--font-head);font-weight:600;font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:-.03em}
.tg__member span{color:var(--gold);font-size:.9rem;font-weight:600}
.tdx{background:#121110;color:var(--elfenbein);padding:0 var(--gut) clamp(4rem,8vw,7rem)}
.tdx__inner{max-width:var(--max-w);margin:0 auto}
.tdx__dept{padding-top:clamp(3.5rem,7vw,5rem)}
.tdx__head{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.25rem;padding-bottom:1.5rem;margin-bottom:2rem;border-bottom:1px solid rgba(247,244,237,.25)}
.tdx__no{font-family:var(--font-head);color:var(--gold);padding-top:.45rem;font-size:.85rem}
.tdx__head h2{font-family:var(--font-head);font-weight:700;font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.03em;color:var(--elfenbein)}
.tdx__head p{color:rgba(247,244,237,.6);margin-top:.5rem;max-width:56ch;line-height:1.6}
.tdx__count{grid-column:2;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(247,244,237,.5)}
@media(min-width:800px){.tdx__head{grid-template-columns:3rem 1fr auto;align-items:end}.tdx__count{grid-column:auto}}
.tdx__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem}
@media(min-width:800px){.tdx__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1100px){.tdx__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.tc__stage{background:var(--stage);border-radius:4px;aspect-ratio:4/5;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.tc__stage img{height:92%;width:auto;max-width:100%;object-fit:contain;object-position:bottom;transition:transform 1s var(--ease)}
.tc__info{padding-top:.9rem}
.tc__info h3,.tc__info h4{font-family:var(--font-head);font-weight:600;font-size:1.05rem;color:var(--elfenbein)}
.tc__info p{font-size:.8rem;color:rgba(247,244,237,.6);margin-top:.2rem;line-height:1.45;min-height:2.4em}
.tc__info a{display:inline-block;margin-top:.5rem;padding:.25rem 0;font-size:.74rem;color:var(--gold);overflow-wrap:anywhere}
.tdx__partner{margin-top:clamp(3.5rem,7vw,5rem);padding:1.5rem 1.75rem;border:1px solid var(--line-dark);border-radius:4px}
.tdx__partner .xlabel{margin-bottom:.75rem}
.tdx__partner p:not(.xlabel){color:rgba(247,244,237,.72);line-height:1.7;max-width:80ch}
.ts__lineup{height:auto;padding:0;overflow:visible;margin-left:calc(-1 * var(--gut));margin-right:calc(-1 * var(--gut))}
.ts__lineup img{height:auto;width:calc((7.6vw + (4 - var(--d,4)) * .8vw) * var(--k,1));margin:0 -1.3vw;max-width:none}
@media(max-width:699px){.ts{min-height:0}.ts__lineup{margin-top:2.5rem}.ts__lineup img{width:calc((13vw + (4 - var(--d,4)) * 1.8vw) * var(--k,1));margin:0 -2.4vw}.ts__lineup img:nth-child(n+11){display:none}}

/* ---------- Kundenstimmen v4 ---------------------------------------- */
.kh{background:var(--stage);color:var(--elfenbein);padding:calc(76px + clamp(2rem,5vw,3.5rem)) var(--gut) clamp(3rem,6vw,5rem)}
.kh__inner{max-width:var(--max-w);margin:0 auto}
.kh .xh__kicker{color:rgba(247,244,237,.65);border-bottom-color:rgba(247,244,237,.18)}
.kh .xh__kicker span:first-child{color:var(--gold)}
.kh__grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:end}
@media(min-width:900px){.kh__grid{grid-template-columns:1fr auto}}
.kh__score{display:flex;align-items:center;gap:1.25rem;padding-bottom:1.5rem}
.kh__score>b{font-family:var(--font-head);font-weight:700;font-size:clamp(4rem,9vw,7.5rem);letter-spacing:-.05em;line-height:.9;color:var(--elfenbein)}
.kh__score div{display:flex;flex-direction:column;gap:.4rem;font-size:.88rem;color:rgba(247,244,237,.65)}
.kh__stars{color:var(--gold);letter-spacing:.25em;font-size:1.2rem}
.kq{background:#121110;color:var(--elfenbein);padding:clamp(4rem,8vw,7rem) 0 0;overflow:hidden}
.kq__inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--gut)}
.kq__bars{display:grid;grid-auto-flow:column;gap:.4rem;margin-bottom:clamp(2.5rem,5vw,4rem)}
.kq__bars i{display:block;height:2px;background:rgba(247,244,237,.15);position:relative;overflow:hidden}
.kq__bars i::after{content:"";position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left}
.kq__bars i.done::after{transform:scaleX(1)}
.kq__bars i.on::after{animation:kqBar 9s linear forwards}
@keyframes kqBar{to{transform:scaleX(1)}}
.kq__stage{min-height:clamp(320px,34vw,420px)}
.kq__t{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem}
.kq__q{font-family:var(--font-head);font-weight:500;font-size:clamp(1.5rem,3.2vw,2.75rem);line-height:1.22;letter-spacing:-.03em;color:var(--elfenbein);max-width:36ch}
.kq .xq__slide figcaption{border-top-color:var(--line-dark);margin-top:2.5rem}
.kq .xq__slide figcaption b{color:var(--elfenbein)}
.kq .xq__slide figcaption span{color:rgba(247,244,237,.55)}
.kq__ctrl{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}
.kq__count{font-family:var(--font-head);color:rgba(247,244,237,.55);font-variant-numeric:tabular-nums}
.kq__btn{color:var(--elfenbein);border-color:rgba(247,244,237,.3)}
.kq__btn:hover{background:var(--elfenbein);color:var(--schwarz);border-color:var(--elfenbein)}
.kq__marquee{margin-top:clamp(4rem,8vw,6rem);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);padding:1.4rem 0;white-space:nowrap;overflow:hidden}
.kq__marquee div{display:inline-flex;gap:3.5rem;animation:kqMq 60s linear infinite}
.kq__marquee span{font-family:var(--font-head);font-weight:500;font-size:clamp(1.1rem,2vw,1.6rem);color:rgba(247,244,237,.4);letter-spacing:-.01em}
@keyframes kqMq{to{transform:translateX(-50%)}}
.kl{background:var(--elfenbein);padding:clamp(4.5rem,9vw,7.5rem) var(--gut)}
.kl__inner{max-width:var(--max-w);margin:0 auto}
.kl__head{margin-bottom:clamp(2rem,4vw,3rem)}
.kl__row{display:grid;grid-template-columns:1fr;gap:1rem;padding:clamp(1.75rem,3.5vw,2.75rem) 0;border-top:1px solid rgba(20,20,20,.15)}
.kl__row:last-child{border-bottom:1px solid rgba(20,20,20,.15)}
@media(min-width:900px){.kl__row{grid-template-columns:16rem 1fr;gap:4rem}}
.kl__who{display:flex;flex-direction:column;gap:.25rem;font-size:.82rem;color:var(--muted)}
.kl__who b{font-family:var(--font-head);font-weight:600;font-size:1.1rem;color:var(--ink)}
.kl__stars{color:var(--gold);letter-spacing:.2em;font-size:.85rem;margin-bottom:.4rem}
.kl__txt h3{font-family:var(--font-head);font-weight:600;font-size:clamp(1.3rem,2.2vw,1.75rem);letter-spacing:-.025em;color:var(--ink);margin-bottom:.75rem}
.kl__txt p{font-size:1rem;line-height:1.8;color:var(--anthrazit);max-width:68ch}
@media (prefers-reduced-motion:reduce){.kq__marquee div{animation:none}}
.kh__grid{grid-template-columns:1fr !important}
.kh__score{padding:0 0 1.5rem;margin-top:-.5rem}
.kq blockquote{border:0 !important;padding:0 !important;margin:0 !important;font-size:inherit}
.kq__inner{max-width:var(--wide)}
.kq__stage{min-height:clamp(300px,30vw,380px)}

/* ---------- Referenzen: Track Record v4 ----------------------------- */
.tr{background:#121110;color:var(--elfenbein);padding:clamp(4rem,8vw,6.5rem) var(--gut)}
.tr__inner{max-width:var(--max-w);margin:0 auto}
.tr .xs__title{color:var(--elfenbein)}
.tr__head{margin-bottom:clamp(2rem,4vw,3rem)}
.tr__grid{display:grid;grid-template-columns:1fr;gap:clamp(2.5rem,5vw,5rem)}
@media(min-width:960px){.tr__grid{grid-template-columns:1.35fr 1fr;align-items:end}}
.tr__big{font-family:var(--font-head);font-weight:700;font-size:clamp(4rem,10vw,8rem);letter-spacing:-.055em;line-height:.9;display:flex;align-items:baseline;gap:.15em;flex-wrap:wrap}
.tr__big small{font-size:.2em;letter-spacing:.02em;font-weight:500;color:rgba(247,244,237,.6);margin-left:.5em}
.tr__dots{display:grid;grid-template-columns:repeat(25,1fr);gap:clamp(3px,.45vw,6px);margin-top:1.75rem}
.tr__dots i{display:block;aspect-ratio:1;border-radius:50%;background:rgba(247,244,237,.12);transition:background .4s,transform .4s}
.tr__dots i.on{background:var(--gold);transform:scale(1)}
.tr__cap{font-size:.82rem;color:rgba(247,244,237,.5);margin-top:1rem}
.tr__stats{margin:0;display:grid;grid-template-columns:1fr;border-top:1px solid var(--line-dark)}
.tr__stats div{padding:1.4rem 0;border-bottom:1px solid var(--line-dark)}
.tr__stats dt{font-family:var(--font-head);font-weight:600;font-size:clamp(2rem,3.6vw,3rem);letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.tr__stats dd{margin:.5rem 0 0;font-size:.85rem;color:rgba(247,244,237,.6);line-height:1.5}
/* ---------- Referenzen: Gesundheitswesen v4 ------------------------- */
.gw{background:#121110;color:var(--elfenbein)}
.gw__hero{position:relative;min-height:clamp(420px,70vh,720px);display:flex;align-items:flex-end;overflow:hidden}
.gw__hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gw__hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#121110 0%,rgba(18,17,16,.72) 38%,rgba(18,17,16,.15) 75%)}
.gw__over{position:relative;z-index:1;width:100%;max-width:var(--wide);margin:0 auto;padding:0 var(--gut) clamp(2.5rem,5vw,4rem)}
.gw__title{font-family:var(--font-head);font-weight:700;font-size:clamp(2.4rem,6vw,5rem);letter-spacing:-.045em;line-height:.98;color:var(--elfenbein);max-width:14ch}
.gw__lead{color:rgba(247,244,237,.78);line-height:1.7;max-width:56ch;margin-top:1.25rem}
.gw__inner{max-width:var(--max-w);margin:0 auto;padding:clamp(2.5rem,5vw,4rem) var(--gut) clamp(4.5rem,9vw,7rem)}
.gw__plan{border-top:1px solid var(--line-dark)}
.gw__axis{display:grid;grid-template-columns:1fr;padding:.9rem 0;border-bottom:1px solid var(--line-dark)}
.gw__axis>span{display:none}
.gw__axis div{display:grid;grid-template-columns:repeat(3,1fr)}
.gw__axis b{font-family:var(--font-head);font-weight:500;font-size:.85rem;color:rgba(247,244,237,.5);border-left:1px solid var(--line-dark);padding-left:.6rem}
.gw__row{display:grid;grid-template-columns:1fr;gap:1rem;padding:1.4rem 0;border-bottom:1px solid var(--line-dark)}
.gw__label{display:flex;align-items:center;gap:1rem}
.gw__label img{width:84px;height:64px;object-fit:cover;border-radius:3px;flex:none}
.gw__label b{font-family:var(--font-head);font-weight:600;font-size:1.05rem;color:var(--elfenbein);display:block}
.gw__label span{font-size:.8rem;color:rgba(247,244,237,.55)}
.gw__track{position:relative;height:38px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(33.333% - 1px),var(--line-dark) calc(33.333% - 1px),var(--line-dark) 33.333%)}
.gw__track i{position:absolute;top:8px;bottom:8px;left:calc(var(--s) / 36 * 100%);width:calc(var(--l) / 36 * 100%);background:var(--gold);border-radius:2px;display:flex;justify-content:space-between;align-items:center;padding:0 .5rem;font-style:normal;transform-origin:left;transform:scaleX(0);transition:transform 1.1s var(--ease)}
.gw.in .gw__track i{transform:scaleX(1)}
.gw__track i span{font-size:.66rem;font-weight:700;color:var(--schwarz);white-space:nowrap}
@media(min-width:900px){.gw__axis,.gw__row{grid-template-columns:22rem 1fr;align-items:center;gap:2rem}.gw__axis>span{display:block}}
.gw__facts{margin:2.5rem 0 0;display:grid;grid-template-columns:1fr;gap:0}
.gw__facts div{padding:1.1rem 0;border-bottom:1px solid var(--line-dark)}
.gw__facts dt{font-family:var(--font-head);font-weight:600;font-size:1.6rem;letter-spacing:-.03em}
.gw__facts dd{margin:.3rem 0 0;font-size:.82rem;color:rgba(247,244,237,.55)}
@media(min-width:800px){.gw__facts{grid-template-columns:repeat(3,1fr)}.gw__facts div+div{padding-left:1.5rem;border-left:1px solid var(--line-dark)}}
@media(max-width:599px){.gw__track i span:last-child{display:none}}
.gw__inner{max-width:var(--wide)}
/* Startseite: Teamreihe und Ansprechpartner auf der Bühne */
.xt__p{background:var(--stage)}
.xt__p img{object-fit:contain;object-position:bottom;height:94%;margin-top:6%;width:100%}
.xx__person img{background:var(--stage);object-fit:cover;object-position:center 8%}
.xt__stage{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);background:var(--stage);border-radius:4px;overflow:hidden;padding:clamp(1.5rem,3vw,2.5rem) clamp(.5rem,2vw,1.5rem) 0}
.xt__f{margin:0;display:flex;flex-direction:column;align-items:center;position:relative}
.xt__f img{width:118%;max-width:none;height:auto;margin:0 -9%;filter:drop-shadow(0 16px 24px rgba(0,0,0,.4));transition:transform .8s var(--ease)}
.xt__f:hover img{transform:translateY(-6px)}
.xt__f figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.5rem .5rem .9rem;text-align:center;background:linear-gradient(0deg,rgba(18,17,16,.92),rgba(18,17,16,0));display:flex;flex-direction:column;gap:.15rem}
.xt__f b{font-family:var(--font-head);font-weight:600;font-size:clamp(.8rem,1.2vw,1rem);color:var(--elfenbein)}
.xt__f span{font-size:clamp(.66rem,.9vw,.76rem);color:var(--gold)}
@media(min-width:900px){.xt__stage{grid-template-columns:repeat(6,1fr)}.xt__f:nth-child(3) img{width:128%}}

/* ---------- Teamseite hell (Runde 6) ---------- */
/* Teamseite hell: Kopfbereich */
.ts{background:radial-gradient(120% 90% at 50% 0%,#FBF8F2 0%,#EFE8DC 55%,#E4DACA 100%);color:var(--ink)}
.ts .xh__kicker{color:var(--muted);border-bottom-color:rgba(20,20,20,.15)} .ts .xh__kicker span:first-child{color:var(--messing)}
.ts .ts__title{color:var(--ink)} .ts .ts__lead{color:var(--anthrazit)}
.ts__lineup img{filter:drop-shadow(0 16px 22px rgba(60,45,25,.22))}
.ts::after{background:linear-gradient(0deg,var(--elfenbein),rgba(247,244,237,0))}
/* Teamseite hell: Geschäftsführung, Beirat, Bereiche */
.tg{background:var(--elfenbein);color:var(--ink)}
.tg .xlabel--light,.tdx .xlabel--light{color:var(--messing)}
.tg__n{color:var(--ink)} .tg__r{color:var(--messing)} .tg__bio{color:var(--anthrazit)}
.tg__quote{color:var(--ink);border-top-color:var(--line)}
.tg .xarrow--light{color:var(--ink)}
.tg__member figcaption{border-top-color:var(--line)} .tg__member b{color:var(--ink)} .tg__member span{color:var(--messing)}
.tdx{background:var(--elfenbein);color:var(--ink)}
.tdx__head{border-bottom-color:rgba(20,20,20,.15)} .tdx__no{color:var(--messing)}
.tdx__head h2{color:var(--ink)} .tdx__head p{color:var(--muted)} .tdx__count{color:var(--muted)}
.tc__info h3,.tc__info h4{color:var(--ink)} .tc__info p{color:var(--muted)} .tc__info a{color:var(--messing)}
.tdx__partner{border-color:var(--line);background:var(--white)} .tdx__partner p:not(.xlabel){color:var(--anthrazit)}
.tk{border-top:1px solid var(--line)}
:root{--stage-portrait:radial-gradient(90% 60% at 50% 0%,rgba(255,214,150,.55) 0%,rgba(255,214,150,0) 70%),linear-gradient(180deg,#EDA840 0%,#D4A46A 30%,#A9998A 62%,#8F857B 100%)}
.tg__stage,.tc__stage{background:var(--stage-portrait)}

/* ---------- Kundenstimmen hell und ruhig (Runde 7) ---------- */
.kh{background:radial-gradient(120% 90% at 50% 0%,#FBF8F2 0%,#EFE8DC 55%,#E4DACA 100%);color:var(--ink)}
.kh .xh__kicker{color:var(--muted);border-bottom-color:rgba(20,20,20,.15)} .kh .xh__kicker span:first-child{color:var(--messing)}
.kh .ts__title{color:var(--ink)} .kh .ts__lead{color:var(--anthrazit)}
.kh__score>b{color:var(--ink)} .kh__score div{color:var(--muted)}
.kq{background:var(--white);color:var(--ink);padding:clamp(3.5rem,7vw,6rem) 0;border-bottom:1px solid var(--line)}
.kq__inner{display:grid;grid-template-columns:1fr;gap:2rem}
@media(min-width:900px){.kq__inner{grid-template-columns:16rem 1fr;gap:4rem}}
.kq__side{display:flex;flex-direction:column;gap:1.5rem}
.kq__side .kq__ctrl{margin-top:0;justify-content:flex-start;gap:1.5rem}
.kq__bars{margin-bottom:clamp(1.75rem,3vw,2.5rem)}
.kq__bars i{background:rgba(20,20,20,.1)}
.kq__stage{min-height:0}
.kq__stars{color:var(--gold);letter-spacing:.2em;font-size:.85rem;margin-bottom:.9rem}
.kq__t{font-family:var(--font-head);font-weight:600;font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.25;letter-spacing:-.025em;text-transform:none;color:var(--ink);margin-bottom:1rem}
.kq__q{font-family:var(--font-body,Inter),sans-serif;font-weight:400;font-size:clamp(1rem,1.2vw,1.1rem);line-height:1.8;letter-spacing:0;color:var(--anthrazit);max-width:68ch}
.kq .xq__slide figcaption{border-top-color:var(--line);margin-top:1.75rem}
.kq .xq__slide figcaption b{color:var(--ink)} .kq .xq__slide figcaption span{color:var(--muted)}
.kq__count{color:var(--muted)}
.kq__btn{color:var(--ink);border-color:rgba(20,20,20,.25)}
.kq__btn:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}
.kq__marquee{display:none}
.kh .ts__title{font-size:clamp(2.3rem,10.5vw,8.5rem)}
.kq__q{max-width:76ch}

/* ---------- Kundenstimmen Kopf: Zahl und Licht (Runde 8) ---------- */
.kv{position:relative;overflow:hidden;color:var(--ink);padding:calc(76px + clamp(2rem,5vw,3.5rem)) var(--gut) clamp(3.5rem,7vw,6rem)}
.kv__inner{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto;width:100%}
.kv .xh__kicker{color:var(--muted);border-bottom-color:rgba(20,20,20,.15)} .kv .xh__kicker span:first-child{color:var(--messing)}
.kv__title{font-family:var(--font-head);font-weight:700;font-size:clamp(2.3rem,7.5vw,7rem);line-height:.95;letter-spacing:-.055em;color:var(--ink);margin:clamp(2rem,5vw,3.5rem) 0 1.25rem}
.kv .ts__lead{max-width:44ch;color:var(--anthrazit);line-height:1.7;font-size:clamp(1rem,1.3vw,1.12rem)}
.kv__stars{color:var(--gold);letter-spacing:.25em;font-size:1.1rem}
.kv__meta{font-size:.85rem;color:var(--muted)}
.kv-a{background:var(--elfenbein);min-height:clamp(600px,84vh,860px);display:flex;flex-direction:column;justify-content:center}
.kv-a__light i{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}
.kv-a__light i:first-child{width:70vw;height:70vw;right:-20vw;top:-30vw;background:radial-gradient(circle,rgba(242,172,60,.30) 0%,rgba(242,172,60,0) 65%);animation:kvDrift 26s ease-in-out infinite alternate}
.kv-a__light i:last-child{width:50vw;height:50vw;left:-15vw;bottom:-25vw;background:radial-gradient(circle,rgba(176,141,87,.20) 0%,rgba(176,141,87,0) 65%);animation:kvDrift 32s ease-in-out infinite alternate-reverse}
@keyframes kvDrift{to{transform:translate(-8vw,6vw) scale(1.1)}}
.kv-a__grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:end}
@media(min-width:900px){.kv-a__grid{grid-template-columns:1.1fr .9fr}}
.kv-a__score{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}
@media(min-width:900px){.kv-a__score{align-items:flex-end;text-align:right}}
.kv-a__score b{font-family:var(--font-head);font-weight:700;font-size:clamp(7rem,21vw,19rem);line-height:.8;letter-spacing:-.07em;background:linear-gradient(180deg,#141414 30%,#6b5a3f 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.kv-a__score b span{color:inherit}
@media (prefers-reduced-motion:reduce){.kv-a__light i{animation:none}}
.kv-src{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}
@media(min-width:900px){.kv-src{justify-content:flex-end}}
.kv-src__item{display:flex;align-items:center;gap:.7rem;padding:.65rem .9rem .65rem .75rem;background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:4px;color:var(--ink);text-decoration:none;text-align:left;transition:border-color .25s var(--ease),background .25s var(--ease)}
.kv-src__item:hover{border-color:rgba(20,20,20,.35);background:var(--white)}
.kv-src__logo{width:22px;height:22px;flex:none}
.kv-src__item span{display:flex;flex-direction:column;line-height:1.25}
.kv-src__item b{font-size:.85rem;font-weight:600}
.kv-src__item small{font-size:.74rem;color:var(--muted)}
.kv-src__arr{width:14px;height:14px;color:var(--muted);margin-left:.2rem}
.kv-src{display:grid;grid-template-columns:1fr;width:100%;max-width:31rem}
@media(min-width:520px){.kv-src{grid-template-columns:1fr 1fr}}
.kv-a__score{width:100%}
@media(min-width:900px){.kv-a__score{align-items:flex-end}.kv-src{margin-left:auto}}
.kv-a__grid{margin-top:clamp(2rem,4vw,3.25rem)}
.kv-src__item span{flex:1}
.kv-src{max-width:36rem}
.kv-src__item small{white-space:nowrap}
@media(min-width:900px) and (max-width:1199px){.kv-src{grid-template-columns:1fr;max-width:19rem}}
@media(min-width:900px){.kv-a__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
.kv-src{grid-template-columns:repeat(auto-fit,minmax(min(100%,13.5rem),1fr))}
@media(min-width:900px) and (max-width:1199px){.kv-src{grid-template-columns:1fr}}
.kv-a__grid{grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.kv-a__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
@media(min-width:900px){.kv__title{font-size:clamp(3.2rem,5.4vw,5.6rem)}}

/* ---------- Aktuelle Objekte ---------- */
.ob__usp{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.85rem;color:var(--anthrazit)}
.ob__usp li{display:inline-flex;align-items:center;gap:.5rem}
.ob__usp li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold)}
.ob{background:var(--elfenbein);padding:clamp(3rem,6vw,5rem) var(--gut) clamp(4rem,8vw,6rem)}
.ob__inner{max-width:var(--max-w);margin:0 auto;display:flex;flex-direction:column;gap:clamp(4rem,8vw,7rem)}
.ob__item{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(1.75rem,4vw,4rem);align-items:center;scroll-margin-top:100px}
@media(min-width:900px){.ob__item{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.ob__item--rev .ob__media{order:2}}
.ob__media{position:relative;margin:0;aspect-ratio:4/3;border-radius:4px;overflow:hidden;background:#ddd5c8}
.ob__media>img:first-child{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.ob__item:hover .ob__media>img:first-child{transform:scale(1.03)}
.ob__sub{position:absolute;right:4%;bottom:4%;width:34%;aspect-ratio:4/3;object-fit:cover;border:4px solid var(--elfenbein);border-radius:3px;box-shadow:0 18px 40px -16px rgba(0,0,0,.4)}
.ob__media figcaption{position:absolute;left:1rem;bottom:1rem;font-size:.7rem;letter-spacing:.06em;background:rgba(247,244,237,.9);color:var(--ink);padding:.3rem .55rem;border-radius:2px}
.ob__media--type{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(1.5rem,3vw,2.5rem);background:var(--stage-portrait);color:var(--ink)}
.ob__media--type span{font-family:var(--font-head);font-weight:700;font-size:clamp(3rem,7vw,5.5rem);letter-spacing:-.05em;line-height:.95}
.ob__media--type small{font-size:.95rem;margin-top:.5rem;color:rgba(20,20,20,.75)}
.ob__media--type em{position:absolute;top:clamp(1.5rem,3vw,2.5rem);left:clamp(1.5rem,3vw,2.5rem);font-style:normal;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.ob__meta{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 1rem}
.ob__status{background:var(--ink);color:var(--elfenbein);padding:.3rem .55rem;border-radius:2px;letter-spacing:.1em}
.ob__name{font-family:var(--font-head);font-weight:700;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em;line-height:1;color:var(--ink);margin:0}
.ob__ort{color:var(--messing);font-weight:600;margin:.6rem 0 1.25rem}
.ob__lead{color:var(--anthrazit);line-height:1.75;max-width:52ch;margin:0 0 1.5rem}
.ob__facts{display:grid;grid-template-columns:1fr 1fr;margin:0 0 1.75rem;border-top:1px solid rgba(20,20,20,.15)}
.ob__facts>div{padding:1rem 1rem 1rem 0;border-bottom:1px solid rgba(20,20,20,.15)}
.ob__facts>div:nth-child(2n){padding-left:1rem;border-left:1px solid rgba(20,20,20,.15)}
.ob__facts dt{font-family:var(--font-head);font-weight:600;font-size:clamp(1.15rem,1.8vw,1.45rem);letter-spacing:-.02em;color:var(--ink)}
.ob__facts dd{margin:.25rem 0 0;font-size:.8rem;color:var(--muted);line-height:1.4}
.ob__note{font-size:.75rem;line-height:1.6;color:var(--muted);max-width:80ch;border-top:1px solid var(--line);padding-top:1.25rem;margin:0}

/* ---------- Über Signum ---------- */
.us{background:var(--elfenbein);padding:clamp(4rem,8vw,7rem) var(--gut)}
.us__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,5vw,5rem)}
@media(min-width:960px){.us__inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.us__lead{color:var(--anthrazit);line-height:1.8;max-width:54ch;font-size:clamp(1rem,1.3vw,1.1rem)}
.us__principles{list-style:none;margin:0;padding:0;border-top:1px solid rgba(20,20,20,.15)}
.us__principles li{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.25rem 1rem;padding:1.5rem 0;border-bottom:1px solid rgba(20,20,20,.15)}
.us__principles span{grid-row:span 2;font-family:var(--font-head);color:var(--messing);font-size:.85rem;padding-top:.3rem}
.us__principles h3{font-family:var(--font-head);font-weight:600;font-size:clamp(1.2rem,1.8vw,1.5rem);letter-spacing:-.02em;color:var(--ink);margin:0}
.us__principles p{margin:.35rem 0 0;color:var(--anthrazit);line-height:1.7}
.us-num{background:var(--schwarz);color:var(--elfenbein);padding:clamp(3rem,6vw,4.5rem) var(--gut)}
.us-num__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem 0}
@media(min-width:900px){.us-num__inner{grid-template-columns:repeat(4,1fr)}}
.us-num__inner>div{padding:0 1.25rem;border-left:1px solid var(--line-dark)}
.us-num dt{font-family:var(--font-head);font-weight:700;font-size:clamp(2.2rem,4.5vw,3.6rem);letter-spacing:-.05em;line-height:1}
.us-num dd{margin:.6rem 0 0;font-size:.85rem;color:rgba(247,244,237,.6);max-width:22ch}
.us-gf{background:var(--elfenbein);padding:clamp(4rem,8vw,7rem) var(--gut)}
.us-gf__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
@media(min-width:900px){.us-gf__inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.us-gf__stage{aspect-ratio:4/5;border-radius:4px;overflow:hidden;background:var(--stage-portrait);display:flex;align-items:flex-end;justify-content:center}
.us-gf__stage img{height:94%;width:auto;max-width:100%;object-fit:contain}
.us-gf__quote{font-family:var(--font-head);font-weight:500;font-size:clamp(1.5rem,2.8vw,2.4rem);line-height:1.25;letter-spacing:-.03em;color:var(--ink);margin:1rem 0 1.5rem;padding:0;border:0}
.us-gf__name{display:flex;flex-direction:column;gap:.2rem;margin:0 0 1.25rem}
.us-gf__name b{font-family:var(--font-head);font-size:1.15rem;color:var(--ink)}
.us-gf__name span{color:var(--messing);font-weight:600;font-size:.9rem}
.us-gf__bio{color:var(--anthrazit);line-height:1.8;max-width:56ch}
.us-ways{background:var(--white);padding:clamp(3.5rem,7vw,5.5rem) var(--gut);border-top:1px solid var(--line)}
.us-ways__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
@media(min-width:700px){.us-ways__inner{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.us-ways__inner{grid-template-columns:repeat(4,1fr)}}
.us-way{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;border:1px solid var(--line);border-radius:4px;color:var(--ink);text-decoration:none;transition:border-color .25s var(--ease),transform .25s var(--ease)}
.us-way:hover{border-color:var(--ink);transform:translateY(-2px)}
.us-way b{font-family:var(--font-head);font-weight:600;font-size:1.2rem;letter-spacing:-.02em;line-height:1.25}
.us-way .xarrow{margin-top:auto}
.us-loc{background:var(--elfenbein);padding:clamp(3.5rem,7vw,5.5rem) var(--gut);border-top:1px solid var(--line)}
.us-loc__inner{max-width:var(--max-w);margin:0 auto}

/* ---------- Ablauf ---------- */
.ab{background:var(--elfenbein);padding:clamp(3rem,6vw,5rem) var(--gut) clamp(4rem,8vw,6rem)}
.ab__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,5vw,4rem);align-items:start}
@media(min-width:1000px){.ab__inner{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.ab__docs{position:sticky;top:110px}}
.ab__steps{list-style:none;margin:0;padding:0;position:relative}
.ab__steps::before{content:"";position:absolute;left:1.35rem;top:.5rem;bottom:.5rem;width:1px;background:rgba(20,20,20,.15)}
.ab__step{position:relative;display:grid;grid-template-columns:2.7rem minmax(0,1fr);gap:.25rem 1.25rem;padding:0 0 2.25rem}
.ab__n{position:relative;z-index:1;width:2.7rem;height:2.7rem;border-radius:50%;background:var(--elfenbein);border:1px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:.8rem;font-weight:600;color:var(--ink)}
.ab__step h3{font-family:var(--font-head);font-weight:600;font-size:clamp(1.25rem,2vw,1.6rem);letter-spacing:-.02em;color:var(--ink);margin:.45rem 0 .5rem}
.ab__step p{color:var(--anthrazit);line-height:1.75;margin:0;max-width:56ch}
.ab__time{grid-column:2;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--messing);margin-top:.6rem}
.ab__step:last-child .ab__n{background:var(--ink);color:var(--elfenbein)}
.ab__docs{background:var(--white);border:1px solid var(--line);border-radius:6px;padding:clamp(1.5rem,3vw,2.25rem)}
.ab__h{font-family:var(--font-head);font-weight:600;font-size:1.5rem;letter-spacing:-.025em;color:var(--ink);margin:.5rem 0 1.25rem}
.ab__docs ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ab__docs li{display:flex;gap:.75rem;padding:.8rem 0;border-bottom:1px solid var(--line);font-size:.93rem;line-height:1.5;color:var(--anthrazit)}
.ab__docs li::before{content:"";flex:none;width:16px;height:16px;margin-top:.15rem;border-radius:3px;border:1.5px solid var(--messing)}
.ab__small{font-size:.8rem;color:var(--muted);margin:1rem 0 0}
.ab-q{background:var(--white);padding:clamp(3.5rem,7vw,5.5rem) var(--gut);border-top:1px solid var(--line)}
.ab-q__inner{max-width:900px;margin:0 auto}
.ab__faq{border-bottom:1px solid var(--line)}
.ab__faq:first-of-type{border-top:1px solid var(--line);margin-top:2rem}
.ab__faq summary{cursor:pointer;list-style:none;padding:1.25rem 2.5rem 1.25rem 0;position:relative;font-family:var(--font-head);font-weight:600;font-size:1.1rem;color:var(--ink)}
.ab__faq summary::-webkit-details-marker{display:none}
.ab__faq summary::after{content:"+";position:absolute;right:0;top:1.1rem;font-size:1.4rem;font-weight:400;transition:transform .3s var(--ease)}
.ab__faq[open] summary::after{transform:rotate(45deg)}
.ab__faq p{margin:0 0 1.25rem;color:var(--anthrazit);line-height:1.75;max-width:70ch}

/* ---------- Fragebogen hell (Objekt anbieten) ---------- */
.fx--light{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:6px;padding:clamp(1.25rem,3vw,2.25rem);box-shadow:0 30px 60px -40px rgba(20,20,20,.25)}
.fx--light .fx__top{color:var(--muted)}
.fx--light .fx__time{color:var(--muted)}
.fx--light .fx__prog{background:rgba(20,20,20,.08)}
.fx--light .fx__q{color:var(--ink)}
.fx--light .fx__sub{color:var(--muted)}
.fx__sub--after{margin:1rem 0 0}
.fx--light .fx__opt{color:var(--ink);background:var(--elfenbein);border-color:rgba(20,20,20,.12)}
.fx--light .fx__opt:hover{border-color:var(--messing);background:#F3ECDF}
.fx--light .fx__opt::before{border-color:rgba(20,20,20,.35)}
.fx--light .fx__opt:has(input:checked){border-color:var(--ink);background:#EFE6D6}
.fx--light .fx__opt:has(input:checked)::before{border-color:var(--ink);background:var(--ink);box-shadow:inset 0 0 0 3px var(--white)}
.fx--light .form-field label{color:var(--muted)}
.fx--light .form-field input{background:transparent;border:0;border-bottom:1px solid rgba(20,20,20,.25);border-radius:0;padding:.7rem 0;font-size:1rem;color:var(--ink);width:100%}
.fx--light .form-field input:focus{outline:none;border-bottom-color:var(--ink)}
.fx--light .fx__check{color:var(--muted)}
.fx--light .fx__check a{color:var(--ink);border-bottom-color:rgba(20,20,20,.3)}
.fx--light .fx__back{color:var(--muted)}
.fx--light .fx__back:hover{color:var(--ink)}
.fx--light .sg-form__row{display:grid;grid-template-columns:1fr;gap:1.25rem}
@media(min-width:600px){.fx--light .sg-form__row{grid-template-columns:1fr 1fr}}
.fx-danke{background:var(--white);border:1px solid var(--line);border-radius:6px;padding:2rem}
.fx-danke__t{font-family:var(--font-head);font-weight:600;font-size:1.4rem;color:var(--ink);margin:0 0 .5rem}
.fx-danke p{color:var(--anthrazit);line-height:1.7}
.ak__direct{margin-top:1.5rem;font-size:.9rem;color:var(--muted)}
.ak__direct a{color:var(--ink);border-bottom:1px solid rgba(20,20,20,.3)}
@media(min-width:900px){.ak--contact .ak__contact{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}}

/* ---------- Ratgeber ---------- */
.rg{background:var(--elfenbein);padding:clamp(3rem,6vw,5rem) var(--gut) clamp(4rem,8vw,6rem)}
.rg__inner{max-width:var(--max-w);margin:0 auto}
.rg__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}
@media(min-width:760px){.rg__grid{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.rg__grid{grid-template-columns:repeat(3,1fr)}.rg-card--lead{grid-column:span 2;grid-row:span 2}}
.rg-card{display:flex;flex-direction:column;gap:.75rem;padding:clamp(1.5rem,2.5vw,2rem);background:var(--white);border:1px solid var(--line);border-radius:6px;color:var(--ink);text-decoration:none;transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
.rg-card:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 24px 48px -32px rgba(20,20,20,.35)}
.rg-card__cat{font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--messing)}
.rg-card b{font-family:var(--font-head);font-weight:600;font-size:clamp(1.2rem,1.7vw,1.45rem);line-height:1.2;letter-spacing:-.02em}
.rg-card--lead{background:var(--schwarz);border-color:var(--schwarz);color:var(--elfenbein);justify-content:flex-end;min-height:20rem}
.rg-card--lead b{font-size:clamp(1.6rem,3vw,2.4rem)}
.rg-card--lead .rg-card__lead{color:rgba(247,244,237,.7)}
.rg-card--lead .rg-card__cat{color:var(--gold)}
.rg-card__lead{font-size:.92rem;line-height:1.6;color:var(--anthrazit)}
.rg-card__meta{margin-top:auto;font-size:.78rem;color:var(--muted)}
.rg-card--lead .rg-card__meta{color:rgba(247,244,237,.5);margin-top:.5rem}
.rg__note{margin:2rem 0 0;font-size:.78rem;color:var(--muted)}
.rgh{background:var(--elfenbein);padding:calc(76px + clamp(2rem,5vw,3.5rem)) var(--gut) clamp(2.5rem,5vw,4rem);border-bottom:1px solid var(--line)}
.rgh__inner{max-width:900px;margin:0 auto}
.rgh__crumb{display:flex;gap:.6rem;align-items:center;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 1.75rem}
.rgh__crumb a{color:var(--messing);text-decoration:none}
.rgh__title{font-family:var(--font-head);font-weight:700;font-size:clamp(2rem,4.6vw,3.6rem);line-height:1.05;letter-spacing:-.04em;color:var(--ink);margin:0 0 1.5rem}
.rgh__lead{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.7;color:var(--anthrazit);margin:0 0 1.75rem}
.rgh__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.8rem;color:var(--muted);margin:0}
.rgh__meta span+span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--gold);margin:0 .9rem 0 0;vertical-align:middle}
.rgx{background:var(--white);padding:clamp(3rem,6vw,5rem) var(--gut)}
.rgx__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem}
@media(min-width:1000px){.rgx__inner{grid-template-columns:15rem minmax(0,1fr);gap:clamp(3rem,6vw,6rem)}.rgx__toc{position:sticky;top:110px;align-self:start}}
@media(max-width:999px){.rgx__toc{display:none}}
.rgx__toc ol{list-style:none;margin:1rem 0 1.5rem;padding:0;border-left:1px solid var(--line)}
.rgx__toc ol a{font-size:.85rem;line-height:1.4;color:var(--muted);text-decoration:none}
.rgx__toc ol a:hover,.rgx__toc ol a.on{color:var(--ink);border-left-color:var(--ink)}
.rgx__tocbtn{width:100%;justify-content:center;font-size:.8rem}
.rgx__body{max-width:720px;font-size:1.06rem;line-height:1.85;color:var(--anthrazit)}
.rgx__body h2{font-family:var(--font-head);font-weight:600;font-size:clamp(1.45rem,2.3vw,1.9rem);line-height:1.2;letter-spacing:-.025em;color:var(--ink);margin:3rem 0 1rem;scroll-margin-top:100px}
.rgx__body h2:first-child{margin-top:0}
.rgx__body h3{font-family:var(--font-head);font-weight:600;font-size:1.2rem;color:var(--ink);margin:2rem 0 .6rem}
.rgx__body p{margin:0 0 1.15rem}
.rgx__body ul{margin:0 0 1.4rem;padding:0;list-style:none}
.rgx__body li{position:relative;padding:.35rem 0 .35rem 1.5rem}
.rgx__body li::before{content:"";position:absolute;left:0;top:1.15em;width:.75rem;height:1px;background:var(--messing)}
.rgx__body strong{color:var(--ink)}
.rgx__tab{overflow-x:auto;margin:1.5rem 0 2rem;border:1px solid var(--line);border-radius:6px}
.rgx__tab table{width:100%;border-collapse:collapse;font-size:.92rem;line-height:1.5;font-variant-numeric:tabular-nums}
.rgx__tab th,.rgx__tab td{padding:.75rem 1rem;border-bottom:1px solid var(--line);text-align:left}
.rgx__tab th{background:var(--elfenbein);color:var(--ink);font-weight:600}
.rgx__tab .r{text-align:right;white-space:nowrap}
.rgx__tab tr:last-child td{border-bottom:0}
.rgx__key{margin:3rem 0;padding:clamp(1.5rem,3vw,2rem);background:var(--schwarz);color:var(--elfenbein);border-radius:6px}
.rgx__key h2{color:var(--elfenbein) !important;margin:0 0 1rem !important;font-size:1.35rem !important}
.rgx__key li{color:rgba(247,244,237,.85)}
.rgx__key li::before{background:var(--gold)}
.rgx__faq{border-bottom:1px solid var(--line)}
.rgx__faq:first-of-type{border-top:1px solid var(--line)}
.rgx__faq summary{cursor:pointer;list-style:none;padding:1.1rem 2.5rem 1.1rem 0;position:relative;font-family:var(--font-head);font-weight:600;color:var(--ink)}
.rgx__faq summary::-webkit-details-marker{display:none}
.rgx__faq summary::after{content:"+";position:absolute;right:0;top:.95rem;font-size:1.4rem;font-weight:400;transition:transform .3s var(--ease)}
.rgx__faq[open] summary::after{transform:rotate(45deg)}
.rgx__faq p{margin:0 0 1.1rem}
.rgx__note{margin-top:2.5rem !important;padding-top:1.25rem;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted);font-style:italic}
.rg-rel{background:var(--elfenbein);padding:clamp(3rem,6vw,5rem) var(--gut);border-top:1px solid var(--line)}
.rg-rel__inner{max-width:var(--max-w);margin:0 auto}
.rg-rel__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;margin-top:1.25rem}
@media(min-width:900px){.rg-rel__grid{grid-template-columns:repeat(3,1fr)}}
.rg-card--calc{background:var(--stage-portrait);border-color:transparent}
.rg-card--calc .rg-card__cat{color:var(--ink)}
.rg-card--calc .rg-card__lead{color:rgba(20,20,20,.8)}
.rg-card--calc .rg-card__meta{color:var(--ink);font-weight:600}
/* Barrierefreiheit: Kontrast */
.xp__half--light .xlabel{color:#7a5c2e}
.rgx__toc ol a{display:block;padding:.45rem 0 .45rem 1rem;margin-left:-1px;border-left:1px solid transparent}
.rgx__toc .rgx__tocbtn{color:var(--elfenbein) !important;padding:.85rem 1rem !important;border-left:0 !important;margin:0}

/* ---------- Team: Infos beim Darueberfahren oder Wischen ---------- */
.ts__lineup{position:relative;touch-action:pan-y;cursor:default}
.ts__lineup img{transition:opacity .35s var(--ease),filter .35s var(--ease)}
.ts__lineup.is-active img:not(.on){filter:brightness(.78) saturate(.9)}
.ts__lineup.is-active img.on{filter:drop-shadow(0 16px 22px rgba(60,45,25,.3)) brightness(1.04)}
.ts__tip{position:absolute;z-index:8;left:0;top:0;width:min(17rem,70vw);padding:.85rem 1rem;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 20px 40px -20px rgba(20,20,20,.35);pointer-events:none;opacity:0;transform:translate(-50%,calc(-100% - 10px)) translateY(6px);transition:opacity .25s var(--ease),transform .25s var(--ease);text-align:left}
.ts__lineup.is-active .ts__tip{opacity:1;transform:translate(-50%,calc(-100% - 10px))}
.ts__tip b{display:block;font-family:var(--font-head);font-weight:600;font-size:1rem;color:var(--ink)}
.ts__tip span{display:block;font-size:.75rem;font-weight:600;color:var(--messing);margin:.15rem 0 .45rem}
.ts__tip small{display:block;font-size:.8rem;line-height:1.5;color:var(--anthrazit)}
.ts__hint{position:relative;z-index:4;text-align:center;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:1rem 0 0}
.tc__stage{position:relative;cursor:pointer;outline:none}
.tc__more{position:absolute;left:0;right:0;bottom:0;margin:0;padding:2.5rem .9rem .9rem;font-size:.8rem;line-height:1.45;color:var(--elfenbein);background:linear-gradient(0deg,rgba(14,13,11,.88) 0%,rgba(14,13,11,.7) 55%,rgba(14,13,11,0) 100%);opacity:0;transform:translateY(8px);transition:opacity .35s var(--ease),transform .35s var(--ease);pointer-events:none}
.tc:hover .tc__more,.tc__stage:focus-visible .tc__more,.tc__stage.open .tc__more{opacity:1;transform:none}
.tc__stage:focus-visible{box-shadow:0 0 0 2px var(--ink)}
@media(hover:none){.tc__stage::after{content:"i";position:absolute;right:.6rem;top:.6rem;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ink);font:italic 600 .8rem/22px Georgia,serif;text-align:center;transition:opacity .25s}.tc__stage.open::after{opacity:0}}
@media (prefers-reduced-motion:reduce){.ts__tip,.tc__more{transition:none}}
.ts__lineup.is-active{z-index:3}

/* ---------- Über Signum v2 ---------- */
.us2h{position:relative;overflow:hidden;background:#0E0D0B;color:var(--elfenbein);min-height:clamp(640px,92vh,940px);display:flex;flex-direction:column;justify-content:flex-end;padding:calc(76px + 2rem) var(--gut) clamp(3rem,6vw,5rem)}
.us2h__reel{position:absolute;inset:0;display:flex;align-items:center;opacity:.9}
.us2h__track{display:flex;gap:1.25rem;height:72%;animation:us2Reel 90s linear infinite;will-change:transform}
.us2h__track img{height:100%;aspect-ratio:4/5;width:auto;object-fit:cover;border-radius:4px;filter:saturate(.9)}
@keyframes us2Reel{to{transform:translateX(-50%)}}
.us2h__veil{position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,13,11,.97) 0%,rgba(14,13,11,.82) 38%,rgba(14,13,11,.35) 70%,rgba(14,13,11,.55) 100%),linear-gradient(90deg,rgba(14,13,11,.75) 0%,rgba(14,13,11,0) 60%)}
.us2h__inner{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto;width:100%}
.us2h .xh__kicker{color:rgba(247,244,237,.7);border-bottom-color:rgba(247,244,237,.2)} .us2h .xh__kicker span:first-child{color:var(--gold)}
.us2h__title{font-family:var(--font-head);font-weight:700;font-size:clamp(2.6rem,7.6vw,7rem);line-height:.95;letter-spacing:-.055em;color:var(--elfenbein);margin:clamp(2rem,5vw,3.5rem) 0 1.5rem}
.us2h__lead{max-width:52ch;color:rgba(247,244,237,.78);line-height:1.75;font-size:clamp(1rem,1.3vw,1.15rem);margin:0 0 clamp(2rem,4vw,3rem)}
.us2h__kpis{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 0;margin:0;border-top:1px solid rgba(247,244,237,.2);padding-top:1.5rem}
@media(min-width:900px){.us2h__kpis{grid-template-columns:repeat(4,1fr)}}
.us2h__kpis>div{padding-right:1rem}
.us2h__kpis dt{font-family:var(--font-head);font-weight:700;font-size:clamp(1.8rem,3.4vw,2.8rem);letter-spacing:-.04em;line-height:1}
.us2h__kpis dd{margin:.45rem 0 0;font-size:.82rem;color:rgba(247,244,237,.6)}
.us2-stmt{background:var(--elfenbein);padding:clamp(4.5rem,9vw,8rem) var(--gut)}
.us2-stmt__inner{max-width:var(--max-w);margin:0 auto}
.us2-stmt__big{font-family:var(--font-head);font-weight:600;font-size:clamp(1.6rem,3.6vw,3rem);line-height:1.2;letter-spacing:-.035em;color:var(--ink);max-width:28ch;margin:1.25rem 0 clamp(2.5rem,5vw,4rem)}
.us2-stmt__pr{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;border-top:1px solid rgba(20,20,20,.15)}
@media(min-width:760px){.us2-stmt__pr{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.us2-stmt__pr{grid-template-columns:repeat(4,1fr)}}
.us2-stmt__pr li{padding:1.5rem 1.5rem 1.5rem 0;border-bottom:1px solid rgba(20,20,20,.15);display:flex;flex-direction:column;gap:.5rem}
.us2-stmt__pr b{font-family:var(--font-head);font-weight:600;font-size:1.15rem;color:var(--ink)}
.us2-stmt__pr span{color:var(--anthrazit);line-height:1.6;font-size:.95rem}
.us2-chain{background:#0E0D0B;color:var(--elfenbein);padding:clamp(4.5rem,9vw,7rem) var(--gut);overflow:hidden}
.us2-chain__inner{max-width:var(--max-w);margin:0 auto}
.us2-chain__title{font-family:var(--font-head);font-weight:700;font-size:clamp(2rem,4.5vw,3.6rem);letter-spacing:-.045em;line-height:1;margin:1rem 0 clamp(2.5rem,5vw,4rem)}
.us2-chain__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0;position:relative}
@media(min-width:1000px){.us2-chain__list{grid-template-columns:repeat(7,1fr)}.us2-chain__list::before{content:"";position:absolute;left:0;right:0;top:1.2rem;height:1px;background:rgba(247,244,237,.18)}.us2-chain__list::after{content:"";position:absolute;left:0;top:1.2rem;height:1px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform 1.6s var(--ease)}.us2-chain__list.in::after{transform:scaleX(1)}}
.us2-chain__list li{position:relative;padding:0 1rem 2rem 0;opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(var(--i,0) * 120ms)}
.us2-chain__list.in li{opacity:1;transform:none}
.us2-chain__list span{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;background:#0E0D0B;border:1px solid var(--gold);color:var(--gold);font-family:var(--font-head);font-size:.78rem;margin-bottom:1rem}
.us2-chain__list b{display:block;font-family:var(--font-head);font-weight:600;font-size:1.1rem;margin-bottom:.4rem}
.us2-chain__list p{margin:0;font-size:.85rem;line-height:1.55;color:rgba(247,244,237,.62)}
@media(max-width:999px){.us2-chain__list li{display:grid;grid-template-columns:3.2rem 1fr;gap:0 .5rem;padding-bottom:1.5rem}.us2-chain__list span{grid-row:span 2;margin:0}}
.us2-lead{background:var(--elfenbein);padding:clamp(4.5rem,9vw,7rem) var(--gut)}
.us2-lead__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
@media(min-width:900px){.us2-lead__inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}}
.us2-lead__tim{margin:0}
.us2-stage{aspect-ratio:4/5;border-radius:4px;overflow:hidden;background:var(--stage-portrait);display:flex;align-items:flex-end;justify-content:center}
.us2-stage img{height:94%;width:auto;max-width:100%;object-fit:contain;transition:transform 1.2s var(--ease)}
.us2-stage:hover img{transform:scale(1.03)}
.us2-stage--s{aspect-ratio:1/1}
.us2-lead__q{font-family:var(--font-head);font-weight:500;font-size:clamp(1.5rem,2.8vw,2.3rem);line-height:1.25;letter-spacing:-.03em;color:var(--ink);margin:1rem 0 1.5rem;padding:0;border:0}
.us2-lead__n{display:flex;flex-direction:column;gap:.2rem;margin:0 0 1rem}
.us2-lead__n b{font-family:var(--font-head);font-size:1.15rem;color:var(--ink)} .us2-lead__n span{color:var(--messing);font-weight:600;font-size:.9rem}
.us2-lead__bio{color:var(--anthrazit);line-height:1.8;max-width:56ch;margin:0 0 2rem}
.us2-lead__board{border-top:1px solid rgba(20,20,20,.15);padding-top:1.5rem}
.us2-lead__board>div{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;max-width:30rem}
.us2-lead__board figure{margin:0}
.us2-lead__board figcaption{display:flex;flex-direction:column;margin-top:.7rem}
.us2-lead__board figcaption b{font-family:var(--font-head);font-size:1rem;color:var(--ink)} .us2-lead__board figcaption span{font-size:.8rem;color:var(--messing);font-weight:600}
.us2-city{background:var(--white);padding:clamp(4.5rem,9vw,7rem) var(--gut);border-top:1px solid var(--line)}
.us2-city__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,5vw,5rem)}
@media(min-width:1000px){.us2-city__inner{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.us2-city__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.us2-city__list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem 1rem;padding:1.1rem 0;border-bottom:1px solid var(--line);align-items:center}
.us2-city__n b{display:block;font-family:var(--font-head);font-weight:600;font-size:1.15rem;color:var(--ink)} .us2-city__n span{font-size:.8rem;color:var(--muted)}
.us2-city__v{font-size:.85rem;color:var(--anthrazit);text-align:right;white-space:nowrap} .us2-city__v b{font-family:var(--font-head);font-size:1.15rem;color:var(--ink)}
.us2-city__bar{grid-column:1/-1;height:4px;background:var(--elfenbein);border-radius:2px;overflow:hidden}
.us2-city__bar i{display:block;height:100%;width:calc(var(--w) * 100%);background:linear-gradient(90deg,var(--messing),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease)}
.us2-city__list.in .us2-city__bar i{transform:scaleX(1)}
.us2-team{background:var(--elfenbein);padding:clamp(3rem,6vw,5rem) var(--gut) 0;overflow:hidden}
.us2-team__link{display:block;max-width:var(--max-w);margin:0 auto;text-decoration:none;color:var(--ink);position:relative}
.us2-team__txt{display:flex;flex-direction:column;gap:.6rem;margin-bottom:2rem}
.us2-team__txt b{font-family:var(--font-head);font-weight:700;font-size:clamp(1.6rem,3.4vw,2.6rem);letter-spacing:-.04em;line-height:1.05;max-width:22ch}
.us2-team__line{--h:min(calc((100vw - 2 * var(--gut)) / 8.3),200px);display:flex;justify-content:center;align-items:flex-end;order:2;height:var(--h)}
.us2-team__line img{height:100%;width:auto;max-width:none;flex:none;margin:0 calc(var(--h) * -.034);filter:drop-shadow(0 14px 18px rgba(60,45,25,.2));transition:transform .5s var(--ease)}
.us2-team__link:hover .us2-team__line img{transform:translateY(-6px)}
.us2-team__link{display:flex;flex-direction:column}
@media(max-width:699px){.us2-team__line{--h:calc((100vw - 2 * var(--gut)) / 3.3)}.us2-team__line img:nth-child(-n+4),.us2-team__line img:nth-child(n+11){display:none}}
@media (prefers-reduced-motion:reduce){.us2h__track{animation:none}.us2-chain__list li{opacity:1;transform:none;transition:none}.us2-city__bar i{transform:none}}
.us2-stmt__big .w{opacity:.22;transition:opacity .35s linear}.us2-stmt__big .w.on{opacity:1}@media (prefers-reduced-motion:reduce){.us2-stmt__big .w{opacity:1}}
.us2-chain__title{color:var(--elfenbein) !important}
.us2-city__v{grid-row:1;grid-column:2}
.us2-city__bar{grid-row:2}

/* ---------- Ratgeber v2: cinematisch ---------- */
.rgo{position:relative;overflow:hidden;background:#0E0D0B;color:var(--elfenbein);padding:calc(76px + clamp(2.5rem,6vw,4.5rem)) var(--gut) clamp(3.5rem,7vw,5.5rem)}
.rgo .kv-a__light i:first-child{background:radial-gradient(circle,rgba(242,172,60,.22) 0%,rgba(242,172,60,0) 65%)}
.rgo .kv-a__light i:last-child{background:radial-gradient(circle,rgba(176,141,87,.18) 0%,rgba(176,141,87,0) 65%)}
.rgo__inner{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto}
.rgo .xh__kicker{color:rgba(247,244,237,.65);border-bottom-color:rgba(247,244,237,.18)} .rgo .xh__kicker span:first-child{color:var(--gold)}
.rgo__title{font-family:var(--font-head);font-weight:700;font-size:clamp(2.6rem,7.5vw,6.8rem);line-height:.95;letter-spacing:-.055em;color:var(--elfenbein);margin:clamp(2rem,5vw,3.5rem) 0 1.5rem}
.rgo__lead{max-width:56ch;color:rgba(247,244,237,.75);line-height:1.75;font-size:clamp(1rem,1.3vw,1.15rem);margin:0 0 2rem}
.rgo__chips{display:flex;flex-wrap:wrap;gap:.6rem}
.rgo__chips a{padding:.6rem 1rem;border:1px solid rgba(247,244,237,.25);border-radius:999px;color:var(--elfenbein);text-decoration:none;font-size:.85rem;transition:background .25s var(--ease),border-color .25s var(--ease),color .25s}
.rgo__chips a:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.rg-card{overflow:hidden;position:relative}
.rg-card__img{display:block;margin:calc(-1 * clamp(1.5rem,2.5vw,2rem)) calc(-1 * clamp(1.5rem,2.5vw,2rem)) .5rem;aspect-ratio:16/10;overflow:hidden;background:#ddd5c8}
.rg-card__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.rg-card:hover .rg-card__img img{transform:scale(1.05)}
.rg-card--lead{padding:clamp(1.5rem,3vw,2.5rem);min-height:28rem;justify-content:flex-end}
.rg-card--lead .rg-card__img{position:absolute;inset:0;margin:0;aspect-ratio:auto;z-index:0}
.rg-card--lead .rg-card__img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,13,11,.95) 0%,rgba(14,13,11,.6) 45%,rgba(14,13,11,.1) 100%)}
.rg-card--lead>*:not(.rg-card__img){position:relative;z-index:1}
.rg-card--calc .rg-card__img{display:none}
.rgp{position:fixed;left:0;top:0;right:0;height:3px;z-index:1200;pointer-events:none}
.rgp i{display:block;height:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}
.rgh--cine{position:relative;overflow:hidden;background:#0E0D0B;color:var(--elfenbein);min-height:clamp(560px,82vh,820px);display:flex;flex-direction:column;justify-content:flex-end;border-bottom:0;padding-bottom:clamp(3rem,6vw,4.5rem)}
.rgh__media{position:absolute;inset:0}
.rgh__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);animation:khPush 24s cubic-bezier(.2,.6,.2,1) forwards}
@keyframes khPush{to{transform:scale(1.02)}}
.rgh--cine::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(14,13,11,.97) 0%,rgba(14,13,11,.8) 40%,rgba(14,13,11,.35) 75%,rgba(14,13,11,.6) 100%),linear-gradient(90deg,rgba(14,13,11,.6),rgba(14,13,11,0) 70%)}
.rgh--cine .rgh__inner{position:relative;z-index:2;width:100%}
.rgh--cine .rgh__crumb{color:rgba(247,244,237,.6)} .rgh--cine .rgh__crumb a{color:var(--gold)}
.rgh--cine .rgh__title{color:var(--elfenbein);font-size:clamp(2.1rem,5vw,4.2rem)}
.rgh--cine .rgh__lead{color:rgba(247,244,237,.8)}
.rgh--cine .rgh__meta{color:rgba(247,244,237,.55)}
.rgh__cap{position:absolute;right:var(--gut);bottom:1rem;z-index:2;margin:0;font-size:.68rem;letter-spacing:.06em;color:rgba(247,244,237,.45)}
@media(max-width:699px){.rgh__cap{display:none}}
.rgk{background:var(--white);padding:clamp(2.5rem,5vw,3.5rem) var(--gut) 0}
.rgk__inner{max-width:var(--max-w);margin:0 auto}
.rgk dl{display:grid;grid-template-columns:1fr;margin:1rem 0 0;border-top:1px solid var(--ink)}
@media(min-width:760px){.rgk dl{grid-template-columns:repeat(3,1fr)}}
.rgk dl>div{padding:1.25rem 1.5rem 1.25rem 0;border-bottom:1px solid var(--line)}
@media(min-width:760px){.rgk dl>div+div{padding-left:1.5rem;border-left:1px solid var(--line)}}
.rgk dt{font-family:var(--font-head);font-weight:700;font-size:clamp(1.8rem,3.2vw,2.6rem);letter-spacing:-.04em;line-height:1;color:var(--ink)}
.rgk dd{margin:.5rem 0 0;font-size:.88rem;color:var(--muted);line-height:1.45}
.rgc{margin:3rem 0 0;padding:clamp(1.5rem,3vw,2.25rem);background:#0E0D0B;color:var(--elfenbein);border-radius:8px;scroll-margin-top:100px}
.rgc__k{margin:0;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.rgc__t{font-family:var(--font-head);font-weight:600;font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.2;letter-spacing:-.02em;color:var(--elfenbein) !important;margin:.5rem 0 1.5rem !important}
.rgc__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}
@media(min-width:700px){.rgc__grid{grid-template-columns:1fr 1fr;gap:2rem}}
.rgc__ins{display:flex;flex-direction:column;gap:1rem}
.rgc__f{display:flex;flex-direction:column;gap:.4rem;font-size:.78rem;color:rgba(247,244,237,.6)}
.rgc__in{display:flex;align-items:center;border-bottom:1px solid rgba(247,244,237,.3)}
.rgc__in input,.rgc__in select{flex:1;min-width:0;background:transparent;border:0;color:var(--elfenbein);font-family:var(--font-head);font-size:1.3rem;font-weight:600;padding:.4rem 0;outline:none}
.rgc__in select{font-size:1rem;font-family:var(--font-body)}
.rgc__in select option{color:var(--ink)}
.rgc__in:focus-within{border-bottom-color:var(--gold)}
.rgc__in em{font-style:normal;color:rgba(247,244,237,.5);font-size:.85rem;margin-left:.5rem}
.rgc__chk{display:flex;gap:.6rem;align-items:center;font-size:.85rem;color:rgba(247,244,237,.8);cursor:pointer}
.rgc__chk input{width:17px;height:17px;accent-color:var(--gold)}
.rgc__outs{display:flex;flex-direction:column;border-top:1px solid rgba(247,244,237,.15)}
.rgc__o{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(247,244,237,.15);font-size:.88rem;color:rgba(247,244,237,.65)}
.rgc__o b{font-family:var(--font-head);font-size:1.15rem;color:var(--elfenbein);font-variant-numeric:tabular-nums;white-space:nowrap}
.rgc__o--main{flex-direction:column;align-items:flex-start;gap:.3rem;padding:.25rem 0 1rem}
.rgc__o--main b{font-size:clamp(2rem,4vw,2.8rem);color:var(--gold);letter-spacing:-.03em}
.rgc__warn{color:#E9A39A !important}
.rgc__note{margin:1.25rem 0 0 !important;font-size:.78rem !important;color:rgba(247,244,237,.5)}
.rgx__cta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin:1.25rem 0 3rem;padding:1.25rem 1.5rem;border:1px solid var(--line);border-radius:6px;background:var(--elfenbein)}
.rgx__cta>div:first-child{display:flex;flex-direction:column;gap:.2rem}
.rgx__cta b{font-family:var(--font-head);color:var(--ink);font-size:1.05rem} .rgx__cta span{font-size:.85rem;color:var(--muted)}
.rgx__cta-b{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}
@media (prefers-reduced-motion:reduce){.rgh__media img{animation:none;transform:none}}
.ob__media>img:first-child{object-position:50% 30%}

.tg__mtxt{margin:.9rem 0 0;color:var(--anthrazit);font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.75;max-width:52ch}
/* Checkliste im Ratgeber */
.rgc[data-rgc="checkliste-kauf"] .rgc__ins{gap:.7rem}
.rgc[data-rgc="checkliste-kauf"] .rgc__chk{align-items:flex-start;line-height:1.45}
.rgc[data-rgc="checkliste-kauf"] .rgc__chk input{flex:none;margin-top:.15rem}
.rgc[data-rgc="neubau-oder-bestand"] .rgc__in select{font-size:.95rem;white-space:normal}
.rgc__f>span:first-child{white-space:normal;overflow-wrap:break-word}
.rgc__in select{width:100%;max-width:100%;text-overflow:ellipsis}
.rgc__grid,.rgc__ins,.rgc__outs{min-width:0}


/* =====================================================================
   STANDORTANALYSEN (Ratgeber)  ·  Präfix sa
   ===================================================================== */
.sa-dark{background:#0E0D0B;color:var(--elfenbein)}
.sah{position:relative;min-height:100svh;overflow:hidden;background:#0E0D0B;color:var(--elfenbein);display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate}
.sah__media{position:absolute;inset:0;z-index:-2}
.sah__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.14);animation:saKen 16s cubic-bezier(.2,.6,.2,1) forwards;filter:saturate(.92) contrast(1.04)}
@keyframes saKen{to{transform:scale(1.02)}}
.sah::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(14,13,11,.96) 0%,rgba(14,13,11,.72) 34%,rgba(14,13,11,.18) 68%,rgba(14,13,11,.55) 100%),linear-gradient(90deg,rgba(14,13,11,.55),rgba(14,13,11,0) 65%)}
.sah::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.09;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.sah__bar{position:absolute;left:0;right:0;height:0;background:#000;z-index:3;animation:saBar 1.6s .2s var(--ease) forwards}
.sah__bar--t{top:0}.sah__bar--b{bottom:0}
@keyframes saBar{to{height:clamp(0px,4.5vh,44px)}}
@media(max-width:699px){.sah__bar{display:none}}
.sah__inner{position:relative;z-index:2;width:100%;max-width:var(--wide);margin:0 auto;padding:calc(76px + 3rem) var(--gut) clamp(3.5rem,8vh,5.5rem)}
.sah__crumb{display:flex;gap:.6rem;align-items:center;font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,244,237,.6);margin:0 0 1.25rem}
.sah__crumb a{color:var(--gold);text-decoration:none}
.sah__kicker{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 2rem;font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,244,237,.7);padding-bottom:1rem;border-bottom:1px solid rgba(247,244,237,.22);margin:0 0 clamp(1.5rem,4vh,2.5rem)}
.sah__kicker b{color:var(--gold);font-weight:600}
.sah__title{font-family:var(--font-head);font-weight:700;color:var(--elfenbein);font-size:clamp(2.8rem,calc(150vw / var(--n,8)),12.5rem);line-height:.86;letter-spacing:-.06em;margin:0;overflow:hidden;padding-bottom:.06em}
.sah__title .c{display:inline-block;transform:translateY(105%);animation:xlUp 1.1s var(--ease) forwards;animation-delay:calc(.45s + var(--i) * 45ms)}
.sah__sub{font-family:var(--font-head);font-weight:500;font-size:clamp(1.2rem,2.4vw,2rem);letter-spacing:-.025em;line-height:1.2;color:var(--elfenbein);max-width:28ch;margin:clamp(1rem,3vh,1.75rem) 0 0;opacity:0;animation:xFade 1s 1.2s var(--ease) forwards}
.sah__lead{max-width:60ch;color:rgba(247,244,237,.78);line-height:1.75;font-size:clamp(.98rem,1.2vw,1.1rem);margin:1rem 0 0;opacity:0;animation:xFade 1s 1.4s var(--ease) forwards}
.sah__meta{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;margin:1.75rem 0 0;font-size:.8rem;color:rgba(247,244,237,.55);opacity:0;animation:xFade 1s 1.6s var(--ease) forwards}
.sah__cap{position:absolute;right:var(--gut);bottom:clamp(1rem,5vh,3.2rem);z-index:4;font-size:.68rem;color:rgba(247,244,237,.5);letter-spacing:.04em;margin:0;max-width:40ch;text-align:right}
@media(max-width:699px){.sah__cap{display:none}}
.sah__cue{position:absolute;left:50%;bottom:clamp(1rem,5vh,3rem);z-index:4;width:1px;height:54px;background:rgba(247,244,237,.25);overflow:hidden}
.sah__cue::after{content:"";position:absolute;left:0;top:-50%;width:1px;height:50%;background:var(--gold);animation:saCue 2.2s ease-in-out infinite}
@keyframes saCue{to{top:100%}}
@media(max-width:899px){.sah__cue{display:none}}

/* Lesefortschritt */
.sap{position:fixed;left:0;top:0;right:0;height:2px;z-index:60;pointer-events:none}
.sap i{display:block;height:100%;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}

/* Kennzahlen */
.sak{background:#0E0D0B;color:var(--elfenbein);padding:clamp(3.5rem,8vw,6rem) var(--gut)}
.sak__inner{max-width:var(--max-w);margin:0 auto}
.sak__head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;margin-bottom:clamp(1.5rem,4vw,2.5rem)}
.sak__head p{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.sak__head span{font-size:.78rem;color:rgba(247,244,237,.5)}
.sak__grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(247,244,237,.2)}
@media(min-width:900px){.sak__grid{grid-template-columns:repeat(3,1fr)}}
.sak__grid>div{padding:clamp(1.25rem,3vw,2rem) clamp(.75rem,2vw,1.75rem) clamp(1.25rem,3vw,2rem) 0;border-bottom:1px solid rgba(247,244,237,.14)}
.sak__grid>div:nth-child(2n){padding-left:clamp(.75rem,2vw,1.75rem);border-left:1px solid rgba(247,244,237,.14)}
@media(min-width:900px){.sak__grid>div:nth-child(2n){padding-left:0;border-left:0}.sak__grid>div:not(:nth-child(3n+1)){padding-left:1.75rem;border-left:1px solid rgba(247,244,237,.14)}}
.sak__v{display:block;font-family:var(--font-head);font-weight:700;font-size:clamp(2.1rem,5.5vw,4.4rem);letter-spacing:-.05em;line-height:1;color:var(--elfenbein);font-variant-numeric:tabular-nums;white-space:nowrap}
.sak__v small{font-size:.45em;letter-spacing:-.02em;color:var(--gold);margin-left:.15em;font-weight:600}
.sak__l{display:block;margin-top:.6rem;font-size:clamp(.8rem,1vw,.9rem);line-height:1.45;color:rgba(247,244,237,.68)}
.sak__l sup,.sa sup{font-size:.62em;color:var(--gold);margin-left:.15em}
.sa sup a{color:inherit;text-decoration:none}

/* Leitsatz */
.sas{background:var(--elfenbein);padding:clamp(5rem,12vw,9rem) var(--gut)}
.sas__inner{max-width:var(--max-w);margin:0 auto}
.sas__t{font-family:var(--font-head);font-weight:600;font-size:clamp(1.65rem,3.8vw,3.3rem);line-height:1.14;letter-spacing:-.035em;color:var(--ink);max-width:24ch;margin:1rem 0 0}
.sas__t .w{color:rgba(20,20,20,.16);transition:color .4s var(--ease)} .sas__t .w.on{color:var(--ink)}
.sas__body{display:grid;grid-template-columns:1fr;gap:1.25rem 3rem;margin-top:clamp(2.5rem,5vw,4rem);max-width:980px}
@media(min-width:900px){.sas__body{grid-template-columns:1fr 1fr}}
.sas__body p{margin:0;line-height:1.8;color:var(--anthrazit);font-size:clamp(1rem,1.2vw,1.08rem)}

/* Kapitel mit stehendem Bild */
.sac{position:relative;background:#0E0D0B;color:var(--elfenbein)}
.sac__media{position:sticky;top:0;height:100svh;overflow:hidden}
.sac__media img{width:100%;height:118%;object-fit:cover;will-change:transform;filter:saturate(.9)}
.sac__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,13,11,.88) 0%,rgba(14,13,11,.55) 45%,rgba(14,13,11,.15) 100%),linear-gradient(0deg,rgba(14,13,11,.7),rgba(14,13,11,0) 50%)}
.sac--r .sac__media::after{background:linear-gradient(270deg,rgba(14,13,11,.88) 0%,rgba(14,13,11,.55) 45%,rgba(14,13,11,.15) 100%),linear-gradient(0deg,rgba(14,13,11,.7),rgba(14,13,11,0) 50%)}
.sac__cap{position:absolute;right:var(--gut);bottom:1.25rem;z-index:2;margin:0;font-size:.66rem;color:rgba(247,244,237,.5)}
.sac__body{position:relative;z-index:2;margin-top:-100svh;padding:22svh var(--gut) 24svh;max-width:var(--wide);margin-left:auto;margin-right:auto}
.sac__card{max-width:560px;padding:clamp(1.5rem,3.5vw,2.75rem);background:rgba(14,13,11,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(247,244,237,.12);border-radius:4px;opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.sac__card+.sac__card{margin-top:32svh}
.sac--r .sac__card{margin-left:auto}
.sac__card.in{opacity:1;transform:none}
.sac__no{display:flex;align-items:center;gap:.8rem;margin:0 0 1rem;font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.sac__no::after{content:"";flex:0 0 2.5rem;height:1px;background:currentColor;opacity:.6}
.sac__card h2{color:var(--elfenbein);font-size:clamp(1.7rem,3.2vw,2.6rem);margin:0 0 1rem}
.sac__card h3{color:var(--elfenbein);font-size:clamp(1.15rem,1.8vw,1.4rem);margin:0 0 .75rem}
.sac__card p{margin:0 0 1rem;line-height:1.75;color:rgba(247,244,237,.8);font-size:clamp(.95rem,1.1vw,1.03rem)}
.sac__facts{list-style:none;margin:1.25rem 0 0;padding:0;border-top:1px solid rgba(247,244,237,.16)}
.sac__facts li{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:1rem;align-items:baseline;padding:.8rem 0;border-bottom:1px solid rgba(247,244,237,.1)}
.sac__facts b{font-family:var(--font-head);font-weight:700;font-size:clamp(1.2rem,2vw,1.55rem);letter-spacing:-.03em;color:var(--gold);white-space:nowrap}
.sac__facts span{font-size:.85rem;color:rgba(247,244,237,.72);line-height:1.45}
@media(max-width:699px){.sac__media::after{background:linear-gradient(0deg,rgba(14,13,11,.6),rgba(14,13,11,.12) 70%)}.sac__media img{filter:saturate(.95) brightness(1.08)}.sac__cap{display:none}.sac__card{background:rgba(14,13,11,.8)}.sac__body{padding:55svh var(--gut) 40svh}.sac__card+.sac__card{margin-top:55svh}}

/* Mietentwicklung */
.sar{background:var(--white);padding:clamp(4.5rem,9vw,7rem) var(--gut)}
.sar__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem)}
@media(min-width:1000px){.sar__inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:end}}
.sar h2{margin:.75rem 0 1rem}
.sar__txt p{line-height:1.75;color:var(--anthrazit);margin:0 0 1rem}
.sar__delta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin:1.75rem 0 0;padding-top:1.25rem;border-top:1px solid var(--ink)}
.sar__delta b{white-space:nowrap;font-family:var(--font-head);font-weight:700;font-size:clamp(2.6rem,6vw,4.6rem);letter-spacing:-.05em;line-height:1;color:var(--ink)}
.sar__delta span{font-size:.88rem;color:var(--muted);line-height:1.45;max-width:26ch}
.sar__chart{display:flex;align-items:flex-end;gap:clamp(.35rem,1.2vw,1rem);height:clamp(260px,34vw,420px);padding:0 0 .25rem;border-bottom:1px solid var(--ink)}
.sar__chart li{list-style:none;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:.5rem}
.sar__chart i{display:block;width:100%;height:calc(var(--h) * 100%);background:linear-gradient(180deg,var(--gold),var(--messing));border-radius:2px 2px 0 0;transform:scaleY(0);transform-origin:bottom;transition:transform 1.1s var(--ease);transition-delay:calc(var(--i) * 90ms)}
.sar__chart li:last-child i{background:linear-gradient(180deg,#F7C46B,var(--gold))}
.sar__chart b{font-family:var(--font-head);font-size:clamp(.72rem,1.2vw,.95rem);font-weight:600;color:var(--ink);opacity:0;transition:opacity .6s var(--ease);transition-delay:calc(.6s + var(--i) * 90ms);white-space:nowrap}
.sar__chart.in i{transform:scaleY(1)} .sar__chart.in b{opacity:1}
.sar__years{display:flex;gap:clamp(.35rem,1.2vw,1rem);margin:.6rem 0 0;padding:0}
.sar__years li{list-style:none;flex:1;text-align:center;font-size:.75rem;color:var(--muted)}
.sar__src{margin:1rem 0 0;font-size:.75rem;color:var(--muted)}
.sar__tbl{width:100%;border-collapse:collapse;margin:2rem 0 0;font-size:.9rem}
.sar__tbl th,.sar__tbl td{padding:.75rem .5rem .75rem 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.sar__tbl td:last-child,.sar__tbl th:last-child{text-align:right;white-space:nowrap}
.sar__tbl th{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}

/* Abfahrtstafel */
.sab{background:#0E0D0B;color:var(--elfenbein);padding:clamp(4.5rem,9vw,7rem) var(--gut)}
.sab__inner{max-width:var(--max-w);margin:0 auto}
.sab h2{color:var(--elfenbein);margin:.75rem 0 .75rem;max-width:20ch}
.sab__lead{color:rgba(247,244,237,.7);max-width:60ch;line-height:1.7;margin:0 0 2.5rem}
.sab__board{border:1px solid rgba(247,244,237,.14);border-radius:6px;background:linear-gradient(180deg,#151411,#0B0A09);padding:clamp(.75rem,2vw,1.5rem);box-shadow:inset 0 1px 0 rgba(247,244,237,.05)}
.sab__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem 1.25rem;align-items:center;padding:.9rem .25rem;border-bottom:1px dashed rgba(247,244,237,.1)}
.sab__row:last-child{border-bottom:0}
@media(min-width:760px){.sab__row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 13rem}}
.sab__row--h{padding-top:.25rem;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(247,244,237,.45)}
.sab__row--h .sab__via{font-size:inherit;color:inherit}
.sab__row--h span:last-child{text-align:right}
.sab__to{font-family:var(--font-head);font-weight:600;font-size:clamp(1.05rem,2vw,1.45rem);letter-spacing:-.01em;color:var(--elfenbein);text-transform:uppercase}
.sab__via{font-size:.82rem;color:rgba(247,244,237,.6)}
@media(max-width:759px){.sab__via{grid-column:1/-1;grid-row:2}.sab__row--h .sab__via{display:none}}
.sab__t{display:flex;gap:3px;justify-content:flex-end}
.sab__row>span:last-child{display:flex;justify-content:flex-end}
.sab__t span{display:inline-flex;align-items:center;justify-content:center;min-width:1.05em;height:1.6em;padding:0 .12em;background:#1D1B18;border-radius:3px;font-family:var(--font-head);font-weight:700;font-size:clamp(1.05rem,2.2vw,1.55rem);color:var(--gold);font-variant-numeric:tabular-nums;position:relative;box-shadow:inset 0 -1px 0 rgba(0,0,0,.6)}
.sab__t span::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.55)}
.sab__t span.sp{background:none;box-shadow:none;min-width:.35em}
.sab__t span.sp::after{display:none}
.sab__note{margin:1rem 0 0;font-size:.75rem;color:rgba(247,244,237,.45)}

/* Stadtteile */
.sad{background:var(--elfenbein);padding:clamp(4.5rem,9vw,7rem) var(--gut)}
.sad__inner{max-width:var(--max-w);margin:0 auto}
.sad h2{margin:.75rem 0 2.5rem;max-width:22ch}
.sad__grid{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid var(--ink)}
@media(min-width:760px){.sad__grid{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.sad__grid{grid-template-columns:repeat(3,1fr)}}
.sad__it{padding:1.5rem 1.5rem 1.75rem 0;border-bottom:1px solid var(--line);position:relative}
@media(min-width:760px){.sad__it{padding-right:2rem}}
.sad__it span{font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--messing)}
.sad__it h3{font-family:var(--font-head);font-weight:600;font-size:clamp(1.25rem,2vw,1.55rem);letter-spacing:-.025em;margin:.5rem 0 .6rem;color:var(--ink)}
.sad__it p{margin:0;line-height:1.7;color:var(--anthrazit);font-size:.95rem}

/* Argumente */
.saa{background:var(--white);padding:clamp(4.5rem,9vw,7rem) var(--gut)}
.saa__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:2rem 4rem}
@media(min-width:1000px){.saa__inner{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}}
.saa__head{align-self:start}
@media(min-width:1000px){.saa__head{position:sticky;top:120px}}
.saa h2{margin:.75rem 0 1rem}
.saa__head p{color:var(--muted);line-height:1.7;margin:0}
.saa__list{list-style:none;margin:0;padding:0;counter-reset:sa;border-top:1px solid var(--ink)}
.saa__list li{counter-increment:sa;display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:0 1rem;padding:1.6rem 0;border-bottom:1px solid var(--line)}
.saa__list li::before{content:counter(sa,decimal-leading-zero);font-family:var(--font-head);font-weight:700;font-size:1.05rem;color:var(--messing);padding-top:.2rem}
.saa__list b{display:block;font-family:var(--font-head);font-weight:600;font-size:clamp(1.15rem,1.8vw,1.4rem);letter-spacing:-.02em;color:var(--ink);margin-bottom:.4rem;line-height:1.25}
.saa__list p{margin:0;line-height:1.7;color:var(--anthrazit);font-size:.97rem}

/* Ausblick und Einordnung */
.sao{position:relative;overflow:hidden;background:#0E0D0B;color:var(--elfenbein);padding:clamp(4.5rem,9vw,7rem) var(--gut)}
.sao__inner{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:3rem}
@media(min-width:1000px){.sao__inner{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:5rem}}
.sao h2{color:var(--elfenbein);margin:.75rem 0 1.25rem}
.sao__out p{color:rgba(247,244,237,.8);line-height:1.8;margin:0 0 1rem;font-size:clamp(1rem,1.2vw,1.08rem)}
.sao__hon{padding:clamp(1.5rem,3vw,2.25rem);border:1px solid rgba(247,244,237,.16);border-radius:4px;align-self:start}
.sao__hon h3{color:var(--elfenbein);margin:0 0 1rem;font-size:1.15rem}
.sao__hon ul{margin:0;padding:0;list-style:none}
.sao__hon li{position:relative;padding:0 0 1rem 1.25rem;line-height:1.65;color:rgba(247,244,237,.74);font-size:.93rem}
.sao__hon li::before{content:"";position:absolute;left:0;top:.65em;width:.5rem;height:1px;background:var(--gold)}

/* Signum vor Ort */
.sav{background:var(--elfenbein);padding:clamp(4.5rem,9vw,7rem) var(--gut)}
.sav__inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);gap:2rem 4rem;align-items:center}
@media(min-width:1000px){.sav__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.sav__img{margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:#ddd}
.sav__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.sav__img:hover img{transform:scale(1.04)}
.sav h2{margin:.75rem 0 1rem}
.sav p{line-height:1.75;color:var(--anthrazit);margin:0 0 1rem}
.sav__n{display:flex;gap:2.5rem;margin:1.5rem 0 2rem;padding-top:1.25rem;border-top:1px solid var(--ink)}
.sav__n b{display:block;font-family:var(--font-head);font-weight:700;font-size:clamp(2.2rem,4vw,3.2rem);letter-spacing:-.05em;line-height:1;color:var(--ink)}
.sav__n span{font-size:.82rem;color:var(--muted)}
.sav__btns{display:flex;flex-wrap:wrap;gap:.75rem}

/* Quellen */
.saq{background:var(--white);padding:clamp(3rem,6vw,4.5rem) var(--gut);border-top:1px solid var(--line)}
.saq__inner{max-width:var(--max-w);margin:0 auto}
.saq details{border-top:1px solid var(--ink)}
.saq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;font-family:var(--font-head);font-weight:600;font-size:1.1rem;color:var(--ink)}
.saq summary::-webkit-details-marker{display:none}
.saq summary::after{content:"+";font-size:1.5rem;color:var(--messing);transition:transform .3s var(--ease)}
.saq details[open] summary::after{transform:rotate(45deg)}
.saq ol{margin:0 0 1.5rem;padding-left:1.5rem;columns:1;font-size:.82rem;line-height:1.6;color:var(--muted)}
@media(min-width:900px){.saq ol{columns:2;column-gap:3rem}}
.saq li{break-inside:avoid;margin:0 0 .4rem}
.saq a{color:var(--anthrazit);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:2px;word-break:break-word}
.saq__note{font-size:.78rem;color:var(--muted);line-height:1.6;margin:1rem 0 0;max-width:80ch}

/* Weitere Standorte */
.sax{background:#0E0D0B;padding:clamp(4rem,8vw,6rem) var(--gut)}
.sax__inner{max-width:var(--wide);margin:0 auto}
.sax .xlabel{color:var(--gold)}
.sax__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}
@media(min-width:900px){.sax__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sa-tile{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:4px;text-decoration:none;color:var(--elfenbein);background:#1a1916;isolation:isolate}
.sa-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.6s var(--ease),filter .8s var(--ease);filter:saturate(.85) brightness(.85)}
.sa-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(14,13,11,.92) 0%,rgba(14,13,11,.25) 55%,rgba(14,13,11,.1) 100%)}
.sa-tile:hover img{transform:scale(1.07);filter:saturate(1) brightness(.95)}
.sa-tile__in{position:absolute;left:0;right:0;bottom:0;padding:clamp(1rem,2vw,1.5rem)}
.sa-tile__k{display:block;font-size:.64rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}
.sa-tile b{display:block;font-family:var(--font-head);font-weight:700;font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.045em;line-height:1}
.sa-tile__f{display:block;margin-top:.6rem;font-size:.8rem;color:rgba(247,244,237,.72);line-height:1.4}
.sa-tile__go{position:absolute;top:1rem;right:1rem;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid rgba(247,244,237,.35);display:flex;align-items:center;justify-content:center;transition:background .3s,border-color .3s,transform .5s var(--ease)}
.sa-tile:hover .sa-tile__go{background:var(--gold);border-color:var(--gold);transform:rotate(-45deg)}
.sa-tile__go svg{width:14px;height:14px}

/* Übersicht im Ratgeber */
.rgs{background:#0E0D0B;padding:0 var(--gut) clamp(4rem,8vw,6rem)}
.rgs__inner{max-width:var(--wide);margin:0 auto}
.rgs__head{display:flex;justify-content:space-between;align-items:end;gap:1rem 2rem;flex-wrap:wrap;padding-top:clamp(2.5rem,5vw,3.5rem);border-top:1px solid rgba(247,244,237,.16);margin-bottom:1.75rem}
.rgs__head h2{color:var(--elfenbein);margin:.6rem 0 0;font-size:clamp(1.8rem,3.6vw,3rem);max-width:18ch}
.rgs__head p{color:rgba(247,244,237,.65);max-width:46ch;line-height:1.7;margin:0;font-size:.95rem}
.rgs__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
@media(min-width:900px){.rgs__grid{grid-template-columns:repeat(5,minmax(0,1fr))}.rgs__grid .sa-tile{aspect-ratio:2/3.2}}
@media(max-width:899px){.rgs__grid .sa-tile:first-child{grid-column:1/-1;aspect-ratio:16/10}}
.rgo .rgo__chips a.is-sa{border-color:rgba(242,172,60,.55)}

@media (prefers-reduced-motion:reduce){
 .sah__media img,.sah__bar,.sah__title .c,.sah__sub,.sah__lead,.sah__meta{animation:none!important;opacity:1;transform:none}
 .sah__bar{height:0}
 .sac__card{opacity:1;transform:none;transition:none}
 .sar__chart i{transform:none;transition:none} .sar__chart b{opacity:1}
 .sac__media img{transform:none!important}
}
/* stehende Kapitelbilder: overflow hidden am body würde sticky aushebeln */
html:has(.sah),html:has(.sah) body{overflow-x:clip!important;overflow-y:visible!important}
.rgs__grid .sa-tile b{font-size:clamp(1.5rem,1.95vw,2.1rem)}

@media(max-width:899px){.rgs__grid{grid-template-columns:1fr}.rgs__grid .sa-tile,.rgs__grid .sa-tile:first-child{grid-column:auto;aspect-ratio:16/10}}
@media(max-width:599px){.sax__grid .sa-tile__f{display:none}.sax__grid .sa-tile b{font-size:clamp(.9rem,4.7vw,1.35rem)}}
/* Neubau gegen Bestand */
.sar__tabs{display:inline-flex;gap:.25rem;padding:.25rem;border:1px solid var(--line);border-radius:999px;margin:0 0 1.25rem}
.sar__tabs button{border:0;background:transparent;padding:.55rem 1.1rem;border-radius:999px;font:inherit;font-size:.85rem;font-weight:600;color:var(--muted);cursor:pointer;transition:background .25s var(--ease),color .25s}
.sar__tabs button[aria-selected="true"]{background:var(--ink);color:var(--elfenbein)}
.sar__legend{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0 0 1rem;font-size:.82rem;color:var(--anthrazit)}
.sar__lg{display:inline-flex;align-items:center;gap:.5rem}
.sar__lg::before{content:"";width:.8rem;height:.8rem;border-radius:2px;background:linear-gradient(180deg,var(--gold),var(--messing))}
.sar__lg--b::before{background:#B9B2A5}
.sar__lg b{font-family:var(--font-head);color:var(--ink)}
.sar__chart--2 li{justify-content:flex-end}
.sar__pair{display:flex;align-items:flex-end;gap:2px;width:100%;height:100%}
.sar__bar{position:relative;flex:1;height:calc(var(--h) * 100%);border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--gold),var(--messing));transform:scaleY(0);transform-origin:bottom;transition:transform 1.1s var(--ease);transition-delay:calc(var(--i) * 70ms)}
.sar__bar--b{background:linear-gradient(180deg,#CFC8BB,#A79F90)}
.sar__bar--na{background:none}
.sar__bar b{position:absolute;left:50%;bottom:100%;transform:translate(-50%,-.35rem);font-family:var(--font-head);font-size:clamp(.62rem,1vw,.8rem);font-weight:600;color:var(--ink);white-space:nowrap;opacity:0;transition:opacity .6s var(--ease);transition-delay:calc(.7s + var(--i) * 70ms)}
.sar__bar:not(.sar__bar--lab) b{display:none}
.sar__bar--b b{bottom:auto;top:-1.3rem;color:var(--muted)}
.sar__bar--n.sar__bar--lab b{top:auto}
.sar__chart--2.in .sar__bar{transform:scaleY(1)} .sar__chart--2.in .sar__bar b{opacity:1}
.sar__chart--2 li:hover .sar__bar b{display:block;opacity:1}
@media (prefers-reduced-motion:reduce){.sar__bar{transform:none;transition:none}.sar__bar b{opacity:1}}
.sar__bar--na{display:none}
.sar__lg:empty{display:none}
.sar__bar--b b{background:var(--white);padding:0 .2em;border-radius:2px;left:60%}
/* Diagramm im Ratgeber */
.rgd{margin:2rem 0;padding:1.5rem 1.25rem 1rem;border:1px solid var(--line);border-radius:6px;background:var(--white)}
.rgd__plot{position:relative}
.rgd .sar__chart{height:clamp(220px,30vw,320px)}
.rgd .sar__chart b{font-size:clamp(.55rem,.9vw,.72rem)}
.rgd__line{position:absolute;left:0;right:0;bottom:calc(var(--h) * 100% + .25rem);border-top:2px dashed var(--messing);z-index:2;pointer-events:none}
.rgd__line em{position:absolute;right:0;bottom:.3rem;font-style:normal;font-size:.72rem;font-weight:600;color:var(--messing);background:var(--white);padding:0 .3rem}
.rgd figcaption{margin-top:.75rem;font-size:.75rem;color:var(--muted);line-height:1.5}
@media(max-width:600px){.rgd .sar__chart b{display:none}}
.rgd ul{list-style:none!important;padding:0!important;margin:0!important}
.rgd ul li{padding:0!important;margin:0!important;line-height:1.2}
.rgd ul li::before,.rgd ul li::marker{content:none!important;display:none!important}
.rgd .sar__years{margin-top:.6rem!important}