/* Charlier Golf · Teaser. Welt: Schwarz, Weiss, ein Hellgrau, ein Bronze-Ton. Serif fuer Zeilen, gesperrte Grotesk fuer Beschriftung. */
@font-face{font-family:"Newsreader";src:url(font/newsreader-var.woff2) format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url(font/newsreader-var-italic.woff2) format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:"Jost";src:url(font/jost-var.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
  --k:#000; --w:#fff; --g:#f2f2f1; --g2:#e9e9e8;
  --ink:#111; --txt:#4a4a48; --dim:#8b8b88; --line:#dcdcda;
  --acc:#886131; --acc-d:#c39a63;            /* Bronze auf Hell / auf Schwarz */
  --e:cubic-bezier(.16,1,.3,1);
  --gut:clamp(1.25rem,5vw,5rem);
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Jost","Avenir Next","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--k)}
body{font-family:var(--serif);font-size:1.0625rem;line-height:1.7;color:var(--txt);background:var(--w);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--acc);color:#fff}
:focus-visible{outline:1px solid var(--acc-d);outline-offset:4px}
html{scrollbar-color:#3a3a38 #000;scrollbar-width:thin}
.skip{position:fixed;left:1rem;top:-4rem;z-index:100;background:#fff;color:#000;padding:.6rem 1rem;font:500 .75rem var(--sans);letter-spacing:.16em;text-transform:uppercase}
.skip:focus{top:1rem}

.serif{font-family:var(--serif);font-weight:300;font-variation-settings:"opsz" 72;letter-spacing:-.012em}
.serif em{font-style:italic;font-weight:300}
.lbl{font:500 .6875rem/1.4 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:inherit}
.lbl--acc{color:var(--acc)} .lbl--dim{color:var(--dim)}
.cap{font:500 clamp(1.0625rem,1.35vw,1.3125rem)/1.45 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.cap .dash{display:inline-block;width:1.6em;height:1px;background:currentColor;vertical-align:.32em;margin-right:.7em}
.lnk{display:inline-block;padding:.75rem 0 .4rem;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size .5s var(--e)}
.lnk:hover{background-size:38% 1px}

/* ---------- Kopf ---------- */
.top{position:fixed;inset:0 0 auto 0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.1rem var(--gut);mix-blend-mode:difference;color:#fff;pointer-events:none}
.top>*{pointer-events:auto}
.top__logo{grid-column:2;display:block;width:44px;height:44px}
.top__cta{grid-column:3;justify-self:end;padding:.9rem 0}
.top__cta::after{content:"";display:block;height:1px;background:currentColor;margin-top:.35rem;transform:scaleX(.38);transform-origin:0 50%;transition:transform .5s var(--e)}
.top__cta:hover::after{transform:scaleX(1)}

/* ---------- 01 Hero ---------- */
.hero{position:relative;height:100svh;min-height:34rem;background:var(--k);color:#fff;overflow:hidden;display:grid;place-items:center}
.hero__txt{position:relative;z-index:2;text-align:center;padding:0 var(--gut);transform:translate3d(0,calc(var(--hp,0)*-9vh - 7vh),0);opacity:calc(1 - var(--hp,0)*1.5)}
.hero__brand{margin-bottom:1.6rem}
.hero__h{font-size:clamp(2rem,4.3vw,3.75rem);line-height:1.12;color:#f4f4f2;text-wrap:balance}
.hero__h .w{display:inline-block}
.hero__obj{position:absolute;inset:0;z-index:1;pointer-events:none}
.hero__obj{overflow:hidden}
.hero__obj img{width:100%;height:100%;object-fit:cover;object-position:50% 78%;transform:scale(calc(1.14 - var(--hp,0)*.14));filter:brightness(calc(.42 + var(--hp,0)*.4)) contrast(1.1);will-change:transform}
.hero__obj::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 75% 70% at 50% 60%,transparent 30%,rgba(0,0,0,.78) 100%),linear-gradient(to bottom,rgba(0,0,0,.55),transparent 35%,transparent 80%,#000)}
.hero__down{position:absolute;left:50%;bottom:1.6rem;z-index:3;transform:translateX(-50%);display:grid;justify-items:center;gap:.7rem;padding:.5rem;opacity:calc(1 - var(--hp,0)*4)}
.hero__down i{width:1px;height:2.4rem;background:linear-gradient(#fff,#fff) 0 0/100% 40% no-repeat,rgba(255,255,255,.18);animation:drip 2.4s var(--e) infinite}
@keyframes drip{0%{background-position:0 -120%}100%{background-position:0 260%}}

html[data-js] .hero__h .w,html[data-js] [data-in]{opacity:0;transform:translateY(.5em);filter:blur(6px);animation:win 1.4s var(--e) forwards;animation-delay:calc(.25s + var(--i)*.09s)}
@keyframes win{to{opacity:1;transform:none;filter:blur(0)}}
html[data-js] .hero__obj{animation:dawn 3s var(--e) both}
@keyframes dawn{from{opacity:0}to{opacity:1}}

/* ---------- 02 Idee ---------- */
.idea{background:var(--w);text-align:center;padding:clamp(6rem,15vw,12rem) var(--gut)}
.idea__p{max-width:37rem;margin:1.9rem auto 0;font-size:clamp(1.0625rem,1.2vw,1.1875rem);text-wrap:pretty}
.idea__row{display:flex;justify-content:center;align-items:center;gap:1.2rem;margin-top:2.8rem;color:var(--ink)}
.idea__row .serif{font-size:1.1875rem}
.idea__row i{width:1px;height:1rem;background:var(--line)}

/* ---------- 03 Plan ---------- */
.plan{position:relative;height:460vh;background:var(--g)}
.plan__pin{position:sticky;top:0;height:100vh;height:100svh;display:grid;grid-template-columns:minmax(16rem,5fr) 7fr;align-items:center;padding:0 var(--gut);overflow:hidden}
.plan__col{position:relative;z-index:2;max-width:23rem}
.plan__steps{position:relative;height:13rem;margin-top:1.6rem}
.plan__step{position:absolute;inset:0;opacity:0;transform:translateY(14px);filter:blur(5px);transition:opacity .7s var(--e),transform .9s var(--e),filter .7s var(--e);pointer-events:none}
.plan__step p{margin-top:1.2rem;max-width:21rem}
.plan[data-stage="1"] [data-s="1"],.plan[data-stage="2"] [data-s="2"],.plan[data-stage="3"] [data-s="3"],.plan[data-stage="4"] [data-s="4"]{opacity:1;transform:none;filter:none}
.plan__idx{list-style:none;padding:0;margin-top:2.5rem;display:grid;gap:.55rem;color:var(--dim)}
.plan__idx li{display:flex;align-items:center;gap:.8rem;transition:color .5s var(--e)}
.plan__idx li::before{content:"";width:1.4rem;height:1px;background:currentColor;transition:width .6s var(--e)}
.plan[data-stage="1"] .plan__idx li:nth-child(1),.plan[data-stage="2"] .plan__idx li:nth-child(2),.plan[data-stage="3"] .plan__idx li:nth-child(3),.plan[data-stage="4"] .plan__idx li:nth-child(4){color:var(--acc)}
.plan[data-stage="1"] .plan__idx li:nth-child(1)::before,.plan[data-stage="2"] .plan__idx li:nth-child(2)::before,.plan[data-stage="3"] .plan__idx li:nth-child(3)::before,.plan[data-stage="4"] .plan__idx li:nth-child(4)::before{width:3rem}

.plan__stage{position:relative;height:100%;perspective:1700px;perspective-origin:50% 42%}
.plan__world{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d}
.plan__plane{position:relative;height:min(82vh,82svh);aspect-ratio:582/776;transform-style:preserve-3d;
  transform:rotateX(calc(var(--tilt,62)*1deg)) rotateZ(calc(var(--spin,-38)*1deg)) scale(var(--zoom,.9));will-change:transform}
.plan__plane svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.plan__plane::before{content:"";position:absolute;inset:-6%;background:radial-gradient(closest-side,rgba(0,0,0,.10),transparent 72%);transform:translateZ(-2px);opacity:var(--lift,0)}
/* Ebenen */
.plan svg path{fill:none}
.plan .ctx path{stroke:#c9c9c6;stroke-width:.5;opacity:0;transition:opacity 1.6s var(--e)}
.plan .wall path{stroke:var(--ink);stroke-width:1.1;fill:var(--ink);fill-opacity:0;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s var(--e),fill-opacity 1.4s var(--e) .9s}
.plan .ln path{stroke:#5d5d5a;stroke-width:.6;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s var(--e) calc(var(--d,0)*.9s)}
.plan .ln path[fill],.plan .dim path[fill],.plan .el path[fill]{stroke:none;opacity:0;transition:opacity 1s var(--e) .6s}
.plan .ln path[fill]{fill:#5d5d5a;fill-opacity:.5}
.plan .dim path{stroke:#a3a3a0;stroke-width:.45;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s var(--e)}
.plan .dim path[fill]{fill:#a3a3a0}
.plan .el path{stroke:var(--acc);stroke-width:.8;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.8s var(--e)}
.plan .el path[fill]{fill:var(--acc)}
.plan:not([data-stage="0"]) .wall path{stroke-dashoffset:0;fill-opacity:.9}
.plan:not([data-stage="0"]) .ctx path{opacity:1}
.plan:is([data-stage="2"],[data-stage="3"],[data-stage="4"]) .ln path{stroke-dashoffset:0}
.plan:is([data-stage="2"],[data-stage="3"],[data-stage="4"]) .ln path[fill]{opacity:1}
.plan:is([data-stage="3"],[data-stage="4"]) .dim path{stroke-dashoffset:0}
.plan:is([data-stage="3"],[data-stage="4"]) .dim path[fill]{opacity:1}
.plan[data-stage="4"] .el path{stroke-dashoffset:0}
.plan[data-stage="4"] .el path[fill]{opacity:1}
/* Hochgezogene Waende: Kopien der Wandebene, in Z gestapelt */
.plan__ex{position:absolute;inset:0;pointer-events:none;backface-visibility:visible;transform:translateZ(calc(var(--n)*var(--lift,0)*1.8px));opacity:calc(var(--lift,0)*1.4)}
.plan__ex path{stroke:none!important;fill:#1b1b1a!important;fill-opacity:1!important}
.plan__ex--top path{fill:#2c2c2a!important}
/* Markierung je Stufe */
.plan__dot{position:absolute;width:11px;height:11px;margin:-5.5px;border-radius:50%;background:var(--acc);transform:translateZ(calc(var(--lift,0)*20px)) scale(0);transition:transform .8s var(--e);box-shadow:0 0 0 0 rgba(168,129,79,.45)}
.plan__dot.on{transform:translateZ(calc(var(--lift,0)*20px)) scale(1);animation:ping 2.4s var(--e) infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(168,129,79,.5)}100%{box-shadow:0 0 0 22px rgba(168,129,79,0)}}

/* ---------- 04 Versetzte Bloecke ---------- */
.duo{position:relative;display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gut);padding:0 var(--gut);align-items:start}
.duo--a{background:var(--g);padding-top:clamp(5rem,11vw,9rem);z-index:2}
.duo--a .duo__txt{grid-column:2/6;padding-bottom:clamp(5rem,11vw,9rem)}
.duo__txt p{margin:1.5rem 0 1.4rem;max-width:23rem;font-size:1rem}
.duo__box{grid-column:8/13;background:var(--w);margin-bottom:-7rem;aspect-ratio:4/4.6;display:grid;place-items:center;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.18);transform:translate3d(0,var(--py,0),0)}
.duo__box img{width:100%;height:100%;object-fit:cover;object-position:30% 50%}
.duo--b{background:var(--w);padding-bottom:clamp(6rem,12vw,10rem);z-index:2}
.duo__sq{grid-column:2/6;margin-top:-6rem;aspect-ratio:4/5;overflow:hidden;background:#111;transform:translate3d(0,var(--py,0),0)}
.duo__sq video,.duo__sq img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1)}
.duo--b .duo__txt{grid-column:8/12;align-self:end;padding-top:clamp(5rem,10vw,8rem)}

.ghost{position:relative;height:clamp(26rem,82vh,46rem);background:var(--k);overflow:hidden;display:grid;place-items:center;z-index:1;
  --mx:70%;--my:50%}
.ghost__layer{position:absolute;inset:0}
.ghost__layer img{width:100%;height:100%;object-fit:cover}
.ghost__layer--a{opacity:.05;filter:blur(2px) contrast(1.2);transform:scale(1.12) translate3d(0,var(--gy,0),0)}
.ghost__layer--b{opacity:.55;
  -webkit-mask-image:radial-gradient(circle 17rem at var(--mx) var(--my),rgba(0,0,0,.85),rgba(0,0,0,.25) 45%,transparent 72%);
  mask-image:radial-gradient(circle 17rem at var(--mx) var(--my),rgba(0,0,0,.85),rgba(0,0,0,.25) 45%,transparent 72%)}
.ghost__layer--b img{object-position:30% 50%}
.ghost__line{position:relative;color:#d9d9d6;font-size:clamp(1.375rem,2.4vw,2.125rem);text-align:center;padding:0 var(--gut)}

/* ---------- 05 Grosse Zeile ---------- */
.big{background:var(--w);padding:0 var(--gut) clamp(5rem,12vw,10rem)}
.big__t{font:600 clamp(3.5rem,13.5vw,13rem)/.98 var(--sans);letter-spacing:.2em;text-transform:uppercase;margin-left:8.33%;
  color:#1a1a1a;background:#111 url(vid/shoes-bw.webp) var(--bp,50%) 92%/260% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* ---------- 06 Liste ---------- */
.list{background:var(--k);color:#bdbdb9;display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gut);padding:clamp(6rem,13vw,11rem) var(--gut)}
.list__l{grid-column:2/7}
.list__h{font-size:clamp(2rem,3.8vw,3.25rem);line-height:1.12;color:#f4f4f2;margin-top:1.6rem}
.list__p{margin-top:1.8rem;max-width:26rem}
.list__p--s{font-size:.9375rem;color:var(--dim)}
.list__p a{color:#e8e8e5;border-bottom:1px solid #4a4a47}
.list .lbl--acc{color:var(--acc-d)}
.form{grid-column:8/12;display:grid;gap:1.7rem;align-content:start}
.f{display:grid;gap:.2rem}
.f label,.opts legend{font:500 .6875rem/1.4 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#9a9a96}
.f label span{letter-spacing:.12em;color:#6d6d6a;text-transform:none;font-size:.75rem;margin-left:.4rem}
.f input{appearance:none;width:100%;background:none;border:0;border-bottom:1px solid #3a3a38;border-radius:0;padding:.7rem 0 .75rem;font:300 1.1875rem var(--serif);color:#fff;caret-color:var(--acc-d);transition:border-color .4s var(--e)}
.f input:hover{border-color:#6a6a66}
.f input:focus{outline:0;border-color:var(--acc-d)}
.f input[aria-invalid="true"]{border-color:#d98a6a}
.f input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 99px #000 inset;caret-color:#fff}
.f--hp{position:absolute;left:-200vw;width:1px;height:1px;overflow:hidden}
.f__err{font:400 .875rem/1.4 var(--sans);color:#e2a084;margin-top:.45rem}
.opts{border:0;padding:0;display:grid;gap:.9rem}
.opts legend{margin-bottom:1rem;padding:0}
.chk{display:grid;grid-template-columns:1.125rem 1fr;gap:.9rem;align-items:start;font-size:1rem;line-height:1.5;color:#cfcfcb;cursor:pointer}
.chk input{position:absolute;opacity:0;width:1.125rem;height:1.125rem;margin:0}
.chk i{width:1.125rem;height:1.125rem;border:1px solid #6a6a66;margin-top:.2rem;display:grid;place-items:center;transition:border-color .3s,background .3s}
.chk i::after{content:"";width:.5rem;height:.5rem;background:var(--acc-d);transform:scale(0);transition:transform .35s var(--e)}
.chk input:checked+i{border-color:var(--acc-d)} .chk input:checked+i::after{transform:scale(1)}
.chk input:focus-visible+i{outline:1px solid var(--acc-d);outline-offset:3px}
.chk--consent{font-size:.875rem;color:#9a9a96}
.chk--consent a{color:#e8e8e5;border-bottom:1px solid #4a4a47}
.btn{appearance:none;border:1px solid #fff;background:#fff;color:#000;padding:1.25rem 1.5rem;cursor:pointer;border-radius:0;position:relative;overflow:hidden;transition:color .5s var(--e)}
.btn::before{content:"";position:absolute;inset:0;background:#000;transform:translateY(101%);transition:transform .6s var(--e)}
.btn span{position:relative}
.btn:hover{color:#fff} .btn:hover::before{transform:none}
.btn[disabled]{opacity:.5;cursor:progress}
.form__msg{font-size:1rem;color:#e8e8e5;min-height:1.6em}
.form__msg a{border-bottom:1px solid #6a6a66}
.form.done>*:not(.form__msg){display:none}
.form.done .form__msg{font:300 clamp(1.375rem,2vw,1.75rem)/1.35 var(--serif);color:#f4f4f2}

.step{display:grid;gap:1.7rem}
.opts--s legend span{letter-spacing:.04em;color:#6d6d6a;text-transform:none;font-size:.8125rem;margin-left:.5rem}
.opts--s legend{margin-bottom:.8rem}
.chips{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:.5rem}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.chip span{display:block;text-align:center;white-space:nowrap;padding:.7rem .9rem;border:1px solid #3a3a38;font:500 .6875rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#cfcfcb;transition:border-color .35s var(--e),background .35s var(--e),color .35s var(--e)}
.chip:hover span{border-color:#8b8b88}
.chip input:checked+span{background:#f4f4f2;border-color:#f4f4f2;color:#000}
.chip input:focus-visible+span{outline:1px solid var(--acc-d);outline-offset:3px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.form__msg:focus{outline:0}
@media (max-width:1180px){.chips{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.f2{grid-template-columns:1fr}}

/* ---------- Fuss ---------- */
.foot{background:var(--k);color:#9a9a96;border-top:1px solid #1d1d1c;padding:3.5rem var(--gut) 2.5rem;display:grid;justify-items:center;gap:1.5rem;text-align:center;font-size:.9375rem}
.foot a:hover{color:#fff}
.foot__l{display:flex;gap:2rem}
.foot__l a{padding:.6rem 0}
.foot__pv{display:flex;align-items:center;gap:.8rem;margin-top:1rem;opacity:.7;transition:opacity .4s var(--e)}
.foot__pv:hover{opacity:1}
/* Wortmarke mit dem kurzen Farb-Glitch von pietz-ventures.com (brand.css/brand.js dort, 1:1 übernommen) */
.brand-home{display:block;position:relative;width:70px;line-height:0;isolation:isolate;padding:.5rem 0}
.brand-home img{display:block;width:100%;height:auto}
.brand-home::before,.brand-home::after{content:"";position:absolute;inset:.5rem 0;pointer-events:none;opacity:0;-webkit-mask:url(img/pv-wordmark.svg) 0 0/100% 100% no-repeat;mask:url(img/pv-wordmark.svg) 0 0/100% 100% no-repeat;-webkit-mask-mode:luminance;mask-mode:luminance}
.brand-home::before{background:#00edff}.brand-home::after{background:#dbff00}
.brand-home.is-glitching::before{animation:brand-glitch-cyan .6s steps(1,end)}
.brand-home.is-glitching::after{animation:brand-glitch-yellow .6s steps(1,end)}
.brand-home.is-glitching img{animation:brand-liquid .6s cubic-bezier(.2,.8,.2,1);transform-origin:38% 50%}
.brand-spark{position:absolute;left:var(--sx);top:var(--sy);width:3px;height:3px;border-radius:50%;background:#dbff00;box-shadow:0 0 5px #dbff00;opacity:0;pointer-events:none}
.brand-spark:nth-of-type(even){background:#00edff;box-shadow:0 0 5px #00edff;width:2px;height:2px}
.brand-home.is-glitching .brand-spark{animation:brand-particle .6s cubic-bezier(.12,.65,.25,1) both}
@keyframes brand-glitch-cyan{0%{opacity:.95;transform:translate(-3px,0);clip-path:inset(8% 0 58% 0)}25%{transform:translate(4px,1px);clip-path:inset(55% 0 16% 0)}50%{transform:translate(-2px,-1px);clip-path:inset(25% 0 35% 0)}75%{opacity:.6;transform:translate(1px,0);clip-path:inset(0 0 70% 0)}100%{opacity:0;transform:none}}
@keyframes brand-glitch-yellow{0%{opacity:.95;transform:translate(3px,1px);clip-path:inset(52% 0 12% 0)}25%{transform:translate(-4px,0);clip-path:inset(15% 0 60% 0)}50%{transform:translate(2px,1px);clip-path:inset(60% 0 8% 0)}75%{opacity:.6;transform:translate(-1px,0);clip-path:inset(30% 0 42% 0)}100%{opacity:0;transform:none}}
@keyframes brand-liquid{0%{transform:none;filter:none}18%{transform:perspective(320px) rotateY(-5deg) skewX(-7deg) scale(1.035,.91);filter:drop-shadow(2px 2px 0 #00a6a8) drop-shadow(-1px -1px 3px #dbff0077)}40%{transform:perspective(320px) rotateY(3deg) skewX(4deg) scale(.98,1.07);filter:drop-shadow(-1px 2px 0 #8b9b22) drop-shadow(1px -1px 2px #00edff66)}65%{transform:skewX(-1.5deg) scale(1.01,.985);filter:drop-shadow(0 1px 0 #789099)}100%{transform:none;filter:none}}
@keyframes brand-particle{0%{opacity:0;transform:translate(0,0) scale(.3)}12%{opacity:1}70%{opacity:.6}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.1)}}

/* ---------- Eintritt ---------- */
html[data-js] [data-rv]{opacity:0;transform:translateY(18px);transition:opacity 1.2s var(--e),transform 1.4s var(--e)}
html[data-js] [data-rv].in{opacity:1;transform:none}

/* ---------- Rechtliches ---------- */
.legal{background:var(--w);padding:9rem var(--gut) 6rem}
.legal__in{max-width:40rem;margin:0 auto}
.legal h1{font-size:clamp(2rem,3.6vw,3rem);color:var(--ink);line-height:1.15}
.legal h2{margin:4rem 0 1.2rem}
.legal h3{font:500 .8125rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:2rem 0 .5rem}
.legal p,.legal ul{margin-top:.9rem}
.legal a{color:var(--ink);border-bottom:1px solid var(--line)}
.legal .note{font:400 .8125rem var(--sans);color:var(--acc);border:1px dashed var(--acc);padding:.7rem 1rem;margin-top:1.5rem}
.top--solid{mix-blend-mode:normal;background:#000}

/* ---------- Schmal ---------- */
@media (max-width:900px){
  .plan{height:420vh}
  .plan__pin{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start;padding-top:5.5rem}
  .plan__col{max-width:none}
  .plan__steps{height:9.5rem;margin-top:1rem}
  .plan__step p{max-width:30rem;margin-top:.7rem;font-size:1rem;line-height:1.55}
  .plan__idx{display:none}
  .plan__plane{height:min(52svh,120vw)}
  .plan__stage{perspective:1100px}
  .duo--a .duo__txt,.duo--b .duo__txt{grid-column:1/-1}
  .duo--a .duo__txt{padding-bottom:3.5rem}
  .duo__box{grid-column:3/-1;margin-right:calc(var(--gut)*-1);margin-bottom:-4rem}
  .duo__sq{grid-column:1/10;margin-left:calc(var(--gut)*-1);margin-top:-4rem}
  .duo--b .duo__txt{padding-top:3.5rem}
  .big__t{margin-left:0;letter-spacing:.14em}
  .list__l,.form{grid-column:1/-1}
  .form{margin-top:3.5rem}
}
@media (max-width:520px){
  .top__cta{letter-spacing:.2em}
  .idea__row{flex-direction:column;gap:.6rem} .idea__row i{display:none}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
  html[data-js] .hero__h .w,html[data-js] [data-in],html[data-js] [data-rv]{opacity:1;transform:none;filter:none}
  .plan svg path,.plan__step{transition-duration:.7s!important;transition-delay:0s!important}
  .plan__step{transform:none;filter:none}
  .plan__dot.on{animation:none!important}
  .brand-home.is-glitching::before,.brand-home.is-glitching::after,.brand-home.is-glitching img,.brand-home.is-glitching .brand-spark{animation:none}
}

/* Datenschutz: gleichwertige Auswahl, ohne blockierenden Dialog. */
.form__hint{font:400 .8125rem/1.5 var(--sans);color:#9a9a96}
.privacy-settings{appearance:none;border:0;background:none;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;padding:.6rem 0;cursor:pointer}
.foot__l{flex-wrap:wrap;justify-content:center;column-gap:2rem;row-gap:.3rem}
.privacy-choice{position:fixed;z-index:100;inset:auto 1.25rem 1.25rem auto;width:min(31rem,calc(100% - 2.5rem));padding:1.5rem;background:#f4f4f2;color:#262625;border:0;box-shadow:0 12px 32px #0003;font:400 .9375rem/1.55 var(--sans)}
.privacy-choice[hidden]{display:none}
.privacy-choice h2{font:400 1.6rem/1.2 var(--serif);color:#111;margin:0 0 .7rem}
.privacy-choice p{margin:0}
.privacy-choice a{text-decoration:underline;text-underline-offset:.2em}
.privacy-choice__actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.2rem}
.privacy-choice__actions button{appearance:none;min-height:48px;padding:.65rem .8rem;background:transparent;color:#161615;border:1px solid #656561;font:500 .8125rem/1.4 var(--sans);cursor:pointer}
.privacy-choice__actions button:hover{background:#e3e3df}
.privacy-choice button:focus-visible,.privacy-settings:focus-visible{outline:2px solid var(--acc);outline-offset:4px}
@media(max-width:380px){.privacy-choice{inset:auto .75rem .75rem;width:calc(100% - 1.5rem);padding:1.1rem}.privacy-choice__actions{gap:.5rem}}

.legal h2.legal__sub{font:500 .8125rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:2rem 0 .5rem}

html{scroll-padding-top:6rem}