/* Harmonische Typografie ohne verwaiste Einzelwörter */
h1,h2,h3,h4,.lead,.compass-question legend,.faq summary{text-wrap:balance;word-break:normal;overflow-wrap:normal;hyphens:none}
p,li,blockquote,.blog-card p,.about-narrative p{text-wrap:pretty;word-break:normal;overflow-wrap:normal;hyphens:none}
.btn,.text-link,.menu a,.post-topic{white-space:nowrap}
.intro h2{max-width:1000px;margin-left:auto;margin-right:auto}
.intro .lead{max-width:920px}
.intro .problem-grid .card p{max-width:31ch;margin-left:auto;margin-right:auto}
.section-head h2{max-width:980px;margin-left:auto;margin-right:auto}
.section-head .lead{max-width:820px}
.seo-hero h1{font-size:clamp(38px,4.5vw,60px)}
.seo-hero .lead{max-width:760px}
.split h2{font-size:clamp(34px,3.7vw,52px)}
.card p,.step p,.checks li{line-height:1.58}
.path-card .checks li{font-size:16px}
.path-center{width:152px;height:56px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:5px}
.path-center span,.path-center b{display:inline;font-size:13px;line-height:1;white-space:nowrap}
.path-compare{grid-template-columns:minmax(0,1fr) 152px minmax(0,1fr);gap:22px}
.cta h2{text-wrap:balance}
@media(max-width:1100px) and (min-width:901px){
 .container{width:min(1180px,calc(100% - 56px))}
 h1{font-size:clamp(42px,5.3vw,68px)}
 h2{font-size:clamp(34px,4vw,50px)}
 .hero-grid{gap:48px}
 .hero h1{font-size:clamp(46px,5.6vw,64px)}
 .menu{gap:16px;font-size:13px}
}
@media(max-width:980px){
 .path-compare{grid-template-columns:1fr}
 .path-center{margin:-4px auto}
}
@media(max-width:900px){
 .btn,.text-link{white-space:normal;text-align:center}
 .seo-hero h1{font-size:clamp(36px,8vw,54px)}
 .intro .lead{max-width:720px}
}
@media(max-width:620px){
 h1,h2,h3,.lead,.compass-question legend,.faq summary{text-wrap:balance}
 h1,.seo-hero h1{overflow-wrap:anywhere;hyphens:auto}
 h1{font-size:clamp(36px,11vw,46px)}
 h2{font-size:clamp(30px,9vw,40px)}
 .lead{font-size:18px}
 .section{padding-top:64px;padding-bottom:64px}
 .card{padding:25px 22px}
}