/* Beratung 2026: Fotos, Markenzeichen und visuelle Hierarchie. Nicht auf Fragebogen geladen. */
:root{--accent:#15583e;--forest:#123d2e;--border:#e0e8df;--radius:24px;--shadow:0 20px 50px rgba(13,48,34,.075)}
body{background:#f7f8f5}
header#top{height:93px;background:rgba(253,253,250,.96);border-bottom-color:#e6eae4}
header#top .home-logo{display:flex;gap:12px;max-width:none;font-weight:500}
header#top .brand-wordmark{display:block;width:242px;height:auto;max-height:75px;object-fit:contain;object-position:left center}
header#top .brand-caption{font-weight:600;line-height:1.35;font-size:11px;color:#667c70;border-left:1px solid #cad9cf;padding-left:14px;max-width:150px;letter-spacing:.002em}
header#top nav a[href="#kontakt"],header#top nav a[href="index.html#kontakt"]{background:#15583e}
.hero{grid-template-columns:minmax(0,1.13fr) minmax(345px,.87fr);min-height:670px;gap:clamp(38px,5vw,83px);padding-top:clamp(82px,8vw,126px);padding-bottom:clamp(80px,7vw,112px);background:radial-gradient(ellipse 60% 70% at 100% 6%,#dcebe0 0,transparent 85%),linear-gradient(133deg,#fbfbf8 10%,#f3f6f1 100%)}
.hero h1{font-size:clamp(46px,5vw,74px);font-weight:760;max-width:790px;letter-spacing:-.062em}
.hero .lead{max-width:620px}
.hero-card{transform:none;min-height:0;border-radius:25px;overflow:hidden;padding:0;background:#174c37;box-shadow:0 28px 66px rgba(17,65,42,.2)}
.hero-card::before,.hero-card::after{display:none}
.hero-photo-wrap{position:relative;overflow:hidden;height:300px;background:linear-gradient(130deg,#769583,#d7ddd1)}
.hero-photo-wrap::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,47,32,.33),transparent 55%)}
.hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-photo-label{position:absolute;z-index:1;bottom:19px;left:24px;color:white;background:rgba(16,49,34,.68);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(12px);border-radius:100px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:760;padding:8px 13px}
.hero-metrics{padding:12px 28px 21px}
.hero-card .metric{padding:14px 0}
.hero-card .metric strong{font-size:19px;margin-bottom:4px}
.hero-card .metric:first-child{padding-top:8px}
.hero-card .metric:last-child{padding-bottom:3px}
.section h2{max-width:900px}
#vorgehen,#angebot,#faq{background:#fff}
#zielgruppe,#ueber-mich{background:#f0f4ee}
#ergebnis{background:#fafaf6}
#angebot .package-card{border:1px solid #e0e9e0;box-shadow:0 8px 20px rgba(15,60,33,.028)}
#angebot .package-card.recommended{border-color:#83aa8b}
#angebot .package-card h3{max-width:25ch}
.benefit-grid .benefit-card{padding:0;overflow:hidden;background:#fff}
.benefit-image{width:100%;height:193px;display:block;object-fit:cover;background:#e3eae1}
.benefit-card h3{margin:26px 27px 10px!important}
.benefit-card p{margin:0 27px 29px!important}
.benefit-card{min-width:0}
#kontakt .contact{background:#133d2c}
.home-library-teaser{position:relative;overflow:hidden}
.home-library-teaser:before{content:"";position:absolute;right:0;top:0;bottom:0;width:42%;opacity:.12;background:radial-gradient(circle at 40% 50%,#bddbc9,transparent 70%);pointer-events:none}
/* Blog overview: editorial photo in the compact statistical panel, never a featured article */
.library-intro-aside{padding:0!important;overflow:hidden;display:block;background:#eef3ec}
.library-photo{height:180px;width:100%;object-fit:cover;display:block;background:#e4e9e3}
.library-aside-content{padding:17px 25px 20px}
.library-intro-aside .library-aside-kicker{margin:0 0 7px!important}
.library-stat{padding:9px 0}
.library-stat strong{font-size:34px}
.library-aside-bottom{margin-top:8px}
.library-intro{gap:clamp(25px,4vw,50px)}
.library-card{box-shadow:0 5px 17px rgba(12,56,32,.023)}
.library-card:hover{box-shadow:0 16px 32px rgba(12,56,32,.085)}
/* Article detail headers use matching visual identity, while staying text-forward. */
.site-head .brand{font-size:0!important}
.site-head .brand-wordmark{width:211px;max-height:70px;height:auto!important;object-fit:contain;display:block}
.article-content a{overflow-wrap:anywhere}
@media (max-width:1100px){header#top .brand-caption{display:none}header#top .brand-wordmark{width:215px}header#top nav{gap:9px}}
@media (max-width:850px){.hero{grid-template-columns:1fr;gap:42px;min-height:0}.hero-card{max-width:690px;width:100%;margin:0 auto}.hero-photo-wrap{height:320px}header#top{height:auto;min-height:78px}.library-intro-aside{max-width:100%}}
@media (max-width:750px){.library-intro-aside{display:block!important}.library-aside-content{padding:16px 18px}.library-photo{height:190px}.library-stat{display:flex!important;gap:15px}.library-stat strong{font-size:32px}.library-intro{grid-template-columns:1fr}}
@media (max-width:560px){header#top .brand-wordmark{width:191px;max-height:55px}.hero h1{font-size:clamp(39px,10vw,57px)}.hero-photo-wrap{height:230px}.hero-metrics{padding:10px 22px 16px}.hero-card .metric strong{font-size:18px}.benefit-image{height:170px}.site-head .brand-wordmark{width:175px!important}}
@media (prefers-reduced-motion:reduce){.benefit-card,.hero-photo{transition:none}}

/* 2026-11-04: Erfahrungsstationen direkt nach dem Einstieg, als unaufdringliches Vertrauenssignal */
#einrichtungen.institutions{background:#edf3ed;border-top:1px solid #e0e8e0;border-bottom:1px solid #dbe5dc;margin-top:0;padding:44px max(24px,5vw) 38px;}
#einrichtungen.institutions h2{font-size:clamp(19px,2.3vw,27px);line-height:1.24;color:#244d3d;margin:0 auto 8px;text-align:center;letter-spacing:-.025em;font-weight:700;max-width:900px;}
#einrichtungen .institution-marquee{margin-top:20px;}
#einrichtungen .institution-card{opacity:.94;}
#einrichtungen .institution-card span{font-size:12px;color:#5f756a;}
@media(max-width:700px){#einrichtungen.institutions{padding:25px 0 25px;}#einrichtungen.institutions h2{font-size:18px;padding:0 18px;line-height:1.3;}#einrichtungen .institution-marquee{margin-top:12px;} }
@media(prefers-reduced-motion:reduce){#einrichtungen .institution-track{animation:none!important;}}