@font-face{font-family:"Manrope";src:url("fonts/manrope-variable.ttf") format("truetype");font-weight:300 800;font-style:normal;font-display:swap}
:root{
  --ink:#161816;--paper:#f2f0e9;--acid:#c8ff35;--petrol:#0d3035;
  --muted:#686b66;--line:rgba(22,24,22,.18);--pad:clamp(1.15rem,4vw,4.5rem);
  --sans:"Manrope",Arial,sans-serif;--mono:ui-monospace,"SFMono-Regular",Menlo,Monaco,Consolas,monospace
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:inherit;text-decoration:none}
p{max-width:72ch}
:focus-visible{outline:3px solid var(--acid);outline-offset:4px}
.skip{position:fixed;left:1rem;top:-5rem;z-index:200;background:var(--acid);padding:.7rem 1rem}.skip:focus{top:1rem}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.022;z-index:80;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.site-header{position:fixed;inset:0 0 auto;z-index:100;height:76px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:rgba(22,24,22,.96);color:var(--paper);border-bottom:1px solid rgba(242,240,233,.16);backdrop-filter:blur(16px)}
.brand{display:block;width:clamp(175px,17vw,255px);height:49px}.brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.desktop-nav{display:flex;align-items:center;gap:clamp(.8rem,1.65vw,1.8rem);font-family:var(--mono);font-size:.66rem;letter-spacing:.05em;text-transform:uppercase}
.desktop-nav a{position:relative;padding:.6rem 0;white-space:nowrap}.desktop-nav a[aria-current="page"]{color:var(--acid)}.desktop-nav a[aria-current="page"]:after{display:none}
.desktop-nav .talk,.desktop-nav .talk[aria-current="page"]{padding:.6rem .85rem;background:var(--acid);color:var(--ink);border:1px solid var(--acid);border-radius:99px}.desktop-nav .talk:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}.desktop-nav .talk:after{display:none}
.language-switch,.mobile-language{display:flex;align-items:center;gap:.35rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.05em}.language-switch a,.mobile-language a{opacity:.55}.language-switch a[aria-current="page"],.mobile-language a[aria-current="page"]{color:var(--acid);opacity:1}.mobile-language{display:none}

.mobile-nav{display:none}
main{padding-top:76px;overflow:hidden}
.wrap{padding-inline:var(--pad)}
.section{padding:clamp(3.6rem,5.8vw,5.9rem) var(--pad)}
.dark{background:var(--ink);color:var(--paper)}.petrol{background:var(--petrol);color:var(--paper)}.acid{background:var(--acid);color:var(--ink)}
.kicker,.eyebrow,.number{font-family:var(--mono);font-size:.67rem;line-height:1.4;letter-spacing:.075em;text-transform:uppercase}
.kicker{color:var(--muted)}.dark .kicker,.petrol .kicker{color:var(--acid)}
h1,h2,h3,h4{margin-top:0;letter-spacing:-.055em;line-height:1.02}
h1{font-size:clamp(3rem,6.6vw,7rem);font-weight:500;max-width:1240px;margin-bottom:1.8rem}
h2{font-size:clamp(2rem,3.7vw,4rem);font-weight:500}
h3{font-size:clamp(1.25rem,1.85vw,2rem);font-weight:600}
h4{font-size:clamp(1.15rem,1.7vw,1.55rem);font-weight:600}
.marker{display:inline;background:linear-gradient(transparent 70%,var(--acid) 70%,var(--acid) 84%,transparent 84%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero{min-height:min(760px,calc(100svh - 76px));padding:clamp(3.2rem,5.2vw,5.2rem) var(--pad) 1.8rem;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:clamp(2rem,5vw,5rem);align-items:end}
.hero.compact{min-height:auto;padding-block:clamp(3.1rem,4.6vw,4.6rem);grid-template-columns:1fr}.hero.compact h1{max-width:1100px}
.hero-intro{font-size:clamp(1.05rem,1.6vw,1.4rem);line-height:1.55;max-width:760px}
.hero-aside{border-top:1px solid var(--line);padding-top:1.2rem}.hero-aside p{color:var(--muted);font-size:.88rem}
.actions,.social-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.5rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--ink);border-radius:99px;padding:.72rem 1rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.03em;text-transform:uppercase;transition:background .2s,color .2s}
.button:hover{background:var(--ink);color:var(--paper)}.button.primary{background:var(--ink);color:var(--paper)}.button.primary:hover{background:transparent;color:var(--ink)}
.dark .button,.petrol .button{border-color:var(--paper)}.dark .button:hover,.petrol .button:hover{background:var(--paper);color:var(--ink)}
.ticker{position:relative;z-index:2;overflow:hidden;border-block:1px solid var(--ink);background:var(--acid);transform:rotate(-1deg) scale(1.012);padding:.72rem 0;margin:1.3rem 0 4.2rem}.ticker-track{width:max-content;display:flex;animation:ticker 28s linear infinite;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}.ticker-track span{margin:0 1.5rem}@keyframes ticker{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.intro-grid,.split{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:clamp(1.8rem,5vw,5rem)}
.lead{font-size:clamp(1.15rem,1.8vw,1.65rem);line-height:1.45}.muted{color:var(--muted)}.dark .muted,.petrol .muted{color:#b9bdb6}
.link-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid currentColor;margin-top:2rem}
.link-card{padding:1.4rem 1.3rem 2.1rem 0;border-bottom:1px solid currentColor}.link-card+.link-card{border-left:1px solid var(--line);padding-left:1.3rem}.dark .link-card+.link-card,.petrol .link-card+.link-card{border-color:rgba(242,240,233,.25)}.link-card p{font-size:.92rem;color:var(--muted)}.dark .link-card p,.petrol .link-card p{color:#bcc1bb}.link-card .arrow{font-family:var(--mono);font-size:.7rem;text-transform:uppercase}
.statement{font-size:clamp(1.65rem,3.4vw,3.6rem);line-height:1.14;letter-spacing:-.045em;margin:0}.statement em{font-style:normal;color:var(--acid)}
.timeline{display:grid;grid-template-columns:repeat(8,1fr);border-top:1px solid rgba(242,240,233,.28);margin:1.5rem 0 2.2rem}.timeline span{padding:.8rem .4rem 1.2rem 0;border-bottom:1px solid rgba(242,240,233,.28);font-size:clamp(.68rem,.9vw,.88rem)}.timeline .now{color:var(--acid)}
.process{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line);margin:1.8rem 0}.process span{padding:.75rem}.process span+span{border-left:1px solid var(--line)}
.rows{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:55px minmax(260px,.8fr) 1.2fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);align-items:baseline}.row h3,.row p{margin:0}.row p{font-size:.92rem;color:var(--muted)}
.programs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.program{padding:1.4rem 1.3rem 2rem 0}.program+.program{border-left:1px solid var(--line);padding-left:1.3rem}.program.feature{background:rgba(200,255,53,.13);box-shadow:inset 4px 0 0 var(--acid)}.program p,.program li{font-size:.86rem;color:var(--muted)}.program ul{padding-left:1.1rem}
.beauty-words{font-size:clamp(1.7rem,3vw,3.2rem);line-height:1.55;font-style:italic}.values{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(242,240,233,.3);margin-top:2.2rem}.values article{padding:1.2rem 1rem 1.6rem 0}.values article+article{border-left:1px solid rgba(242,240,233,.3);padding-left:1rem}
.project-list{border-top:3px solid var(--acid)}.project{display:grid;grid-template-columns:1fr .7fr 1.5fr;gap:1.3rem;padding:1.2rem 0;border-bottom:1px solid rgba(242,240,233,.22);align-items:baseline}.project h2,.project p{margin:0}.project span{font-family:var(--mono);font-size:.6rem;color:var(--acid);text-transform:uppercase}.project p{font-size:.92rem;color:#bdc5c0}.project.feature{padding-block:1.8rem}.project.feature h2{font-size:clamp(2rem,3.4vw,3.4rem)}
.name-code{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--ink);margin-bottom:clamp(2.8rem,4.8vw,4.8rem)}.name-code article{padding:clamp(1.4rem,2.6vw,2.6rem)}.name-code article:first-child{padding-left:0}.name-code article+article{border-left:1px solid var(--ink)}.name-code h2{font-size:clamp(3.2rem,6.7vw,6.8rem);line-height:.86;margin-bottom:1.8rem}.name-code article:last-child{background:var(--acid)}
.people{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,5.5vw,5.5rem)}.person{border-top:1px solid var(--line);padding-top:1.4rem}.person:nth-child(2){margin-top:clamp(1.5rem,4vw,4rem)}
.portrait-swap{display:block;position:relative;width:100%;height:clamp(420px,55vw,720px);padding:0;border:0;overflow:hidden;background:var(--ink);cursor:pointer}.portrait-swap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:opacity .28s ease,transform .55s ease}.portrait-swap .secondary{opacity:0}.portrait-swap:hover .secondary,.portrait-swap:focus-visible .secondary,.portrait-swap.is-swapped .secondary{opacity:1}.portrait-swap:hover .primary,.portrait-swap:focus-visible .primary,.portrait-swap.is-swapped .primary{opacity:0}.portrait-swap:hover img,.portrait-swap.is-swapped img{transform:scale(1.012)}.portrait-hint{position:absolute;right:.7rem;bottom:.7rem;z-index:3;background:rgba(22,24,22,.9);color:var(--paper);padding:.4rem .55rem;font-family:var(--mono);font-size:.58rem;text-transform:uppercase}.person h2{max-width:15ch;margin:1.25rem 0 1rem;font-size:clamp(1.75rem,2.7vw,2.8rem);line-height:1.08;letter-spacing:-.04em}.person p{font-size:.95rem;line-height:1.65;color:var(--muted)}.person blockquote{max-width:42rem;margin:1.25rem 0 1.6rem;border-left:5px solid var(--acid);padding-left:1rem;font-size:clamp(1.05rem,1.45vw,1.4rem);line-height:1.4;overflow-wrap:anywhere}
.creed p{margin:0;padding:1rem 0;border-top:1px solid rgba(242,240,233,.22);font-size:clamp(1.8rem,3.4vw,3.5rem);line-height:1.15;letter-spacing:-.045em}.creed p:last-child{border-bottom:1px solid rgba(242,240,233,.22)}.creed b{color:var(--acid)}
.contact{background:var(--acid)}.contact-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(3rem,7vw,7rem)}.contact h2{font-size:clamp(2.3rem,4.2vw,4.5rem)}.details{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}.details li{padding:1rem 0;border-bottom:1px solid var(--ink)}.details b{display:block;font-family:var(--mono);font-size:.63rem;text-transform:uppercase}.social-actions .button{background:var(--ink);color:var(--paper)}.social-actions .button:hover{background:var(--paper);color:var(--ink)}
.site-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;background:var(--ink);color:var(--paper);padding:1.5rem var(--pad);font-family:var(--mono);font-size:.64rem;text-transform:uppercase}.footer-logo{width:180px;height:42px}.footer-logo img{width:100%;height:100%;object-fit:contain;object-position:left}.footer-links{text-align:center}.footer-links a{margin:.25rem .45rem;display:inline-block}
.reveal{opacity:1;transform:none}.reveal.visible{opacity:1;transform:none}.js .reveal.no-observer{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}.js .reveal{opacity:1;transform:none;transition:none}.portrait-swap img{transition:none}}
@media(max-width:1050px){.desktop-nav{gap:.75rem}.desktop-nav a{font-size:.6rem}.brand{width:170px}.link-grid{grid-template-columns:1fr 1fr}.link-card:last-child{grid-column:1/-1;border-left:0;padding-left:0}.row{grid-template-columns:45px .9fr 1.1fr}}
@media(max-width:850px){
  .site-header{height:66px}.brand{width:165px}main{padding-top:66px}
  .hero{min-height:auto;grid-template-columns:1fr;padding-top:3.2rem;gap:1.8rem}.hero.compact{padding-block:3.8rem}h1{font-size:clamp(2.65rem,11.5vw,4.3rem);line-height:1}.hero-intro{font-size:1rem}.section{padding-block:3.3rem}.intro-grid,.split,.people,.contact-grid{grid-template-columns:1fr}.link-grid{grid-template-columns:1fr}.link-card,.link-card+.link-card,.link-card:last-child{grid-column:auto;border-left:0;padding-left:0}.timeline{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:1fr}.process span+span{border-left:0;border-top:1px solid var(--line)}.rows .row{grid-template-columns:34px 1fr;gap:.35rem}.row p{grid-column:2}.programs{grid-template-columns:1fr}.program+.program{border-left:0;border-top:1px solid var(--line);padding-left:0}.values{grid-template-columns:1fr}.values article+article{border-left:0;border-top:1px solid rgba(242,240,233,.3);padding-left:0}.project{grid-template-columns:1fr;gap:.35rem}.name-code{grid-template-columns:1fr}.name-code article+article{border-left:0;border-top:1px solid var(--ink)}.name-code article:first-child{padding-left:1.2rem}.person:nth-child(2){margin-top:0}.portrait-swap{height:min(118vw,590px)}.site-footer{grid-template-columns:1fr;text-align:left}.footer-links{text-align:left}.footer-logo{width:165px}.ticker{margin:1rem 0 3.2rem;transform:rotate(-1.4deg) scale(1.02)}
}
@media(max-width:850px){
  .site-footer .footer-links{display:flex;flex-direction:column;align-items:center;width:auto;gap:.28rem;font-size:.67rem}
  .site-footer .footer-row{display:flex;align-items:center;justify-content:center;gap:.65rem;white-space:nowrap}
  .site-footer .footer-links a{display:inline;margin:0;white-space:nowrap}
  .site-footer .footer-links a:before{content:none!important}
  .site-footer .footer-row i{font-style:normal;opacity:.55}
}
.pic-punk{white-space:nowrap}.pic-bar{display:inline-block;margin:0 .02em;transform:scaleY(1.45);transform-origin:center}.project h2 .pic-punk{font:inherit;color:inherit;text-transform:none}.project h2 .pic-bar{display:inline-block;width:.055em;height:1.16em;margin:0 .08em;background:currentColor;color:inherit;font:inherit;line-height:1;vertical-align:-.14em;overflow:hidden;text-indent:-999px;transform:none}
@media(max-width:1100px){
  .site-footer{flex-direction:column;align-items:center;text-align:center;gap:.7rem}
  .site-footer .footer-links{display:flex;flex-direction:column;align-items:center;width:auto;gap:.28rem;font-size:.67rem}
  .site-footer .footer-row{display:flex;align-items:center;justify-content:center;gap:.65rem;white-space:nowrap}
  .site-footer .footer-links a{display:inline;margin:0;white-space:nowrap}
  .site-footer .footer-links a:before{content:none!important}
  .site-footer .footer-row i{font-style:normal;opacity:.55}
}
@media(max-width:430px){body{font-size:16px}.hero{padding-top:3rem}.section{padding-block:3.3rem}.actions .button,.social-actions .button{width:100%}.ticker{transform:rotate(-2.5deg) scale(1.06)}.portrait-hint{font-size:.52rem}}

/* Ruhige, verlässliche Fußzeile auf Desktop und Mobile */
.site-footer{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(80px,1fr);align-items:center;gap:2rem;padding:1.4rem var(--pad);font-size:.64rem;line-height:1.5;text-align:left}
.site-footer>strong{justify-self:start;white-space:nowrap}.site-footer>span:last-child{justify-self:end;white-space:nowrap}
.site-footer .footer-links{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:auto;text-align:center;font-size:inherit}
.site-footer .footer-row{display:flex;align-items:center;justify-content:center;gap:.55rem;white-space:nowrap}
.site-footer .footer-links a{display:inline;margin:0;white-space:nowrap}.site-footer .footer-links a:before{content:none!important}
.site-footer .footer-row i{font-style:normal;opacity:.5}.site-footer .pic-bar{margin:0 .02em;transform:none}
@media(max-width:850px){.language-switch{display:flex}.desktop-nav .language-switch a{display:inline}.mobile-language{display:none!important}}
@media(max-width:850px){.site-footer{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:1.5rem var(--pad);text-align:center}.site-footer>strong,.site-footer>span:last-child{justify-self:auto}.site-footer .footer-links{gap:.32rem}.site-footer .footer-row{gap:.5rem}}

/* Visual system of the approved one-pager. */
body{line-height:1.48}
.site-header{height:76px;background:rgba(22,24,22,.92);color:var(--paper);border-bottom:1px solid rgba(242,240,233,.16)}
.brand{width:clamp(175px,17vw,255px);height:49px}
.desktop-nav{gap:clamp(.65rem,1.3vw,1.5rem);font-size:clamp(.62rem,.72vw,.75rem)}
.desktop-nav a{opacity:.7;transition:color .2s,opacity .2s}
.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{opacity:1;color:var(--acid)}
.desktop-nav .talk,.desktop-nav .talk[aria-current="page"]{opacity:1;padding:.6rem .85rem;background:transparent;color:var(--acid);border:1px solid var(--acid)}
.desktop-nav .talk:hover,.desktop-nav .talk[aria-current="page"]{background:var(--acid);color:var(--ink)}
h1,h2,h3,h4,blockquote{font-family:var(--sans)}
h1{font-size:clamp(2.8rem,6.25vw,6.6rem);line-height:.96;letter-spacing:-.055em;font-weight:500;margin-bottom:2.4rem;max-width:1280px}
.hero h1 .marker{position:relative;display:inline;text-decoration-line:underline;text-decoration-color:var(--acid);text-decoration-thickness:.075em;text-underline-offset:.12em;background:none}.hero h1 .marker:after{display:none}
.hero.compact h1{max-width:1100px}
.hero-intro{font-size:clamp(1.05rem,1.7vw,1.45rem);line-height:1.52;max-width:720px}
.section h2{font-size:clamp(1.85rem,3.1vw,3.35rem);line-height:1.1;letter-spacing:-.04em}.statement{font-size:clamp(1.5rem,2.8vw,3rem);line-height:1.18}.link-card h3,.row h3,.program h3{font-size:clamp(1.12rem,1.55vw,1.65rem);letter-spacing:-.035em}
.section{padding:clamp(3rem,4.8vw,4.8rem) var(--pad)}
.name-code{margin-bottom:clamp(2.8rem,4.8vw,4.8rem)}
.name-code h2{font-size:clamp(3.5rem,8vw,8rem);line-height:.82;letter-spacing:-.075em;margin-bottom:clamp(2.5rem,5vw,5rem);font-weight:500}
.name-code p{font-size:clamp(1.1rem,1.7vw,1.55rem);line-height:1.35}
.people{gap:clamp(2.5rem,5.5vw,5.5rem)}
.person h2{max-width:none;margin:2rem 0 1.5rem;font-size:clamp(1.7rem,2.7vw,2.8rem);line-height:1.05;letter-spacing:-.05em}
.person p{font-size:.95rem;line-height:1.65;color:var(--muted)}
.person blockquote{max-width:none;margin:0 0 2rem;border-left:5px solid var(--acid);padding-left:1rem;font-size:clamp(1.15rem,1.7vw,1.6rem);line-height:1.35;overflow-wrap:normal}
.creed p{font-size:clamp(1.6rem,3vw,3rem);line-height:1.1;padding:1.1rem 0}
.contact{border-top:1px solid var(--ink)}
.contact-grid{grid-template-columns:1.5fr .5fr;gap:4rem}
.contact h2{max-width:1100px;font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.08;letter-spacing:-.055em}
.site-footer{display:flex;justify-content:space-between;padding:1.4rem var(--pad);font-size:.67rem}
@media(min-width:851px) and (max-width:1440px){h1{font-size:clamp(3.6rem,6.7vw,6.2rem)}.name-code{margin-bottom:4.5rem}.name-code h2{font-size:clamp(3.5rem,7vw,6.5rem);margin-bottom:2.8rem}}
@media(max-width:850px){.site-header{height:64px}.brand{width:165px}.hero.compact{padding-block:2.7rem}h1{font-size:clamp(2.3rem,10.5vw,3.8rem);line-height:1.03;margin:1.35rem 0 1.15rem}.hero-intro{font-size:1rem;line-height:1.55}.section{padding-block:2.75rem}.intro-grid,.split{gap:1.25rem}.section h2{font-size:clamp(1.75rem,7.5vw,2.65rem);margin-bottom:1rem}.statement{font-size:clamp(1.45rem,7vw,2.35rem)}.link-grid,.values{margin-top:1.6rem}.name-code{margin-bottom:2.5rem}.name-code h2{margin-bottom:1.5rem}.people{gap:2.8rem}.person h2{font-size:1.8rem}.contact-grid{gap:1.5rem}.contact h2{font-size:clamp(1.95rem,8.5vw,2.9rem)}.program.feature{box-shadow:inset 3px 0 0 var(--acid)}.site-footer{flex-direction:column;gap:.8rem;line-height:1.6}}

/* Offene mobile Navigation wie im freigegebenen Onepager. */
@media(max-width:850px){
  .noise{display:none}.site-header{backdrop-filter:none}
  .desktop-nav{display:flex}.desktop-nav a:not(.talk){display:none}
  .mobile-nav{display:block;position:fixed;z-index:95;inset:64px 0 auto;background:rgba(22,24,22,.98);color:var(--paper);padding:.55rem var(--pad);border-bottom:1px solid rgba(242,240,233,.16);transform:none;transition:none}
  .mobile-links{display:grid;grid-template-columns:repeat(3,1fr);gap:0 .7rem}
  .mobile-links a{display:flex;align-items:center;min-height:42px;padding:.25rem 0;font-family:var(--mono);font-size:.69rem;line-height:1.28;letter-spacing:.04em;text-transform:uppercase;opacity:.72}
  .mobile-links a:hover,.mobile-links a[aria-current="page"]{color:var(--acid);opacity:1}
  .mobile-meta{display:none}main{padding-top:140px}
}
@media(max-width:360px){.mobile-links{grid-template-columns:repeat(2,1fr)}.mobile-links a{font-size:.62rem}main{padding-top:178px}}

/* Originale Onepager-Komposition für Wandel und Transformation. */
.onepage-layout{overflow:hidden}.onepage-layout .section{padding:clamp(3.2rem,5vw,5rem) var(--pad)}
.onepage-head{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:2.5rem}.onepage-head h1,.onepage-head h2{font-size:clamp(2rem,3.6vw,4rem);line-height:1.08;letter-spacing:-.05em;font-weight:500;margin:0}.onepage-head h1 em,.onepage-head h2 em{font-style:normal;color:inherit;text-decoration:none;background:linear-gradient(transparent 76%,var(--acid) 76%,var(--acid) 94%,transparent 94%);-webkit-box-decoration-break:clone;box-decoration-break:clone}.dark .onepage-head h1 em,.dark .onepage-head h2 em,.petrol .onepage-head h1 em,.petrol .onepage-head h2 em{color:var(--acid)}
.evolution{position:relative;display:grid;grid-template-columns:repeat(8,1fr);margin-top:2.5rem;padding:0 0 1rem;align-items:end}.evolution:before{content:"";position:absolute;left:0;right:0;bottom:1.3rem;height:1px;background:linear-gradient(90deg,rgba(242,240,233,.18),var(--acid));transform:rotate(-1.15deg);transform-origin:left center}.evolution span{position:relative;padding:0 .4rem 3rem 0;font-size:clamp(.68rem,.85vw,.82rem);color:#c7cac4}.evolution span:after{content:"";position:absolute;left:0;bottom:1.02rem;width:9px;height:9px;border-radius:50%;background:var(--ink);border:1px solid #777b74;z-index:2}.evolution span:nth-child(2n){padding-bottom:3.55rem}.evolution span:nth-child(3n){padding-bottom:4.05rem}.evolution .now{color:var(--acid);font-weight:600}.evolution .now:after{width:13px;height:13px;bottom:.9rem;background:var(--acid);border-color:var(--acid);box-shadow:0 0 0 7px rgba(200,255,53,.12)}
.counterwind{margin:2.3rem 0 1.2rem}.onepage-human{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);margin-top:3.5rem;border-top:1px solid rgba(242,240,233,.25);padding-top:1.5rem}.onepage-human .claim{font-size:clamp(1.8rem,3.3vw,3.3rem);line-height:1.06;letter-spacing:-.045em;margin:0}.onepage-human .claim em{display:block;color:var(--acid);font-style:normal}.onepage-human p{color:#aeb1aa;font-size:.92rem}.onepage-human strong{color:var(--paper)}
.onepage-layout .onepage-beauty{padding-top:clamp(4.5rem,7vw,7rem)}.onepage-beauty-copy{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);border-top:1px solid rgba(242,240,233,.25);padding-top:2.5rem}.onepage-beauty-copy p{color:#c2c5bf;line-height:1.75;margin-top:0}.onepage-beauty-copy strong{color:var(--paper)}
.onepage-editorial{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem)}.onepage-editorial .big{font-size:clamp(1.45rem,2.3vw,2.25rem);line-height:1.22;letter-spacing:-.035em;margin:0}.onepage-editorial p{font-size:.92rem;line-height:1.65}.onepage-transformation .process{margin-top:2.5rem}.transformation-lead{margin-top:2.5rem;font-size:clamp(1.3rem,2.1vw,2rem);line-height:1.45;max-width:none}.human-only{margin-top:2rem;border-top:1px solid var(--line)}.human-only div{display:grid;grid-template-columns:64px 1fr;border-bottom:1px solid var(--line);padding:.75rem 0}.human-only b{font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:500}
.onepage-head>div:first-child>p{max-width:560px;color:var(--muted);font-size:.88rem;line-height:1.65}.dark .onepage-head>div:first-child>p,.petrol .onepage-head>div:first-child>p{color:#b9bdb6}.acid .onepage-head h1 em,.acid .onepage-head h2 em{color:var(--ink);background:linear-gradient(transparent 76%,var(--ink) 76%,var(--ink) 94%,transparent 94%)}
.onepage-sell{font-size:clamp(1.8rem,3.2vw,3.4rem);line-height:1.12;letter-spacing:-.04em;max-width:1320px;margin:2.5rem 0 4rem}.onepage-sell b{font-weight:600;text-decoration:underline;text-decoration-color:var(--acid);text-decoration-thickness:.1em;text-underline-offset:.12em}.onepage-services-section>.onepage-head{margin-top:1rem}
.onepage-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem clamp(2.5rem,6vw,6rem);border-top:0}.onepage-services .row{display:grid;grid-template-columns:34px 1fr;gap:.2rem .65rem;align-content:start;min-height:96px;padding:.45rem 0 .6rem;border:0}.onepage-services .row h3{margin:0;font-size:clamp(1.05rem,1.35vw,1.32rem);line-height:1.2}.onepage-services .row p{grid-column:2;margin:.12rem 0 0;max-width:500px;font-size:.73rem;line-height:1.42}
.basis-products-editorial{margin-top:clamp(1.4rem,2.5vw,2.5rem);border-top:1px solid var(--ink)}
.basis-product{display:grid;grid-template-columns:minmax(118px,.44fr) minmax(300px,1.16fr) minmax(300px,1.05fr);gap:clamp(1.2rem,2.5vw,3rem);align-items:center;padding:clamp(1.45rem,2.45vw,2.65rem) 0;border-bottom:1px solid var(--line)}
.basis-product-number{font-family:var(--mono);font-size:.65rem;line-height:1.45;letter-spacing:.075em;text-transform:uppercase}
.basis-product-number span{display:block;color:var(--acid);font-size:clamp(.82rem,.95vw,1rem);line-height:1;margin-bottom:.48rem}
.basis-product-number strong{display:block;max-width:18ch;font-weight:500}
.basis-product h3{margin:0;max-width:17ch;font-size:clamp(2.05rem,3.05vw,2.7rem);line-height:1.04;letter-spacing:-.052em;font-weight:500}
.basis-product-copy{padding-top:.08rem}
.basis-product-copy p{margin:0 0 .62rem;max-width:58ch;font-size:clamp(.9rem,.96vw,1rem);line-height:1.52;color:var(--ink)}
.basis-product-copy ul{list-style:none;margin:.8rem 0 0;padding:.58rem 0 0;border-top:1px solid var(--line)}
.basis-product-copy li{display:block;padding:.12rem 0;font-family:var(--mono);font-size:.61rem;line-height:1.4;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
@media(max-width:850px){.onepage-layout .section{padding-block:3rem}.onepage-head,.onepage-human,.onepage-editorial,.onepage-beauty-copy{grid-template-columns:1fr}.onepage-head{gap:1.2rem;margin-bottom:2rem}.onepage-head h1,.onepage-head h2{font-size:clamp(1.9rem,8vw,2.8rem)}.evolution{display:block;padding-left:1.3rem;margin-top:2rem}.evolution:before{left:4px;right:auto;top:0;bottom:0;width:1px;height:auto;transform:none;background:linear-gradient(var(--acid),rgba(242,240,233,.16))}.evolution span,.evolution span:nth-child(2n),.evolution span:nth-child(3n){display:block;padding:0 0 1rem 1rem;font-size:.76rem}.evolution span:after,.evolution .now:after{left:-1.3rem;bottom:auto;top:.2rem;width:9px;height:9px}.evolution .now:after{width:11px;height:11px;left:-1.36rem}.onepage-human{gap:1.3rem;margin-top:2.5rem}.onepage-human .claim{font-size:clamp(1.75rem,8vw,2.7rem)}.onepage-beauty-copy{gap:1.4rem;padding-top:1.5rem}.onepage-editorial{gap:1.8rem}.onepage-editorial .big{font-size:1.2rem;line-height:1.48}.onepage-transformation .process{margin-top:2rem}}
@media(max-width:850px){.onepage-services{grid-template-columns:1fr;gap:0}.onepage-services .row{min-height:0;grid-template-columns:32px 1fr;padding:.72rem 0 .86rem}.onepage-services .row p{grid-column:2;font-size:.79rem}.onepage-layout .name-code{margin-top:.5rem}.onepage-sell{font-size:clamp(1.65rem,8vw,2.35rem);margin:2rem 0 3rem}.transformation-lead{font-size:1.15rem;line-height:1.5}}
@media(max-width:850px){.basis-products-editorial{margin-top:1.6rem}.basis-product{grid-template-columns:1fr;gap:.82rem;align-items:start;padding:1.75rem 0 2rem}.basis-product-number span{font-size:1rem;margin-bottom:.4rem}.basis-product-number strong{max-width:none}.basis-product h3{max-width:15ch;font-size:clamp(1.85rem,8.8vw,2.7rem);line-height:1.04}.basis-product-copy p{font-size:.92rem;line-height:1.54}.basis-product-copy ul{margin-top:.95rem}.basis-product-copy li{font-size:.68rem;line-height:1.5}}

/* Final onepager alignment: people, transformation and journal */
.onepage-layout .name-code{border:0}
.onepage-layout .name-code article+article{border:0}
.onepage-layout .name-code article:last-child{background:var(--acid)}
.onepage-layout .person{border:0;padding-top:0}
.onepage-layout .creed .kicker{color:var(--acid)}
.onepage-layout .creed b,.onepage-layout .creed i{color:var(--acid);font-style:normal}
.onepage-transformation .onepage-editorial{margin-top:clamp(3rem,5vw,5rem)}
.onepage-transformation .process{margin-top:clamp(3rem,5vw,5rem)}
.onepage-transformation .transformation-lead{margin-top:2.5rem;font-size:clamp(1.12rem,1.55vw,1.55rem);line-height:1.43}
.onepage-transformation .human-only{margin-top:clamp(2.5rem,4vw,4rem)}
.journal-hero .onepage-head{margin-bottom:0}
.journal-topics{padding-top:clamp(4rem,7vw,7rem)}
@media(max-width:850px){.onepage-layout .name-code article+article{border:0}.onepage-transformation .onepage-editorial{margin-top:2.5rem}.onepage-transformation .process{margin-top:2.7rem}.onepage-transformation .transformation-lead{margin-top:2.5rem;font-size:1.05rem}}
.contact-page{min-height:calc(100svh - 76px);display:flex;align-items:center}.contact-page .contact-grid{width:100%;grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);align-items:center}.contact-page h1{font-size:clamp(2.8rem,5.4vw,6rem);line-height:.98;letter-spacing:-.06em;max-width:1200px;margin:clamp(2.5rem,5vw,5rem) 0 2.5rem}.contact-page .details{align-self:center}.contact-page .actions{margin-top:2rem}
@media(max-width:850px){.contact-page{min-height:auto}.contact-page .contact-grid{grid-template-columns:1fr}.contact-page h1{font-size:clamp(2.35rem,10.5vw,3.8rem);margin:2rem 0 1.6rem}.contact-page .details{margin-top:2.5rem}}
@media(max-width:850px){
  .site-footer{align-items:center;text-align:center}
  .site-footer .footer-links{width:min(100%,620px);display:grid;grid-template-columns:repeat(6,1fr);gap:.18rem 0;text-align:center;font-size:clamp(.55rem,2.2vw,.67rem)}
  .site-footer .footer-links a{margin:0;grid-column:span 2}
  .site-footer .footer-links a:nth-child(4){grid-column:2 / span 2}
  .site-footer .footer-links a:nth-child(5){grid-column:4 / span 2}
  .site-footer .footer-links a{white-space:nowrap}
  .site-footer .footer-links a:nth-child(2):before,.site-footer .footer-links a:nth-child(3):before,.site-footer .footer-links a:nth-child(5):before{content:"|";margin-right:.55rem;opacity:.55}
}

/* Letzte, eindeutige Footer-Regel: bewusst schlicht. */
.site-footer{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(80px,1fr);align-items:center;gap:2rem;padding:1.4rem var(--pad);font-size:.64rem;line-height:1.5;text-align:left}
.site-footer>strong{justify-self:start;white-space:nowrap}.site-footer>span:last-child{justify-self:end;white-space:nowrap}
.site-footer .footer-links{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:auto;text-align:center;font-size:inherit}
.site-footer .footer-row{display:flex;align-items:center;justify-content:center;gap:.55rem;white-space:nowrap}
.site-footer .footer-links a{display:inline;margin:0;white-space:nowrap}.site-footer .footer-links a:before{content:none!important}
.site-footer .footer-row i{font-style:normal;opacity:.5}.site-footer .pic-bar{margin:0 .02em;transform:none}
@media(max-width:850px){.site-footer{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:1.5rem var(--pad);text-align:center}.site-footer>strong,.site-footer>span:last-child{justify-self:auto}.site-footer .footer-links{display:flex;width:auto;gap:.32rem}.site-footer .footer-row{display:flex;gap:.5rem}.site-footer .footer-links a{grid-column:auto}.site-footer .footer-links a:before{content:none!important}}
@media(max-width:850px){
  .desktop-nav .language-switch a{display:inline}
}