/* Verbindliches Erscheinungsbild, Stand 28.10.2026. */
@font-face{font-family:'YB Serif';src:url('fonts/DejaVuSerif.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'YB Sans';src:url('fonts/DejaVuSans.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'YB Sans';src:url('fonts/DejaVuSans-Bold.ttf') format('truetype');font-style:normal;font-weight:600 800;font-display:swap}
:root{--cream:#FAF8F4;--warm-white:#F5F2EC;--text-dark:#56565B;--text-mid:#66646A;--text-light:#79757A;--sage-dark:#804357;--terra:#804357;--sage:#A9727D;--sage-light:#F0DEE2;--border:rgba(128,67,87,.20)}
html{font-size:16px}
body{font-family:'YB Sans',sans-serif!important;font-size:16px;line-height:1.75;background:#FAF8F4;color:#56565B}
button,input,textarea,nav a,.steps h3,.collaboration-points h3,.service-tasks h3{font-family:'YB Sans',sans-serif!important}
h1,h2,h3,.nav-name,.name,.footer-name-final,.footer-brand-name,.benefit strong{font-family:'YB Serif',serif!important;font-weight:400}
.hero-headline,.hero h1{font-size:44px;line-height:1.17}
.section-title,.kontakt-title,.legal .section-title,.section h2,.contact h2{font-size:32px;line-height:1.25}
.leistung-title,.case h3,.legal h3,.cards h3,.examples h3{font-size:22px;line-height:1.35}
.hero-sub,.hero-sub-small,.section-intro,.leistung-text,.case p:not(.section-label):not(.case-label),.haltung-text,.haltung-punkt-text,.praegung-text,.zusammenarbeit-item p,.kontakt-sub,.vita-item,.legal p,.legal li,.lead,.cards p,.service-tasks p,.collaboration-points p{font-size:16px;font-weight:400;line-height:1.75}
.nav-name,.header .name{font-size:25px;line-height:1.3}
.section-label,.hero-eyebrow,.eyebrow,.praegung-block-title,.case-label,.case .section-label{font-size:13px;line-height:1.6;color:#804357}
.hero .availability-badge,.hero .eyebrow{font-size:16px;line-height:1.5;font-weight:400}
.nav-links a,nav a,.hero-cta,.kontakt-cta,.button,.footer-claim-inline,.footer-contact,.footer-legal,.footer p,.footer-links{font-size:14px;line-height:1.6}
.footer-name-final,.footer-brand-name,.footer .name{font-size:18px;line-height:1.4}
.steps h3,.collaboration-points h3,.service-tasks h3{font-size:16px;line-height:1.5;font-weight:600;letter-spacing:0}
.hero-cta,.kontakt-cta,.button{background:#804357;color:#FFFFFF}
.hero-cta:hover,.kontakt-cta:hover,.button:hover{background:#6C3548}
a,em,.number,.steps span,dt{color:#804357}
nav a,.name{color:#56565B}
.tint,.leistungen,.praegung,.nutzen{background:#F5F2EC}
#praxis .examples article{background:#F5F2EC}
.note,.collaboration-points,.zusammenarbeit-line{border-left-color:rgba(128,67,87,.35)}
@media(max-width:760px){
 .hero-headline,.hero h1{font-size:36px;line-height:1.17}
 .section-title,.kontakt-title,.legal .section-title,.section h2,.contact h2{font-size:28px}
 .leistung-title,.case h3,.legal h3,.cards h3,.examples h3{font-size:20px}
 .nav-name,.header .name{font-size:23px}
 .hero .availability-badge,.hero .eyebrow{font-size:16px}
}