.ablauf-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:clamp(40px,6vw,96px);display:grid}.steps-wrap{margin-top:clamp(36px,5vh,56px);padding-left:44px;position:relative}.steps-line{width:4px;height:calc(100% - 20px);position:absolute;top:10px;bottom:10px;left:12px;overflow:visible}.steps-line path{fill:none;stroke:var(--line-strong);stroke-width:2px;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw,0))}.step{padding-bottom:clamp(26px,4vh,40px);position:relative}.step:last-child{padding-bottom:0}.step:before{content:"";background:var(--canvas);border:2px solid var(--line-strong);width:12px;height:12px;transition:background-color .6s var(--ease-out),border-color .6s var(--ease-out);border-radius:50%;position:absolute;top:.45em;left:-38px}.step.in:before{background:var(--ink);border-color:var(--ink)}.step:last-child.in:before{background:var(--accent);border-color:var(--accent)}.step-n{color:var(--text-secondary);margin-bottom:.35rem;display:block}.step-h{font-family:var(--f-display);letter-spacing:-.01em;margin-bottom:.4em;font-size:clamp(1.3rem,1.7vw,1.6rem);line-height:1.15}.step p{color:var(--text-secondary);max-width:46ch;margin:0}.keep{margin:clamp(0px,8vh,90px) 0 0;position:sticky;top:120px}.keep-card{position:relative}.keep .browser img{transition:filter .6s var(--ease-out)}.keep.hp .browser img{filter:saturate(.8)brightness(.92)}.stamp{pointer-events:none;opacity:0;width:min(62%,300px);transition:opacity .25s var(--ease-out),transform .45s cubic-bezier(.2,1.6,.4,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-9deg)scale(1.9)}.stamp svg{width:100%;height:auto;overflow:visible}.stamp rect{fill:none;stroke:var(--accent);stroke-width:5px}.stamp .stamp-in{stroke-width:2px}.stamp text{fill:var(--accent);font-family:var(--f-display);text-transform:uppercase;font-size:44px;font-weight:700}.stamp svg{filter:drop-shadow(0 0 1px #0f3b2e66)}.keep.kept .stamp{opacity:.94;transform:translate(-50%,-50%)rotate(-9deg)scale(1)}.keep-ui{align-items:center;gap:20px;margin-top:26px;display:flex}.hold{background:var(--panel);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:76px;height:76px;transition:transform .3s var(--ease-out),background-color .4s var(--ease-out);border:0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;box-shadow:0 10px 24px -12px #0a1f1873}.hold:hover{transform:scale(1.04)}.hold.pressing{transform:scale(.96)}.hold-ring{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.hold-ring circle{fill:none;stroke:var(--line);stroke-width:3px}.hold-ring .hold-fill{stroke:var(--accent);stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p,0));stroke-linecap:round}.hold-label{font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.66rem}.keep.kept .hold{background:var(--accent);color:#fff}.keep.kept .hold-ring circle{stroke:#0000}.keep-copy{min-height:3.2em}.keep-hint{color:var(--text-secondary);max-width:34ch;transition:opacity .4s var(--ease-out);margin:0;font-size:.98rem}.keep-done{font-family:var(--f-display);letter-spacing:-.01em;margin:0;font-size:1.3rem;line-height:1.2}.keep.kept .keep-hint{display:none}@media (width<=960px){.ablauf-grid{grid-template-columns:minmax(0,1fr)}.keep{max-width:560px;margin-top:0;position:relative;top:auto}}@media (width<=560px){.keep-ui{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.steps-line path{stroke-dashoffset:0!important}}.sec.beispiele{padding-top:clamp(72px,10vh,120px)}.beispiele-head{max-width:640px;margin-bottom:clamp(48px,8vh,96px)}.shop{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.shop+.shop{margin-top:clamp(80px,14vh,160px)}.shop-b{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}.shop-b .shop-window{order:2}.shop-window{background:var(--night);border-radius:16px;padding:14px;position:relative;box-shadow:0 40px 80px -40px #0a1f1899}.shop-window:before{content:"";z-index:-1;opacity:0;transition:opacity 1.6s var(--ease-out) .3s;background:radial-gradient(closest-side,#c9a45c57,#c9a45c00);border-radius:50%;position:absolute;inset:-12% -8%}.shop-window:after{content:"";pointer-events:none;opacity:0;transition:opacity 1.4s var(--ease-io) .15s;background:#081a14;border-radius:10px;position:absolute;inset:14px}.shop.in .shop-window:before{opacity:1}.js .shop-window:after{opacity:.78}.js .shop.in .shop-window:after{opacity:0}.browser-lg{border-radius:10px}.phone{width:22%;min-width:96px;transition:transform 1.1s var(--ease-out) .5s,opacity 1.1s var(--ease-out) .5s;background:#081a14;border-radius:22px;padding:6px;position:absolute;bottom:-9%;right:-5%;box-shadow:0 24px 50px -18px #06140fbf}.phone img{aspect-ratio:390/760;object-fit:cover;object-position:top;border-radius:16px;width:100%;height:auto}.shop-b .phone{left:-5%;right:auto}.js .phone{opacity:0;transform:translateY(40px)}.js .shop.in .phone{opacity:1;transform:none}.js .shop-text{opacity:0;transition:opacity .9s var(--ease-out) .2s,transform .9s var(--ease-out) .2s;transform:translateY(22px)}.js .shop.in .shop-text{opacity:1;transform:none}.shop-meta{color:var(--text-secondary);align-items:center;gap:12px;margin-bottom:1rem;display:flex}.chip{border:1px solid var(--line-strong);color:var(--ink);border-radius:999px;padding:4px 11px;display:inline-block}.shop-text p{color:var(--text-secondary);max-width:40ch}.tags{flex-wrap:wrap;gap:8px;margin-top:1.4rem;display:flex}.tags li{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:.8rem}@media (width<=960px){.shop,.shop-b{grid-template-columns:minmax(0,1fr);gap:48px}.shop-b .shop-window{order:0}}@media (width<=560px){.phone{width:30%;bottom:-8%;right:-2%}.shop-b .phone{left:-2%}.shop-window{border-radius:18px;padding:8px}.shop-window:after{inset:8px}}@media (prefers-reduced-motion:reduce){.js .shop-text,.js .phone{opacity:1!important;transform:none!important}.js .shop-window:after{opacity:0!important}.shop-window:before{opacity:1!important}.phone{transform:none!important}}.divider{top:0;left:var(--gutter);right:var(--gutter);width:calc(100% - 2*var(--gutter));height:40px;position:absolute;overflow:visible}.divider path{fill:none;stroke:var(--line-strong);stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw,0))}.preise-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;column-gap:clamp(40px,6vw,96px);margin-bottom:clamp(44px,6vh,72px);display:grid}.preise-head .lede{margin-bottom:.9em}.plans{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;gap:clamp(18px,2.4vw,32px);display:grid}.plan{border-radius:16px;flex-direction:column;padding:clamp(28px,3.4vw,48px);display:flex;position:relative}.plan-site{background:var(--panel);border:1px solid var(--line)}.plan-care{background:var(--night);color:var(--on-night);overflow:hidden}.plan-head{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:baseline;gap:4px 16px;margin-bottom:22px;padding-bottom:22px;display:grid}.plan-care .plan-head{border-color:#f2efe724}.plan-tag{color:var(--text-secondary);grid-column:1/-1}.plan-care .plan-tag{color:var(--gold)}.plan-h{font-size:clamp(1.9rem,2.8vw,2.6rem)}.plan-price{font-family:var(--f-display);white-space:nowrap;margin:0;font-size:clamp(1.4rem,2vw,1.8rem);font-weight:600}.plan-from,.plan-cur{opacity:.8;font-size:.62em;font-weight:500}.plan-list{gap:14px;margin-bottom:30px;display:grid}.plan-list li{padding-left:30px;position:relative}.plan-list li:before{content:"";opacity:.75;border-bottom:2px solid;border-left:2px solid;width:14px;height:8px;position:absolute;top:.52em;left:2px;transform:rotate(-45deg)}.plan-list .opt{color:var(--text-secondary)}.plan-list .opt:before{border-style:dashed}.plan-site .btn{align-self:flex-start;margin-top:auto}.report{background:var(--night-2);border-radius:14px;margin-top:auto;padding:16px 18px 18px}.report-h{color:var(--on-night-2);margin-bottom:12px}.report-bars{align-items:flex-end;gap:10px;height:64px;display:flex}.report-bars i{transform-origin:bottom;height:100%;transition:transform 1.1s var(--ease-out);background:#f2efe72e;border-radius:4px 4px 1px 1px;flex:1;transform:scaleY(.04)}.report-bars i:last-child{background:var(--gold)}.plan-care.in .report-bars i{transform:scaleY(var(--h))}.plan-care.in .report-bars i:nth-child(2){transition-delay:80ms}.plan-care.in .report-bars i:nth-child(3){transition-delay:.16s}.plan-care.in .report-bars i:nth-child(4){transition-delay:.24s}.plan-care.in .report-bars i:nth-child(5){transition-delay:.32s}.plan-care.in .report-bars i:nth-child(6){transition-delay:.4s}.report-bars i:last-child:after{content:"";position:absolute}.fine{color:var(--text-secondary);margin-top:22px;font-size:.88rem}@media (width<=960px){.preise-head,.plans{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.plan-head{grid-template-columns:minmax(0,1fr)}.plan-site .btn{align-self:stretch}}@media (prefers-reduced-motion:reduce){.divider path{stroke-dashoffset:0!important}.report-bars i{transform:scaleY(var(--h))!important}}.kontakt{background:var(--night);color:var(--on-night);isolation:isolate;padding-block:clamp(96px,14vh,168px);position:relative;overflow:hidden}.kontakt-bg{z-index:-1;background:radial-gradient(50% 60% at 88% 100%,#c9a45c29,#c9a45c00 70%), radial-gradient(45% 55% at 70% 20%,#0f3b2e59,#0f3b2e00 70%), radial-gradient(60% 50% at 10% 0%,#285a464d,#285a4600 70%), var(--night);position:absolute;inset:0}.kontakt-bg:after{content:"";height:40%;animation:breathe 9s var(--ease-io) infinite alternate;background:linear-gradient(#0000,#0a1f1899);animation-delay:-4s;position:absolute;inset:auto 0 0}.kontakt-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(40px,6vw,96px);display:grid}.kontakt .h2{max-width:13ch}.kontakt .lede{color:var(--on-night-2)}.direct{gap:18px;margin-top:2.2rem;display:grid}.direct li{gap:4px;display:grid}.direct span{color:var(--on-night-2)}.direct a{font-family:var(--f-display);justify-self:start;font-size:clamp(1.2rem,1.7vw,1.5rem);font-weight:600}.form{background:#f2efe70d;border:1px solid #f2efe724;border-radius:16px;gap:18px;padding:clamp(24px,3vw,40px);display:grid}.field{gap:8px;display:grid}.field label{font-size:.95rem;font-weight:500}.opt-l{color:var(--on-night-2);font-weight:400}.field input,.field textarea{width:100%;font:inherit;color:var(--on-night);transition:border-color .3s var(--ease-out),background-color .3s var(--ease-out);background:#06140f73;border:1.5px solid #b9c4bc73;border-radius:12px;padding:13px 15px;font-size:1rem}.field textarea{resize:vertical;min-height:120px}.field input::placeholder,.field textarea::placeholder{color:#b9c4bcb8}.field input:hover,.field textarea:hover{border-color:#b9c4bccc}.field input:focus,.field textarea:focus{border-color:var(--gold);background:#06140f99;outline:none}.field.bad input{border-color:#f08a80}.honey{width:1px;height:1px;position:absolute;left:-9999px}.form .btn{min-height:54px;margin-top:6px;font-size:1.05rem}.form .btn[disabled]{opacity:.7;cursor:progress}.form-note{color:var(--on-night-2);margin:0;font-size:.86rem}.form-note a{color:var(--on-night)}.form-status{font-size:.98rem}.form-status:empty{display:none}.form-status.ok{background:#c9a45c1f;border:1px solid #c9a45c66;border-radius:12px;padding:16px 18px}.form-status.err{background:#f08a801a;border:1px solid #f08a8073;border-radius:12px;padding:16px 18px}.form.sent .field,.form.sent .btn,.form.sent .form-note{display:none}@media (width<=960px){.kontakt-grid{grid-template-columns:minmax(0,1fr)}}