:root{--dark:#10171b;--dark2:#193031;--paper:#f4f2ec;--cream:#e9e7df;--ink:#1b2828;--soft:#596965;--sage:#bbdf93;--mint:#8fd4d3;--copper:#e6a374;--violet:#d8b9d9;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;font-family:var(--font);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::selection{background:var(--sage);color:var(--ink)}.wrap{width:min(1190px,calc(100% - 56px));margin-inline:auto}.kicker{font-size:11px;letter-spacing:.22em;font-weight:800;text-transform:uppercase;color:#66806d;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:49px;padding:14px 25px;border-radius:40px;background:var(--sage);color:#182422;font-size:12px;font-weight:800;letter-spacing:.02em;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#d0efb1}.btn svg{width:17px;height:17px}.floating{position:fixed;z-index:40;left:50%;top:18px;transform:translateX(-50%);width:min(1210px,calc(100% - 32px));border:1px solid rgba(22,40,41,.13);background:rgba(244,242,236,.96);box-shadow:0 16px 50px #0002;border-radius:22px;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);display:flex;align-items:center;justify-content:space-between;padding:11px 18px;gap:12px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img{width:46px;height:46px;object-fit:contain}.brand strong{display:block;font-size:23px;letter-spacing:-.075em}.brand small{display:block;text-transform:uppercase;font-size:8px;letter-spacing:.19em;color:#52635c}.nav{display:flex;align-items:center;gap:25px;font-size:11px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.nav a:not(.btn):hover{text-decoration:underline;text-underline-offset:5px}
.hero{position:relative;min-height:92svh;padding:195px 0 114px;background:radial-gradient(ellipse 45% 48% at 82% 34%,#254346 0%,transparent 72%),radial-gradient(ellipse 42% 45% at 2% 88%,#40372e 0%,transparent 78%),#10171b;color:var(--paper);overflow:hidden;isolation:isolate;display:flex;align-items:center}.hero .wrap{position:relative;z-index:3}.grid-bg{position:absolute;inset:-12%;background-image:linear-gradient(rgba(219,235,227,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(219,235,227,.045) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,transparent,black 20%,black 90%,transparent);transform:perspective(600px) rotateX(11deg) scale(1.2);pointer-events:none}.grain{position:absolute;inset:0;opacity:.2;pointer-events:none;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.19'/%3E%3C/svg%3E")}.hero h1{font-size:clamp(54px,8.2vw,118px);line-height:1.01;letter-spacing:-.078em;max-width:1090px;font-weight:670;margin:24px 0 31px}.hero h1 span{color:var(--copper)}.hero .lead{font-size:clamp(18px,1.8vw,23px);line-height:1.55;color:#cfddd8;max-width:680px;margin:0}.hero-note{margin-top:63px;display:flex;gap:13px;align-items:center;color:#a0b2ad;font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.hero-note .line{height:1px;width:47px;background:#9caf9d}.section{padding:clamp(90px,10vw,155px) 0}.section h2{font-size:clamp(42px,5.6vw,79px);letter-spacing:-.068em;line-height:1.075;font-weight:670;margin:18px 0 29px}.section p{color:#51635b;line-height:1.75;font-size:clamp(16px,1.5vw,19px)}
.meet{background:var(--paper)}.meet-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);align-items:center;gap:clamp(45px,7vw,115px)}.meet-copy h2{max-width:700px}.meet-copy p{max-width:615px}.meet-copy p:last-child{margin-bottom:0}.portrait-frame{position:relative;padding:13px;background:#e4e7dd;border:1px solid #d4d8cd;border-radius:23px;box-shadow:0 30px 65px rgba(18,38,30,.1)}.portrait-frame img{width:100%;display:block;aspect-ratio:4/4.6;object-fit:cover;object-position:center;border-radius:14px;filter:saturate(.86)}.portrait-caption{display:flex;justify-content:space-between;gap:10px;padding:17px 4px 4px;font-size:11px;letter-spacing:.07em;color:#61776b;text-transform:uppercase;font-weight:750}.portrait-caption strong{color:var(--ink)}
.contrast{background:#e4e8dd}.contrast-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,130px)}.contrast .statement{font-size:clamp(37px,4.35vw,64px);line-height:1.13;letter-spacing:-.066em;font-weight:680;margin:14px 0 0;color:var(--ink)}.contrast .statement em{font-style:normal;color:#5e866b}.contrast .reflection{padding-top:25px}.contrast .reflection p{margin:0 0 23px}.rule{width:110px;height:4px;border-radius:5px;background:var(--copper);margin:30px 0}
.path{background:var(--paper)}.path .head{max-width:850px}.path .head p{max-width:750px}.timeline{margin-top:63px;border-top:1px solid #bcc8bc}.station{display:grid;grid-template-columns:85px minmax(230px,.8fr) 1.4fr;gap:26px;padding:40px 0;border-bottom:1px solid #bcc8bc;align-items:start}.station .idx{font-weight:790;letter-spacing:.12em;font-size:12px;color:#668270}.station h3{font-size:clamp(28px,3.05vw,44px);line-height:1.11;letter-spacing:-.055em;margin:0;font-weight:680}.station h3:after{content:"";display:block;width:128px;height:5px;border-radius:10px;background:var(--violet);margin-top:19px}.station:nth-child(2) h3:after,.station:nth-child(4) h3:after{background:var(--copper)}.station p{font-size:clamp(16px,1.45vw,18px);line-height:1.75;margin:0;max-width:560px}.station strong{color:#29453a}
.friction{background:#172b2d;color:var(--paper);overflow:hidden;position:relative}.friction:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 15%,#31545570,transparent 55%);pointer-events:none}.friction .wrap{position:relative}.friction h2{max-width:1000px;color:var(--paper)}.friction h2 span{color:var(--sage)}.friction .intro{max-width:770px;color:#bdcfca}.friction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:64px}.friction-grid article{padding:31px 28px 34px;border-radius:14px;border:1px solid #7ba59c3d;background:linear-gradient(145deg,#ffffff15,#ffffff05);backdrop-filter:blur(10px);min-height:245px}.friction-grid .num{display:block;color:var(--mint);font-size:11px;font-weight:800;letter-spacing:.15em;margin-bottom:47px}.friction-grid h3{font-size:clamp(22px,2.2vw,29px);line-height:1.18;letter-spacing:-.04em;margin:0 0 15px}.friction-grid p{color:#bbcec7;font-size:15px;line-height:1.7;margin:0}
.outcome{background:#e9e7df}.outcome-layout{display:grid;grid-template-columns:1fr .9fr;gap:clamp(45px,7vw,110px);align-items:start}.outcome h2{max-width:710px}.outcome .answer{padding-top:53px}.outcome .answer p{margin:0 0 22px}.outcome .answer strong{color:#1b3831}.manifest{background:#e4e8dd}.manifest-head{max-width:800px}.manifest-list{margin-top:52px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.manifest-item{background:#f4f2ec;border-radius:13px;padding:30px 30px 33px;border-top:4px solid var(--sage)}.manifest-item:nth-child(2){border-color:var(--mint)}.manifest-item:nth-child(3){border-color:var(--copper)}.manifest-item:nth-child(4){border-color:var(--violet)}.manifest-item h3{margin:0 0 13px;font-size:23px;letter-spacing:-.04em}.manifest-item p{font-size:15px;margin:0;line-height:1.7}
.contact{background:var(--dark);color:var(--paper);padding:115px 0}.contact h2{font-size:clamp(42px,6vw,80px);letter-spacing:-.07em;line-height:1.07;max-width:980px;margin:19px 0 24px}.contact p{color:#bfd1cb;max-width:760px;font-size:19px;line-height:1.7}.contact .btn{margin-top:20px}.footer{background:#0b1416;color:#a0afa8;padding:28px 0}.footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.footer a:hover{text-decoration:underline}.reveal{opacity:1;transform:none}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.nav>a:not(.btn){display:none}.meet-grid,.contrast-layout,.outcome-layout{grid-template-columns:1fr}.meet-grid{gap:45px}.portrait-frame{max-width:610px}.contrast .reflection,.outcome .answer{padding-top:0}.friction-grid{grid-template-columns:1fr 1fr}.station{grid-template-columns:55px 1fr}.station p{grid-column:2}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.floating{top:10px;width:calc(100% - 20px);padding:7px 10px;border-radius:17px}.brand img{width:38px;height:38px}.brand strong{font-size:20px}.brand small{font-size:7px}.nav{gap:4px}.nav .btn{font-size:11px;padding:10px 14px;min-height:41px}.hero{min-height:88svh;padding:165px 0 92px}.hero h1{font-size:clamp(49px,12.2vw,72px);letter-spacing:-.075em}.hero .lead{font-size:18px}.hero-note{margin-top:45px}.section{padding:82px 0}.section h2{font-size:clamp(39px,10vw,58px)}.meet-grid{display:flex;flex-direction:column-reverse;align-items:stretch}.portrait-frame{margin:0 auto;width:100%}.portrait-frame img{aspect-ratio:4/3.9}.contrast .statement{font-size:clamp(36px,9.4vw,52px)}.station{grid-template-columns:38px 1fr;gap:12px;padding:31px 0}.station h3{font-size:30px}.station p{font-size:16px}.friction-grid,.manifest-list{grid-template-columns:1fr}.friction-grid article{min-height:0}.friction-grid .num{margin-bottom:28px}.footer .wrap{flex-wrap:wrap}.contact{padding:89px 0}.contact p{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn{transition:none}}
/* iPhone/Safari: Inhalte grundsätzlich sichtbar, selbst wenn Animationen nicht starten. */
@supports(-webkit-touch-callout:none){.hero{min-height:80vh;min-height:80svh}.hero .wrap{opacity:1!important;visibility:visible!important;display:block}.reveal{opacity:1!important;visibility:visible!important;transform:none!important}.grid-bg{transform:none}}

/* Header an Hauptseite angeglichen */
.topbar{position:fixed!important;top:14px!important;left:clamp(12px,2.3vw,36px)!important;right:clamp(12px,2.3vw,36px)!important;width:auto!important;height:74px!important;padding:8px 18px!important;border:1px solid rgba(255,255,255,.78);border-radius:17px;background:rgba(244,242,236,.93);box-shadow:0 12px 45px rgba(12,21,25,.17);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#10171b!important;z-index:100!important;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:12px}
.topbar .brand{display:flex;align-items:center;gap:14px;min-width:0}
.topbar .brand-mark{width:53px;height:53px;display:block;object-fit:contain;filter:none}
.topbar .brand-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.topbar .brand-name{font-weight:850;letter-spacing:-.07em;font-size:28px;line-height:1;color:#10171b!important}
.topbar .brand-tag{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#485b59!important;white-space:nowrap}
.topbar .navright{display:flex;gap:30px;align-items:center;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.topbar .navright a{color:#182a2c!important;opacity:1}
.topbar .navright a:hover{text-decoration:none;opacity:.82}
.topbar .navright .outline{padding:13px 19px;border:1px solid #1b3132;border-radius:100px;background:#1b3132;color:#f4f2ec!important;white-space:nowrap}
.topbar .navright .outline:hover{background:#365558}
@media(max-width:760px){
 .topbar{top:calc(8px + env(safe-area-inset-top,0px))!important;left:10px!important;right:10px!important;height:61px!important;padding:6px 9px!important;border-radius:13px;gap:6px}
 .topbar .brand{gap:7px}
 .topbar .brand-mark{width:39px;height:39px}
 .topbar .brand-name{font-size:19px}
 .topbar .brand-tag{font-size:7px;letter-spacing:.05em;white-space:nowrap}
 .topbar .navright{gap:0}
 .topbar .navright a:not(.outline){display:none}
 .topbar .navright .outline{padding:10px 10px;font-size:9px;letter-spacing:.03em}
}
@media(max-width:380px){
 .topbar .brand-tag{display:none}
 .topbar .brand-mark{width:36px;height:36px}
}
/* Inter lokal */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:optional;src:url(/assets/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:optional;src:url(/assets/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Hamburger-Menue wie Startseite */
.nav-toggle{display:none;background:none;border:0;padding:0;margin-left:8px;width:42px;height:42px;border-radius:50%;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.nav-toggle span{display:block;width:20px;height:2px;background:#182a2c;border-radius:2px;transition:transform .2s,opacity .2s}
.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav{display:none}
.topbar .navright a.nav-check{color:#2f5d57!important}
.topbar .navright a[aria-current=page]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
@media(max-width:1580px) and (min-width:1401px){.topbar .navright{gap:22px;font-size:10px;letter-spacing:.12em}}
@media(max-width:1400px){
.nav-toggle{display:flex}
.topbar .navright{gap:0}
.topbar .navright a:not(.outline){display:none}
.mnav:not([hidden]){display:flex;flex-direction:column;position:absolute;left:0;right:0;top:calc(100% + 8px);background:#e9e6dd;border-radius:18px;padding:10px 8px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.mnav a{padding:15px 16px;font:700 13px Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#182a2c;border-radius:12px;text-decoration:none}
.mnav a:active,.mnav a:hover{background:rgba(24,42,44,.08)}
.mnav a[aria-current=page]{background:rgba(24,42,44,.08)}
.mnav .mnav-check{color:#2f5d57}
}
@media(min-width:1401px){.mnav{display:none!important}}
/* Footer */
.footer .foot-legal{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:6px}
.footer .foot-legal a,.footer .foot-legal button{color:#b4c3bc;font:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:none}
.footer .foot-legal a:hover,.footer .foot-legal button:hover{color:#f4f2ec;text-decoration:underline}

.kicker-sage{color:var(--sage)}
.footer .wrap{align-items:center}