/* Einheitliches redaktionelles Markenlayout. */
:root{--brand:#285c4d;--brand-ink:#243e32;--brand-muted:#425d4e;--brand-line:#d6ded5;--brand-paper:#f8f9f6;--brand-soft:#edf2eb;--layout-content:1200px;--layout-gap:32px}
body.home-editorial,body.detail-page,body.legal-page{background:var(--brand-paper);font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.75;color:var(--brand-ink)}
body.home-editorial .section :is(h2,h3),body.detail-page :is(h1,h2,h3),body .library-intro h1,body .library-card h3{font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif!important;letter-spacing:-.025em!important;font-weight:600!important}
body.home-editorial .home-editorial-hero h1,body.detail-page .detail-hero h1,body .library-intro h1{font-size:clamp(34px,4.5vw,62px)!important;font-weight:600!important;line-height:1.12!important;letter-spacing:-.035em!important}
body.home-editorial .section h2,body.detail-page .detail-sections h2{font-size:clamp(28px,3vw,39px)!important;line-height:1.2!important;margin-bottom:24px!important}
body.home-editorial :is(.section-intro,.lead),body.detail-page .detail-lead,body .library-intro-text{font-size:18px!important;line-height:1.75!important;color:var(--brand-muted)!important;font-weight:400!important}
body.home-editorial :is(.benefit-card,.package-card,.deliverable-card,.early-cta,.mid-cta,.app-offer) h3,body.detail-page .detail-steps h3{font-size:21px!important;line-height:1.35!important;font-weight:600!important}
body.home-editorial .section :is(p,li),body.detail-page .detail-sections :is(p,li){font-size:16px;line-height:1.75}
body.home-editorial main>.section:not(.institutions){padding-block:clamp(48px,6vw,80px)!important}
body.home-editorial .section{background:transparent!important}
/* Ein persönlicher Schwerpunkt statt vieler austauschbarer Bilder. */
body.home-editorial .hero.home-editorial-hero{grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr)!important;gap:clamp(30px,5vw,70px)!important;padding-block:clamp(52px,6vw,86px)!important;background:transparent!important}
body.home-editorial .home-editorial-hero .hero-card{transform:none!important;border-radius:0!important;padding:0!important;min-height:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}
body.home-editorial .hero-photo-wrap{display:none!important}
body.home-editorial .home-editorial-hero .hero-metrics{padding:0!important;background:transparent!important}
body.home-editorial .home-editorial-hero .metric{padding:20px 0!important;border-bottom:1px solid var(--brand-line)!important;font-size:14px!important;color:var(--brand-muted)!important}
body.home-editorial .home-editorial-hero .metric strong{font-size:18px!important;font-weight:600!important;color:var(--brand)!important}
body.home-editorial #ueber-mich .about-profile img.about-portrait{width:min(280px,100%)!important;max-width:280px!important;height:auto!important;min-width:0!important;aspect-ratio:1;object-fit:cover;border-radius:6px!important}
body.home-editorial #ueber-mich .profile-caption>strong{font-size:23px!important;font-weight:600!important}
body.home-editorial #ueber-mich .about-content p{font-size:16px!important;line-height:1.8!important}
body.home-editorial #zielgruppe .benefit-image{display:none!important}
body.home-editorial #zielgruppe .benefit-card{display:flex!important;flex-direction:column!important;padding:24px 0 0!important;border-top:1px solid var(--brand-line)!important;background:transparent!important;box-shadow:none!important}
body.home-editorial #zielgruppe .benefit-card h3{margin:0 0 16px!important;min-height:2.7em!important}
body.home-editorial #zielgruppe .benefit-card>p{margin:0 0 24px!important}
body.home-editorial #zielgruppe .seo-card-reading{padding-top:18px!important;border-top:1px solid var(--brand-line)!important}
/* Drei Angebote mit derselben Abfolge: Bild, Titel, Schwerpunkt, Eignung. */
body.home-editorial #angebot .package-grid{display:block!important;counter-reset:offer}
body.home-editorial #angebot a.offer-card-link{counter-increment:offer;display:grid!important;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)!important;align-items:center;gap:clamp(28px,5vw,64px)!important;padding:34px 0!important;overflow:visible!important;border:0!important;border-top:1px solid var(--brand-line)!important;background:transparent!important;box-shadow:none!important}
body.home-editorial #angebot .offer-photo{width:100%;height:auto!important;min-height:0!important;aspect-ratio:3/2!important;object-fit:cover;border-radius:5px!important;filter:saturate(.85)}
body.home-editorial #angebot .offer-card-copy{padding:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start}
body.home-editorial #angebot .offer-card-copy::before{content:counter(offer,decimal-leading-zero);display:block;font-size:14px;line-height:1.4;color:var(--brand-muted);margin-bottom:14px;font-variant-numeric:tabular-nums}
body.home-editorial #angebot .offer-card-copy>span{font-size:14px!important;line-height:1.5!important;font-weight:600!important;letter-spacing:.02em!important;color:var(--brand)!important;margin:0 0 10px!important;padding:0!important;background:transparent!important}
body.home-editorial #angebot .offer-card-copy h3{font-size:clamp(23px,2.4vw,30px)!important;line-height:1.25!important;min-height:0!important;margin:0 0 16px!important;max-width:27ch!important}
body.home-editorial #angebot .offer-card-copy .offer-focus{font-size:16px!important;font-weight:500!important;min-height:0!important;color:var(--brand-muted)!important;margin:0 0 18px!important}
body.home-editorial #angebot a.offer-card-link:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
/* Der echte Maßnahmenplan ist die zentrale Ergebnisdarstellung. */
body.home-editorial #ergebnis .results-intro-layout{display:block!important;max-width:85ch}
body.home-editorial #ergebnis .results-sketch-photo{display:none!important}
body.home-editorial #ergebnis .deliverable-grid{gap:32px!important}
body.home-editorial #ergebnis .deliverable-card h3{font-size:20px!important}
body.home-editorial #ergebnis details.sample-disclosure{margin-top:38px!important;padding:28px 0!important;border-top:2px solid var(--brand)!important;border-bottom:1px solid var(--brand-line)!important}
body.home-editorial #ergebnis details.sample-disclosure>summary{font-size:23px!important;line-height:1.4!important;font-weight:600!important;color:var(--brand)!important}
body.home-editorial #ergebnis .sample-table-wrap{border:0!important;border-radius:0!important;box-shadow:none!important}
body.home-editorial #ergebnis .sample-table{font-size:15px!important;background:transparent!important}
body.home-editorial #ergebnis .sample-table thead th{font-weight:600!important;color:var(--brand)!important;background:var(--brand-soft)!important}
body.home-editorial #ergebnis .sample-table tbody th{background:transparent!important;font-weight:600!important}
body.home-editorial #ergebnis .sample-table td{background:transparent!important}
/* Kontakt als ruhiger, klar abgegrenzter Abschluss. */
body.home-editorial #kontakt{border-top:2px solid var(--brand)!important}
body.home-editorial #kontakt .contact-form :is(input,textarea){background:#fff!important;border:1px solid #aabdaf!important;border-radius:4px!important;color:var(--brand-ink)!important;box-shadow:none!important}
body.home-editorial #kontakt .contact-form :is(input,textarea):focus-visible{outline:2px solid var(--brand)!important;outline-offset:3px}
body.home-editorial .button.primary,body.home-editorial #kontakt .contact-form>button,body .detail-button:not(.secondary){background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important;border-radius:4px!important;font-weight:600!important;box-shadow:none!important}
body.home-editorial .button.secondary{color:var(--brand)!important;background:transparent!important;border-color:#aabdaf!important;border-radius:4px!important;font-weight:600!important}
body.home-editorial #fachartikel .home-library-inner{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
@media(max-width:1000px){body.home-editorial #zielgruppe .benefit-grid{grid-template-columns:minmax(0,1fr)!important}body.home-editorial #zielgruppe .benefit-card h3{min-height:0!important}body.home-editorial #ergebnis .sample-table tbody tr{border:0!important;border-top:1px solid var(--brand-line)!important;border-radius:0!important;background:transparent!important}body.home-editorial #ergebnis .sample-table tbody tr+tr{margin-top:28px!important}}
@media(max-width:800px){body.home-editorial .hero.home-editorial-hero{grid-template-columns:minmax(0,1fr)!important}body.home-editorial .home-editorial-hero .hero-card{max-width:none!important}body.home-editorial #angebot a.offer-card-link{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}body.home-editorial #angebot .offer-photo{max-height:420px;object-fit:cover}body.home-editorial #angebot .offer-card-copy h3{max-width:none!important}}
@media(max-width:600px){body.home-editorial .section-intro,body.home-editorial .lead{font-size:17px!important}body.home-editorial #ergebnis details.sample-disclosure>summary{font-size:21px!important}}

/* Lange Fachbegriffe dürfen auf schmalen Displays umbrechen. */
body.detail-page :is(h1,h2,h3,p,li,dt,dd),
body.article-fixed-header .page :is(h1,h2,h3,p,li,dd,a){overflow-wrap:anywhere!important;word-break:normal!important;hyphens:auto!important;min-width:0}
body.home-editorial #angebot .offer-card-copy>span{border:0!important;border-radius:0!important;box-shadow:none!important}
body.home-editorial #angebot .offer-card-copy :is(h3,p){text-align:left!important;white-space:normal!important;word-spacing:normal!important}
