
/* Über uns: dieselben Farben, Schriften und Flächen wie die Startseite. */
.hdr.story-header{background:var(--bg);border-bottom-color:var(--hairline);transition:none}
.story-header .hdr__nav a[aria-current="page"],.story-header .mnav__list a[aria-current="page"]{color:var(--brand-strong);font-weight:700}
.about-page{overflow-wrap:break-word}
.about-page .serif{font-weight:400;color:var(--brand-strong)}
.about-page h1,.about-page h2,.about-page h3{color:var(--ink);text-wrap:balance}
.about-page h1{font-size:clamp(2.6rem,4.7vw,4.6rem);font-weight:650;line-height:1.06;letter-spacing:-.045em;margin:24px 0}
.about-page h2{font-size:clamp(1.9rem,3vw,2.75rem);font-weight:630;line-height:1.16;letter-spacing:-.035em;margin:0 0 28px}
.about-page h3{font-size:1.375rem;font-weight:620;line-height:1.35;letter-spacing:-.02em;margin:40px 0 16px}
.about-page p{margin:0 0 20px}
.about-page a:focus-visible{outline:3px solid var(--brand-strong);outline-offset:5px;border-radius:4px}
.about-page [id]{scroll-margin-top:100px}
.about-hero{padding:clamp(48px,7vw,104px) 0 clamp(48px,7vw,96px);border-bottom:1px solid var(--hairline);background:radial-gradient(ellipse at 88% 10%,var(--brand-soft),transparent 60%)}
.about-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.about-hero-copy{min-width:0}
.about-hero .pill{font-size:.8125rem;margin:0;max-width:100%}
.about-hero-lead{max-width:44ch;color:var(--ink-2);font-size:1.125rem;line-height:1.75}
.about-hero .btn{margin-top:10px;gap:18px}
.about-photo{margin:0;min-width:0}
.about-photo img{display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 18px 48px #00000014}
.about-photo figcaption{font-size:.8125rem;line-height:1.6;color:var(--ink-2);margin:16px 8px 0;max-width:50ch}
.about-layout{display:grid;grid-template-columns:190px minmax(0,740px);gap:clamp(32px,6vw,88px);align-items:start;justify-content:space-between;padding-top:clamp(48px,7vw,88px)}
.about-toc{position:sticky;top:108px;display:grid;gap:4px;padding:4px 0 20px;border-left:1px solid var(--hairline)}
.about-toc p{font-size:.75rem;font-weight:650;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);padding-left:20px;margin:0 0 12px}
.about-toc a{display:flex;align-items:center;min-height:44px;padding:8px 20px;font-size:.875rem;color:var(--ink-2);text-decoration:none;line-height:1.4}
.about-toc a:hover{color:var(--brand-strong);background:var(--brand-soft)}
.about-reading{min-width:0;font-size:1.0625rem;line-height:1.85;color:var(--ink-2)}
.about-reading>section{padding:0 0 52px;margin:0 0 52px;border-bottom:1px solid var(--hairline)}
.about-reading>section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.about-page .about-kicker{color:var(--brand-strong);font-size:.75rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;line-height:1.6;margin:0 0 16px}
.about-opening{border-left:3px solid var(--brand);padding-left:24px;margin:32px 0;color:var(--ink);font-size:1.125rem;line-height:1.8}
.about-opening p:last-child{margin-bottom:0}
.about-page .then-now{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:32px 0 44px}
.about-page .tn{padding:28px;border-radius:20px;background:var(--surface-2);border:1px solid var(--hairline);font-size:1rem;line-height:1.8;color:var(--ink-2)}
.about-page .tn.now{background:var(--brand-soft);color:var(--brand-ink);border-color:transparent}
.about-page .tn h3{font-size:1.125rem;line-height:1.4;margin:0 0 16px;color:inherit}
.about-page .about-quote{margin:36px 0;padding:32px;border-radius:20px;background:var(--surface);border:1px solid var(--hairline);color:var(--ink);font-size:1.125rem;line-height:1.8}
.about-quote p:last-child{margin:0}
.about-page .proof{background:var(--surface-2);border:1px solid var(--hairline);border-radius:20px;padding:32px;margin:36px 0}
.about-page .proof h3{margin:0 0 16px;font-size:1.25rem}
.about-page .proof p:last-child{font-size:.9375rem;line-height:1.75;margin-top:20px;margin-bottom:0}
.proof-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.proof-tags .tag{display:inline-block;background:var(--brand-soft);color:var(--brand-ink);padding:8px 12px;border-radius:12px;font-size:.8125rem;line-height:1.5;max-width:100%}
.about-page .signature{color:var(--ink);font-size:1.625rem;font-weight:650;line-height:1.4;margin-top:32px}
.about-page .signature span{display:block;font-weight:400;font-size:.9375rem;line-height:1.75;color:var(--ink-2);margin-top:8px}
.about-wide{padding-top:clamp(64px,8vw,112px);padding-bottom:64px}
.about-people{margin-bottom:88px}
.about-people-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.about-person{padding:clamp(24px,3vw,40px);background:var(--surface);border:1px solid var(--hairline);border-radius:24px}
.about-page .about-person-role{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-strong);font-weight:650;margin-bottom:12px}
.about-page .about-person h3{font-size:2rem;margin:0 0 20px}
.about-person p:last-child{color:var(--ink-2);font-size:1rem;line-height:1.85;margin:0}
.about-transparency{margin-bottom:72px}
.about-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.about-trust{padding:28px;background:var(--surface-2);border:1px solid var(--hairline);border-radius:20px}
.about-page .about-trust h3{font-size:1.125rem;margin:0 0 16px}
.about-trust p{font-size:.9375rem;line-height:1.8;color:var(--ink-2);margin:0}
.about-notes{border-top:1px solid var(--hairline);margin-top:32px;padding-top:24px;max-width:82ch;color:var(--ink-3);font-size:.8125rem;line-height:1.8}
.about-notes p:last-child{margin:0}
.about-cta{text-align:center;background:var(--brand-soft);color:var(--brand-ink);padding:clamp(36px,5vw,64px) 28px;border-radius:28px}
.about-cta h2{color:var(--brand-ink);margin-bottom:20px}
.about-cta>p:not(.about-kicker){max-width:48ch;margin:0 auto 28px;line-height:1.75}
.about-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;align-items:center}
.about-actions .btn{gap:16px}
@media(max-width:980px){.about-layout{grid-template-columns:150px minmax(0,1fr);gap:32px}.about-trust-grid{grid-template-columns:1fr}.about-trust{padding:28px}.about-hero-grid{gap:32px}.about-hero h1{font-size:3.2rem}}
@media(max-width:760px){.about-hero{padding:36px 0 44px}.about-hero-grid{grid-template-columns:1fr;gap:32px}.about-hero h1{font-size:clamp(2.5rem,8vw,3.5rem);max-width:15ch}.about-hero-lead{font-size:1.0625rem}.about-photo{max-width:560px}.about-layout{display:block;padding-top:32px}.about-toc{position:static;display:flex;flex-wrap:wrap;gap:4px 8px;border-left:0;border-bottom:1px solid var(--hairline);padding:0 0 24px;margin-bottom:40px}.about-toc p{width:100%;padding:0;margin-bottom:8px}.about-toc a{padding:8px 12px;background:var(--surface-2);border:1px solid var(--hairline);border-radius:12px;font-size:.8125rem}.about-reading{font-size:1rem;line-height:1.85}.about-opening{padding-left:20px;font-size:1.0625rem}.about-reading>section{padding-bottom:36px;margin-bottom:36px}.about-people-grid{grid-template-columns:1fr;gap:16px}.about-people{margin-bottom:56px}.about-wide{padding-top:56px;padding-bottom:40px}.about-transparency{margin-bottom:40px}.about-person{padding:28px}.about-page .about-quote,.about-page .proof{padding:24px}.about-cta{border-radius:24px}.about-actions{flex-direction:column}.about-actions .btn{width:100%;max-width:320px}}
@media(max-width:520px){.about-page .then-now{grid-template-columns:1fr}.about-page .tn{padding:24px}.about-page h2{font-size:1.9rem}.about-photo img{border-radius:20px}.about-photo figcaption{margin-left:0;margin-right:0}.about-page .about-quote{font-size:1.0625rem}.about-trust{padding:24px}.about-page .about-person h3{font-size:1.75rem}}
@media print{.about-toc,.about-cta{display:none}.about-layout{display:block}.about-hero-grid{grid-template-columns:1fr 1fr}.about-person,.about-trust,.about-page .proof,.about-page .tn{break-inside:avoid}.about-page [id]{scroll-margin-top:0}}
