/* Anna Prinz – Website-Stylesheet
Übernommen aus der Design-Referenz source/index.html (Style-Blöcke 1, 2 und Transformation Class, in dieser Reihenfolge).
Anpassungen für echte Einzelseiten, ![]()
statt Hintergrundbilder und strikte CSP stehen am Ende unter „Produktiv-Anpassungen“. */
/* Schriften – selbst gehostet (SIL Open Font License 1.1, siehe assets/fonts/LICENSE-*.txt), keine externen Requests */
@font-face{font-family:"Jost";font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/jost-latin-wght.woff2") format("woff2")}
@font-face{font-family:"Italiana";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/italiana-latin-400.woff2") format("woff2")}
/* Layout: nach Mockup – Porträt randabfallend rechts, dünne Groteskschrift, Elfenbein, Bronze nur als feine Linie und für „Identity.“ */
:root{
--ivory:#F7F3EE; /* Grundfläche */
--paper:#FBF9F6; /* helle Flächen */
--line:#E5DDD2;
--ink:#1E3048; /* Nachtblau, blauer */
--muted:#5C6676;
--bronze:#A87D52; /* Akzent */
--deep:#1E3048; --on-deep:#F3EEE7; --on-deep-muted:#AEB6C3; --bronze-on-deep:#C9A27A;
--error:#A33A2E;
--sans:"Jost","Futura","Avenir Next",system-ui,sans-serif;
--max:1280px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
--ivory:#121924;--paper:#18212E;--line:#2B3646;--ink:#EEE8E0;--muted:#A6A9AC;--bronze:#C9A27A;
--deep:#0C121B;--on-deep:#EEE8E0;--on-deep-muted:#A6A9AC;--bronze-on-deep:#C9A27A;--error:#EE9488;color-scheme:dark}}
:root[data-theme="dark"]{
--ivory:#121924;--paper:#18212E;--line:#2B3646;--ink:#EEE8E0;--muted:#A6A9AC;--bronze:#C9A27A;
--deep:#0C121B;--on-deep:#EEE8E0;--on-deep-muted:#A6A9AC;--bronze-on-deep:#C9A27A;--error:#EE9488;color-scheme:dark}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.65;color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;background:none;border:0;color:inherit}
:focus-visible{outline:1px solid var(--bronze);outline-offset:4px}
h1,h2,h3{font-weight:300;text-wrap:balance;letter-spacing:-.01em}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:clamp(16px,6vw,96px)}
.caps{font-size:12px;font-weight:400;letter-spacing:.24em;text-transform:uppercase}
.bronze{color:var(--bronze)}
/* Header */
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--ivory) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .3s}
header.scrolled{border-color:var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:88px;gap:24px}
.logo{font-family:"Italiana","Didot","Times New Roman",serif;font-size:24px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;line-height:1}
.menu{display:flex;align-items:center;gap:clamp(18px,2.4vw,36px)}
.menu a{font-size:11.5px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;padding:6px 0;border-bottom:1px solid transparent;transition:border-color .25s}
.menu a:hover,.menu a.active{border-color:var(--bronze)}
.menu .cta{color:var(--bronze);border:0;border-left:1px solid var(--bronze);padding:18px 0 18px clamp(24px,3vw,40px);margin-left:clamp(0px,1vw,16px)}
.menu .cta:hover{color:var(--ink)}
.burger{display:none;width:34px;height:34px;position:relative}
.burger span{position:absolute;left:5px;right:5px;height:1px;background:var(--ink);transition:transform .25s}
.burger span:nth-child(1){top:13px}.burger span:nth-child(2){top:21px}
body.open .burger span:nth-child(1){transform:translateY(4px) rotate(45deg)}
body.open .burger span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}
.page{display:none}.page.active{display:block}
/* Links / Buttons */
.more{display:inline-flex;align-items:center;gap:16px;font-size:12px;font-weight:400;letter-spacing:.22em;text-transform:uppercase}
.more::before{content:"";width:48px;height:1px;background:var(--bronze);transition:width .35s}
.more:hover::before,a:hover>.more::before{width:80px}
.btn{display:inline-block;padding:16px 32px;font-size:12px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--ink);transition:background .25s,color .25s}
.btn.dark{background:var(--ink);color:var(--ivory)}
.btn:hover{background:var(--ink);color:var(--ivory)}
.btn.dark:hover{background:var(--bronze);border-color:var(--bronze);color:#fff}
/* Hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-img{position:absolute;top:0;right:0;bottom:0;width:min(50vw,700px);background:var(--paper);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 9%);mask-image:linear-gradient(to right,transparent 0,#000 9%)}
.hero .wrap{position:relative;min-height:clamp(560px,76vh,840px);display:flex;flex-direction:column;justify-content:center;padding-block:64px}
.hero h1{font-size:clamp(58px,8.6vw,128px);font-weight:300;line-height:.98;letter-spacing:-.025em;max-width:6.5ch}
.hero h1 span{display:block;color:var(--bronze)}
.hero .lead{font-size:18px;color:var(--muted);max-width:46ch;margin:32px 0 36px}
.hero .actions{display:flex;gap:32px;flex-wrap:wrap;align-items:center}
/* Angebote */
.offers{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);background:var(--paper)}
.offer{padding:clamp(40px,5vw,72px) clamp(24px,4.5vw,64px) clamp(48px,6vw,80px);display:flex;flex-direction:column;gap:16px;min-height:320px;transition:background .3s}
.offer + .offer{border-left:1px solid var(--line)}
.offer:hover{background:var(--ivory)}
.offer h3{font-size:clamp(26px,2.4vw,32px);font-weight:300}
.offer p{color:var(--muted);max-width:28ch;margin-bottom:auto}
.offer i{display:block;width:48px;height:1px;background:var(--bronze);margin-top:40px;transition:width .35s}
.offer:hover i{width:96px}
/* Zitatband */
.quote-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;padding-block:clamp(56px,7vw,96px)}
.quote-band blockquote{font-size:clamp(30px,3.6vw,48px);font-weight:300;line-height:1.18;letter-spacing:-.01em}
.quote-band blockquote span{display:block;padding-left:.45em}
.quote-band a{color:var(--bronze)}
/* Abschnitte */
section.block{padding-block:clamp(80px,10vw,140px)}
.block.paper{background:var(--paper);border-block:1px solid var(--line)}
.head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:64px}
.head .caps{grid-column:1/-1;color:var(--bronze);margin-bottom:-20px}
.head h2{font-size:clamp(38px,4.6vw,64px);line-height:1.04}
.head p{color:var(--muted);font-size:18px;max-width:44ch}
/* Become-Modell */
.phases{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.stage{text-align:left;padding:28px 24px 32px 0;display:flex;flex-direction:column;gap:10px;position:relative}
.stage::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:0;background:var(--bronze);transition:width .45s}
.stage small{font-size:12px;letter-spacing:.24em;color:var(--muted);text-transform:uppercase}
.stage span{font-size:clamp(28px,3vw,42px);color:var(--muted);transition:color .3s}
.stage.on::before{width:100%}
.stage.on span,.stage:hover span{color:var(--ink)}
.stage.on small{color:var(--bronze)}
.panel{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,6vw,96px);margin-top:32px}
.panel q{font-size:clamp(26px,2.6vw,36px);line-height:1.25;quotes:"„" "“"}
.panel p{color:var(--muted);max-width:46ch}
/* Finder */
.finder{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(32px,6vw,96px);align-items:start}
.finder .caps{color:var(--bronze)}
.finder .q{font-size:clamp(34px,3.8vw,52px);line-height:1.08;margin-top:16px}
.choices{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.chip{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:24px 0;border-bottom:1px solid var(--line);font-size:20px;transition:color .2s}
.chip::after{content:"";width:28px;height:1px;background:var(--bronze);transition:width .3s}
.chip:hover::after{width:56px}
.chip.sel{color:var(--bronze)}
.chip.sel::after{width:56px}
.result{margin-top:32px;display:none}
.result.show{display:block}
.result h3{font-size:32px;margin-bottom:8px}
.result p{color:var(--muted);max-width:50ch;margin-bottom:24px}
.restart{margin-left:20px;color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:4px}
/* Stimmen */
.voice blockquote{font-size:clamp(30px,3.6vw,50px);line-height:1.18;max-width:26ch}
.voice-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:40px}
.voice cite{font-style:normal;color:var(--muted);display:flex;align-items:center;gap:16px}
.voice cite::before{content:"";width:48px;height:1px;background:var(--bronze)}
.ctrl{display:flex;align-items:center;gap:20px;font-size:12px;letter-spacing:.2em;color:var(--muted);font-variant-numeric:tabular-nums}
.ctrl button{font-size:20px;padding:6px 10px;transition:color .2s}
.ctrl button:hover{color:var(--bronze)}
/* Termine */
.dates li{list-style:none;display:grid;grid-template-columns:200px 1fr 260px;gap:24px;align-items:baseline;padding:30px 0;border-bottom:1px solid var(--line)}
.dates li:first-child{border-top:1px solid var(--line)}
.dates time{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze);font-variant-numeric:tabular-nums}
.dates h3{font-size:28px}
.dates span{color:var(--muted);text-align:right}
/* Become Letter */
.letter{background:var(--deep);color:var(--on-deep)}
.letter .wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:end}
.letter .caps{color:var(--bronze-on-deep);display:block;margin-bottom:18px}
.letter h2{font-size:clamp(38px,4.4vw,60px);line-height:1.04}
.letter p{color:var(--on-deep-muted);margin-top:16px;max-width:42ch}
.signup{display:flex;gap:16px;border-bottom:1px solid var(--bronze-on-deep)}
.signup input{flex:1;min-width:0;background:transparent;border:0;color:var(--on-deep);font:inherit;font-size:18px;padding:16px 0}
.signup input::placeholder{color:var(--on-deep-muted)}
.signup input:focus{outline:none}
.signup button{color:var(--bronze-on-deep);font-size:12px;letter-spacing:.22em;text-transform:uppercase}
.signup button:hover{color:var(--on-deep)}
.note{font-size:14px;margin-top:12px;color:var(--on-deep-muted);min-height:22px}
/* Unterseiten */
.sub{padding-block:clamp(72px,10vw,128px) 64px;display:flex;flex-direction:column;gap:24px}
.sub .caps{color:var(--bronze)}
.sub h1{font-size:clamp(44px,6vw,86px);line-height:1;letter-spacing:-.02em;max-width:14ch}
.sub .lead{font-size:20px;color:var(--muted);max-width:44ch}
.rows li{list-style:none;display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(24px,6vw,96px);padding:36px 0;border-top:1px solid var(--line)}
.rows h3{font-size:28px}
.rows p{color:var(--muted);max-width:56ch}
.band{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:48px;margin-top:72px}
.band p{font-size:clamp(26px,2.8vw,38px);line-height:1.2;max-width:22ch}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,6vw,96px);align-items:start}
.about .pic{aspect-ratio:871/1281;max-width:100%;}
.about p{font-size:18px;margin-bottom:20px;max-width:58ch}
.about .quote{font-size:30px;line-height:1.3}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}
.facts strong{display:block;font-size:56px;font-weight:200;color:var(--bronze);line-height:1}
.facts span{font-size:15px;color:var(--muted)}
/* Kontakt */
.contact{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(32px,6vw,96px)}
.form{display:grid;gap:26px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.field label{display:block;font-size:12px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;font:inherit;font-size:18px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);padding:10px 0;border-radius:0}
.field select option{color:#1E3048}
.field textarea{min-height:140px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--bronze)}
.err{display:none;font-size:14px;color:var(--error);margin-top:6px}
.field.bad input,.field.bad textarea{border-color:var(--error)}
.field.bad .err{display:block}
.sent{border-top:1px solid var(--bronze);padding-top:24px}
.sent h3{font-size:30px;margin-bottom:6px}
.aside h3{font-size:12px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);margin-bottom:6px}
.aside p{margin-bottom:28px}
footer{border-top:1px solid var(--line);padding-block:44px}
footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
footer .logo{font-size:20px;color:var(--ink)}
footer nav{display:flex;gap:24px}
footer a:hover{color:var(--ink)}
@media (max-width:1060px){
.burger{display:block}
.menu{position:fixed;top:calc(88px + env(safe-area-inset-top,0px));left:0;right:0;height:calc(100vh - 88px);background:var(--ivory);flex-direction:column;justify-content:center;gap:28px;opacity:0;pointer-events:none;transition:opacity .25s}
body.open .menu{opacity:1;pointer-events:auto}
.menu a{font-size:15px}
.menu .cta{border-left:0;padding:6px 0;margin:0}
}
@media (max-width:860px){
.hero-img{position:relative;background-position:center top;width:100%;height:min(120vw,560px);-webkit-mask-image:linear-gradient(to bottom,#000 70%,transparent);mask-image:linear-gradient(to bottom,#000 70%,transparent)}
.hero .wrap{min-height:0;padding-block:8px 64px}
.hero h1{max-width:none}
.offers,.phases{grid-template-columns:1fr}
.offer + .offer{border-left:0;border-top:1px solid var(--line)}
.offer{min-height:0}
.head,.panel,.finder,.letter .wrap,.about,.contact,.rows li{grid-template-columns:1fr}
.head .caps{margin-bottom:-12px}
.stage{padding:20px 0}
.dates li{grid-template-columns:1fr;gap:4px}
.dates span{text-align:left}
.two{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* Bühne: eigene, warme Welt – immer dunkel, Koralle aus dem Licht der Bühne */
:root{--stage-bg:#120D0E;--stage-fg:#F5EEE9;--stage-muted:#BBAFAA;--coral:#F07A62}
.stage-band{position:relative;background:var(--stage-bg);color:var(--stage-fg);min-height:clamp(560px,82vh,860px);display:flex;align-items:flex-end}
.stage-band::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,13,14,.9) 0,rgba(18,13,14,.6) 36%,rgba(18,13,14,0) 58%),linear-gradient(0deg,rgba(18,13,14,.7) 0,rgba(18,13,14,0) 40%)}
.stage-band .wrap{position:relative;width:100%;padding-block:clamp(64px,9vw,120px)}
.stage-band .caps{color:var(--coral)}
.stage-band h2{font-size:clamp(36px,4.6vw,66px);font-weight:300;line-height:1.06;max-width:15ch;margin:18px 0 20px}
.stage-band h2 em{font-style:normal;color:var(--coral)}
.stage-band p{color:var(--stage-muted);max-width:40ch;font-size:18px;margin-bottom:36px}
.stage-band .actions{display:flex;gap:32px;flex-wrap:wrap;align-items:center}
.btn.coral{background:var(--coral);border-color:var(--coral);color:#1A1011}
.btn.coral:hover{background:transparent;color:var(--coral)}
.stage-band .more{color:var(--stage-fg)}
.stage-band .more::before{background:var(--coral)}
.pano{display:block;width:100%;aspect-ratio:16/9;max-width:100%;background:var(--stage-bg);margin-bottom:56px}
.pano-cap{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:-44px 0 48px}
.sub-stage{aspect-ratio:3/2;max-width:100%;background:var(--stage-bg);margin-bottom:56px}
@media (max-width:860px){.stage-band{background-position:50% 62%;background-size:cover;min-height:640px}.stage-band::before{background:linear-gradient(0deg,rgba(18,13,14,.95) 0,rgba(18,13,14,.75) 45%,rgba(18,13,14,.1) 80%)}}
/* Buch: eigene Farbwelt aus dem Verlauf (Orange → Koralle → Flieder), in beiden Themes gleich */
:root{--soft:radial-gradient(ellipse at 72% 50%,#F6B9B4 0,#EFC0D6 30%,#E2D0F2 62%,#F1E4EF 100%);--glow:radial-gradient(circle at 50% 46%,#FF7A00 0,#FF8B3D 6%,#F3887A 20%,#EBA2C2 38%,#DCC7F1 60%,#EED6EB 90%);--book-ink:#1E3048}
.cover{position:relative;aspect-ratio:2/3;width:100%;max-width:100%;background:var(--glow);color:var(--book-ink);display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:9% 8%;overflow:hidden}
.cover::after{content:"";position:absolute;left:50%;top:46%;width:2.2%;aspect-ratio:1;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}
.cover .ct{font-size:clamp(11px,1.5vw,17px);font-weight:400;letter-spacing:.3em;line-height:1.5;padding-left:.3em}
.cover .ca{font-size:clamp(10px,1.2vw,14px);font-weight:400;letter-spacing:.34em;padding-left:.34em}
.cover .cs{font-size:clamp(9px,1vw,12px);letter-spacing:.06em;margin-top:.6em;opacity:.8}
.book3d{perspective:1400px;width:100%;max-width:min(360px,100%);justify-self:center}
.book3d .cover{transform:rotateY(-14deg);transform-origin:left center;box-shadow:24px 30px 60px rgba(60,20,40,.35),2px 0 0 rgba(255,255,255,.35) inset;border-radius:2px 6px 6px 2px;transition:transform .6s ease}
.book3d:hover .cover{transform:rotateY(-4deg)}
.book-hero{background:var(--soft);color:var(--book-ink)}
.book-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,96px);align-items:center;padding-block:clamp(72px,9vw,128px)}
.book-hero .caps{color:var(--book-ink);opacity:.75}
.book-hero h1{font-size:clamp(48px,6.4vw,96px);font-weight:300;line-height:1;letter-spacing:-.02em;margin:18px 0 24px;max-width:10ch}
.book-hero .lead{font-size:clamp(19px,1.6vw,22px);max-width:36ch;margin-bottom:36px}
.bk-sign{display:flex;gap:16px;border-bottom:1px solid var(--book-ink);max-width:460px}
.bk-sign input{flex:1;min-width:0;background:transparent;border:0;color:var(--book-ink);font:inherit;font-size:17px;padding:14px 0}
.bk-sign input::placeholder{color:rgba(30,48,72,.6)}
.bk-sign input:focus{outline:none}
.bk-sign button{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--book-ink);font-weight:500}
.bk-note{font-size:14px;margin-top:10px;min-height:22px}
.idea{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}
.idea blockquote{font-size:clamp(28px,3vw,40px);line-height:1.2}
.idea ol{list-style:none;display:grid;gap:0;border-top:1px solid var(--line)}
.idea li{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}
.idea li b{font-weight:400;color:var(--bronze);font-variant-numeric:tabular-nums}
.idea li span{color:var(--muted)}
.chain{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:64px;padding-top:40px;border-top:1px solid var(--line)}
.chain .caps{width:100%;color:var(--bronze);margin-bottom:8px}
.chain span{font-size:clamp(18px,1.8vw,24px)}
.chain span:first-of-type{color:#E8603C}
.chain i{font-style:normal;color:var(--muted)}
.author{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,96px);align-items:center}
.author .pic{aspect-ratio:4/5;max-width:100%;}
.author .caps{color:var(--bronze)}
.author h2{font-size:clamp(34px,4vw,54px);line-height:1.05;margin:14px 0 20px}
.author p{color:var(--muted);max-width:52ch;margin-bottom:16px}
.author .q{color:var(--ink);font-size:22px;line-height:1.4;border-left:1px solid var(--bronze);padding-left:20px;margin-top:24px}
.book-teaser{background:var(--soft);background-position:0 0;color:var(--book-ink)}
.book-teaser{--soft:radial-gradient(ellipse at 22% 50%,#F6B9B4 0,#EFC0D6 30%,#E2D0F2 62%,#F1E4EF 100%)}
.book-teaser .wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(32px,6vw,96px);align-items:center;padding-block:clamp(64px,8vw,112px)}
.book-teaser .book3d{max-width:min(280px,100%)}
.book-teaser .caps{opacity:.75}
.book-teaser h2{font-size:clamp(34px,4.2vw,58px);font-weight:300;line-height:1.05;margin:16px 0 18px;max-width:16ch}
.book-teaser p{max-width:42ch;margin-bottom:32px;font-size:18px}
.book-teaser p.caps{font-size:12px;margin-bottom:0}
.book-teaser .btn{border-color:var(--book-ink);color:var(--book-ink)}
.book-teaser .btn:hover{background:var(--book-ink);color:#fff}
@media (max-width:860px){.book-hero .wrap,.book-teaser .wrap,.idea,.author{grid-template-columns:1fr}.book3d{max-width:240px}}
.logo .tagline{display:block;font-family:var(--sans);font-size:8.5px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);margin-top:7px;white-space:nowrap}
/* Entwurf V: Hero nach Markenarchitektur */
.hero .eyebrow{font-size:12px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--bronze);margin-bottom:26px}
.hero h1.duo{font-size:clamp(40px,4.4vw,64px);line-height:1.05;letter-spacing:-.02em;max-width:none;text-wrap:wrap}
.hero h1.duo span{display:block;margin-top:.18em;color:var(--bronze)}
.hero .lead{max-width:40ch}
.dual{border-bottom:1px solid var(--line);background:var(--paper)}
.dual .wrap{display:grid;grid-template-columns:1fr 1fr}
.dual .wrap>div{padding-block:clamp(36px,4.5vw,60px);padding-right:clamp(20px,4vw,56px);display:flex;flex-direction:column;gap:10px}
.dual .wrap>div+div{border-left:1px solid var(--line);padding-left:clamp(20px,4vw,56px)}
.dual .caps{color:var(--bronze)}
.dual h2{font-size:clamp(22px,2.2vw,30px);font-weight:300;line-height:1.2;max-width:24ch}
.dual p{color:var(--muted);max-width:40ch}
@media (max-width:860px){.dual .wrap{grid-template-columns:1fr}.dual .wrap>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}}
.hero h1.promise{font-size:clamp(52px,7.2vw,108px);line-height:.98;letter-spacing:-.025em;max-width:7ch}
.hero h1.promise span{display:block;color:var(--bronze)}
.hero .lead{max-width:42ch}
.hero .lead.thesis{font-size:clamp(20px,1.8vw,24px);line-height:1.4;color:var(--ink);max-width:30ch}
/* Entwurf X: Dramaturgie nach Markenlogik */
.hero .scroll{display:inline-flex;margin-top:56px;width:1px;height:64px;background:var(--line);position:relative;overflow:hidden}
.hero .scroll i{position:absolute;left:0;top:-30px;width:1px;height:30px;background:var(--bronze);animation:drop 2.4s ease-in-out infinite}
@keyframes drop{to{top:64px}}
.hero .lead.thesis{font-size:clamp(22px,2vw,28px);max-width:32ch;color:var(--ink)}
.persp .caps{color:var(--bronze);margin-bottom:28px}
.persp .statement{font-size:clamp(30px,3.6vw,52px);font-weight:300;line-height:1.2;letter-spacing:-.01em;max-width:24ch}
.become .b-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:56px}
.become .b-head .caps{grid-column:1/-1;color:var(--bronze);margin-bottom:-24px}
.become .b-head h2{font-size:clamp(48px,6vw,88px);font-weight:300;letter-spacing:.06em;line-height:1}
.become .b-head p{color:var(--muted);font-size:18px;max-width:42ch}
.b-dual{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}
.b-dual>div{padding:40px 48px 8px 0;display:flex;flex-direction:column;gap:12px}
.b-dual>div+div{border-left:1px solid var(--line);padding-left:48px}
.b-key{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--bronze)}
.b-dual h3{font-size:clamp(28px,3vw,40px);font-weight:300;line-height:1.1}
.b-dual p:last-child{color:var(--muted);font-size:18px;max-width:36ch}
.ways .offers{grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);background:none}
.ways .offer .tag{color:var(--bronze)}
.book-teaser .soon{font-size:12px;letter-spacing:.24em;text-transform:uppercase;margin:0 0 32px}
.book-teaser h2{line-height:1.08}
@media (max-width:860px){.become .b-head,.b-dual,.ways .offers{grid-template-columns:1fr}.b-dual>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}}
@media (prefers-reduced-motion:reduce){.hero .scroll i{animation:none;top:17px}}
/* Entwurf Y: Architektur */
.bookhint{border-top:1px solid var(--line)}
.bookhint a{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:34px}
.bookhint .l{display:flex;align-items:center;gap:22px}
.bookhint .orb{width:44px;height:44px;border-radius:50%;background:var(--glow);flex:none;position:relative}
.bookhint .orb::after{content:"";position:absolute;left:50%;top:46%;width:4px;height:4px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}
.bookhint b{font-weight:400;font-size:12px;letter-spacing:.24em;text-transform:uppercase}
.bookhint span{color:var(--muted);font-size:15px}
.become .more-link{margin-top:40px}
.topics li{list-style:none;display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(24px,6vw,96px);padding:30px 0;border-top:1px solid var(--line)}
.topics li:last-child{border-bottom:1px solid var(--line)}
.topics h3{font-size:24px;font-weight:300}
.topics p{color:var(--muted);max-width:56ch}
.topics .sig{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze);display:block;margin-bottom:8px}
.intro{font-size:clamp(22px,2.2vw,30px);line-height:1.35;max-width:36ch;margin:0 0 56px}
.work-hero{background:var(--deep);color:var(--on-deep)}
.work-hero .wrap{padding-block:clamp(80px,10vw,140px) clamp(56px,7vw,96px)}
.work-hero .caps{color:var(--bronze-on-deep)}
.work-hero h1{font-size:clamp(44px,6vw,86px);font-weight:300;line-height:1;letter-spacing:-.02em;margin:20px 0 26px}
.work-hero p{font-size:clamp(20px,1.8vw,24px);color:var(--on-deep-muted);max-width:38ch;line-height:1.4}
.area{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,96px);padding-block:clamp(56px,7vw,96px);border-bottom:1px solid var(--line)}
.area:last-of-type{border-bottom:0}
.area .num{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--bronze)}
.area h2{font-size:clamp(32px,3.6vw,50px);font-weight:300;line-height:1.08;margin-top:14px}
.area .claim{font-size:clamp(22px,2vw,28px);line-height:1.3;margin-bottom:20px}
.area p{color:var(--muted);margin-bottom:14px;max-width:56ch}
.area .qs{display:grid;gap:12px;margin-top:22px}
.area .qs p{color:var(--ink);font-size:19px;border-left:1px solid var(--bronze);padding-left:18px;margin:0}
.area .qs small{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.model-hero .wrap{padding-block:clamp(80px,10vw,140px) clamp(48px,6vw,80px)}
.model-hero .caps{color:var(--bronze)}
.model-hero h1{font-size:clamp(64px,10vw,150px);font-weight:300;letter-spacing:.06em;line-height:.95;margin:18px 0 10px}
.model-hero .sub{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}
.model-hero .line{font-size:clamp(26px,2.8vw,38px);line-height:1.25;margin-top:44px;max-width:24ch}
.model-hero p.t{color:var(--muted);max-width:56ch;margin-top:20px;font-size:18px}
.book-hero h2{font-size:clamp(40px,5vw,72px);font-weight:300;line-height:1.02;letter-spacing:-.02em;margin:18px 0 18px}
.book-hero .soon{font-size:12px;letter-spacing:.24em;text-transform:uppercase;margin-top:18px}
.about-list li{list-style:none;padding:20px 0;border-top:1px solid var(--line);font-size:19px}
.about-list li:last-child{border-bottom:1px solid var(--line)}
.ways3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:64px}
.way{display:flex;flex-direction:column;gap:10px;padding:28px;border:1px solid var(--line);background:var(--paper);text-align:left;transition:border-color .2s}
.way:hover,.way.sel{border-color:var(--ink)}
.way b{font-size:12px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze)}
.way span{font-size:22px;font-weight:300}
.way small{color:var(--muted);font-size:15px}
@media (max-width:860px){.topics li,.area,.ways3{grid-template-columns:1fr}}
.about .pic{position:sticky;top:120px}
@media (max-width:860px){.about .pic{position:static}}
.about .story p{font-size:18px;margin-bottom:18px;max-width:58ch;color:var(--muted)}
.about .story p.hl{color:var(--ink);font-size:clamp(21px,1.9vw,25px);line-height:1.35;margin:30px 0}
.about .story .ask{color:var(--ink);font-style:italic}
.about-quote{background:var(--deep);color:var(--on-deep);margin-top:clamp(64px,8vw,112px)}
.about-quote .wrap{padding-block:clamp(72px,9vw,128px)}
.about-quote cite{display:block;margin-top:24px;font-style:normal;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--bronze-on-deep)}
.about-quote blockquote{font-size:clamp(32px,4.2vw,60px);font-weight:300;line-height:1.15;letter-spacing:-.01em;max-width:22ch}
.vision{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,96px);padding-block:clamp(64px,8vw,112px) 0}
.vision .caps{color:var(--bronze)}
.vision p{font-size:18px;color:var(--muted);margin-bottom:18px;max-width:58ch}
.vision p.hl{color:var(--ink);font-size:clamp(21px,1.9vw,25px);line-height:1.35;margin:28px 0}
.about-end p{font-size:clamp(22px,2.2vw,30px);max-width:30ch}
.about-end small{display:block;color:var(--muted);font-size:16px;margin-top:12px;max-width:52ch}
@media (max-width:860px){.vision{grid-template-columns:1fr}}
.work-hero h1.wh-long{font-size:clamp(38px,4.8vw,72px);line-height:1.06;max-width:18ch}
.w-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,96px);padding-block:clamp(64px,8vw,112px);border-bottom:1px solid var(--line)}
.w-lead{font-size:clamp(22px,2.1vw,29px);line-height:1.35}
.w-body p{font-size:18px;color:var(--muted);margin-bottom:18px;max-width:58ch}
.w-body p.hl{color:var(--ink);font-size:clamp(20px,1.8vw,24px);line-height:1.4;border-left:1px solid var(--bronze);padding-left:22px;margin:30px 0}
.w-close{grid-column:1/-1;font-size:clamp(24px,2.6vw,36px);line-height:1.25;max-width:34ch;padding-top:clamp(16px,2vw,32px)}
.work-hero p.caps{font-size:12px;line-height:1.6;max-width:none}
@media (max-width:860px){.w-intro{grid-template-columns:1fr}}
.area .pc p.hl{color:var(--ink);font-size:clamp(19px,1.7vw,22px);line-height:1.4;border-left:1px solid var(--bronze);padding-left:20px;margin:26px 0}
.area .pc p.close{color:var(--ink);font-size:clamp(22px,2.2vw,30px);line-height:1.3;margin-top:32px}
.area .pc p.sub-claim{color:var(--ink);font-size:clamp(20px,1.8vw,24px);line-height:1.35;margin:40px 0 16px;padding-top:32px;border-top:1px solid var(--line)}
/* Untermenü Work with Anna */
.dd{position:relative;display:flex;align-items:center}
.dd-menu{position:absolute;top:100%;left:-20px;min-width:260px;padding:14px 20px;background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;gap:2px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:40}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{opacity:1;visibility:visible;transform:none}
.menu .dd-menu a{padding:9px 0;border-bottom:1px solid transparent;width:max-content}
.area.single{grid-template-columns:1fr;padding-top:0;border-bottom:0}
.area.single .claim{color:var(--ink)}
.area.single>div:first-child{display:none}
.area.single>div{max-width:760px}
.sub .caps a{border-bottom:1px solid currentColor}
@media (max-width:1060px){
.dd{flex-direction:column;align-items:center}
.dd-menu{position:static;opacity:1;visibility:visible;transform:none;border:0;background:none;padding:6px 0 0;min-width:0;align-items:center}
.menu .dd-menu a{font-size:13px;color:var(--muted);padding:4px 0}
}
.about-quote .aq-intro{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--bronze-on-deep);margin-bottom:24px}
.about-quote .aq-out{color:var(--on-deep-muted);font-size:18px;margin-top:32px;max-width:52ch}
.story.wide{max-width:760px;padding-block:clamp(64px,8vw,112px) 0}
.story.wide p{font-size:18px;color:var(--muted);margin-bottom:18px;max-width:60ch}
.story.wide p.hl{color:var(--ink);font-size:clamp(21px,1.9vw,26px);line-height:1.35;margin:30px 0}
.drive{margin-top:clamp(64px,8vw,112px);padding-top:clamp(48px,6vw,80px);border-top:1px solid var(--line)}
.drive .d-intro{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--bronze);margin-bottom:24px}
.drive .d-main{font-size:clamp(26px,3vw,42px);font-weight:300;line-height:1.22;max-width:30ch}
.drive .d-sign{margin-top:40px;font-size:clamp(28px,3.2vw,46px);font-weight:300;color:var(--bronze);letter-spacing:-.01em}
/* Modell BECOME */
.model-hero .line{max-width:26ch}
.m-intro .wrap,.m-chap .wrap{padding-block:clamp(56px,7vw,104px)}
.m-chap.paper{background:var(--paper);border-block:1px solid var(--line)}
.m-col{max-width:720px}
.m-col p{font-size:18px;color:var(--muted);margin-bottom:16px;max-width:60ch}
.m-col p.hl{color:var(--ink);font-size:clamp(21px,1.9vw,26px);line-height:1.35;margin:28px 0}
.m-col p.sig{font-size:clamp(24px,2.4vw,32px);color:var(--bronze);font-weight:300;margin:30px 0 8px}
.m-qs{display:grid;gap:10px;margin:22px 0 28px}
.m-qs p{color:var(--ink);font-size:clamp(20px,1.8vw,24px);border-left:1px solid var(--bronze);padding-left:20px;margin:0}
.m-lead{margin-bottom:48px}
.m-lead p{font-size:clamp(24px,2.6vw,36px);line-height:1.25;max-width:30ch}
.m-lead p.m-small{font-size:18px;color:var(--muted);max-width:56ch;margin-top:18px;line-height:1.6}
.b-dual .more{margin-top:14px}
.m-chap .caps{color:var(--bronze)}
.m-chap h2{font-size:clamp(32px,4vw,58px);font-weight:300;line-height:1.08;letter-spacing:-.01em;max-width:22ch;margin:16px 0 28px}
.m-kicker{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:-8px 0 32px}
.m-fig{margin:clamp(40px,5vw,72px) auto;max-width:860px}
.m-fig.venn{max-width:820px}
.m-fig figcaption{text-align:center;margin-top:24px}
.m-fig figcaption p{font-size:18px;color:var(--muted);max-width:56ch;margin:0 auto}
.m-fig figcaption span{display:block;margin-top:18px;font-size:clamp(20px,2vw,26px);color:var(--bronze);font-weight:300}
.dg{width:100%;height:auto;display:block;font-family:var(--sans);overflow:visible}
.dg .node{fill:var(--paper);stroke:var(--ink);stroke-width:1.4}
.m-chap.paper .dg .node{fill:var(--ivory)}
.dg .ring{fill:none;stroke:var(--ink);stroke-width:1.4}
.dg .lens{fill:var(--bronze);opacity:.12}
.dg .s-ink{fill:none;stroke:var(--ink);stroke-width:1.4}
.dg .s-acc{fill:none;stroke:var(--bronze);stroke-width:1.6}
.dg .dash{stroke-dasharray:6 7}
.dg .f-ink{fill:var(--ink)}
.dg .f-acc{fill:var(--bronze)}
.dg text{fill:var(--ink)}
.dg .t-big{font-size:46px;font-weight:300;letter-spacing:.14em}
.dg .t-big2{font-size:34px;font-weight:300;letter-spacing:.14em}
.dg .t-sub{font-size:19px;fill:var(--muted)}
.dg .t-num{font-size:17px;font-weight:500;fill:var(--paper)}
.dg .t-title{font-size:15px;font-weight:500;letter-spacing:.04em}
.dg .t-body{font-size:13.5px;fill:var(--muted)}
.dg .t-center{font-size:26px;font-weight:300;letter-spacing:.06em}
.dg .t-title2{font-size:30px;font-weight:300;letter-spacing:.12em}
.dg .t-body2{font-size:19px;fill:var(--muted)}
.dg .t-mid{font-size:20px;font-weight:500;letter-spacing:.14em;fill:var(--bronze)}
.m-close{background:var(--deep);color:var(--on-deep)}
.m-close .wrap{padding-block:clamp(80px,10vw,140px)}
.m-close .caps{color:var(--bronze-on-deep);letter-spacing:.3em}
.m-principle{font-size:clamp(34px,4.6vw,66px);font-weight:300;line-height:1.1;margin:22px 0 36px}
.m-principle span{color:var(--bronze-on-deep)}
.m-q{font-size:clamp(20px,2vw,26px);color:var(--on-deep-muted);max-width:44ch}
/* Modell – aufgeräumtes Raster */
#p-modell .model-hero .wrap{padding-block:clamp(72px,9vw,128px) clamp(40px,5vw,64px)}
#p-modell .model-hero h1{margin:14px 0 18px}
#p-modell .model-hero .sub{margin:0;padding:0;display:block}
.m-sec{border-top:1px solid var(--line)}
.m-sec>.wrap{padding-block:clamp(64px,8vw,120px)}
.m-sec.paper{background:var(--paper)}
.m-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:clamp(48px,7vw,112px);row-gap:0;align-items:start}
.m-grid>.m-fig{grid-column:1/-1}
.m-grid>.m-after{grid-column:2}
.m-head .caps{color:var(--bronze);display:flex;gap:14px;align-items:baseline}
.m-head .m-n{color:var(--muted)}
.m-head h2{font-size:clamp(28px,2.9vw,42px);font-weight:300;line-height:1.15;letter-spacing:-.01em;margin:18px 0 0;max-width:20ch}
.m-head .m-kicker{margin:24px 0 0;color:var(--muted)}
.m-col{max-width:none;padding-top:4px}
.m-col p{font-size:17.5px;line-height:1.7;color:var(--muted);margin:0 0 18px;max-width:58ch}
.m-col p:last-child{margin-bottom:0}
.m-col p.hl,.m-qs p{color:var(--ink);font-size:clamp(19px,1.6vw,22px);line-height:1.45;border-left:1px solid var(--bronze);padding-left:22px;margin:28px 0}
.m-qs{display:grid;gap:14px;margin:24px 0 28px}
.m-qs p{margin:0}
.m-col p.sig{color:var(--bronze);font-size:clamp(20px,1.8vw,24px);margin-top:36px;display:flex;align-items:center;gap:16px}
.m-col p.sig::before{content:"";width:40px;height:1px;background:var(--bronze);flex:none}
.m-dims .m-lead{margin-bottom:clamp(48px,6vw,80px)}
.m-dims .m-lead p.caps{font-size:12px;line-height:1.65;max-width:none;letter-spacing:.24em}
.m-dims .m-lead .m-col p{font-size:17.5px;line-height:1.7;color:var(--muted);max-width:58ch;margin:0}
.m-fig+.m-after{margin-top:-8px}
.m-dims .m-lead .m-col{align-self:end}
.m-fig{margin:clamp(56px,7vw,96px) auto clamp(48px,6vw,80px);width:100%}
.m-fig figcaption p{font-size:16px}
#m-circle .m-fig{max-width:820px}
/* Fragen im Mittelpunkt, ohne Goldlinien */
#p-modell .more::before{display:none}
.m-sec.m-sub{border-top:0}
.m-sec.m-sub>.wrap{padding-top:0}
#m-identity>.wrap{padding-bottom:clamp(48px,6vw,80px)}
#p-modell .more{color:var(--bronze)}
.m-center{text-align:center;display:flex;flex-direction:column;align-items:center}
.m-center .caps{color:var(--bronze)}
.m-center h2{font-size:clamp(30px,3.6vw,52px);font-weight:300;line-height:1.15;letter-spacing:-.01em;max-width:22ch;margin:20px 0 clamp(56px,7vw,96px)}
.m-center .m-pre{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:28px}
.m-center .m-qs{display:flex;flex-direction:column;gap:clamp(14px,2vw,24px);margin:0 0 clamp(40px,5vw,64px)}
.m-center .m-qs p{border:0;padding:0;margin:0;font-size:clamp(26px,3vw,42px);line-height:1.2;color:var(--ink)}
.m-center .m-qs p+p{color:var(--bronze)}
.m-center .m-ans{font-size:18px;line-height:1.7;color:var(--muted);max-width:46ch}
.m-col p.hl{border:0;padding:0;font-size:clamp(21px,1.9vw,26px);line-height:1.4;color:var(--ink);margin:32px 0 0}
.m-col p.sig::before{display:none}
.m-col p.sig{display:block}
.m-grid>.m-after{grid-column:1/-1;text-align:center}
.m-grid>.m-after p.sig{max-width:none;font-size:clamp(24px,2.4vw,32px);margin-top:0}
@media (max-width:860px){
.m-grid{grid-template-columns:1fr;row-gap:28px}
.m-grid>.m-after{grid-column:1}
.m-head h2{max-width:none}
}
.intro.tc{font-size:clamp(24px,2.6vw,36px);line-height:1.3;max-width:34ch}
/* Keynotes */
.sub.kn h1{max-width:20ch}
.sub.kn .caps span{color:var(--muted)}
.kn-body{max-width:760px;display:flex;flex-direction:column;align-items:flex-start}
.kn-body p{font-size:18px;color:var(--muted);margin-bottom:20px;max-width:58ch}
.kn-body p.big{font-size:clamp(24px,2.4vw,34px);line-height:1.25;color:var(--ink);font-weight:300;margin:0 0 28px;max-width:30ch}
.kn-body p.hl{color:var(--ink);font-size:clamp(20px,1.8vw,24px);line-height:1.4;border-left:1px solid var(--bronze);padding-left:22px;margin:0 0 30px}
.kn-body p.for{color:var(--ink)}
.kn-body .btn{margin-top:16px}
.kn-quote{background:var(--deep);color:var(--on-deep);margin-top:clamp(64px,8vw,112px)}
.kn-quote .wrap{padding-block:clamp(72px,9vw,128px)}
.kn-quote blockquote{font-size:clamp(32px,4.4vw,62px);font-weight:300;line-height:1.12;letter-spacing:-.01em;max-width:22ch}
.kn-list{list-style:none;margin-top:clamp(56px,7vw,96px)}
.kn-list li{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(24px,6vw,96px);padding:44px 0;border-top:1px solid var(--line)}
.kn-list li:last-child{border-bottom:1px solid var(--line)}
.kn-list .num{font-size:12px;letter-spacing:.24em;color:var(--bronze)}
.kn-list h3{font-size:clamp(28px,3vw,40px);font-weight:300;letter-spacing:.03em;line-height:1.1;margin:10px 0 12px}
.kn-list .tag{font-size:18px;color:var(--bronze);max-width:30ch}
.kn-list li>p,.kn-list li>div+div p{color:var(--muted);font-size:18px;max-width:52ch;margin-bottom:14px}
@media (max-width:860px){.kn-list li{grid-template-columns:1fr}}
.tc-qs{display:grid;gap:12px;margin-bottom:32px}
.tc-qs p{color:var(--ink)!important;font-size:clamp(21px,2vw,27px)!important;line-height:1.3;border-left:1px solid var(--bronze);padding-left:22px;margin:0!important;max-width:34ch!important}
.kn-body p.big{margin-top:12px}
.kn-body p.list{font-size:clamp(18px,1.6vw,21px);color:var(--bronze);margin-bottom:36px}
#p-keynotes .sub.kn h1{max-width:22ch}
#p-keynotes .kn-body p{color:var(--ink);font-size:18px;line-height:1.65;font-weight:300;max-width:58ch;margin:0 0 20px}
#p-keynotes .kn-body p.hl{border-left:0;padding-left:0}
/* Keynote – redaktionelles Layout */
.kn2{max-width:980px;margin-top:clamp(48px,6vw,80px)}
.kn2 p{font-size:18px;line-height:1.75;color:var(--ink);font-weight:300}
.kn2 .caps{font-size:11.5px;line-height:1.4;color:var(--bronze);font-weight:400;padding-top:6px}
.kn2-lead{font-size:clamp(24px,2.6vw,34px)!important;line-height:1.3!important;font-weight:300!important;letter-spacing:-.01em;max-width:30ch}
.kn2-quote{margin:clamp(72px,9vw,128px) 0;padding:0}
.kn2-quote p{font-size:18px!important;line-height:1.75!important;color:var(--muted)!important;max-width:46ch;margin:0}
.kn2-quote em{font-style:normal;display:block;margin-top:24px;font-size:clamp(36px,4.6vw,64px);line-height:1.08;font-weight:200;letter-spacing:-.02em;color:var(--ink);max-width:26ch}
.kn2-row{display:grid;grid-template-columns:200px 1fr;gap:clamp(24px,4vw,64px);padding:32px 0;border-top:1px solid var(--line)}
.kn2-row:first-of-type{border-top:0}
.kn2-row p:last-child{max-width:58ch}
.kn2-mark{color:var(--bronze)}
.kn2-for{margin-top:clamp(56px,7vw,96px);padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:36px}
.kn2-for{display:grid!important;grid-template-columns:200px 1fr;gap:24px clamp(24px,4vw,64px)!important;align-items:start!important}
.kn2-for p:not(.caps){max-width:58ch}
.kn2-for .btn{grid-column:2;justify-self:start}
@media (max-width:860px){.kn2-for{grid-template-columns:1fr;gap:10px!important}.kn2-for .btn{grid-column:1;margin-top:20px}}
.kn2-for .btn{margin-top:0}
@media (max-width:860px){.kn2-row{grid-template-columns:1fr;gap:10px}}
#p-keynotes .kn-body p.big{font-weight:500;max-width:52ch;margin-bottom:36px}
#p-keynotes .kn-body p{line-height:1.75;margin-bottom:26px}
#p-keynotes .kn-body strong{font-weight:400;color:var(--bronze)}
#p-keynotes .kn-body p.for{padding-top:26px;border-top:1px solid var(--line)}
/* Home Dramaturgie */
.h-key .wrap,.h-work .wrap,.h-about .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,96px);align-items:center;padding-block:clamp(72px,9vw,128px)}
.h-txt .caps{color:var(--bronze)}
.h-txt h2,.h-tc h2{font-size:clamp(32px,3.8vw,54px);font-weight:300;line-height:1.08;letter-spacing:-.01em;margin:16px 0 20px;max-width:20ch}
.h-txt p:not(.caps){color:var(--muted);font-size:18px;max-width:46ch;margin-bottom:28px}
.h-key-img{margin:0;aspect-ratio:4/3}
.h-tc{background:var(--paper);border-block:1px solid var(--line)}
.h-tc .wrap{padding-block:clamp(72px,9vw,128px)}
.h-tc .caps{color:var(--bronze)}
.h-tc h2{max-width:24ch}
.h-tc-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-top:12px}
.h-tc-row p{color:var(--muted);font-size:18px;max-width:46ch}
.h-work{background:var(--deep);color:var(--on-deep)}
.h-work .h-txt .caps{color:var(--bronze-on-deep)}
.h-work .h-txt p:not(.caps){color:var(--on-deep-muted)}
.h-work-list{list-style:none;border-top:1px solid color-mix(in srgb,var(--on-deep) 20%,transparent);max-width:420px}
.h-work-list li{border-bottom:1px solid color-mix(in srgb,var(--on-deep) 20%,transparent)}
.h-work-list a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:13px;letter-spacing:.2em;text-transform:uppercase}
.h-work-list a::after{content:"";width:28px;height:1px;background:var(--bronze-on-deep);transition:width .3s}
.h-work-list a:hover::after{width:56px}
.h-about .wrap{grid-template-columns:.8fr 1.2fr}
.h-about-img{aspect-ratio:871/1281;max-width:100%;background:var(--paper)}
@media (max-width:860px){.h-key .wrap,.h-work .wrap,.h-about .wrap{grid-template-columns:1fr}}
.h-work .wrap{grid-template-columns:1fr}
.h-work .h-txt{display:grid;grid-template-columns:1.1fr .9fr;column-gap:clamp(32px,6vw,96px);align-items:end}
.h-work .h-txt .caps,.h-work .h-txt h2,.h-work .h-txt p{grid-column:1}
.h-work-list{grid-column:2;grid-row:1/span 3;align-self:end;max-width:none}
@media (max-width:860px){.h-work .h-txt{grid-template-columns:1fr}.h-work-list{grid-column:1;grid-row:auto}}
/* Variante: Fragen im Fokus, linksbündig */
.m-left{text-align:left;align-items:flex-start}
.m-left h2{font-size:clamp(36px,5vw,72px);line-height:1.08;max-width:18ch;margin:22px 0 clamp(64px,8vw,112px)}
.m-left .m-pre,.m-left .m-qs,.m-left .m-ans{margin-left:clamp(0px,33%,420px)}
.m-left .m-qs p{font-size:clamp(28px,3.4vw,48px)}
.m-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.m-grid>.m-head{grid-column:1/-1}
.m-grid>.m-head h2{font-size:clamp(34px,4.4vw,64px);line-height:1.1;max-width:20ch;margin-bottom:clamp(40px,5vw,64px)}
.m-grid>.m-col{grid-column:2}
.m-grid>.m-after{grid-column:2;text-align:left}
.m-col p{max-width:52ch}
.m-col p.hl{font-size:clamp(22px,2.1vw,30px);max-width:30ch}
@media (max-width:860px){
.m-left .m-pre,.m-left .m-qs,.m-left .m-ans{margin-left:0}
.m-grid>.m-col,.m-grid>.m-after{grid-column:1}
}
/* ===== Modell – Premium Editorial ===== */
#p-modell{--serif:var(--sans)}
#p-modell .x-label{display:block;font-size:11.5px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--bronze)}
#p-modell .x-roman{font-family:var(--serif);color:var(--bronze);line-height:1}
.x-hero{background:var(--deep);color:var(--on-deep)}
.x-hero .wrap{min-height:min(88vh,860px);display:flex;flex-direction:column;justify-content:space-between;padding-block:clamp(56px,7vw,96px) clamp(48px,6vw,80px);gap:48px}
.x-eyebrow{font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--on-deep-muted)}
.x-eyebrow span:first-child{color:var(--bronze-on-deep);margin:0 8px}
.x-word{font-family:var(--serif);font-weight:400;font-size:clamp(72px,17vw,260px);letter-spacing:.08em;line-height:.9;margin-left:-.04em;color:var(--on-deep)}
.x-hero-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:end}
.x-hero-q{font-family:var(--serif);font-size:clamp(26px,2.9vw,42px);line-height:1.22;max-width:24ch;color:var(--on-deep)}
.x-index{display:flex;flex-direction:column;gap:14px;min-width:200px}
.x-index a{display:flex;gap:18px;align-items:baseline;font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--on-deep-muted);transition:color .25s}
.x-index a span:first-child{font-family:var(--serif);font-size:22px;letter-spacing:0;color:var(--bronze-on-deep);min-width:28px}
.x-index a:hover{color:var(--on-deep)}
.x-sec .wrap{padding-block:clamp(88px,11vw,168px)}
.x-start .x-pre{margin-top:28px;font-size:18px;color:var(--muted)}
.x-qs{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0}
.x-qs li{display:grid;grid-template-columns:clamp(48px,8vw,120px) 1fr;align-items:baseline;padding:clamp(20px,2.6vw,36px) 0;border-top:1px solid var(--line)}
.x-qs li:last-child{border-bottom:1px solid var(--line)}
.x-n{font-size:12px;letter-spacing:.2em;color:var(--muted);font-variant-numeric:tabular-nums}
.x-q{font-family:var(--serif);font-size:clamp(34px,5.2vw,76px);line-height:1.08;color:var(--ink)}
.x-answer{margin:clamp(40px,5vw,64px) 0 0 clamp(48px,8vw,120px);font-size:clamp(20px,1.9vw,26px);line-height:1.45;max-width:34ch;color:var(--ink)}
.x-pair{background:var(--paper);border-block:1px solid var(--line)}
.x-pair .wrap{display:grid;grid-template-columns:1fr 1fr;gap:0}
.x-pr{display:flex;flex-direction:column;gap:14px;padding-right:clamp(32px,5vw,80px)}
.x-pr+.x-pr{padding:0 0 0 clamp(32px,5vw,80px);border-left:1px solid var(--line)}
.x-pr .x-roman{font-size:clamp(48px,5vw,72px);margin-bottom:12px}
.x-pr h2{font-size:clamp(30px,3.4vw,50px);font-weight:300;line-height:1.1;margin-top:6px}
.x-pr p{font-size:17.5px;color:var(--muted);max-width:36ch}
.x-pr:hover h2{color:var(--bronze)}
.x-pr h2{transition:color .3s}
.x-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(32px,5vw,80px)}
.x-side{position:sticky;top:120px;align-self:start;display:flex;flex-direction:column;gap:18px}
.x-roman.big{font-size:clamp(88px,11vw,170px);opacity:.9}
.x-h{font-family:var(--serif);font-weight:400;font-size:clamp(36px,4.6vw,68px);line-height:1.1;letter-spacing:0;max-width:20ch}
.x-h3{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.6vw,52px);line-height:1.12;letter-spacing:0;max-width:20ch}
.x-body{margin-top:clamp(28px,3vw,40px);font-size:18px;line-height:1.7;color:var(--muted);max-width:52ch}
.x-state{margin-top:clamp(36px,4vw,56px);font-size:clamp(22px,2.2vw,30px);line-height:1.4;color:var(--ink);max-width:30ch}
.x-cont{background:var(--ivory)}
.x-cont .wrap{padding-top:0}
.x-cont .x-grid:first-child{padding-top:clamp(64px,8vw,112px);border-top:1px solid var(--line)}
.x-fig{margin:clamp(64px,8vw,112px) auto;max-width:860px}
.x-fig.venn{max-width:800px;margin-bottom:0}
.x-fig figcaption{margin-top:20px;font-size:15px;color:var(--muted);text-align:center}
.x-pull{font-family:var(--serif);font-size:clamp(30px,3.6vw,52px);line-height:1.15;color:var(--ink);max-width:22ch}
.x-sig{margin-top:32px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--bronze)}
.x-alt{background:var(--paper);border-top:1px solid var(--line)}
.x-alt .m-chap,.x-alt .dg .node{fill:var(--ivory)}
.x-close{background:var(--deep);color:var(--on-deep)}
.x-close .wrap{padding-block:clamp(104px,13vw,200px)}
.x-close .x-label{color:var(--bronze-on-deep)}
.x-final{font-family:var(--serif);font-size:clamp(40px,6.4vw,104px);line-height:1.04;max-width:20ch;margin:28px 0 clamp(64px,8vw,112px)}
.x-principles{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-top:32px;border-top:1px solid color-mix(in srgb,var(--on-deep) 18%,transparent)}
.x-principles p{font-size:clamp(18px,1.7vw,22px);color:var(--on-deep-muted);display:flex;gap:20px;align-items:baseline}
.x-principles span{font-family:var(--serif);color:var(--bronze-on-deep);font-size:22px;min-width:24px}
@media (max-width:860px){
.x-hero .wrap{min-height:auto}
.x-hero-foot,.x-pair .wrap,.x-grid,.x-principles{grid-template-columns:1fr}
.x-pr+.x-pr{border-left:0;border-top:1px solid var(--line);padding:40px 0 0;margin-top:40px}
.x-side{position:static;flex-direction:row;align-items:baseline;gap:20px}
.x-roman.big{font-size:64px}
.x-grid>div:empty{display:none}
.x-qs li{grid-template-columns:40px 1fr}
.x-answer{margin-left:40px}
}
/* Sans-Variante */
#p-modell .x-word{font-weight:200;letter-spacing:.1em}
#p-modell .x-roman{font-variant-numeric:tabular-nums;letter-spacing:-.02em}
#p-modell .x-roman.big{font-size:clamp(72px,8vw,120px)}
#p-modell .x-hero-q,#p-modell .x-q,#p-modell .x-h,#p-modell .x-h3,#p-modell .x-pull,#p-modell .x-final{font-weight:300;letter-spacing:-.015em}
#p-modell .x-q{font-size:clamp(32px,4.8vw,68px)}
#p-modell .x-roman{font-weight:200}
#p-modell .x-index a span:first-child,#p-modell .x-principles span{font-weight:300;font-size:18px}
/* Symbole statt Nummern */
.x-sym{display:block;fill:none;stroke:currentColor;stroke-width:1.2;overflow:visible}
.x-sym .d{fill:currentColor;stroke:none}
.x-sym .f{fill:currentColor;opacity:.18;stroke:none}
.x-pr .x-roman .x-sym{width:clamp(56px,5vw,72px);height:auto}
.x-roman.big .x-sym{width:clamp(80px,8vw,120px);height:auto;stroke-width:1}
.x-index a span:first-child{display:flex;align-items:center}
.x-index .x-sym,.x-principles .x-sym{width:30px;height:auto;stroke-width:1.4}
.x-principles span{display:flex;align-items:center;align-self:center}
#p-modell .x-roman.big{font-size:0}
/* Zwei Fragen: nebeneinander, ohne Nummern */
.x-qs2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);margin-top:clamp(48px,6vw,88px)}
.x-qs2 .x-q{display:block;font-size:clamp(34px,4.4vw,64px);line-height:1.1;max-width:12ch}
.x-qs2 .x-q-b{color:var(--bronze)}
.x-answer2{margin-left:0;margin-top:clamp(56px,7vw,96px);color:var(--muted);font-size:clamp(19px,1.7vw,23px);max-width:40ch}
@media (max-width:860px){.x-qs2{grid-template-columns:1fr;gap:28px}.x-answer2{margin-left:0}}
.x-qa{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(20px,2.4vw,32px)}
.x-go{display:inline-flex;align-items:center;gap:14px;font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--bronze);transition:gap .3s}
.x-go .x-sym{width:30px;height:auto;stroke-width:1.4}
.x-go::after{content:"";width:48px;height:1px;background:var(--bronze);transition:width .35s}
.x-qa:hover .x-go::after{width:80px}
.x-qa .x-q{transition:opacity .3s}
.x-qa:hover .x-q{opacity:.75}
/* ================= ENTWURF 1 – CI aus dem Reiter Modell, global ================= */
/* Keine Goldlinien: Links als bronzefarbene Versalien mit Pfeil */
#p-modell .more::before{display:block}
.more{color:var(--bronze);font-size:11.5px;letter-spacing:.28em}
.stage-band .more{color:inherit}
.menu .cta{border-left-color:var(--line)}
.menu .cta:hover{color:var(--ink)}
.offer i{display:none}
.stage::before{background:var(--ink)}
.voice cite::before{display:none}
.hero .scroll i{background:var(--muted)}
.signup{border-bottom-color:color-mix(in srgb,var(--on-deep) 30%,transparent)}
.sent{border-top-color:var(--line)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink)}
/* Kernsätze & Fragen: ohne Randlinie, größer, wie im Modell */
.author .q,.w-body p.hl,.area .pc p.hl,.kn-body p.hl,.m-qs p{border-left:0!important;padding-left:0!important;font-size:clamp(22px,2.2vw,30px)!important;line-height:1.35!important;letter-spacing:-.01em;color:var(--ink)!important;max-width:30ch}
.area .qs p,.tc-qs p{border-left:0!important;padding-left:0!important;font-size:clamp(26px,3vw,42px)!important;line-height:1.15!important;letter-spacing:-.015em;font-weight:300;color:var(--ink)!important;max-width:22ch!important}
.area .qs p:nth-child(even),.tc-qs p:nth-child(even){color:var(--bronze)!important}
.tc-qs,.area .qs{gap:clamp(14px,1.8vw,22px)!important}
/* Versalien-Labels einheitlich */
.caps,.b-key{font-size:11.5px;letter-spacing:.28em}
/* Startseite: BECOME-Teaser mit Symbolen */
.become .b-head h2{font-weight:200;letter-spacing:.1em}
.b-sym{width:clamp(48px,4vw,60px);height:auto;color:var(--bronze);margin-bottom:6px}
.b-dual{border-top:1px solid var(--line)}
/* Editoriales Raster wie im Modell: Headline volle Breite, Text eingerückt */
@media (min-width:861px){.kn-body{margin-left:clamp(0px,33%,400px);max-width:680px}}
.kn-body p.hl,.w-body p.hl,.area .pc p.hl{font-size:clamp(21px,2vw,27px)!important}
.sub h1.h-2l{max-width:none!important;font-size:clamp(34px,6.2vw,92px)}
/* Große Headlines etwas feiner, wie im Modell */
.sub h1,.hero h1{font-weight:300;letter-spacing:-.015em}
/* ===== About – Entwurf 2 ===== */
#p-about .x-label{display:block;font-size:11.5px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--bronze)}
.ab-hero .wrap{padding-block:clamp(72px,9vw,136px) clamp(56px,7vw,96px)}
.ab-hero h1{font-size:clamp(38px,6.2vw,92px);font-weight:300;line-height:1.04;letter-spacing:-.015em;margin-top:24px}
.ab-sec{border-top:1px solid var(--line)}
.ab-sec .wrap{padding-block:clamp(72px,9vw,136px)}
.ab-paper{background:var(--paper)}
#p-about .ab-story{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,7vw,112px)}
.ab-flow{display:flex;flex-direction:column;gap:clamp(56px,7vw,96px)}
.ab-beat .x-label{margin-bottom:24px}
#p-about .ab-flow p,#p-about .ab-main p{font-size:19px;line-height:1.7;color:color-mix(in srgb,var(--ink) 78%,transparent);max-width:52ch;margin:0 0 20px}
#p-about p.ab-state{font-size:clamp(21px,2vw,26px);line-height:1.4;color:var(--ink);max-width:32ch;margin:28px 0}
#p-about p.ab-big{font-size:clamp(28px,3.2vw,44px);line-height:1.15;letter-spacing:-.015em;color:var(--ink);max-width:22ch;margin:28px 0}
.ab-quote{background:var(--deep);color:var(--on-deep)}
.ab-quote .wrap{padding-block:clamp(96px,12vw,176px)}
#p-about .ab-quote .x-label{color:var(--bronze-on-deep)}
.ab-quote blockquote{font-size:clamp(28px,3.6vw,52px);font-weight:300;line-height:1.2;letter-spacing:-.015em;max-width:26ch;margin:32px 0 40px}
.ab-out{font-size:18px;color:var(--on-deep-muted);max-width:48ch}
.ab-facts{list-style:none;padding:0;margin:0 0 clamp(40px,5vw,64px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.ab-facts li{padding:24px 20px 0 0;font-size:14px;line-height:1.45;color:var(--muted)}
.ab-facts li span{display:block;font-size:clamp(24px,2.4vw,34px);font-weight:300;color:var(--ink);letter-spacing:-.01em;margin-bottom:6px}
.ab-pair{display:grid;grid-template-columns:1fr 1fr;margin:clamp(56px,7vw,96px) 0;border-block:1px solid var(--line)}
.ab-pair>div{padding:clamp(32px,4vw,56px) clamp(24px,4vw,64px) clamp(32px,4vw,56px) 0;display:flex;flex-direction:column;gap:14px}
.ab-pair>div+div{border-left:1px solid var(--line);padding-left:clamp(24px,4vw,64px)}
.ab-pair .x-sym{width:clamp(48px,4vw,60px);height:auto;color:var(--bronze);margin-bottom:6px}
#p-about .ab-pt{font-size:clamp(20px,1.9vw,25px);line-height:1.4;color:var(--ink);max-width:34ch}
.ab-close .wrap{padding-block:clamp(96px,12vw,176px)}
.ab-close{border-top:1px solid var(--line)}
.ab-drive{font-size:clamp(28px,3.4vw,48px);font-weight:300;line-height:1.2;letter-spacing:-.015em;max-width:28ch;margin:28px 0 40px;color:var(--ink)}
.ab-sign{font-size:clamp(24px,2.4vw,34px);font-weight:300;color:var(--bronze)}
#p-about .ab-flow p.x-label{font-size:11.5px;line-height:1.6;letter-spacing:.28em;color:var(--bronze);margin:0 0 24px}
@media (max-width:860px){
#p-about .ab-story,.ab-pair,.ab-facts{grid-template-columns:1fr}
.ab-facts{grid-template-columns:1fr 1fr}
.ab-pair>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}
}
/* ===== About – Variante C-Level ===== */
#p-about .a3-label{font-size:11.5px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--bronze);margin:0}
.a3-hero{background:var(--deep);color:var(--on-deep);overflow:hidden}
.a3-hero .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);align-items:end;padding-block:clamp(72px,9vw,128px) 0}
.a3-hero-txt{padding-bottom:clamp(64px,8vw,120px)}
#p-about .a3-hero .a3-label{color:var(--bronze-on-deep)}
.a3-hero h1{font-size:clamp(36px,4.4vw,66px);white-space:nowrap;font-weight:300;line-height:1.04;letter-spacing:-.02em;margin:28px 0 40px;color:var(--on-deep)}
.a3-hero-sub{font-size:clamp(19px,1.6vw,22px);line-height:1.55;color:var(--on-deep-muted);max-width:44ch}
#p-about .a3-photo{display:block;grid-template-columns:none}
#p-about .a3-photo .pic{position:static;width:100%;aspect-ratio:4/5;background-size:cover;background-position:50% 20%}
.a3-sec{border-top:1px solid var(--line)}
.a3-sec>.wrap{padding-block:clamp(96px,12vw,176px)}
.a3-paper{background:var(--paper)}
.a3-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(40px,6vw,96px);row-gap:0;align-items:start}
.a3-grid>.a3-label{grid-column:1;grid-row:1;position:sticky;top:120px;padding-top:10px}
.a3-grid>*:not(.a3-label){grid-column:2}
.a3-col p{font-size:19px;line-height:1.75;color:color-mix(in srgb,var(--ink) 74%,transparent);max-width:54ch;margin:0 0 22px}
#p-about .a3-col p.a3-lead{font-size:clamp(22px,2.1vw,28px);line-height:1.45;color:var(--ink);max-width:34ch;margin-bottom:28px}
.a3-pivot{font-size:clamp(38px,5vw,76px);font-weight:300;line-height:1.05;letter-spacing:-.02em;color:var(--ink);max-width:16ch;margin:clamp(64px,8vw,112px) 0}
.a3-quote{font-size:clamp(30px,3.8vw,56px);font-weight:300;line-height:1.18;letter-spacing:-.018em;color:var(--ink);max-width:26ch;margin:36px 0 44px}
.a3-note{font-size:18px;color:var(--muted)}
.a3-theses{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.a3-theses li{font-size:clamp(23px,2.3vw,32px);font-weight:300;line-height:1.35;letter-spacing:-.01em;color:color-mix(in srgb,var(--ink) 62%,transparent);padding:clamp(32px,4vw,48px) 0;border-bottom:1px solid var(--line);max-width:34ch}
.a3-theses li em{font-style:normal;color:var(--ink)}
.a3-theses li:nth-child(2){color:var(--ink)}
.a3-foot{margin-top:36px;font-size:18px;color:var(--muted)}
.a3-close{background:var(--deep);color:var(--on-deep)}
.a3-close .wrap{padding-block:clamp(104px,13vw,200px)}
#p-about .a3-close .a3-label{color:var(--bronze-on-deep)}
.a3-drive{font-size:clamp(30px,3.8vw,56px);font-weight:300;line-height:1.18;letter-spacing:-.018em;max-width:26ch;margin:32px 0 clamp(56px,7vw,96px)}
.a3-end{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;padding-top:32px;border-top:1px solid color-mix(in srgb,var(--on-deep) 18%,transparent)}
.a3-sign{font-size:clamp(22px,2.2vw,30px);font-weight:300;color:var(--bronze-on-deep)}
#p-about .a3-btn{border-color:var(--on-deep);color:var(--on-deep)}
#p-about .a3-btn:hover{background:var(--on-deep);color:var(--deep)}
@media (max-width:860px){
.a3-hero .wrap,.a3-grid{grid-template-columns:1fr}
.a3-hero-txt{padding-bottom:0}
.a3-hero h1{white-space:normal}
#p-about .a3-grid>.a3-label{margin-bottom:28px}
.a3-grid>.a3-label{position:static;margin-bottom:28px}
.a3-grid>*:not(.a3-label){grid-column:1}
.a3-grid>.a3-label{grid-row:auto}
}
/* ===== About – Entwurf 3: noch cleaner ===== */
.a3-hero{background:var(--ivory);color:var(--ink)}
.a3-hero h1{color:var(--ink)}
#p-about .a3-hero .a3-label{color:var(--bronze)}
.a3-hero-sub{color:var(--muted)}
.a3-hero .wrap{align-items:center;padding-block:clamp(56px,7vw,104px)}
.a3-hero-txt{padding-bottom:0}
.a3-sec{border-top:0}
.a3-sec>.wrap{padding-block:clamp(72px,9vw,136px)}
.a3-theses{border-top:0}
.a3-theses li{border-bottom:0;padding:0;margin:0 0 clamp(36px,4vw,56px);color:var(--ink)}
.a3-theses li em{color:var(--ink)}
.a3-pivot{margin:clamp(56px,7vw,96px) 0}
.a3-quote{margin:28px 0 32px}
/* ===== About – Entwurf 4: nur drei Stile ===== */
/* 1 Label · 2 Aussage · 3 Text */
#p-about h1,#p-about .a3-pivot,#p-about .a3-quote,#p-about .a3-drive{font-size:clamp(30px,3.4vw,48px)!important;font-weight:300;line-height:1.2;letter-spacing:-.015em;max-width:24ch;margin:0 0 32px;white-space:normal}
#p-about h1{margin-top:24px;max-width:none}
#p-about .a3-col p,#p-about .a3-col p.a3-lead,#p-about .a3-theses li,#p-about .a3-note,#p-about .a3-foot,#p-about .a3-sign{font-size:19px!important;line-height:1.7!important;font-weight:300;letter-spacing:0;color:color-mix(in srgb,var(--ink) 80%,transparent)!important;max-width:54ch;margin:0 0 22px}
#p-about .a3-theses li em{color:inherit}
#p-about .a3-theses li{padding:0}
#p-about .a3-col{margin-bottom:0}
#p-about .a3-pivot{margin:48px 0}
.a3-close #p-about .a3-sign{}
#p-about .a3-close .a3-drive{color:var(--on-deep)}
#p-about .a3-close .a3-sign{color:var(--bronze-on-deep)!important;margin:0}
.a3-end{border-top:0;padding-top:0;margin-top:16px}
#p-about .a3-quote+.a3-note{margin-top:0}
.a3-sec>.wrap{padding-block:clamp(64px,8vw,120px)}
#p-about .a3-col p.a3-pivot{font-size:clamp(30px,3.4vw,48px)!important;line-height:1.2!important;letter-spacing:-.015em;color:var(--ink)!important;max-width:22ch;margin:0 0 32px}
#p-about .a3-col p+p.a3-pivot{margin-top:40px}
/* ===== About – Entwurf 7: Typografie veredelt, Bild, Bronze-Zitat ===== */
#p-about .a3-hero .wrap{display:block;padding-block:clamp(88px,11vw,168px) clamp(64px,8vw,112px)}
#p-about .a3-hero h1{font-size:clamp(44px,6vw,86px)!important;font-weight:300;line-height:1.02;letter-spacing:-.015em;margin-top:28px}
.a7-wide{margin:0;width:100%;overflow:hidden;background:var(--paper)}
.a7-wide img{display:block;width:100%;height:clamp(380px,62vw,860px);object-fit:cover;object-position:var(--fx,52%) var(--fy,24%)}
#p-about .a3-sec>.wrap{padding-block:clamp(88px,11vw,160px)}
/* Aussagen: größer, feiner, enger */
#p-about .a3-col p.a3-pivot,#p-about .a3-drive{font-size:clamp(32px,3.9vw,58px)!important;font-weight:200!important;line-height:1.1!important;letter-spacing:-.022em!important;max-width:20ch}
/* Fließtext: kleiner, mehr Zeilenabstand */
#p-about .a3-col p:not(.a3-pivot){font-size:17px!important;line-height:1.9!important;letter-spacing:.005em;color:color-mix(in srgb,var(--ink) 72%,transparent)!important;max-width:52ch}
#p-about .a3-label{font-size:11px;letter-spacing:.32em}
/* Zitat als Mittelpunkt in Bronze */
.a7-centerpiece{background:var(--paper)}
.a7-centerpiece .wrap{padding-block:clamp(120px,15vw,220px)!important}
.a7-centerpiece .a3-col{max-width:1040px;margin-top:40px}
#p-about .a7-centerpiece .a3-col p.a3-pivot{font-size:clamp(34px,4.6vw,70px)!important;color:var(--bronze)!important;max-width:24ch;margin-bottom:48px}
#p-about .a7-centerpiece .a3-col p:not(.a3-pivot){color:var(--muted)!important}
#p-about .a3-close .a3-drive{color:var(--on-deep)!important}
/* ===== About – Entwurf 8: editorial ===== */
#p-about .a3-hero .wrap{padding-block:clamp(72px,9vw,128px) clamp(48px,6vw,80px)}
.a7-wide img{height:clamp(320px,48vw,660px)}
.a8 .a8-wrap{padding-block:clamp(72px,9vw,128px)}
.a8 .a8-wrap>*{margin-left:clamp(0px,calc(33.333% + 24px),420px);max-width:640px}
.a8 p{font-size:18px;line-height:1.8;font-weight:300;color:color-mix(in srgb,var(--ink) 78%,transparent);margin:0 0 1.15em}
.a8 p.a8-lead{font-size:clamp(21px,1.9vw,25px);line-height:1.6;color:var(--ink);margin-bottom:1em}
#p-about .a3-close .wrap{padding-block:clamp(72px,9vw,128px)}
#p-about .a3-close .a3-drive{font-size:clamp(26px,2.8vw,40px)!important;line-height:1.22!important;max-width:30ch}
.a8 .a8-wrap>.a8-pull{margin:clamp(40px,5vw,64px) 0 clamp(36px,4.5vw,56px);max-width:none;font-size:clamp(30px,3.6vw,52px);font-weight:200;line-height:1.12;letter-spacing:-.022em;color:var(--ink)}
.a8 .a8-wrap>.a8-pull{padding-left:0}
.a8 .a8-wrap>blockquote.a8-quote{margin:clamp(40px,5vw,64px) 0 clamp(36px,4.5vw,56px);max-width:28ch;font-size:clamp(28px,3.2vw,46px);font-weight:200;line-height:1.18;letter-spacing:-.02em;color:var(--bronze)}
@media (max-width:860px){.a8 .a8-wrap>*{margin-left:0}}
/* Keynotes: erste drei Sätze einheitlich */
#p-keynotes .kn2-lead,#p-keynotes .kn2-quote p,#p-keynotes .kn2-quote em{font-size:clamp(26px,2.9vw,40px)!important;line-height:1.25!important;font-weight:300!important;letter-spacing:-.015em;max-width:30ch}
#p-keynotes .kn2-lead{color:var(--ink)!important;margin-bottom:0}
#p-keynotes p.kn2-lead{font-size:18px!important;line-height:1.75!important;font-weight:300!important;letter-spacing:0;max-width:58ch}
#p-keynotes .kn2-quote{margin:clamp(48px,6vw,80px) 0 clamp(72px,9vw,120px)}
#p-keynotes .kn2-quote p{color:var(--bronze)!important}
#p-keynotes .kn2-quote em{display:block;margin-top:.35em;color:var(--bronze)}
/* ===== Block 2 ===== */
/* Mobile (bis 860px): Header nur Logo und Menü-Symbol (fixiert), Reiterleiste scrollt mit der Seite weg */
.mstrip{display:none}
@media (max-width:860px){
.menu,.subnav{display:none!important}
.nav{padding-bottom:14px}
.mstrip{display:none!important}
.mtabs{position:relative;display:flex;align-items:center;gap:22px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:12px clamp(16px,6vw,96px) 10px;border-bottom:1px solid var(--line)}
.mtabs::-webkit-scrollbar,.msub-in::-webkit-scrollbar{display:none}
.mtabs a{flex:none;font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);padding:6px 0;border-bottom:1px solid transparent}
.mtabs a.active,.msub a.active{border-color:var(--bronze)}
.mtabs .cta{color:var(--bronze-text);border-left:1px solid var(--line);padding-left:22px}
.msub{display:none}
body.in-work .msub{display:block;border-bottom:1px solid var(--line)}
.msub-in{display:flex;gap:28px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding:6px clamp(16px,6vw,96px)}
.msub a{flex:none;font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:6px 0;border-bottom:1px solid transparent}
}
/* Zwei Goldtöne: helles Gold (--bronze) für große Aussagen und Linien, dunkleres Gold für kleine Texte auf hellem Grund */
:root{--bronze-text:#8A6137}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bronze-text:#C9A27A}}
:root[data-theme="dark"]{--bronze-text:#C9A27A}
.become .b-head .caps,.b-head .caps,.b-key,.more-link,.h-txt .caps,.h-txt .more,.h-tc .caps,.h-tc-row .more,#p-about .a3-hero-txt .a3-label,#p-modell .x-sec .x-label,#p-modell .x-pr .x-label,#p-modell .x-side .x-label,.x-go span,#p-modell .x-sig,.sub .caps,.sub .caps a,.kn2 .caps,:is(#p-impressum,#p-datenschutz) .imp h2{color:var(--bronze-text)}
#p-modell .x-close .x-label{color:var(--bronze-on-deep)}
/* Einheitlicher Beginn der Textspalte (wie About) */
.kn-body{margin-left:clamp(0px,calc(33.333% + 24px),420px)}
#p-keynotes .kn2{max-width:none}
#p-keynotes .kn2-lead{margin-left:clamp(0px,calc(33.333% + 24px),420px)}
#p-keynotes .kn2-row,#p-keynotes .kn2-for{padding-left:clamp(0px,calc(33.333% + 24px),420px)}
:is(#p-impressum,#p-datenschutz) .imp{margin-left:clamp(0px,calc(33.333% + 24px),420px)}
@media (max-width:860px){.kn-body,#p-keynotes .kn2-lead,:is(#p-impressum,#p-datenschutz) .imp{margin-left:0}#p-keynotes .kn2-row,#p-keynotes .kn2-for{padding-left:0}}
:is(#p-impressum,#p-datenschutz) .sub{padding-bottom:56px}
:is(#p-impressum,#p-datenschutz) .imp-logo{font:inherit;letter-spacing:inherit;color:inherit}
:is(#p-impressum,#p-datenschutz) .imp{max-width:62ch}
:is(#p-impressum,#p-datenschutz) .imp p.sub-t{font-size:18px;color:var(--ink);margin-bottom:8px}
:is(#p-impressum,#p-datenschutz) .imp .lab{color:var(--ink)}
:is(#p-impressum,#p-datenschutz) .imp h2{font-size:12px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze-text);margin:48px 0 14px}
:is(#p-impressum,#p-datenschutz) .imp p{font-size:16px;line-height:1.75;color:var(--muted);margin-bottom:18px}
:is(#p-impressum,#p-datenschutz) .imp p.adr{font-size:18px;color:var(--ink)}
:is(#p-impressum,#p-datenschutz) .imp p.basis{font-size:18px;color:var(--muted);max-width:52ch}
:is(#p-impressum,#p-datenschutz) .imp p.intro{font-size:18px;color:var(--muted);margin-bottom:0}
:is(#p-impressum,#p-datenschutz) .imp strong{font-weight:400;color:var(--ink)}
:is(#p-impressum,#p-datenschutz) .imp a{color:var(--ink);border-bottom:1px solid var(--bronze)}
#p-kontakt .sub{padding-bottom:56px}
#p-kontakt .kt-lines{display:flex;flex-direction:column;align-items:flex-start;gap:14px;font-size:clamp(22px,2.6vw,34px);font-weight:300;line-height:1.3;letter-spacing:-.01em}
#p-kontakt .kt-lines a{color:var(--ink);border-bottom:1px solid transparent;transition:color .25s,border-color .25s}
#p-kontakt .kt-lines a:hover,#p-kontakt .kt-lines a:focus-visible{color:var(--bronze);border-color:var(--bronze)}
/* Keynote-Themen als abgerundete Boxen: Titel · Untertitel · Erklärung · These */
#p-keynotes .kn-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:96px 0 0;max-width:none}
#p-keynotes .kn-topic{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,2.6vw,40px);margin:0}
#p-keynotes .kn-topic:first-child{border-top:1px solid var(--line);padding-top:clamp(24px,2.6vw,40px);margin-top:0}
#p-keynotes .kn-lab{font-size:11.5px;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--bronze-text);margin-bottom:16px}
#p-keynotes .kn-t{font-size:clamp(22px,1.9vw,27px);font-weight:300;letter-spacing:.04em;line-height:1.15;color:var(--ink);margin-bottom:14px}
#p-keynotes .kn-sub{font-size:clamp(18px,1.5vw,20px);font-weight:300;line-height:1.45;color:var(--ink);margin-bottom:20px}
#p-keynotes .kn-ex{font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:28px}
#p-keynotes .kn-th{margin-top:auto;padding-left:0;border-left:0;font-size:clamp(17px,1.4vw,19px);line-height:1.45;font-weight:300;color:var(--bronze-text)}
@media (max-width:1060px){#p-keynotes .kn-topics{grid-template-columns:1fr;gap:16px;margin-top:64px}#p-keynotes .kn-th{margin-top:0}}
@media (min-width:1061px){#p-keynotes .kn-topic:nth-child(2) .kn-th{margin-bottom:1.45em}}
@media (max-width:860px){#p-keynotes .kn-topic{border-radius:16px}}
/* Aussagen-Stufen: Groß 60 (Zitat auf dunkler Fläche) · Mittel 46 (große Aussage mit viel Platz) · Klein 34 (Aussage in der Textspalte); überall Stärke 300 */
.kn-quote blockquote{font-size:clamp(32px,4.2vw,60px);font-weight:300}
#p-keynotes .kn2-quote p{font-size:clamp(28px,3.2vw,46px)!important}
#p-about .a8 .a8-wrap>.a8-pull{font-size:clamp(28px,3.2vw,46px);font-weight:300;letter-spacing:-.015em}
#p-about .a8 .a8-wrap>blockquote.a8-quote{font-weight:300;letter-spacing:-.015em}
.kn-body p.hl{font-size:clamp(24px,2.4vw,34px)!important;line-height:1.25!important}
/* Abstandsraster Textseiten: Überschrift zur grauen Zeile 24 · zum Text 56 · Absätze 24 · nach großer Aussage 32 · Text zur dunklen Fläche 96 · innen 112 */
#p-team-coaching .sub.kn,#p-private-coaching .sub.kn,#p-succession .sub.kn,#p-transformation-class .sub.kn{padding-bottom:56px}
.kn-body p{margin-bottom:24px}
.kn-body p.big{margin-top:0;margin-bottom:32px}
.kn-body p.hl{margin-bottom:32px}
.kn-body p:last-child,.tc-body p:last-child{margin-bottom:0}
.kn-quote{margin-top:96px}
.kn-quote .wrap{padding-block:clamp(72px,7.8vw,112px)}
@media (max-width:860px){
#p-team-coaching .sub.kn,#p-private-coaching .sub.kn,#p-succession .sub.kn,#p-transformation-class .sub.kn,:is(#p-impressum,#p-datenschutz) .sub,#p-kontakt .sub{padding-bottom:36px}
#p-team-coaching .sub,#p-private-coaching .sub,#p-succession .sub,#p-transformation-class .sub{gap:16px}
.kn-body p,.tc-body p{margin-bottom:20px}
.kn-body p.big,.kn-body p.hl{margin-bottom:28px}
.kn-body p:last-child,.tc-body p:last-child{margin-bottom:0}
.kn-quote,body #p-transformation-class .tc-chance{margin-top:64px}
body #p-transformation-class .tc-body p{margin-bottom:20px}
body #p-transformation-class .tc-body p:last-child{margin-bottom:0}
.spacer-120{height:64px!important}
}
#p-team-coaching .sub h1{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
#p-keynotes .kn2-row p{max-width:58ch}
#p-keynotes .kn2-quote{margin-bottom:clamp(48px,6vw,80px)}
#p-keynotes .kn2-for{margin-top:clamp(36px,4.5vw,64px)}
.burger{display:block;order:3;flex:none}
.menu{order:2;margin-left:auto}
.nav{gap:24px}
.omenu{position:fixed;inset:0;z-index:29;background:var(--ivory);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding-top:96px;opacity:0;pointer-events:none;transition:opacity .25s}
body.open .omenu{opacity:1;pointer-events:auto}
.omenu a{font-size:15px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;padding:6px 0;border-bottom:1px solid transparent;transition:border-color .25s}
.omenu a:hover,.omenu a.active{border-color:var(--bronze)}
.omenu .cta{color:var(--bronze)}
.odd{display:flex;flex-direction:column;align-items:center}
.osub{display:none;flex-direction:column;align-items:center;padding-top:6px}
body.in-work .osub{display:flex}
.omenu .osub a{font-size:13px;color:var(--muted);padding:4px 0}
.subnav{display:none}
@media (max-width:1060px){
.menu{position:relative;top:auto;left:auto;right:auto;height:auto;background:none;flex-direction:row;justify-content:flex-start;align-items:center;gap:22px;opacity:1;pointer-events:auto;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;min-width:0;padding:0;margin:0;transition:none}
.menu::-webkit-scrollbar{display:none}
.menu a{font-size:11px;letter-spacing:.12em;flex:none}
.menu .cta{border-left:1px solid var(--line);padding:6px 0 6px 22px;margin:0}
.menu>:first-child{margin-left:auto}
.dd{display:contents}
.dd-menu{display:none}
body.in-work .subnav{display:block;border-top:1px solid var(--line)}
.subnav .wrap{display:flex;justify-content:flex-end;gap:28px;padding-block:6px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a{font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:6px 0;border-bottom:1px solid transparent;flex:none}
.subnav a:hover,.subnav a.active{border-color:var(--bronze);color:var(--ink)}
.menu .dd-menu a{font-size:11px;color:var(--muted);padding:6px 0;width:auto}
}
@media (max-width:860px){
.nav{flex-wrap:wrap;height:auto;padding-top:14px;gap:0 16px}
.logo{order:1}
.menu>:first-child{margin-left:0}
.subnav .wrap{justify-content:flex-start}
.burger{order:2}
.menu{order:3;flex:none;width:calc(100% + 2*clamp(16px,6vw,96px));margin-inline:calc(-1*clamp(16px,6vw,96px));padding:12px clamp(16px,6vw,96px) 10px}
}
/* ===== Transformation Class (im Artefakt Inline-Block im Body) ===== */
#p-transformation-class .sub.kn h1{font-size:clamp(36px,5vw,72px)!important;max-width:24ch!important}
#p-transformation-class .tc-body{margin:0 0 0 clamp(0px,calc(33.333% + 24px),420px);max-width:52ch}
#p-transformation-class .tc-body p{font-size:18px;line-height:1.75;color:var(--muted);margin-bottom:24px}
#p-transformation-class .tc-first{padding-top:0}
#p-transformation-class .tc-chance{background:var(--deep);color:var(--on-deep);margin-top:96px}
#p-transformation-class .tc-chance .wrap{padding-block:clamp(72px,7.8vw,112px)}
#p-transformation-class .tc-chance .tc-intro{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--bronze-on-deep);margin-bottom:24px}
#p-transformation-class .tc-chance blockquote{font-size:clamp(32px,4.2vw,60px);font-weight:300;line-height:1.15;letter-spacing:-.01em;max-width:22ch}
#p-transformation-class .tc-after{padding-top:clamp(72px,9vw,128px)}
#p-transformation-class .band{margin-top:clamp(56px,7vw,96px)}
#p-transformation-class .tc-excl{margin-top:36px;color:var(--bronze);display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}
#p-transformation-class .tc-excl i{display:block;width:1px;height:12px;background:var(--bronze);opacity:.55}
#p-transformation-class .tc-when{margin:0 0 0 clamp(0px,calc(33.333% + 24px),420px);max-width:58ch}
#p-transformation-class .tc-when .caps{color:var(--bronze);margin-bottom:28px}
#p-transformation-class .tc-when ul{list-style:none;border-top:1px solid var(--line)}
#p-transformation-class .tc-when li{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:28px 0;border-bottom:1px solid var(--line);font-size:clamp(20px,2vw,26px);font-weight:300;line-height:1.35}
#p-transformation-class .tc-when li span{font-size:12px;letter-spacing:.24em;color:var(--bronze);padding-top:9px}
#p-transformation-class .tc-when li h3{font-size:clamp(20px,2vw,26px);font-weight:300;letter-spacing:.14em;text-transform:uppercase;line-height:1.3;margin-bottom:8px}
#p-transformation-class .tc-when li p{font-size:17px;line-height:1.7;color:var(--muted)}
#p-transformation-class .tc-invite{margin:clamp(88px,11vw,160px) 0 0 clamp(0px,calc(33.333% + 24px),420px)}
#p-transformation-class .tc-invite svg{display:block;margin:0 auto 32px}
#p-transformation-class .tc-invite .caps{color:var(--bronze);margin-bottom:24px}
#p-transformation-class .tc-invite h2{font-size:clamp(28px,3.4vw,46px);line-height:1.2;max-width:20ch;margin:0 auto 24px}
#p-transformation-class .tc-invite .t{color:var(--muted);max-width:46ch;margin:0 auto 40px;font-size:18px;line-height:1.75}
#p-transformation-class .tc-invite .note{margin-top:28px;font-size:11px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
@media (max-width:860px){#p-transformation-class .tc-body,#p-transformation-class .tc-when,#p-transformation-class .tc-invite{margin-left:0}#p-transformation-class .tc-when li{grid-template-columns:40px 1fr}}
/* ================= Produktiv-Anpassungen (nicht im Artefakt) ================= */
html{scroll-padding-top:104px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* Skip-Link (Barrierefreiheit) */
.skip{position:absolute;left:16px;top:-120px;z-index:100;background:var(--ink);color:var(--ivory);padding:14px 22px;font-size:12px;font-weight:400;letter-spacing:.2em;text-transform:uppercase}
.skip:focus{top:16px}
/* Bilder: ![]()
füllt die früheren Hintergrund-Container; Fokuspunkt über --fx/--fy */
.hero-img picture,.sub-stage picture,.h-about-img picture,.a7-wide picture{display:contents}
.hero-img img,.sub-stage img,.h-about-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--fx,50%) var(--fy,50%)}
.sub-stage,.h-about-img{overflow:hidden}
@media (max-width:860px){.hero-img img{object-position:var(--fx,50%) 0}}
.fx0{--fx:0%}.fx1{--fx:1%}.fx2{--fx:2%}.fx3{--fx:3%}.fx4{--fx:4%}.fx5{--fx:5%}.fx6{--fx:6%}.fx7{--fx:7%}.fx8{--fx:8%}.fx9{--fx:9%}.fx10{--fx:10%}.fx11{--fx:11%}.fx12{--fx:12%}.fx13{--fx:13%}.fx14{--fx:14%}.fx15{--fx:15%}.fx16{--fx:16%}.fx17{--fx:17%}.fx18{--fx:18%}.fx19{--fx:19%}.fx20{--fx:20%}.fx21{--fx:21%}.fx22{--fx:22%}.fx23{--fx:23%}.fx24{--fx:24%}.fx25{--fx:25%}.fx26{--fx:26%}.fx27{--fx:27%}.fx28{--fx:28%}.fx29{--fx:29%}.fx30{--fx:30%}.fx31{--fx:31%}.fx32{--fx:32%}.fx33{--fx:33%}.fx34{--fx:34%}.fx35{--fx:35%}.fx36{--fx:36%}.fx37{--fx:37%}.fx38{--fx:38%}.fx39{--fx:39%}.fx40{--fx:40%}.fx41{--fx:41%}.fx42{--fx:42%}.fx43{--fx:43%}.fx44{--fx:44%}.fx45{--fx:45%}.fx46{--fx:46%}.fx47{--fx:47%}.fx48{--fx:48%}.fx49{--fx:49%}.fx50{--fx:50%}.fx51{--fx:51%}.fx52{--fx:52%}.fx53{--fx:53%}.fx54{--fx:54%}.fx55{--fx:55%}.fx56{--fx:56%}.fx57{--fx:57%}.fx58{--fx:58%}.fx59{--fx:59%}.fx60{--fx:60%}.fx61{--fx:61%}.fx62{--fx:62%}.fx63{--fx:63%}.fx64{--fx:64%}.fx65{--fx:65%}.fx66{--fx:66%}.fx67{--fx:67%}.fx68{--fx:68%}.fx69{--fx:69%}.fx70{--fx:70%}.fx71{--fx:71%}.fx72{--fx:72%}.fx73{--fx:73%}.fx74{--fx:74%}.fx75{--fx:75%}.fx76{--fx:76%}.fx77{--fx:77%}.fx78{--fx:78%}.fx79{--fx:79%}.fx80{--fx:80%}.fx81{--fx:81%}.fx82{--fx:82%}.fx83{--fx:83%}.fx84{--fx:84%}.fx85{--fx:85%}.fx86{--fx:86%}.fx87{--fx:87%}.fx88{--fx:88%}.fx89{--fx:89%}.fx90{--fx:90%}.fx91{--fx:91%}.fx92{--fx:92%}.fx93{--fx:93%}.fx94{--fx:94%}.fx95{--fx:95%}.fx96{--fx:96%}.fx97{--fx:97%}.fx98{--fx:98%}.fx99{--fx:99%}.fx100{--fx:100%}
.fy0{--fy:0%}.fy1{--fy:1%}.fy2{--fy:2%}.fy3{--fy:3%}.fy4{--fy:4%}.fy5{--fy:5%}.fy6{--fy:6%}.fy7{--fy:7%}.fy8{--fy:8%}.fy9{--fy:9%}.fy10{--fy:10%}.fy11{--fy:11%}.fy12{--fy:12%}.fy13{--fy:13%}.fy14{--fy:14%}.fy15{--fy:15%}.fy16{--fy:16%}.fy17{--fy:17%}.fy18{--fy:18%}.fy19{--fy:19%}.fy20{--fy:20%}.fy21{--fy:21%}.fy22{--fy:22%}.fy23{--fy:23%}.fy24{--fy:24%}.fy25{--fy:25%}.fy26{--fy:26%}.fy27{--fy:27%}.fy28{--fy:28%}.fy29{--fy:29%}.fy30{--fy:30%}.fy31{--fy:31%}.fy32{--fy:32%}.fy33{--fy:33%}.fy34{--fy:34%}.fy35{--fy:35%}.fy36{--fy:36%}.fy37{--fy:37%}.fy38{--fy:38%}.fy39{--fy:39%}.fy40{--fy:40%}.fy41{--fy:41%}.fy42{--fy:42%}.fy43{--fy:43%}.fy44{--fy:44%}.fy45{--fy:45%}.fy46{--fy:46%}.fy47{--fy:47%}.fy48{--fy:48%}.fy49{--fy:49%}.fy50{--fy:50%}.fy51{--fy:51%}.fy52{--fy:52%}.fy53{--fy:53%}.fy54{--fy:54%}.fy55{--fy:55%}.fy56{--fy:56%}.fy57{--fy:57%}.fy58{--fy:58%}.fy59{--fy:59%}.fy60{--fy:60%}.fy61{--fy:61%}.fy62{--fy:62%}.fy63{--fy:63%}.fy64{--fy:64%}.fy65{--fy:65%}.fy66{--fy:66%}.fy67{--fy:67%}.fy68{--fy:68%}.fy69{--fy:69%}.fy70{--fy:70%}.fy71{--fy:71%}.fy72{--fy:72%}.fy73{--fy:73%}.fy74{--fy:74%}.fy75{--fy:75%}.fy76{--fy:76%}.fy77{--fy:77%}.fy78{--fy:78%}.fy79{--fy:79%}.fy80{--fy:80%}.fy81{--fy:81%}.fy82{--fy:82%}.fy83{--fy:83%}.fy84{--fy:84%}.fy85{--fy:85%}.fy86{--fy:86%}.fy87{--fy:87%}.fy88{--fy:88%}.fy89{--fy:89%}.fy90{--fy:90%}.fy91{--fy:91%}.fy92{--fy:92%}.fy93{--fy:93%}.fy94{--fy:94%}.fy95{--fy:95%}.fy96{--fy:96%}.fy97{--fy:97%}.fy98{--fy:98%}.fy99{--fy:99%}.fy100{--fy:100%}
/* Ersatz für die Inline-Styles des Artefakts (strikte CSP) */
.kn2-row.kn2-one{grid-template-columns:1fr;row-gap:20px}
.kn2-for.kn2-one{grid-template-columns:1fr!important}
.kn2-for.kn2-one p{margin-bottom:32px}
.kn2-for.kn2-one .btn{grid-column:1}
#p-transformation-class .tc-body p.tc-hl{color:var(--bronze-text)}
#p-transformation-class .tc-body.tc-more{margin-top:clamp(56px,7vw,96px)}
.h-work-list.wl-hero{margin-top:40px;max-width:420px}
.kn-body p.for.bz{color:var(--bronze-text)}
.spacer-96{height:96px}
.spacer-120{height:120px}
/* Kontakt: Telefonnummer als Link wie die E-Mail-Adresse */
#p-kontakt .kt-lines a[href^="tel:"]{border-bottom:1px solid transparent}
/* Rechtstexte: Listen aus dem Editor */
:is(#p-impressum,#p-datenschutz) .imp ul,:is(#p-impressum,#p-datenschutz) .imp ol{margin:0 0 18px 1.2em;font-size:16px;line-height:1.75;color:var(--muted)}
:is(#p-impressum,#p-datenschutz) .imp li{margin-bottom:6px}
/* Häufige Fragen (optional, nur wenn gepflegt) */
.faq .wrap{padding-block:clamp(72px,9vw,112px)}
.faq-in{margin-left:clamp(0px,calc(33.333% + 24px),420px);max-width:680px}
.faq h2{font-size:11.5px;font-weight:400;letter-spacing:.28em;text-transform:uppercase;color:var(--bronze-text);margin-bottom:28px}
.faq dl{border-top:1px solid var(--line)}
.faq dt{font-size:clamp(20px,1.8vw,24px);line-height:1.4;color:var(--ink);padding-top:28px}
.faq dd{font-size:17px;line-height:1.75;color:var(--muted);margin:10px 0 0;padding-bottom:28px;border-bottom:1px solid var(--line)}
@media (max-width:860px){.faq-in{margin-left:0}}
#main:focus{outline:none}