.browser{color:#222;transition:width .8s var(--sc-ease-out), border-radius .4s var(--sc-ease-out);background:#fff;border-radius:12px;flex-direction:column;display:flex;position:relative;overflow:clip;box-shadow:0 2px 4px #0000001f,0 40px 80px -30px #0a0c288c}.browser__bar{font:500 .72rem/1 var(--sc-font-text);color:#555;background:#eceae4;border-bottom:1px solid #00000014;align-items:center;gap:.6rem;padding:.55rem .75rem;display:flex}.browser__dots{gap:.3rem;display:flex}.browser__dots i{background:#cfccc4;border-radius:50%;width:.55rem;height:.55rem}.browser__url{white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:999px;flex:1;align-items:center;gap:.25rem;min-width:0;padding:.35rem .7rem;display:flex;overflow:hidden}.browser__lock,.browser__scheme{display:none}.browser__live{color:#fff;background:#1a7f4b;border-radius:999px;padding:.25rem .55rem;font-weight:700;display:none}.browser.is-live .browser__lock{color:#1a7f4b;flex:none;display:inline}.browser.is-live .browser__scheme{color:#8a8a8a;display:inline}.browser.is-live .browser__live{display:inline-block}.browser.is-mobil{border-radius:28px}.browser.is-mobil .browser__dots{display:none}.ms{--ms-bg:#f6f6f4;--ms-ink:#3a3a3a;--ms-soft:#7a7a7a;--ms-accent:#8a8a8a;--ms-card:#0000000b;--ms-head:var(--sc-font-text);--ms-head-w:700;--ms-head-x:100%;background:var(--ms-bg);min-height:0;color:var(--ms-ink);font-family:var(--sc-font-text);flex:1;transition:background-color .5s,color .5s,filter .5s;overflow:clip;container-type:inline-size}.browser:not(.is-marke) .ms{filter:grayscale()}.ms__inner{gap:3cqi;padding:3.2cqi 4cqi;display:grid}.ms-t{transition:color .4s,background-color .4s}.browser:not(.is-texte) .ms-t{border-radius:.35em;color:#0000!important;background-color:#00000017!important}.ms__nav{justify-content:space-between;align-items:center;gap:2cqi;font-size:max(.55rem,1.8cqi);display:flex}.ms__brand{font-family:var(--ms-head);font-weight:800;font-stretch:var(--ms-head-x);letter-spacing:-.01em;font-size:max(.7rem,2.6cqi)}.ms__links{color:var(--ms-soft);gap:2.4cqi;display:flex}.ms__burger{display:none}.ms__hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:4cqi;display:grid}.ms__copy{justify-items:start;gap:1.8cqi;display:grid}.ms__copy p{margin:0}.ms__kind{letter-spacing:.12em;text-transform:uppercase;color:var(--ms-accent);font-size:max(.5rem,1.5cqi);font-weight:700}.ms__h{font-family:var(--ms-head);font-weight:var(--ms-head-w);font-stretch:var(--ms-head-x);letter-spacing:-.025em;text-wrap:balance;font-size:5.3cqi;line-height:1.02}.ms__lede{color:var(--ms-soft);font-size:max(.55rem,1.8cqi);line-height:1.45}.ms__cta{background:var(--ms-accent);color:#fff;border-radius:999px;padding:1.3cqi 2.4cqi;font-size:max(.55rem,1.7cqi);font-weight:700;display:inline-block}.ms__img{aspect-ratio:4/3;background:linear-gradient(to top right,#0000 calc(50% - 1px),#0000001f 50%,#0000 calc(50% + 1px)),linear-gradient(to bottom right,#0000 calc(50% - 1px),#0000001f 50%,#0000 calc(50% + 1px)),#0000000f;border-radius:1.4cqi;overflow:clip}.ms__img img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s}.browser.is-bilder .ms__img img{opacity:1}.ms__items{grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqi;margin:0;padding:0;list-style:none;display:grid}.ms__items li{background:var(--ms-card);border-radius:1.2cqi;align-items:center;gap:1.2cqi;padding:1.8cqi 2cqi;font-size:max(.55rem,1.75cqi);font-weight:600;display:flex}.ms__dot{background:var(--ms-accent);border-radius:50%;flex:none;width:max(6px,1.2cqi);height:max(6px,1.2cqi)}.ms__foot{color:var(--ms-soft);border-top:1px solid #00000014;justify-content:space-between;padding-top:1.6cqi;font-size:max(.5rem,1.5cqi);display:flex}@container (max-width:480px){.ms__inner{gap:5cqi;padding:5cqi 5.5cqi}.ms__nav{font-size:3.4cqi}.ms__brand{font-size:5cqi}.ms__links{display:none}.ms__burger{gap:3px;display:grid}.ms__burger i{background:var(--ms-ink);border-radius:2px;width:16px;height:2px;display:block}.ms__hero{grid-template-columns:1fr;gap:4.5cqi}.ms__img{aspect-ratio:16/10;border-radius:3cqi;order:-1}.ms__kind{font-size:3cqi}.ms__h{font-size:9cqi}.ms__lede{font-size:3.8cqi}.ms__cta{padding:2.8cqi 5cqi;font-size:3.6cqi}.ms__items{grid-template-columns:1fr;gap:2.4cqi}.ms__items li{border-radius:2.4cqi;gap:2.4cqi;padding:3cqi 4cqi;font-size:3.8cqi}.ms__dot{width:2.4cqi;height:2.4cqi}.ms__foot{padding-top:3cqi;font-size:3.2cqi}}.browser.is-marke[data-trade=handwerk] .ms{--ms-bg:#f3f1ec;--ms-ink:#1f2328;--ms-soft:#5b6068;--ms-accent:#d9531f;--ms-card:#e7e3da;--ms-head:var(--sc-font-display);--ms-head-w:800;--ms-head-x:125%}.browser.is-marke[data-trade=cafe] .ms{--ms-bg:#f8efe3;--ms-ink:#3a2117;--ms-soft:#7a5a4a;--ms-accent:#a63446;--ms-card:#f0e1cd;--ms-head:var(--sc-font-display);--ms-head-w:700}.browser.is-marke[data-trade=cafe] .ms__h{font-family:var(--font-hand);letter-spacing:0;font-size:6.6cqi;line-height:.95}.browser.is-marke[data-trade=praxis] .ms{--ms-bg:#eef5f3;--ms-ink:#10343a;--ms-soft:#4c6b70;--ms-accent:#1f7f72;--ms-card:#dbede8;--ms-head-w:600}.browser.is-marke[data-trade=laden] .ms{--ms-bg:#fbf0ec;--ms-ink:#2c1d3a;--ms-soft:#6d5a72;--ms-accent:#b8466e;--ms-card:#f3ded7;--ms-head:var(--sc-font-display);--ms-head-w:800;--ms-head-x:75%}.browser.is-marke[data-trade=buero] .ms{--ms-bg:#f2f3f6;--ms-ink:#14213d;--ms-soft:#56607a;--ms-accent:#8a6a3a;--ms-card:#e3e6ee;--ms-head-w:500}@container (max-width:480px){.browser.is-marke[data-trade=cafe] .ms__h{font-size:11cqi}}.hero--web{min-height:100svh}.webhero__wash{z-index:3;pointer-events:none;background:linear-gradient(90deg, color-mix(in oklab, var(--sc-canvas) 92%, transparent) 0%, color-mix(in oklab, var(--sc-canvas) 78%, transparent) 42%, color-mix(in oklab, var(--sc-canvas) 20%, transparent) 70%, transparent 90%);position:absolute;inset:0}.webhero{z-index:4;min-height:100svh;padding:calc(var(--tab-h) + 2.5rem) var(--sc-gutter) clamp(2.5rem, 6vh, 4rem);grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(2rem,4vw,4.5rem);display:grid;position:relative}.webhero__copy{gap:var(--sc-5);justify-items:start;display:grid}.webhero__copy h1{margin:0}.webhero__title{margin-top:var(--sc-4);max-width:10ch;font-size:clamp(2.7rem,.6rem + 4.6vw,5.8rem);display:block}.webhero__copy .lede{max-width:34ch;font-weight:500}.webhero__view{position:relative}.webhero__browser{--r:1.2deg;--px:18;--py:12;--ky:-8;--kx:2;position:relative}.webhero__browser .browser{width:100%}.webhero__pen{z-index:2;--x:-13%;--y:97%;--w:clamp(11rem, 17vw, 16rem);--rot:-18deg;--px:34;--py:24;--ky:-16;--kr:-6}.maker{border-radius:var(--sc-r-md);background:var(--paper-3);width:min(100%,33rem);color:var(--ink-on-paper);--sc-ink:var(--ink-on-paper);--sc-ink-soft:var(--soft-on-paper);gap:.9rem;padding:1.1rem 1.2rem 1rem;display:grid;box-shadow:0 1px 2px #0000001f,0 18px 36px -18px #00000073}.maker__name{gap:.35rem;display:grid}.maker__name span,.maker__trades legend{color:var(--soft-on-paper);font-size:.82rem;font-weight:600}.maker__name input{border-radius:var(--sc-r-md);width:100%;color:var(--ink-on-paper);font:600 1.15rem/1.2 var(--sc-font-text);background:#fff;border:1px solid #12143a38;padding:.7rem .85rem}.maker__name input:focus-visible{outline:3px solid var(--signal);outline-offset:1px;border-color:#0000}.maker__trades{border:0;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;display:flex}.maker__trades legend{margin-bottom:.4rem;padding:0}.maker__trades label{position:relative}.maker__trades input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.maker__trades span{background:#fff;border:1px solid #12143a38;border-radius:999px;padding:.45rem .8rem;font-size:.9rem;font-weight:600;transition:background-color .16s,color .16s,border-color .16s;display:inline-block}.maker__trades input:checked+span{background:var(--navy);color:var(--paper-3);border-color:var(--navy)}.maker__trades input:focus-visible+span{outline:3px solid var(--signal);outline-offset:2px}.maker__note{color:var(--soft-on-paper);margin:0;font-size:.8rem}@media (max-width:860px){.webhero{gap:var(--sc-5);padding-top:calc(var(--tab-h) + 1.5rem);grid-template-columns:1fr}.webhero__copy{display:contents}.webhero__copy>nav{order:1}.webhero__copy>h1{order:2}.webhero__copy>.lede{order:3}.webhero__view{order:4;margin-inline:.25rem}.webhero__copy>.maker{order:5}.webhero__copy>.hero__actions{order:6}.webhero__wash{background:color-mix(in oklab, var(--sc-canvas) 72%, transparent)}.webhero__pen{--x:56%;--y:94%;--w:44vw}.webhero__browser .browser{height:min(52svh,30rem)}}.before__grid{padding-block:var(--sc-section);grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.compare{gap:1rem;display:grid}.compare__frame{aspect-ratio:16/11;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:12px;position:relative;overflow:clip;box-shadow:0 2px 4px #0000004d,0 40px 80px -30px #000000b3;container-type:inline-size}.compare__frame>.oldsite,.compare__new{position:absolute;inset:0}.compare__new{clip-path:inset(0 0 0 var(--split))}.compare__new .browser{height:100%;box-shadow:none;border-radius:0}.compare__handle{top:0;bottom:0;left:var(--split);pointer-events:none;background:#fff;width:3px;position:absolute;translate:-50%;box-shadow:0 0 12px #0006}.compare__handle span{width:2.6rem;height:2.6rem;color:var(--night);letter-spacing:.1em;background:#fff;border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 4px 14px #00000059}.compare__tag{letter-spacing:.08em;text-transform:uppercase;pointer-events:none;border-radius:999px;padding:.3rem .65rem;font-size:.75rem;font-weight:700;position:absolute;top:3.2rem}.compare__tag--old{color:#fff;background:navy;left:.9rem}.compare__tag--new{background:var(--signal);color:var(--night);right:.9rem}.compare__range input{width:100%;accent-color:var(--signal)}.oldsite{background:silver;flex-direction:column;display:flex}.oldsite__bar{color:#000;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#e8e8e8,#c4c4c4);border-bottom:2px solid gray;padding:.55rem .8rem;font:12px/1.2 Tahoma,Verdana,Geneva,sans-serif;overflow:hidden}.oldsite__page{text-align:center;color:navy;background:repeating-conic-gradient(#fffbe6 0 25%, #fff4c9 0 50%) 0 0 / 3cqi 3cqi;flex:1;align-content:start;justify-items:center;gap:2.2cqi;padding:3cqi 5cqi;font-family:Times New Roman,Times,serif;display:grid}.oldsite__page p{margin:0}.oldsite__ticker{color:red;background:#ff0;width:100%;padding:.6cqi 0;font-size:1.9cqi;font-weight:700}.oldsite__h{color:purple;text-shadow:2px 2px silver;font-size:4.3cqi;font-weight:700;line-height:1.15}.oldsite__nav{color:#00e;font-size:2.1cqi}.oldsite__img{color:gray;border:2px dashed gray;place-items:center;width:34cqi;height:18cqi;font:2cqi Tahoma,sans-serif;display:grid}.oldsite__build{color:red;font-size:2.3cqi;font-style:italic}.oldsite__small{color:#555;font-size:1.5cqi}@media (prefers-reduced-motion:no-preference){.oldsite__build{animation:1.2s step-end infinite oldblink}}@keyframes oldblink{50%{opacity:0}}@media (max-width:860px){.before__grid{grid-template-columns:1fr}.compare__frame{aspect-ratio:4/5}.compare__tag{top:2.9rem}}.build__stage{box-sizing:border-box;height:100svh;padding:calc(var(--tab-h) + 1.5rem) var(--sc-gutter) 2rem;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);display:grid}.build__side{gap:var(--sc-4);align-content:center;display:grid}.build__steps{margin:var(--sc-3) 0 0;padding:0;list-style:none;display:grid}.build__steps li{border-top:1px solid var(--sc-hairline);color:var(--sc-ink-soft);grid-template-columns:2.4rem 1fr;gap:.2rem .6rem;padding:.6rem 0;transition:color .3s;display:grid}.build__steps h3{font:700 1.05rem/1.25 var(--sc-font-display);margin:0}.build__steps p{opacity:0;max-height:0;color:var(--sc-ink-soft);transition:max-height .4s var(--sc-ease-out), opacity .3s, margin .3s;margin:0;font-size:.92rem;overflow:hidden}.build__n{font:800 .85rem/1.25 var(--sc-font-display);letter-spacing:.08em;padding-top:.15rem}.build__steps li[data-state=now]{color:var(--sc-ink)}.build__steps li[data-state=now] p{opacity:1;max-height:6rem;margin-top:.3rem}.build__steps li[data-state=now] .build__n{color:var(--signal)}.build__steps li[data-state=done]{color:var(--sc-ink)}.build__count{display:none}.build__view{height:calc(100svh - var(--tab-h) - 4rem);align-items:center;display:flex;position:relative}.build .browser{width:100%;height:min(100%,36rem)}.build .browser.is-mobil{width:min(19rem,46%)}.serp{color:#202124;opacity:0;width:min(23rem,49%);transition:opacity .5s, transform .5s var(--sc-ease-out);background:#fff;border-radius:12px;padding:1rem 1.2rem;font-family:Arial,Helvetica,sans-serif;position:absolute;bottom:12%;right:0;transform:translateY(1rem)scale(.98);box-shadow:0 2px 4px #00000026,0 30px 60px -24px #00000080}.serp[data-on=true]{opacity:1;transform:none}.serp p{margin:0}.serp__url{color:#4d5156;font-size:.78rem}.serp__url span{color:#70757a}.serp__title{color:#1a0dab;font-size:1.15rem;line-height:1.25;margin:.25rem 0 .3rem!important}.serp__text{color:#4d5156;font-size:.85rem;line-height:1.45}.serp__meta{color:#1a7f4b;font-size:.8rem;font-weight:600;margin-top:.4rem!important}@media (max-width:860px){.build__stage{padding:calc(var(--tab-h) + 1rem) var(--sc-gutter) 1.25rem;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;align-items:stretch;gap:1rem}.build__side{gap:.6rem}.build__side .label{display:none}.build__side h2{font-size:clamp(1.6rem,7vw,2.2rem)}.build__steps{margin:0}.build__steps li{border:0;padding:0}.build__steps li:not([data-state=now]){display:none}.build__steps li[data-state=now] p{max-height:none}.build__count{color:var(--signal);margin:0;font-size:.85rem;font-weight:700;display:block}.build__view{height:auto;min-height:0}.build .browser{height:100%}.build .browser.is-mobil{width:60%}.serp{width:58%;padding:.7rem .8rem;bottom:5%}.serp__title{font-size:.95rem}.serp__text{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.75rem;display:-webkit-box;overflow:hidden}}.build__steps li{position:relative}.build__steps li[data-state=now]:before{content:"";height:2px;width:calc(var(--sp,0) * 100%);background:var(--signal);position:absolute;top:-1px;left:0}.build__bar{background:var(--sc-hairline);border-radius:3px;height:3px;display:block;overflow:hidden}.build__bar i{height:100%;width:calc(var(--bp,1) * 100%);background:var(--signal);display:block}.build .browser{transform:translateY(calc((1 - var(--bp,1)) * 2.5rem)) scale(calc(.94 + var(--bp,1) * .06));transform-origin:50% 100%}@media (prefers-reduced-motion:reduce){.build .browser{transform:none}.build .browser,.build .ms,.build .ms-t,.build .ms__img img,.serp,.build__steps p{transition:none}}.included__grid{padding-block:var(--sc-section);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.included__head{top:calc(var(--tab-h) + 2rem);position:sticky}.delivery{background:var(--paper-3);color:var(--ink-on-paper);--sc-ink:var(--ink-on-paper);--sc-ink-soft:var(--soft-on-paper);border-radius:3px 3px 0 0;padding:clamp(1.4rem,3vw,2.4rem);position:relative;transform:rotate(.6deg);box-shadow:0 2px 4px #0000004d,0 40px 80px -30px #000000b3}.delivery:after{content:"";background:linear-gradient(-45deg, transparent 6px, var(--paper-3) 0) 0 0 / 12px 10px, linear-gradient(45deg, transparent 6px, var(--paper-3) 0) 0 0 / 12px 10px;height:10px;position:absolute;top:100%;left:0;right:0}.delivery__head{letter-spacing:.14em;text-transform:uppercase;color:var(--soft-on-paper);border-bottom:2px dashed #12143a40;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin:0 0 .4rem;padding-bottom:.9rem;font-size:.78rem;font-weight:700;display:flex}.delivery__list{margin:0;padding:0;list-style:none}.delivery__list li{border-bottom:1px dashed #12143a24;grid-template-columns:2.2rem 1fr;gap:.6rem;padding:.85rem 0;display:grid}.delivery__list h3{margin:0;font-size:1.05rem;font-weight:700}.delivery__list p{color:var(--soft-on-paper);margin:.15rem 0 0;font-size:.92rem}.delivery__check{fill:none;width:1.6rem;height:1.6rem;stroke:var(--signal);stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.delivery__check path{stroke-dashoffset:30px;animation:linear both tickdraw;animation-timeline:view();animation-range:entry 70% cover 35%}}}@keyframes tickdraw{to{stroke-dashoffset:0}}.delivery__sign{text-align:right;margin:1.2rem 0 0;font-size:1.9rem;transform:rotate(-3deg)}@media (max-width:860px){.included__grid{grid-template-columns:1fr}.included__head{position:static}.delivery{transform:none}}.speed{padding-block:var(--sc-section)}.speed__head{margin-bottom:var(--sc-7)}.speed__head h2{max-width:15ch}.speed__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,3vw,2.5rem);margin:0;display:grid}.speed__stats>div{border-top:2px solid var(--sc-ink);flex-direction:column-reverse;justify-content:flex-end;gap:.7rem;padding-top:1rem;display:flex}.speed__stats dt{max-width:24ch;color:var(--sc-ink-soft)}.speed__stats dd{font-family:var(--sc-font-display);font-variant-numeric:tabular-nums;letter-spacing:-.05em;margin:0;font-size:clamp(3.4rem,1.5rem + 6.5vw,8.5rem);font-weight:800;line-height:.9}.speed__stats>div+div dd{color:var(--signal)}.speed__note{margin-top:var(--sc-7)}@media (max-width:860px){.speed__stats{grid-template-columns:1fr}}.process{padding-block:var(--sc-section)}.process__head{margin-bottom:var(--sc-7)}.process__cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.8rem,1.6vw,1.4rem);margin:0;padding:0 0 5.6rem;list-style:none;display:grid}.process__cards li{border-radius:var(--sc-r-md);background:var(--night-2);box-shadow:inset 0 1px 0 #ffffff0f, var(--sc-e2);translate:0 calc(var(--i) * 1.4rem);align-content:start;gap:.6rem;padding:1.4rem 1.2rem 1.6rem;display:grid}.process__n{font:800 .85rem/1 var(--sc-font-display);letter-spacing:.1em;color:var(--signal)}.process__cards p{color:var(--sc-ink-soft);margin:0;font-size:.95rem}@media (max-width:1100px){.process__cards{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:0}.process__cards li{translate:none}}@media (max-width:600px){.process__cards{grid-template-columns:1fr}}
