@font-face{font-family:Poppins;src:url('assets/Poppins-Bold-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#090909;font-family:"Avenir Next",Avenir,Arial,sans-serif;font-size:18px;line-height:1.5}a{color:inherit}.site-header{height:72px;padding:0 3.2vw;position:fixed;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d8d8;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}.brand{width:45px;height:45px;display:grid;place-items:center;text-decoration:none}.site-header nav{display:flex;gap:clamp(.7rem,1.25vw,1.55rem);font-size:10px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.site-header nav a{text-decoration:none}.mark{display:none;position:relative;width:42px;height:42px}.mark-a{border:2px solid #111;border-radius:50%}.mark-a i{position:absolute;background:#111}.mark-a i:nth-child(1){width:3px;height:23px;left:11px;top:8px}.mark-a i:nth-child(2){width:13px;height:3px;left:11px;top:8px}.mark-a i:nth-child(3){width:10px;height:3px;left:11px;top:17px}.mark-a i:nth-child(4){width:3px;height:24px;right:11px;bottom:7px;transform:rotate(27deg)}.mark-b{border:1px solid #111;border-radius:50%;font:18px/1 Poppins}.mark-b b{position:absolute}.mark-b b:first-child{top:7px;left:8px}.mark-b b:last-child{right:7px;bottom:7px}.mark-b:after{content:"";position:absolute;width:1px;height:48px;background:#111;transform:rotate(45deg);left:20px;top:-4px}.mark-c{transform:rotate(45deg);border:2px solid #111}.mark-c i{position:absolute;background:#111}.mark-c i:nth-child(1){width:2px;height:27px;left:11px;top:6px}.mark-c i:nth-child(2){height:2px;width:20px;left:11px;top:6px}.mark-c i:nth-child(3){width:2px;height:27px;right:10px;bottom:5px}html[data-mark=a] .mark-a,html[data-mark=b] .mark-b,html[data-mark=c] .mark-c{display:block}
.hero{height:100vh;min-height:650px;max-height:900px;padding:clamp(105px,14vh,155px) 3.2vw 3.5vh;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr);grid-template-rows:1fr auto;gap:clamp(35px,5vw,90px)}.hero-name{align-self:center}.hero h1{margin:0;font:clamp(92px,14vw,220px)/.73 Poppins,Arial,sans-serif;letter-spacing:-.055em}.hero-intro{align-self:center;justify-self:start;width:min(100%,570px);border-top:2px solid;padding-top:20px}.hero-intro p{margin:0 0 1.05rem}.hero-role{font:clamp(27px,3vw,48px)/1.04 Poppins;letter-spacing:-.015em}.hero-intro .lead{font:clamp(25px,2.4vw,38px)/1.08 Georgia,serif}.scroll-cue{align-self:end;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.scroll-cue span{margin-right:22px}
.chapter{padding:clamp(80px,9vw,140px) 3.2vw;scroll-margin-top:72px}.split{display:grid;grid-template-columns:26% minmax(0,1fr);gap:4vw}.centered-chapter{min-height:calc(100svh - 72px);align-items:center}.chapter-label{display:flex;gap:2rem;text-transform:uppercase;font-size:12px;letter-spacing:.12em}.chapter-body{max-width:960px}.chapter h2{margin:0 0 clamp(34px,5vw,70px);font:clamp(48px,7.2vw,112px)/.96 Poppins;letter-spacing:-.025em}.chapter-body p{max-width:740px;margin:0 0 1em}.chapter-body .large-copy{font:clamp(27px,3.4vw,52px)/1.16 Georgia,serif;max-width:930px}.reading>p:not(.large-copy){margin-left:18%;max-width:650px}.rhythm>p:not(.large-copy){margin-left:0}.rhythm .large-copy{margin:1.1em 0}.soft{background:#f1f1ef}.why-columns{display:grid;grid-template-columns:1fr 1fr;gap:4vw}.reading .why-columns p{margin-left:0}.why-me .large-copy{margin-bottom:1.25em}
.statement{min-height:72vh;padding:8vw 6vw;display:flex;align-items:center}.statement p,.final-statement p{margin:0;max-width:1380px;font:clamp(52px,8.2vw,132px)/.98 Poppins;letter-spacing:-.025em}.statement em{font-family:Georgia,serif;font-weight:normal}.dark{background:#080808;color:#fff}.light{border-block:1px solid #d8d8d8}
.support{display:grid;grid-template-columns:26% 1fr;gap:4vw}.support-head h2{max-width:1000px}.support-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid;margin-top:20px}.support-grid article{padding:25px 3vw 0 0;border-right:1px solid;margin-right:3vw}.support-grid article:last-child{border:0;margin:0}.support-grid span{font-size:12px}.support-grid h3{font:clamp(30px,3.2vw,48px)/1 Poppins;margin:60px 0 25px;letter-spacing:-.02em}.support-grid p{font-size:16px}
.expectation-page{display:grid;grid-template-columns:20% 1fr;gap:4vw;min-height:calc(100svh - 72px);align-items:center}.expect-content h2{max-width:1100px}.expect-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid}.expect-grid article{padding:26px 3vw 0 0;margin-right:3vw;border-right:1px solid}.expect-grid article:last-child{border:0;margin:0}.expect-grid h3{font:clamp(25px,2.5vw,38px)/1.08 Georgia,serif;margin:35px 0 20px}.expect-grid p{font-size:16px}
.contact{background:#0a0a0a;color:#fff;display:grid;grid-template-columns:17% .85fr 1fr;gap:4vw}.contact h2{font-size:clamp(42px,5.6vw,88px);margin-bottom:70px}.contact-copy p{font-size:14px;text-transform:uppercase;letter-spacing:.1em}.contact-copy a{display:block;font-size:clamp(22px,2.4vw,36px);margin:.25em 0}.contact-copy address{margin-top:55px;font-style:normal;text-transform:uppercase;font-size:12px;letter-spacing:.1em}.portrait-placeholder{min-height:580px;background:linear-gradient(145deg,#343434,#151515);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;letter-spacing:.12em}.portrait-placeholder small{margin-top:8px;color:#aaa}.final-statement{background:#0a0a0a;color:#fff;padding:10vw 3.2vw 8vw;border-top:1px solid #444}.final-statement p{font-family:Georgia,serif;font-weight:normal;max-width:1450px}
.signet-lab{position:fixed;right:18px;bottom:18px;z-index:20;background:#fff;border:1px solid #111;padding:8px;display:flex;align-items:center;gap:5px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.signet-lab span{padding:0 8px}.signet-lab button{border:0;background:#eee;width:28px;height:28px}.signet-lab button.active{background:#111;color:#fff}footer{padding:28px 3.2vw;display:flex;justify-content:space-between;text-transform:uppercase;font-size:11px;letter-spacing:.1em}footer a{text-decoration:none}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;padding-top:110px}.hero h1{font-size:clamp(100px,21vw,170px)}.hero-intro{align-self:end;max-width:620px;margin-left:18%}.split,.support,.expectation-page,.contact{grid-template-columns:1fr}.chapter-label{margin-bottom:55px}.centered-chapter{min-height:auto}.reading>p:not(.large-copy){margin-left:10%}.support-head,.support-grid{grid-column:1}.support-grid{margin-top:30px}.why-columns{gap:35px}.expect-grid{grid-template-columns:1fr}.expect-grid article{border-right:0;border-bottom:1px solid;margin:0;padding:28px 0}.portrait-placeholder{min-height:520px}.contact-copy{margin-bottom:30px}}
@media(max-width:600px){body{font-size:16px}.site-header{height:64px}.hero{min-height:100svh;height:auto;padding:95px 20px 28px}.hero h1{font-size:25vw;line-height:.76}.hero-intro{margin:50px 0 20px}.hero-role{font-size:30px}.chapter{padding:80px 20px;scroll-margin-top:64px}.chapter h2{font-size:15vw}.chapter-label{margin-bottom:45px}.chapter-body .large-copy{font-size:27px}.reading>p:not(.large-copy){margin-left:0}.why-columns{grid-template-columns:1fr;gap:0}.statement{min-height:65vh;padding:80px 20px}.statement p,.final-statement p{font-size:14vw}.support-grid{grid-template-columns:1fr}.support-grid article{border-right:0;border-bottom:1px solid;padding:25px 0 40px;margin:0}.support-grid h3{margin:35px 0 18px}.contact{gap:35px}.contact h2{font-size:12vw}.portrait-placeholder{min-height:420px}.final-statement{padding:100px 20px}.signet-lab{right:8px;bottom:8px}.signet-lab span{display:none}footer{padding:25px 20px;gap:20px;flex-direction:column}}
@media(min-width:901px) and (max-height:820px){.site-header{height:64px}.hero{min-height:0;height:100vh;padding-top:88px}.hero h1{font-size:min(14vw,154px)}.hero-intro{font-size:15px}.hero-role{font-size:30px}.hero-intro .lead{font-size:27px}.chapter{scroll-margin-top:64px}.centered-chapter,.expectation-page{min-height:calc(100vh - 64px)}}

/* Korrekturrunde 02: vollformatige, vollständig erfassbare Kapitel */
.hero{height:100svh;min-height:650px;max-height:900px;padding:clamp(95px,12vh,130px) 3.2vw 3vh;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;position:relative}.hero-lockup{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.95fr);gap:clamp(45px,7vw,130px);align-items:center}.hero h1{font-size:clamp(92px,13.2vw,205px)}.hero-role{margin:0;font:clamp(31px,3.5vw,56px)/1.02 Poppins;letter-spacing:-.015em}.hero-explanation{margin:0 20% 0 0;max-width:1000px;font:clamp(25px,2.55vw,39px)/1.12 Georgia,serif}.scroll-cue{position:absolute;right:3.2vw;bottom:3.5vh}.scroll-cue b{font-size:28px;margin-left:18px}.chapter{padding:clamp(92px,12vh,125px) 3.2vw clamp(45px,6vh,75px)}.split{grid-template-columns:23% minmax(0,1fr);gap:3vw}.centered-chapter,.why-me,.support,.expectation-page,.contact{height:calc(100svh - 72px);min-height:650px;overflow:hidden;align-items:start}.chapter-label{align-self:start}.chapter-body{max-width:1120px;align-self:start}.chapter h2{margin-bottom:clamp(25px,3.2vh,40px);font-size:clamp(48px,min(6vw,10vh),96px)}.chapter-body p{max-width:880px;margin-bottom:.8em}.chapter-body .large-copy{font-size:clamp(25px,min(3.1vw,5.2vh),48px);line-height:1.13;max-width:1050px}.reading>p:not(.large-copy){margin-left:0;max-width:880px}.rhythm{display:grid;grid-template-columns:1fr 1.35fr;column-gap:4vw}.rhythm h2{grid-column:1/-1}.rhythm .large-copy{margin:0}.why-columns{grid-template-columns:repeat(3,1fr);gap:3vw}.reading .why-columns p{margin:0;font-size:15px}.why-me .large-copy{margin-bottom:1em}.statement p span,.statement p em{display:block}.statement p em{margin-top:.35em}.support{grid-template-columns:23% 1fr;gap:3vw}.support-grid{grid-column:1/-1;gap:4vw;border:0;margin-top:10px}.support-grid article{padding:0;border:0;margin:0}.support-grid h3{margin:0 0 22px}.expectation-page{align-items:start}.expect-grid{gap:4vw;border:0}.expect-grid article{padding:0;margin:0;border:0}.expect-grid h3{margin:15px 0 20px}.contact{grid-template-columns:17% .95fr 1fr}.contact h2{font-size:clamp(42px,min(5.3vw,8vh),80px);margin-bottom:40px}.contact-copy a{display:inline;color:inherit}.contact-copy address{margin:0;font:clamp(20px,2vw,30px)/1.38 Georgia,serif;text-transform:none;letter-spacing:0}.linkedin{display:flex!important;align-items:center;gap:12px;margin-top:30px!important;text-decoration:none;font:14px/1 "Avenir Next",Avenir,Arial,sans-serif!important;text-transform:uppercase;letter-spacing:.1em}.linkedin span{display:grid;place-items:center;width:34px;height:34px;background:#fff;color:#111;font:bold 20px/1 Arial}.portrait-placeholder{min-height:0;height:100%}
@media(max-width:900px){.hero{height:auto;min-height:100svh}.hero-lockup{grid-template-columns:1fr}.hero-role{font-size:clamp(30px,6vw,46px)}.hero-explanation{margin:45px 0 30px;max-width:650px}.centered-chapter,.why-me,.support,.expectation-page,.contact{height:auto;min-height:calc(100svh - 72px);overflow:visible}.rhythm{grid-template-columns:1fr}.rhythm .large-copy{margin-top:30px}.why-columns{grid-template-columns:1fr;gap:22px}.reading .why-columns p{font-size:16px}.support-grid{gap:0}.contact{grid-template-columns:1fr}.portrait-placeholder{height:auto;min-height:520px}}
@media(max-width:600px){.hero{padding:95px 20px 28px}.hero h1{font-size:25vw}.hero-explanation{font-size:24px}.scroll-cue{right:20px;bottom:25px}.chapter{padding:90px 20px 55px}.centered-chapter,.why-me,.support,.expectation-page,.contact{min-height:calc(100svh - 64px)}.chapter h2{font-size:15vw}.support-grid{grid-template-columns:1fr}.expect-grid{grid-template-columns:1fr}.contact-copy address{font-size:21px}}
@media(min-width:901px) and (max-height:820px){.hero{padding-top:82px}.hero h1{font-size:min(12.5vw,145px)}.hero-role{font-size:min(3vw,36px)}.hero-explanation{font-size:min(2.25vw,29px)}.centered-chapter,.why-me,.support,.expectation-page,.contact{height:calc(100vh - 64px);min-height:0}.chapter{padding-top:82px;padding-bottom:30px}.chapter h2{font-size:min(5.5vw,70px);margin-bottom:22px}.chapter-body .large-copy{font-size:min(2.65vw,34px)}.why-columns p,.support-grid p,.expect-grid p{font-size:14px}.support-grid h3{font-size:38px}.expect-grid h3{font-size:28px}.contact h2{font-size:min(4.4vw,56px)}.contact-copy address{font-size:21px}}

/* Feinjustierung: stärkere Lesetypografie und ruhigere Binnenlayouts */
.hero{grid-template-rows:auto auto;align-content:center;row-gap:clamp(32px,4.5vh,52px)}.hero-role{text-transform:uppercase;letter-spacing:.015em}.hero-explanation{align-self:start}.rhythm{display:block}.rhythm .large-copy{margin:0 0 clamp(22px,3vh,34px);max-width:1000px}.rhythm>p:not(.large-copy){font-size:19px;line-height:1.48;max-width:900px}.why-columns{grid-template-columns:1fr 1fr;gap:4vw}.reading .why-columns p{font-size:18px;line-height:1.46;margin:0 0 .85em}.support-grid{align-self:end}.support-grid h3{font-size:clamp(42px,4.3vw,68px);margin-bottom:28px}.support-grid p{font-size:19px;line-height:1.46;max-width:420px}.expect-grid{align-self:end}.expect-grid h3{font:clamp(34px,3.5vw,54px)/1.05 Georgia,serif;margin:0 0 28px}.expect-grid p{font-size:19px;line-height:1.46;max-width:440px}.contact-copy address,.contact-copy address a{font:18px/1.5 "Avenir Next",Avenir,Arial,sans-serif;letter-spacing:0}.linkedin{font-size:13px!important}
@media(max-width:900px){.hero{align-content:start;row-gap:35px}.hero-role{font-size:clamp(29px,5.5vw,44px)}.why-columns{grid-template-columns:1fr;gap:12px}.support-grid,.expect-grid{align-self:auto}.support-grid p,.expect-grid p{font-size:18px}}
@media(min-width:901px) and (max-height:820px){.hero{row-gap:28px}.hero-lockup{align-items:end}.hero-explanation{font-size:min(2.1vw,27px);max-width:920px}.rhythm .large-copy{margin-bottom:18px}.rhythm>p:not(.large-copy){font-size:17px;line-height:1.4}.reading .why-columns p{font-size:16px;line-height:1.38}.support-grid h3{font-size:44px;margin-bottom:18px}.support-grid p{font-size:17px;line-height:1.38}.expect-grid h3{font-size:34px;margin-bottom:18px}.expect-grid p{font-size:17px;line-height:1.38}.contact-copy address,.contact-copy address a{font-size:17px}}

/* Korrekturrunde 04: grafischer Hero, lesbare Dreiergruppen */
.hero-lockup{align-items:end}.hero-name,.hero-role{position:relative}.hero-name:after{content:"";display:block;width:145%;height:clamp(18px,2.1vw,34px);margin-top:clamp(14px,2vh,24px);background:#080808}.hero-role:after{content:"";display:block;width:100%;height:clamp(38px,4.5vw,72px);margin-top:clamp(16px,2vh,26px);background:#080808}.hero-explanation{max-width:1080px;margin-right:12%}.statement{min-height:62vh;padding:clamp(70px,7vw,120px) 6vw}.statement p{font-size:clamp(42px,5.6vw,88px);line-height:1.02;letter-spacing:-.018em;max-width:1260px}.statement p em{margin-top:.28em}
.support-grid{display:grid;grid-template-columns:1fr;gap:clamp(18px,2.5vh,30px);align-self:auto}.support-grid article{display:grid;grid-template-columns:minmax(280px,.72fr) 1fr;gap:4vw;align-items:baseline}.support-grid h3{font-size:clamp(38px,3.8vw,58px);margin:0}.support-grid p{font-size:19px;line-height:1.42;max-width:700px;margin:0}
.expect-grid{display:grid;grid-template-columns:1fr;gap:clamp(18px,2.5vh,30px);align-self:auto}.expect-grid article{display:grid;grid-template-columns:minmax(340px,.85fr) 1fr;gap:4vw;align-items:baseline}.expect-grid h3{font-size:clamp(30px,3vw,46px);margin:0}.expect-grid p{font-size:19px;line-height:1.42;max-width:680px;margin:0}
@media(max-width:900px){.hero-name:after{width:100%}.hero-role:after{width:75%;height:32px}.hero-explanation{margin-right:0}.support-grid article,.expect-grid article{grid-template-columns:1fr;gap:10px}.support-grid,.expect-grid{gap:36px}.statement{min-height:55vh}.statement p{font-size:clamp(38px,8vw,68px)}}
@media(max-width:600px){.hero-name:after{height:14px;margin-top:12px}.hero-role:after{height:24px;margin-top:14px}.support-grid h3{font-size:38px}.support-grid p,.expect-grid p{font-size:18px}.expect-grid h3{font-size:32px}.statement{padding:70px 20px}.statement p{font-size:11vw}}
@media(min-width:901px) and (max-height:820px){.hero-name:after{height:18px;margin-top:12px}.hero-role:after{height:38px;margin-top:14px}.hero-explanation{font-size:min(2vw,26px)}.statement{min-height:calc(100vh - 64px);padding-top:75px;padding-bottom:55px}.statement p{font-size:min(5vw,64px)}.support-grid{gap:16px}.support-grid article{grid-template-columns:minmax(250px,.65fr) 1fr}.support-grid h3{font-size:38px}.support-grid p{font-size:16px;line-height:1.35}.expect-grid{gap:16px}.expect-grid article{grid-template-columns:minmax(300px,.78fr) 1fr}.expect-grid h3{font-size:30px}.expect-grid p{font-size:16px;line-height:1.35}}

/* Korrektur 05: keine Balken, begrenzte Großtypen, Dreiergruppen nebeneinander */
.hero-name:after,.hero-role:after{display:none}.hero{row-gap:clamp(28px,4vh,44px)}.hero-lockup{grid-template-columns:minmax(0,1.15fr) minmax(340px,.9fr);gap:clamp(55px,8vw,125px)}.hero h1{font-size:clamp(100px,11vw,180px)}.hero-role{font-size:clamp(28px,2.8vw,46px)}.hero-explanation{font-size:clamp(24px,2vw,34px);max-width:900px;margin-right:18%}.statement p,.final-statement p{font-size:clamp(44px,4.8vw,76px);line-height:1.04;max-width:1220px}
.support{grid-template-rows:auto 1fr}.support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.5vw,60px);align-self:center}.support-grid article{display:block}.support-grid h3{font-size:clamp(42px,3.7vw,58px);line-height:1;margin:0 0 28px}.support-grid p{font-size:clamp(18px,1.35vw,21px);line-height:1.46;max-width:100%;margin:0}
.expectation-page{align-items:start}.expect-content{height:100%;display:grid;grid-template-rows:auto 1fr}.expect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.5vw,60px);align-self:center}.expect-grid article{display:block}.expect-grid h3{font-size:clamp(36px,3vw,48px);line-height:1.08;margin:0 0 28px}.expect-grid p{font-size:clamp(18px,1.35vw,21px);line-height:1.46;max-width:100%;margin:0}
@media(max-width:900px){.hero-lockup{grid-template-columns:1fr}.hero h1{font-size:clamp(100px,21vw,170px)}.hero-explanation{margin-right:0}.support-grid,.expect-grid{grid-template-columns:1fr;align-self:auto}.support-grid article,.expect-grid article{display:block}.statement p,.final-statement p{font-size:clamp(40px,8vw,66px)}}
@media(max-width:600px){.hero h1{font-size:25vw}.hero-role{font-size:30px}.hero-explanation{font-size:24px}.support-grid,.expect-grid{gap:42px}.support-grid h3{font-size:38px;margin-bottom:14px}.expect-grid h3{font-size:34px;margin-bottom:14px}.support-grid p,.expect-grid p{font-size:18px}.statement p,.final-statement p{font-size:11vw}}
@media(min-width:901px) and (max-height:820px){.hero h1{font-size:min(10.5vw,142px)}.hero-role{font-size:min(2.65vw,34px)}.hero-explanation{font-size:min(1.9vw,25px)}.statement p,.final-statement p{font-size:min(4.6vw,60px)}.support-grid,.expect-grid{gap:30px}.support-grid h3{font-size:38px;margin-bottom:18px}.support-grid p{font-size:16px;line-height:1.38}.expect-grid h3{font-size:31px;margin-bottom:18px}.expect-grid p{font-size:16px;line-height:1.38}}

/* Korrektur 06: Achsen, Lesefluss, About und motivierte Dreiergruppen */
.split,.support{grid-template-columns:19% minmax(0,1fr)}.expectation-page{grid-template-columns:17% minmax(0,1fr)}.hero-role{align-self:center;transform:translateY(8%)}.hero-explanation{font-size:clamp(27px,2.2vw,36px)}.centered-chapter .chapter-body>p:not(.large-copy){font-size:19px;line-height:1.48;max-width:980px}.why-me{height:auto;min-height:calc(100svh - 72px);overflow:visible}.why-copy{max-width:940px}.why-copy p{font-size:19px!important;line-height:1.5!important;margin:0 0 1em!important}.support{grid-template-rows:auto auto}.support-grid{align-self:start;margin-top:clamp(35px,5vh,60px)}.support-grid h3{font-family:Georgia,serif;font-weight:normal;font-size:clamp(34px,3vw,46px);line-height:1.08}.expect-content{grid-template-rows:auto auto}.expect-grid{align-self:start;margin-top:clamp(35px,5vh,60px)}.expect-grid h3{font-size:clamp(30px,2.5vw,40px);overflow-wrap:break-word}.support-grid p,.expect-grid p{font-size:clamp(18px,1.3vw,20px);line-height:1.48}
.about{min-height:calc(100svh - 72px);display:grid;grid-template-columns:17% minmax(0,1.05fr) minmax(320px,.72fr);gap:4vw;background:#fff}.about-copy h2{margin:0 0 35px;font:clamp(58px,6vw,92px)/.96 Poppins;letter-spacing:-.025em}.about-copy .large-copy{font:clamp(25px,2.6vw,39px)/1.16 Georgia,serif;margin:0 0 35px}.about-copy>p:not(.large-copy){font-size:18px;line-height:1.5;max-width:760px;margin:0 0 1em}.about .portrait-placeholder{height:100%;min-height:620px}.contact-final{grid-template-columns:17% minmax(0,1fr);min-height:calc(100svh - 72px);height:auto}.contact-final .contact-copy{max-width:980px}
@media(max-width:900px){.split,.support,.expectation-page,.about,.contact-final{grid-template-columns:1fr}.hero-role{transform:none}.why-copy p{font-size:18px!important}.about .portrait-placeholder{min-height:520px}.support-grid,.expect-grid{margin-top:30px}}
@media(max-width:600px){.centered-chapter .chapter-body>p:not(.large-copy){font-size:18px}.about-copy h2{font-size:15vw}.about-copy .large-copy{font-size:27px}.about-copy>p:not(.large-copy){font-size:17px}}
@media(min-width:901px) and (max-height:820px){.hero-role{transform:translateY(5%)}.hero-explanation{font-size:min(2.1vw,28px)}.centered-chapter .chapter-body>p:not(.large-copy){font-size:17px}.support-grid,.expect-grid{margin-top:28px}.support-grid h3{font-size:34px}.expect-grid h3{font-size:29px}.support-grid p,.expect-grid p{font-size:16px}.why-copy p{font-size:17px!important}.about{padding-top:82px}.about-copy h2{font-size:58px;margin-bottom:20px}.about-copy .large-copy{font-size:25px;margin-bottom:22px}.about-copy>p:not(.large-copy){font-size:15px;line-height:1.42}.about .portrait-placeholder{min-height:0}}

/* Korrektur 07: Kapitel höher, Dreiergruppen anbinden, About ausbalancieren */
.chapter{padding-top:max(72px,calc(12vh - 24px))}.support{align-content:start;grid-template-rows:auto auto}.support-grid{margin-top:clamp(22px,3vh,36px)}.expect-content{align-content:start;height:auto}.expect-grid{margin-top:clamp(22px,3vh,36px)}.about{grid-template-columns:14% minmax(0,1.05fr) minmax(360px,.95fr);gap:3vw}.about-copy h2{margin-bottom:28px}.about-copy .large-copy{margin-bottom:28px}.about .portrait-placeholder{min-width:0}
@media(max-width:900px){.chapter{padding-top:78px}.about{grid-template-columns:1fr}.about .portrait-placeholder{min-width:0}}
@media(max-width:600px){.chapter{padding-top:76px}}
@media(min-width:901px) and (max-height:820px){.chapter,.about{padding-top:70px}.support-grid,.expect-grid{margin-top:20px}.about{grid-template-columns:13% minmax(0,1.08fr) minmax(350px,.92fr);gap:2.5vw}.about-copy h2{margin-bottom:15px}.about-copy .large-copy{font-size:23px;margin-bottom:16px}.about-copy>p:not(.large-copy){font-size:14.5px;line-height:1.36;margin-bottom:.75em}}

/* Korrektur 08: 05/06 wie 04, About auf vorheriges Raster zurück */
.expectation-page{grid-template-rows:auto auto;align-content:start}.expect-content{height:auto;display:block}.expect-grid{grid-column:1/-1;align-self:start;margin-top:clamp(22px,3vh,36px)}.about{grid-template-columns:17% minmax(0,1.05fr) minmax(320px,.72fr);gap:4vw}.about-copy h2{margin-bottom:35px}.about-copy .large-copy{margin-bottom:35px}.about .portrait-placeholder{min-width:0}
@media(max-width:900px){.expect-grid{grid-column:1}.about{grid-template-columns:1fr}.about .portrait-placeholder{min-width:0}}
@media(min-width:901px) and (max-height:820px){.about{padding-top:70px;grid-template-columns:17% minmax(0,1.05fr) minmax(320px,.72fr);gap:4vw}.about-copy h2{font-size:58px;margin-bottom:20px}.about-copy .large-copy{font-size:25px;margin-bottom:22px}.about-copy>p:not(.large-copy){font-size:15px;line-height:1.42;margin-bottom:1em}}

/* Hero-Logotest: Avenir Next · Umbruch B */
.hero{--name-line-space:clamp(28px,3.6vw,58px);--text-space:clamp(28px,4vh,44px);row-gap:var(--text-space)}
.hero-lockup{display:flex;gap:0;align-items:center;width:100%}
.hero h1{font-family:"Avenir Next",Avenir,Arial,sans-serif;font-size:clamp(76px,8.2vw,132px);font-weight:700;line-height:.88;letter-spacing:-.045em;white-space:nowrap}
.hero-divider{display:block;flex:0 0 1px;width:1px;height:clamp(76px,8vw,112px);margin-left:auto;margin-right:var(--text-space);background:currentColor}
.hero-role{margin:0;align-self:center;transform:none;font-family:"Avenir Next",Avenir,Arial,sans-serif;font-size:clamp(19px,1.75vw,28px);font-weight:500;line-height:1.16;letter-spacing:.035em;text-transform:uppercase}
.hero-role span{display:block;white-space:nowrap}
@media(max-width:900px){.hero-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:25px}.hero h1{font-size:clamp(64px,16vw,122px);white-space:normal}.hero-divider{flex:0 0 1px;width:min(72%,360px);height:1px;margin:0}.hero-role{font-size:clamp(18px,4.2vw,28px)}}
@media(min-width:901px) and (max-height:820px){.hero h1{font-size:min(7.4vw,108px)}.hero-role{font-size:min(1.6vw,23px);transform:none}.hero-divider{height:min(7vw,90px)}}

/* Lesekorrektur 13-Zoll: Raum mit Typografie füllen, nicht mit Leerfläche */
.about-copy h2,.contact-final h2{font-family:Poppins,Arial,sans-serif;font-size:clamp(48px,min(6vw,10vh),96px);font-weight:700;line-height:.96;letter-spacing:-.025em}
@media(min-width:901px) and (max-height:820px){
  .about-copy h2,.contact-final h2{font-size:min(5.5vw,70px)}
  .centered-chapter .chapter-body>p:not(.large-copy){font-size:18.5px;line-height:1.48}
  .rhythm>p:not(.large-copy),.reading .why-columns p{font-size:18px;line-height:1.46}
  .why-copy p{font-size:18.5px!important;line-height:1.48!important}
  .support-grid h3{font-size:36px}
  .expect-grid h3{font-size:32px}
  .support-grid p,.expect-grid p{font-size:18px;line-height:1.45}
  .about-copy .large-copy{font-size:27px;line-height:1.16}
  .about-copy>p:not(.large-copy){font-size:17px;line-height:1.46;margin-bottom:.9em}
  .contact-copy address,.contact-copy address a{font-size:18px}
}

/* Smartphone-Freigabe: bewusst am Dateiende, damit sie ältere Studien überstimmt. */
@media(max-width:900px){
  .site-header{padding-inline:16px}
  .menu-toggle{display:flex;align-items:center;position:relative;z-index:12}
  .site-header nav{display:flex;position:fixed;z-index:11;inset:64px 0 auto;max-height:calc(100svh - 64px);overflow:auto;padding:24px 16px 30px;background:rgba(255,255,255,.98);border-bottom:1px solid #d8d8d8;flex-direction:column;align-items:flex-start;gap:0;font-size:15px;line-height:1.2;transform:translateY(calc(-100% - 70px));visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
  .site-header nav a{width:100%;padding:14px 0;border-bottom:1px solid #e3e3e3}
  .menu-open .site-header nav{transform:translateY(0);visibility:visible;transition:transform .25s ease}
  .hero{padding:92px 16px 30px;row-gap:32px;align-content:start}
  .hero-lockup{width:max-content;max-width:100%;gap:18px}
  .hero h1{font-size:clamp(46px,13.5vw,76px);line-height:.88;white-space:nowrap}
  .hero-divider{width:100%;max-width:none}
  .hero-role{font-size:clamp(17px,4.65vw,23px);line-height:1.16;letter-spacing:.025em}
  .hero-explanation{width:100%;max-width:none;margin:0;font-size:clamp(21px,5.8vw,27px);line-height:1.16}
  .chapter{padding-inline:16px}
  .chapter h2,.about-copy h2,.contact-final h2{font-size:clamp(46px,13vw,68px);line-height:1}
  .chapter-body .large-copy,.about-copy .large-copy,.contact-intro p:first-child,.support-intro{font-size:clamp(24px,6.7vw,31px);line-height:1.18}
  .statement p,.final-statement p{font-size:clamp(38px,10.5vw,56px);line-height:1.06}
}
@media(max-width:380px){.hero h1{font-size:12.7vw}.hero-role{font-size:4.45vw}}

/* Smartphone-Korrektur 02 – finale Overrides */
@media(max-width:600px){
  .hero-lockup{width:100%;max-width:100%;align-items:flex-start}
  .hero-name{max-width:100%}
  .hero h1{font-size:clamp(43px,12.5vw,62px)}
  .hero-divider{width:min(100%,340px)}
  .hero-role{align-self:flex-start;width:100%;max-width:100%;font-size:clamp(15px,4vw,19px);text-align:left}
  .hero-role span{white-space:nowrap}
  .chapter h2,.about-copy h2,.contact-final h2{font-size:clamp(40px,11vw,58px);line-height:1.02}
  .statement p,.final-statement p{font-size:clamp(34px,9.4vw,48px);line-height:1.08}
}

/* Verbindliches Mobile-System – muss als letzter Block der Datei stehen */
@media(max-width:900px){
  .hero{padding-inline:16px}
  .hero-lockup{
    width:100%;
    max-width:none;
    align-items:flex-start;
    align-self:stretch;
  }
  .hero-name{
    width:100%;
    max-width:none;
    align-self:flex-start;
    margin:0;
  }
  .hero .hero-wordmark{justify-content:flex-start;width:100%;margin:0}
  .hero-divider,.hero-role{
    align-self:flex-start;
    margin-left:0;
    text-align:left;
    transform:none;
  }
  .hero-role{width:100%;max-width:none}
  .chapter{padding-top:34px;padding-inline:16px}
  .chapter-label{margin-bottom:20px}
}
@media(max-width:600px){
  .hero{
    min-height:100svh;
    align-content:start;
    padding-top:clamp(210px,29svh,270px);
    padding-bottom:54px;
    row-gap:30px;
  }
  .hero h1{font-size:clamp(40px,11.7vw,58px)}
  .hero-role{font-size:clamp(14px,3.8vw,18px)}
  .hero-explanation,
  .chapter-body .large-copy,
  .about-copy .large-copy,
  .contact-intro p:first-child,
  .support-intro{
    font-size:clamp(22px,5.8vw,26px)!important;
    line-height:1.18;
  }
  .chapter h2,.about-copy h2,.contact-final h2{
    font-size:clamp(26px,7.8vw,39px);
    line-height:1.05;
    overflow-wrap:anywhere;
  }
  .support-intro,.support-grid h3{
    font-size:30px!important;
    line-height:1.12;
  }
  .support-grid{margin-top:22px;gap:30px}
}

/* Smartphone-Korrektur 03: klare Fluchten und kompakter Kapitelauftakt */
@media(max-width:600px){
  .hero-lockup,.hero-name,.hero-divider,.hero-role,.hero-explanation{
    margin-left:0;
    transform:none;
    text-align:left;
  }
  .hero-lockup{align-self:stretch}
  .hero-divider{align-self:flex-start}
  .chapter{padding-top:48px}
  .chapter-label{margin-bottom:26px}
  .support-grid h3{
    font-size:34px!important;
    line-height:1.08;
  }
}

/* Mobile-System 06: finale Proportionen für iPhone-Breiten */
@media(max-width:600px){
  .hero{
    align-content:start;
    padding-top:clamp(210px,29svh,270px);
  }
  .hero-explanation,
  .chapter-body .large-copy,
  .about-copy .large-copy,
  .contact-intro p:first-child,
  .support-intro{
    font-size:clamp(22px,5.8vw,26px)!important;
    line-height:1.18;
  }
  .chapter h2,.about-copy h2,.contact-final h2{
    font-size:clamp(26px,7.8vw,39px);
    line-height:1.05;
  }
}

/* Mobile-System 04: einheitlicher Übergang ohne konkurrierende Zwischenstufe */
@media(max-width:900px){
  .hero{padding-inline:16px}
  .hero-lockup{
    width:100%;
    max-width:none;
    align-items:flex-start;
    align-self:stretch;
  }
  .hero-name{
    width:100%;
    max-width:none;
    align-self:flex-start;
    margin:0;
  }
  .hero .hero-wordmark{justify-content:flex-start;width:100%;margin:0}
  .hero-divider,.hero-role{
    align-self:flex-start;
    margin-left:0;
    text-align:left;
    transform:none;
  }
  .hero-role{width:100%;max-width:none}
  .chapter{padding-top:34px}
  .chapter-label{margin-bottom:20px}
}
@media(max-width:600px){
  .hero h1{font-size:clamp(40px,11.7vw,58px)}
  .hero-role{font-size:clamp(14px,3.8vw,18px)}
  .chapter h2,.about-copy h2,.contact-final h2{
    font-size:clamp(34px,9.5vw,48px);
    line-height:1.04;
    overflow-wrap:anywhere;
  }
  .support-intro,.support-grid h3{
    font-size:30px!important;
    line-height:1.12;
  }
  .support-grid{margin-top:22px;gap:30px}
}

/* Mobile-System 05: Hero nahezu mittig, Headlines sicher innerhalb der Textbreite */
@media(max-width:600px){
  .hero{
    min-height:100svh;
    align-content:start;
    padding-top:clamp(145px,22vh,205px);
    padding-bottom:54px;
    row-gap:30px;
  }
  .hero-explanation{
    font-size:clamp(24px,6.7vw,31px);
    line-height:1.18;
  }
  .chapter h2,.about-copy h2,.contact-final h2{
    font-size:clamp(28px,8.8vw,44px);
  }
}

/* Smartphone-Korrektur 02: sichere Breite, klare linke Achse, ruhigere Headlines */
@media(max-width:600px){
  .hero-lockup{width:100%;max-width:100%;align-items:flex-start}
  .hero-name{max-width:100%}
  .hero h1{font-size:clamp(43px,12.5vw,62px)}
  .hero-divider{width:min(100%,340px)}
  .hero-role{align-self:flex-start;width:100%;max-width:100%;font-size:clamp(15px,4vw,19px);text-align:left}
  .hero-role span{white-space:nowrap}
  .chapter h2,.about-copy h2,.contact-final h2{font-size:clamp(40px,11vw,58px);line-height:1.02}
  .statement p,.final-statement p{font-size:clamp(34px,9.4vw,48px);line-height:1.08}
}

/* Mobile Navigation und Smartphone-Proportionen */
.menu-toggle{display:none;border:0;background:transparent;color:inherit;padding:10px 0;font:500 11px/1 "Avenir Next",Avenir,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.menu-toggle i,.menu-toggle i:before{display:block;width:26px;height:1px;background:currentColor;content:"";transition:transform .2s ease}
.menu-toggle i{margin-left:12px}.menu-toggle i:before{transform:translateY(7px)}
@media(max-width:900px){
  .site-header{padding-inline:16px}
  .menu-toggle{display:flex;align-items:center;position:relative;z-index:12}
  .site-header nav{display:flex;position:fixed;z-index:11;inset:64px 0 auto;max-height:calc(100svh - 64px);overflow:auto;padding:24px 16px 30px;background:rgba(255,255,255,.98);border-bottom:1px solid #d8d8d8;flex-direction:column;align-items:flex-start;gap:0;font-size:15px;line-height:1.2;transform:translateY(calc(-100% - 70px));visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
  .site-header nav a{width:100%;padding:14px 0;border-bottom:1px solid #e3e3e3}
  .menu-open .site-header nav{transform:translateY(0);visibility:visible;transition:transform .25s ease}
  .menu-open .menu-toggle i{transform:translateY(3px) rotate(45deg)}
  .menu-open .menu-toggle i:before{transform:rotate(-90deg)}
  .hero{padding:92px 16px 30px;row-gap:32px;align-content:start}
  .hero-lockup{width:max-content;max-width:100%;gap:18px}
  .hero h1{font-size:clamp(46px,13.5vw,76px);line-height:.88;white-space:nowrap}
  .hero-divider{width:100%;max-width:none}
  .hero-role{font-size:clamp(17px,4.65vw,23px);line-height:1.16;letter-spacing:.025em}
  .hero-explanation{width:100%;max-width:none;margin:0;font-size:clamp(21px,5.8vw,27px);line-height:1.16}
  .chapter{padding-inline:16px}
  .chapter h2,.about-copy h2,.contact-final h2{font-size:clamp(46px,13vw,68px);line-height:1}
  .chapter-body .large-copy,.about-copy .large-copy,.contact-intro p:first-child,.support-intro{font-size:clamp(24px,6.7vw,31px);line-height:1.18}
  .statement p,.final-statement p{font-size:clamp(38px,10.5vw,56px);line-height:1.06}
}
@media(max-width:380px){
  .hero h1{font-size:12.7vw}
  .hero-role{font-size:4.45vw}
}

/* Rechtliche Unterseiten */
.legal-page{min-height:calc(100svh - 72px);padding:clamp(130px,17vh,190px) 3.2vw clamp(70px,9vh,110px);display:grid;grid-template-columns:17% minmax(0,760px);gap:4vw}
.legal-page .chapter-label{padding-top:.55em}
.legal-copy h1{margin:0 0 clamp(48px,6vh,72px);font:700 clamp(54px,6vw,92px)/.96 Poppins,Arial,sans-serif;letter-spacing:-.025em}
.legal-copy h2{margin:2.4em 0 .7em;font:400 clamp(25px,2.6vw,39px)/1.16 Georgia,serif}
.legal-copy p,.legal-copy address{margin:0 0 1.5em;font:400 18px/1.5 "Avenir Next",Avenir,Arial,sans-serif;font-style:normal}
.legal-copy a{text-underline-offset:.18em}
.legal-footer a{text-decoration:none}
@media(max-width:900px){.legal-page{grid-template-columns:1fr;padding-top:120px}.legal-page .chapter-label{margin-bottom:20px}.legal-copy h1{font-size:clamp(52px,12vw,82px)}}
@media(max-width:600px){.legal-page{min-height:calc(100svh - 64px);padding:100px 20px 70px}.legal-copy h1{font-size:14vw}.legal-copy h2{font-size:27px}.legal-copy p,.legal-copy address{font-size:17px}}

/* Wortmarke V05: optisch korrigierte Einzelabstände, Claim unverändert. */
.hero .hero-wordmark{display:flex;align-items:baseline;letter-spacing:0;font-kerning:none}
.hero-wordmark span{display:block}.hero-wordmark em{display:block;flex:0 0 .27em;width:.27em}
.hero-wordmark span:nth-child(1){margin-right:-.025em}.hero-wordmark span:nth-child(2){margin-right:-.012em}.hero-wordmark span:nth-child(3){margin-right:-.012em}.hero-wordmark span:nth-child(6){margin-right:-.04em}.hero-wordmark span:nth-child(7){margin-right:.012em}.hero-wordmark span:nth-child(8){margin-right:-.05em}.hero-wordmark span:nth-child(9){margin-right:-.086em}

/* Optische Zentrierung des Claims: sichtbare Glyphen statt technischer Zeilenbox. */
@media(min-width:901px){
  .hero-role{transform:translateY(-.18em)}
  .hero-divider{height:clamp(70px,6.5vw,96px);transform:translateY(-.28em)}
}
@media(max-width:600px){.about-copy h2,.contact-final h2{font-size:15vw}}

/* Sprachumschalter DE / EN */
.header-tools{display:flex;align-items:center;gap:clamp(18px,2vw,32px)}
.language-switch{display:flex;align-items:center;gap:.45em;font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}
.language-switch>*{text-decoration:none}
.language-switch>*+*:before{content:"/";margin-right:.45em;color:#888}
.language-switch [aria-current="page"]{font-weight:700}
@media(max-width:900px){.header-tools{gap:18px}.language-switch{font-size:11px}.menu-toggle{order:2}.site-header nav{order:3}}
@media(max-width:600px){.header-tools{gap:14px}.menu-toggle span{display:none}.menu-toggle i{margin-left:0}}

/* Stable language/navigation alignment */
@media(min-width:901px){
  .header-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:clamp(16px,1.6vw,28px);min-width:0}
  .site-header nav{order:1;flex:0 1 auto;min-width:0}
  .language-switch{order:2;flex:0 0 auto;align-self:center}
}
.language-switch>*+*:before{display:inline-block;content:"/";margin:0 .45em 0 0;color:#777;text-decoration:none}

/* Finales Signet 01 */
.brand-mark{display:block;width:45px;height:45px}
.brand-mark circle{fill:#090909}
.brand-mark text{fill:#fff;font-family:"Avenir Next",Avenir,Arial,sans-serif;font-size:45px;font-weight:700;letter-spacing:-.08em}

/* Typotest 01: ausschließlich die Laufschrift in Avenir Next Regular */
.chapter-body>p:not(.large-copy),
.why-copy p,
.support-grid p,
.expect-grid p,
.about-copy>p:not(.large-copy),
.contact-copy address,
.contact-copy address a{font-family:"Avenir Next",Avenir,Arial,sans-serif;font-weight:400}

/* Typografie-Entscheidung: Poppins Bold 700 ersetzt Anthropic Sans in allen großen Headlines. */
.chapter h2,
.statement p,
.about-copy h2,
.contact-final h2{font-family:Poppins,Arial,sans-serif;font-weight:700}

/* Hero links optisch näher an die Flucht der Kapitelbezeichnungen setzen. */
@media(min-width:901px){
  .hero-lockup,.hero-explanation{transform:translateX(3vw);width:calc(100% - 3vw)}
}

/* Kapitel 08: mehr Luft in der mehrzeiligen Poppins-Headline. */
.contact-final h2{line-height:1.04}

body,.linkedin{font-family:"Avenir Next",Avenir,Arial,sans-serif!important}
.contact-intro{margin:0 0 clamp(36px,5vh,58px);max-width:920px}.contact-intro p{margin:0;text-transform:none;letter-spacing:0}.contact-intro p:first-child{margin-bottom:clamp(20px,2.5vh,30px);font:400 clamp(25px,2.6vw,39px)/1.16 Georgia,serif}.contact-intro p:not(:first-child){font:400 19px/1.48 "Avenir Next",Avenir,Arial,sans-serif}.contact-intro p:nth-child(2){margin-bottom:.7em}
.contact-final .contact-copy address,.contact-final .contact-copy address a{font-size:19px;line-height:1.48}
@media(max-width:900px){.contact-intro{margin-bottom:34px}}
.support-intro{max-width:920px;margin:0;font:400 clamp(25px,2.6vw,39px)/1.16 Georgia,serif}

/* Proportionskorrektur: Kapitel 07 ist der Maßstab für Georgia und Laufschrift. */
@media(min-width:901px){
  .chapter-body .large-copy{font-size:clamp(25px,2.6vw,39px);line-height:1.16}
  .contact-intro p:first-child{font-size:clamp(25px,2.6vw,39px);line-height:1.16}
  .support-grid h3,.expect-grid h3{font-size:clamp(30px,2.5vw,40px);line-height:1.08}
  .centered-chapter .chapter-body>p:not(.large-copy),
  .why-copy p,
  .support-grid p,
  .expect-grid p,
  .about-copy>p:not(.large-copy),
  .contact-intro p:not(:first-child),
  .contact-final .contact-copy address,
  .contact-final .contact-copy address a{font-size:18px!important;line-height:1.5!important}
}
@media(min-width:901px) and (max-height:820px){
  .chapter-body .large-copy,.about-copy .large-copy,.contact-intro p:first-child,.support-intro{font-size:27px;line-height:1.16}
  .support-grid h3,.expect-grid h3{font-size:30px;line-height:1.08}
  .centered-chapter .chapter-body>p:not(.large-copy),
  .why-copy p,
  .support-grid p,
  .expect-grid p,
  .about-copy>p:not(.large-copy),
  .contact-intro p:not(:first-child),
  .contact-final .contact-copy address,
  .contact-final .contact-copy address a{font-size:17px!important;line-height:1.46!important}
}

/* Smartphone-Freigabe – finale Overrides */
@media(max-width:900px){
  .site-header{padding-inline:16px}
  .menu-toggle{display:flex;align-items:center;position:relative;z-index:12}
  .site-header nav{display:flex;position:fixed;z-index:11;inset:64px 0 auto;max-height:calc(100svh - 64px);overflow:auto;padding:24px 16px 30px;background:rgba(255,255,255,.98);border-bottom:1px solid #d8d8d8;flex-direction:column;align-items:flex-start;gap:0;font-size:15px;line-height:1.2;transform:translateY(calc(-100% - 70px));visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
  .site-header nav a{width:100%;padding:14px 0;border-bottom:1px solid #e3e3e3}
  .menu-open .site-header nav{transform:translateY(0);visibility:visible;transition:transform .25s ease}
  .hero{padding:92px 16px 30px;row-gap:32px;align-content:start}
  .hero-lockup{width:max-content;max-width:100%;gap:18px}
  .hero h1{font-size:clamp(46px,13.5vw,76px);line-height:.88;white-space:nowrap}
  .hero-divider{width:100%;max-width:none}
  .hero-role{font-size:clamp(17px,4.65vw,23px);line-height:1.16;letter-spacing:.025em}
  .hero-explanation{width:100%;max-width:none;margin:0;font-size:clamp(21px,5.8vw,27px);line-height:1.16}
  .chapter{padding-inline:16px}
  .chapter h2,.about-copy h2,.contact-final h2{font-size:clamp(46px,13vw,68px);line-height:1}
  .chapter-body .large-copy,.about-copy .large-copy,.contact-intro p:first-child,.support-intro{font-size:clamp(24px,6.7vw,31px);line-height:1.18}
  .statement p,.final-statement p{font-size:clamp(38px,10.5vw,56px);line-height:1.06}
}
@media(max-width:380px){.hero h1{font-size:12.7vw}.hero-role{font-size:4.45vw}}

/* Smartphone-Korrektur 02 – finale Overrides */
@media(max-width:600px){
  .hero-lockup{width:100%;max-width:100%;align-items:flex-start}
  .hero-name{max-width:100%}
  .hero h1{font-size:clamp(43px,12.5vw,62px)}
  .hero-divider{width:min(100%,340px)}
  .hero-role{align-self:flex-start;width:100%;max-width:100%;font-size:clamp(15px,4vw,19px);text-align:left}
  .hero-role span{white-space:nowrap}
  .chapter h2,.about-copy h2,.contact-final h2{font-size:clamp(40px,11vw,58px);line-height:1.02}
  .statement p,.final-statement p{font-size:clamp(34px,9.4vw,48px);line-height:1.08}
}

/* Wirklich letzter, verbindlicher Mobilblock */
@media(max-width:900px){
  .hero{padding-inline:16px}
  .hero-lockup{width:100%;max-width:none;align-items:flex-start;align-self:stretch}
  .hero-name{width:100%;max-width:none;align-self:flex-start;margin:0}
  .hero .hero-wordmark{justify-content:flex-start;width:100%;margin:0}
  .hero-divider,.hero-role{align-self:flex-start;margin-left:0;text-align:left;transform:none}
  .hero-role{width:100%;max-width:none}
  .chapter{padding-top:34px;padding-inline:16px}
  .chapter-label{margin-bottom:20px}
}
@media(max-width:600px){
  .hero{min-height:100svh;align-content:start;padding-top:clamp(210px,29svh,270px);padding-bottom:54px;row-gap:30px}
  .hero h1{font-size:clamp(40px,11.7vw,58px)}
  .hero-role{font-size:clamp(14px,3.8vw,18px)}
  .hero-explanation,.chapter-body .large-copy,.about-copy .large-copy,.contact-intro p:first-child,.support-intro{font-size:clamp(22px,5.8vw,26px)!important;line-height:1.18}
  .chapter h2,.about-copy h2,.contact-final h2{font-size:clamp(26px,7.8vw,39px);line-height:1.05;overflow-wrap:anywhere}
  .support-intro,.support-grid h3{font-size:30px!important;line-height:1.12}
  .support-grid{margin-top:22px;gap:30px}
}

/* Mobile-Feinschliff 07 */
@media(max-width:600px){
  #was{align-items:start;align-content:start}
  .support-intro,.support-grid h3,.expect-grid h3{
    font-size:clamp(22px,5.8vw,26px)!important;
    line-height:1.18;
  }
  .legal-page{
    min-height:calc(100svh - 64px);
    padding:98px 16px 64px;
  }
  .legal-page .chapter-label{margin-bottom:20px}
  .legal-copy h1{
    margin-bottom:32px;
    font-size:clamp(26px,7.8vw,39px);
    line-height:1.05;
  }
  .legal-copy h2{
    margin-top:1.8em;
    font-size:clamp(22px,5.8vw,26px);
    line-height:1.18;
  }
  .legal-copy p,.legal-copy address{font-size:17px;line-height:1.5}
}

/* Launch 2026-08-30: Kapitel 07 ohne Foto-Platzhalter. */
.about{grid-template-columns:17% minmax(0,1100px);gap:4vw}
.about-copy{max-width:1100px}
@media(max-width:900px){.about{grid-template-columns:1fr}}