/* Focused improvements to navigation, project evidence and first contact. */
:root{--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-xxl:4rem;--action:#9e4f28}
html{scroll-padding-top:100px}
header #navigation{gap:clamp(.75rem,1.2vw,1.25rem)}
header #navigation a{font-size:.75rem;letter-spacing:.01em;white-space:nowrap}
header .brand{flex-shrink:0}
.button,.top-cta{background:var(--action);color:#fffdf9}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9e4f28;outline-offset:4px}
.hero.hero-reference{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-xl);padding:var(--space-xxl) clamp(1.5rem,6vw,6rem);min-height:0;background:#f6f1e7;overflow:visible;align-items:center}
.hero.hero-reference:after{display:none}
.hero-reference h1{font-size:clamp(2.6rem,4.1vw,4rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 var(--space-md);max-width:18ch}
.hero-reference h1 em{color:#9e4f28}
.hero-reference .lead{font-size:1.05rem;line-height:1.65;max-width:52ch;margin:0 0 var(--space-md)}
.hero-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;font-size:.7rem;line-height:1.5;padding:1rem 1.5rem;text-align:center;max-width:100%}
.hero-trust{font-size:.76rem;line-height:1.6;color:#46544b;margin:var(--space-sm) 0 0;max-width:55ch}
.hero-project{position:relative;min-width:0;width:100%;margin:0;padding:0 0 var(--space-xl);align-self:center}
.project-desktop{border:1px solid #bfc7c2;border-radius:12px;overflow:hidden;background:#eff3f7;box-shadow:0 16px 40px #1b33251a}
.project-browser{display:flex;align-items:center;gap:var(--space-sm);padding:.6rem .8rem;background:#e6e8e4;color:#46544b;font-size:.62rem;line-height:1.2}
.project-browser span:first-child{color:#728376;font-size:.65rem;letter-spacing:.08em}
.project-desktop>img{display:block;width:100%;height:auto}
.project-phone{position:absolute;right:-.5rem;bottom:5.5rem;width:25%;border:5px solid #203b35;border-radius:20px;overflow:hidden;background:#eff3f7;box-shadow:0 10px 24px #1b33252b}
.project-phone img{display:block;width:100%;height:auto}
.hero-project figcaption{padding:var(--space-md) 27% 0 0;font-size:.73rem;line-height:1.5}
.hero-project figcaption span{display:block;color:#58665c;font-size:.64rem;margin-bottom:.35rem}
.hero-project figcaption a{font-weight:700;text-underline-offset:4px}
.landing-facts{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin:var(--space-md) 0;font-size:.85rem;color:#344c41}
.landing-facts li{flex-basis:100%;padding:0}
.landing-facts li:before{content:'✓';margin-right:.65rem;color:#9e4f28}
.landing-cta{display:inline-block;margin-top:.5rem;min-height:44px}
.landing-proof{font-size:.8rem;max-width:65ch;margin:var(--space-sm) 0 0}
.project-case{scroll-margin-top:0}
.project-case h2{max-width:22ch}
.case-preview{display:block;margin:var(--space-lg) 0;max-width:900px}
.case-preview img{display:block;width:100%;height:auto;border:1px solid #c5cbc5;border-radius:12px}
.case-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin:var(--space-lg) 0}
.case-details>div{border-top:1px solid #c8c5b7;padding-top:var(--space-sm)}
.case-details dt{font-weight:700;font-size:.85rem;margin-bottom:.5rem}
.case-details dd{margin:0;font-size:.9rem;line-height:1.6}
.project-case .plain-link{margin-left:0}
.article-quick-answer{padding:var(--space-md);margin:var(--space-lg) 0 var(--space-sm);background:#ede5d4;border:1px solid #d5c9b7;border-radius:8px}
.article-quick-answer h2{margin:0 0 .75rem;font-size:1.65rem;line-height:1.2}
.article-quick-answer p{margin:0;line-height:1.7}
.article-service-link{font-size:.9rem;line-height:1.7;margin-bottom:var(--space-lg)}
.lead[itemprop="description"]{border-left:0;padding-left:0}
.article-table{max-width:100%;overflow-x:auto;margin:var(--space-lg) 0 var(--space-xs);scrollbar-width:thin}
.article-table table{margin:0;min-width:520px}
.article-table:focus-visible{outline:3px solid #9e4f28;outline-offset:4px}
.table-hint{display:none}
.seo-copy p,.seo-section p{max-width:70ch}
@media(max-width:1180px){header .menu{display:block;margin-left:auto;border:0;background:transparent;font:700 .75rem DM,sans-serif;padding:.75rem;text-transform:uppercase;min-height:44px}header #navigation{display:none;position:absolute;top:calc(100% + .5rem);left:0;right:0;margin:0;padding:var(--space-md);background:#f6f1e7;border:1px solid #c9c7b7;border-radius:16px}header #navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:0}header #navigation a{display:block;padding:.7rem .5rem;font-size:.9rem}header .top-cta{display:none}}
@media(max-width:850px){.hero.hero-reference{grid-template-columns:1fr;gap:var(--space-xl);padding:var(--space-xl) var(--space-md)}.hero-reference h1{font-size:clamp(2.7rem,7vw,4rem);max-width:21ch}.hero-reference .lead{max-width:65ch}.hero-project{max-width:640px;justify-self:center;padding-bottom:var(--space-sm)}.project-phone{right:0;bottom:4.5rem;width:23%}.hero-project figcaption{padding-right:25%}.case-details{grid-template-columns:1fr;gap:var(--space-md)}}
@media(max-width:500px){.hero.hero-reference{padding:var(--space-lg) var(--space-md);gap:var(--space-lg)}.hero-reference h1{font-size:2.65rem;max-width:18ch}.hero-reference .lead{font-size:1rem}.hero-cta{width:100%;padding:1rem;font-size:.65rem}.hero-trust{font-size:.72rem}.project-phone{border-width:3px;border-radius:14px;bottom:5rem}.hero-project figcaption{font-size:.72rem;padding-top:var(--space-sm)}.landing-facts{font-size:.82rem}.project-browser{font-size:.5rem}.article-quick-answer{padding:var(--space-sm)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-ready main>section,.js-ready footer{opacity:1;transform:none;transition:none}.button,.top-cta{transition:none}}
@media(max-width:600px){.table-hint{display:block;font-size:.75rem;line-height:1.5;color:#46544b;margin:0 0 var(--space-lg)}}
@media(max-width:380px){#ueber-mich.about{grid-template-columns:72px minmax(0,1fr);gap:0 16px}#ueber-mich.about>img{height:96px}#ueber-mich h2{font-size:1.7rem}}
.secondary-audiences{margin-top:var(--space-lg);font-size:.85rem;color:#46544b}
#fuer-aerzte,#fuer-heilpraktiker,#fuer-soloselbststaendige{scroll-margin-top:1.5rem}
@media(min-width:1181px){#hero-title{hyphens:none}}
.brand--with-symbol{display:inline-flex;align-items:center;gap:.65rem;flex-shrink:0;text-decoration:none}
.brand--with-symbol>img{display:block;flex:none;width:44px;height:44px;object-fit:contain}
header .brand--with-symbol .brand-wordmark{color:#1a1917;font-size:1.6rem;white-space:nowrap}
header .brand--with-symbol .brand-dot{color:#9e4f28}
.nav-brand.brand--with-symbol .brand-wordmark{white-space:nowrap}
@media(max-width:500px){header:has(.brand--with-symbol){gap:.5rem}.brand--with-symbol{gap:.5rem}.brand--with-symbol>img{width:34px;height:34px}header .brand--with-symbol .brand-wordmark{font-size:1.3rem}.nav-brand.brand--with-symbol .brand-wordmark{font-size:1.4rem}}

/* Selected SD monogram and dedicated website-check page. */
header .brand--sd,.nav-brand.brand--sd{display:inline-flex;align-items:center;flex-shrink:0;height:60px;line-height:0;letter-spacing:normal}
.brand--sd>img{display:block;width:224px;height:60px;object-fit:cover}
.check-page .seo-hero{padding-bottom:1.5rem}
.check-page .check{margin-top:1rem;margin-bottom:4rem;padding:clamp(1.5rem,4vw,3rem);gap:2rem}
.check-page .check h2{font-size:clamp(2rem,3.5vw,3rem);line-height:1.1}
.check-page .check p{max-width:52ch}
@media(max-width:600px){header:has(.brand--sd){gap:.5rem}.brand--sd>img{width:180px;height:54px}.nav-brand.brand--sd{max-width:180px}.nav-brand.brand--sd~.nav-back{display:none}.check-page .check{border-radius:0}.check-page .seo-hero{padding-top:2rem}}
