/* ============================================================
   PERFECTIO HAUSVERWALTUNG — Ergänzungen für Themenseiten
   Baut auf css/style.css auf, ändert dort nichts.
   ============================================================ */
.hero-kicker{color:inherit;font-size:clamp(1.05rem,2.2vw,1.5rem);line-height:1.25;font-weight:500;margin:0 0 1.2rem;max-width:22em}
.hero.hero-page .hero-title .sans{font-size:clamp(2.2rem,4.6vw,3.7rem)}
.hero.hero-page .hero-title .serif{font-size:clamp(2rem,4.2vw,3.3rem)}
.hero.hero-page .hero-sub{max-width:480px}

.crumbs{background:var(--navy-header);border-top:1px solid rgba(242,228,211,.10);font-size:.88rem;color:var(--text-mute)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:.7rem 0}
.crumbs li+li::before{content:'›';margin-right:.5rem;color:var(--gold-lt)}
.crumbs a:hover{color:var(--cream)}

.expect.tight{padding-bottom:80px}
.expect .expect-grid.last{margin-bottom:0}
.expect-copy h3,.light-copy h3{font-weight:400;font-size:1.35rem;margin:1.8rem 0 .6rem}
.expect-copy h3{color:var(--gold-lt)}
.expect-copy a,.fact-card a{color:var(--cream);border-bottom:1px solid var(--gold-lt)}
.expect-copy a:hover,.fact-card a:hover{color:#fff}

/* heller Abschnitt mit Fließtext */
.light{background:var(--cream-2);color:var(--blue);padding:80px 0 90px}
/* Lesbarkeit auf hellem Grund: dunkleres Gold (Kontrast 7,1:1 statt 3,0:1),
   feine Haarlinien der Serifenschrift leicht verstärkt */
.light{--gold-ink:#6b4c28}
.light .eyebrow{color:var(--gold-ink);font-weight:600}
.light .section-head .sans{color:var(--blue)}
.light .section-head .serif,.light .section-head .serif.gold{color:var(--gold-ink);-webkit-text-stroke:.6px currentColor;letter-spacing:.01em}
.light-copy{max-width:760px}
.light-copy p,.light-copy li{color:#46567a;margin-bottom:1.1rem}
.light-copy strong,.light strong{color:var(--blue)}
.light-copy h3{color:var(--blue)}
.light a.text-link{color:var(--blue);border-bottom:1px solid var(--gold-ink)}

/* Vergleich WEG / SEV */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:2.6rem}
.compare-col{background:#fff;border:1px solid rgba(51,69,104,.14);border-radius:8px;padding:2rem 1.8rem}
.compare-col.accent{border-color:var(--gold-ink);box-shadow:0 10px 30px rgba(51,69,104,.08)}
.compare-col h3{font-weight:400;font-size:1.4rem;color:var(--blue);margin-bottom:.3rem}
.compare-col .compare-sub{font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink);font-weight:600;margin-bottom:1.2rem}
.compare-col ul{list-style:none}
.compare-col li{position:relative;padding:.55rem 0 .55rem 1.5rem;color:#46567a;border-top:1px solid rgba(51,69,104,.10)}
.compare-col li::before{content:'';position:absolute;left:0;top:1.15rem;width:7px;height:7px;border-radius:50%;background:var(--gold-ink)}

/* Faktenkarten (dunkel) */
.fact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.fact-card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.01));border:1px solid rgba(242,228,211,.10);border-radius:8px;padding:2.2rem 2rem}
.fact-card .fact-num{font-family:var(--f-serif);font-style:italic;font-size:2.4rem;line-height:1;color:var(--gold-lt);margin-bottom:.8rem}
.fact-card h3{font-weight:400;font-size:1.3rem;color:var(--cream);margin-bottom:.7rem}
.fact-card p{color:var(--text-mute);font-size:.98rem}
.fact-note{color:var(--text-mute);font-size:.85rem;margin-top:1.6rem}

/* Ablauf */
.steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.6rem}
.steps li{counter-increment:step;position:relative;padding-top:3.4rem;color:#46567a}
.steps li::before{content:counter(step);position:absolute;left:0;top:0;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--blue);color:var(--cream);display:flex;align-items:center;justify-content:center;font-family:var(--f-serif);font-style:italic;font-size:1.3rem}
.steps h3{font-weight:400;font-size:1.3rem;color:var(--blue);margin-bottom:.5rem}
.light .center-btn{margin-top:3rem}

/* FAQ auf dunklem Grund (wie Startseite) */
#faq .accordion{max-width:900px;margin-inline:auto}
#faq .acc-item,#faq .acc-trigger,#faq .acc-panel,#faq .acc-panel p,#faq .acc-trigger span{color:#E9EAF0}
#faq .acc-trigger>span:first-child{color:#F0E5D5}
#faq .acc-item,#faq .acc-trigger{border-color:rgba(233,234,240,.28)}
#faq .acc-sign{color:#F0E5D5}
#faq .acc-sign::before,#faq .acc-sign::after{background-color:currentColor}
#faq .acc-trigger:hover>span:first-child{color:#fff}
#faq .acc-panel a{border-bottom:1px solid var(--gold-lt)}

/* Weiterführende Seiten */
.more{background:var(--navy-body);padding:0 0 90px}
.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.more-card{display:block;border:1px solid rgba(242,228,211,.16);border-radius:8px;padding:1.6rem 1.6rem 1.7rem;transition:.25s}
.more-card:hover{border-color:var(--gold-lt);transform:translateY(-2px)}
.more-card span{display:block;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lt);margin-bottom:.5rem}
.more-card strong{font-weight:400;font-size:1.2rem;color:var(--cream)}

.contact.spaced{padding-top:80px}
.footer-links{flex-wrap:wrap;justify-content:center}

@media (max-width:980px){
  .compare,.fact-cards,.steps,.more-grid{grid-template-columns:1fr}

}

/* ---- Ergänzungen für Ratgeber und weitere Themenseiten ---- */
.acc-item.open .acc-panel{max-height:900px}
.light-copy.wide{max-width:820px}
.light-copy h3:first-child{margin-top:0}
.light-copy ul,.light-copy ol{padding-left:1.3rem;margin-bottom:1.1rem}
.light-copy li{margin-bottom:.5rem}
.light-copy a{color:var(--blue);border-bottom:1px solid var(--gold-ink)}
.light .section-head{margin-bottom:2rem}
.stand{font-size:.88rem;color:#5d6b89;margin-top:1.6rem}
.ptable{width:100%;max-width:820px;border-collapse:collapse;margin:1.6rem 0;background:#fff;border:1px solid rgba(51,69,104,.14);border-radius:8px;overflow:hidden}
.ptable th,.ptable td{text-align:left;padding:.9rem 1.2rem;border-bottom:1px solid rgba(51,69,104,.10);color:#46567a;vertical-align:top}
.ptable th{font-weight:600;color:var(--blue);background:rgba(51,69,104,.04)}
.ptable tr:last-child td{border-bottom:0}
.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;margin-top:1rem}
.hub-card{display:block;background:#fff;border:1px solid rgba(51,69,104,.14);border-radius:8px;padding:2rem 1.8rem;transition:.25s}
.hub-card:hover{border-color:var(--gold-ink);transform:translateY(-2px)}
.hub-card span{display:block;font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-ink);font-weight:600;margin-bottom:.6rem}
.hub-card strong{display:block;font-weight:400;font-size:1.4rem;line-height:1.25;color:var(--blue);margin-bottom:.6rem}
.hub-card p{color:#46567a}
@media (max-width:980px){.hub-grid{grid-template-columns:1fr}}
@media (max-width:560px){.ptable th,.ptable td{padding:.7rem .8rem;font-size:.95rem}}