/*!
  creativecouch | Webdesign, SEO und GEO
  Paul Böstro
  Pappelweg 7, 35510 Butzbach
  https://creativecouch.de
*/
@layer pages{.pj{--red:var(--cc-red);--red-hover:var(--cc-red-hover);--red-on-dark:var(--cc-red-on-dark);--ink:var(--cc-ink);--paper:var(--cc-paper);--cream:var(--cc-cream);--mist:var(--cc-mist);--muted:var(--cc-muted);--line:rgba(28,28,28,.14);--line-strong:rgba(28,28,28,.26);--on-dark:#fff;--on-dark-muted:rgba(251,250,248,.82);--line-dark:rgba(255,255,255,.18);--white:#fff;--text:840px}.small{font-size:var(--ts-16)}.muted{color:var(--muted)}.pj-eyebrow{--sep:2.4rem;font:300 var(--ts-19)/1.35 var(--font-head);display:flex;flex-wrap:wrap;margin-left:calc(var(--sep)*-1);clip-path:inset(-1rem -1rem -1rem var(--sep))}.pj-eyebrow>span{padding-left:var(--sep)}.pj-eyebrow>span::before{content:"·";content:"·"/"";display:inline-block;width:var(--sep);margin-left:calc(var(--sep)*-1);text-align:center}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.link-arrow{display:inline-flex;align-items:center;gap:8px;font:600 var(--ts-16)/1.2 var(--font);color:var(--red);text-decoration:underline;text-underline-offset:4px}.on-dark .link-arrow{color:inherit}.chip{display:inline-flex;align-items:center;font:600 var(--ts-16)/1 var(--font);padding:8px 14px;border-radius:999px;border:1px solid var(--line-strong);white-space:nowrap}.on-dark .chip{border-color:var(--line-dark)}.u-hand{position:relative;isolation:isolate;white-space:nowrap}.u-hand svg{position:absolute;left:0;right:0;bottom:-.12em;width:100%;height:.22em;overflow:visible;pointer-events:none;z-index:-1}.u-hand svg{clip-path:inset(-20% 100% -20% 0);transition:clip-path 1.1s var(--ease-out) .2s}.u-hand path{fill:none;stroke:var(--red);stroke-width:4;stroke-linecap:round;vector-effect:non-scaling-stroke}.is-inview .u-hand svg,.u-hand.is-inview svg{clip-path:inset(-20% -2% -20% -2%)}@media (prefers-reduced-motion:reduce){.u-hand svg{clip-path:none;transition:none}}.ph{position:relative;background:var(--teal-50);border:1px dashed var(--line-strong);display:grid;place-items:center;text-align:center;color:var(--muted);font:600 var(--ts-16)/1.4 var(--font);padding:16px;overflow:hidden}.ph--cool{background:var(--mist)}.ph--dark{background:#2a2a2a;color:var(--on-dark-muted);border-color:var(--line-dark)}.ph__label{max-width:28ch}.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-100%);animation:shimmer 4s infinite}@keyframes shimmer{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.ph::after{animation:none}}.dev-browser{background:#fff;border-radius:14px;box-shadow:0 40px 80px rgba(28,28,28,.18),0 4px 12px rgba(28,28,28,.08);overflow:hidden;display:flex;flex-direction:column}.dev-browser__bar{height:40px;display:flex;align-items:center;gap:8px;padding:0 16px;background:#f2f1ee;border-bottom:1px solid var(--line)}.dev-browser__bar i{width:11px;height:11px;border-radius:50%;background:#d9d6d0}.dev-browser__bar i:first-child{background:var(--red)}.dev-browser__url{margin-left:12px;flex:1;max-width:340px;height:24px;border-radius:999px;background:#fff;font:400 var(--ts-16)/24px var(--font);color:var(--muted);padding:0 12px;overflow:hidden;white-space:nowrap}.dev-browser .ph{flex:1;border:0;min-height:0}.dev-phone{background:#111;border-radius:42px;padding:12px;box-shadow:0 40px 80px rgba(28,28,28,.25);aspect-ratio:9/19.5;display:flex}.dev-phone .ph{border-radius:32px;border:0;flex:1;font-size:var(--ts-16)}.dev-phone{position:relative;aspect-ratio:71.6/147.6!important;background:#16181b!important;padding:2.6%!important;border:1.5px solid #4a4d52!important;border-radius:15%/7.4%!important}.dev-phone::before{content:"";position:absolute;z-index:3;top:3.4%;left:50%;transform:translateX(-50%);width:31%;height:3.6%;border-radius:999px;background:#000}.dev-phone .ph{border-radius:12.5%/6%!important}.pj{--row:clamp(250px,19vw,330px);--gap:16px;--radius:22px}main{overflow-x:clip}.d-kicker{font:700 var(--ts-16)/1.3 var(--font-head);color:var(--red);margin:0 0 16px}.on-dark .d-kicker{color:var(--red-on-dark)}.d-head h2{font-size:var(--ts-48);font-weight:700;letter-spacing:-.025em}.d-sheet{background:#fff;border-radius:10px;padding:14px;box-shadow:0 40px 80px rgba(28,28,28,.2);display:flex;aspect-ratio:3/4}.d-sheet .ph{flex:1;border-radius:4px}.dv--phone .dev-phone{width:100%}.dv .ph__label{font-size:var(--ts-16)}@media (min-width:1100px){.dw3{grid-column:span 3}.dw4{grid-column:span 4}}.o-hero{padding:calc(var(--header-h) + 10rem) 0 10rem;position:relative;overflow:hidden}.o-hero::before{content:"";position:absolute;right:-10vw;top:-10vw;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(closest-side,var(--mist),transparent);opacity:.7;pointer-events:none}.o-hero__in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,76rem) minmax(0,52rem);justify-content:space-between;gap:6rem;align-items:center}.o-hero__in--one{grid-template-columns:minmax(0,1fr)}.o-hero__links{display:grid;gap:3.6rem;align-content:start}.o-hero__title{letter-spacing:-.03em;line-height:1.05;font-size:var(--fs-h1)}.o-hero__strong,.o-hero__light{display:block}.o-hero__strong{font-weight:800}.o-hero__light{margin-top:.06em;font-weight:300}.o-hero__lead{max-width:76rem;font-size:var(--fs-lede);line-height:1.45}.o-hero__hint{display:inline-flex;align-items:center;gap:14px;margin-top:22px;padding:6px 0;min-height:28px;font:600 var(--ts-16)/1 var(--font);text-transform:uppercase;letter-spacing:.08em;text-decoration:none}.o-hero__hint span{width:60px;height:2px;background:var(--red);transform-origin:left;animation:hint 2.4s var(--ease-soft) 2}@keyframes hint{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.2)}}html.motion-paused .o-hero__hint span,html.motion-paused .ph::after{animation-play-state:paused}.o-logos{position:relative;display:grid;gap:2rem;width:100%;max-width:52rem;justify-self:end;padding:2.8rem;border-radius:1.6rem;background:#fff;box-shadow:0 2.4rem 5rem rgba(28,28,28,.1),0 .2rem .6rem rgba(28,28,28,.06);overflow:hidden}.o-logos__kopf{position:relative;z-index:2;margin:-2.8rem -2.8rem 0;padding:2.8rem 2.8rem 0;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;font:700 var(--ts-16)/1.3 var(--font-head)}.o-logos__titel{display:inline-flex;align-items:center;gap:1rem}.o-logos__titel::before{content:"";width:.9rem;height:.9rem;border-radius:50%;background:var(--red)}.o-logos__pill{padding:.4rem 1.2rem;border:1px solid var(--line-strong);border-radius:999px}.o-logos__grid{--je:6;--gap:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap)}.o-logos__grid li{flex:0 0 calc((100% - (var(--je) - 1) * var(--gap)) / var(--je))}.o-logos__a{position:relative;display:block;aspect-ratio:1;border-radius:1rem;background:#fff;box-shadow:0 0 0 1px var(--line);transition:box-shadow .3s}.o-logos__a img{position:absolute;inset:16%;width:68%;height:68%;object-fit:contain}.o-logos__a:is(:hover,:focus-visible){box-shadow:0 0 0 2px var(--ink)}.o-logos__a:focus-visible{outline:3px solid var(--red);outline-offset:3px}.o-logos__grid li:focus-within{position:relative;z-index:3}.o-logos.is-wirr li{will-change:transform}.o-logos.is-geordnet li{transition:transform 1.4s var(--ease-out) var(--d, 0s)}.o-logos__fuss{position:relative;z-index:2;margin:0 -2.8rem -2.8rem;padding:0 2.8rem 2.8rem;background:#fff;font-size:var(--ts-14);line-height:1.4;color:var(--muted)}@media (max-width:767px){.o-logos__fuss{margin:0 -2rem -2rem;padding:0 2rem 2rem}}@media (max-width:1279px){.o-logos{justify-self:start}}@media (max-width:399px){.o-hero__hint span{width:32px}}@media (max-width:991px){.o-hero__in{grid-template-columns:minmax(0,1fr);gap:4.8rem}}@media (max-width:767px){.o-hero{padding:calc(var(--header-h) + 4.8rem) 0 5.6rem}.o-hero__links{gap:2.8rem}.o-hero__lead{font-size:var(--fs-20)}.o-logos{padding:2rem;max-width:none}.o-logos__kopf{margin:-2rem -2rem 0;padding:2rem 2rem 0}.o-logos__grid{--gap:.8rem}}.o-work{padding:clamp(48px,6vw,110px) 0 var(--section)}.o-work__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:40px}.o-work__head h2{font-size:var(--ts-48);display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}.o-work__sub{font:400 var(--ts-16)/1 var(--font);color:var(--muted);letter-spacing:0}.o-filter{display:flex;flex-wrap:wrap;gap:8px}.o-filter button{font:600 var(--ts-16)/1 var(--font);padding:11px 16px;min-height:44px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--ink);cursor:pointer;transition:background .3s,color .3s,border-color .3s}.o-filter button span{color:var(--muted);margin-left:4px}.o-filter button:focus-visible{border-color:var(--ink)}@media (hover:hover){.o-filter button:hover{border-color:var(--ink)}}.o-filter button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.o-filter button[aria-pressed="true"] span{color:var(--red-on-dark)}.o-filter button:focus-visible{outline:3px solid var(--red);outline-offset:3px}.o-toc{display:grid;grid-template-columns:minmax(0,1fr);gap:48px}.o-toc__lab{max-width:none;padding-bottom:16px;border-bottom:3px solid var(--ink);font:700 var(--ts-16)/1.2 var(--font-head)}.o-toc__ol{margin:0;padding:0;list-style:none}.o-toc__z{border-bottom:1px solid var(--line-strong)}.o-toc__z[hidden]{display:none}.o-toc__a{display:grid;grid-template-columns:72px minmax(0,1fr) 44px;grid-template-areas:"bild name go" "bild lm go";gap:4px 14px;align-items:center;min-height:44px;padding-block:16px;color:var(--ink);text-decoration:none}.o-toc__bild{grid-area:bild;align-self:start;overflow:hidden;border-radius:6px;border:1px solid var(--line);background:var(--paper)}.o-toc__img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}.o-toc__bild.is-logo .o-toc__img{object-position:center}.o-toc__nr,.o-toc__punkte{display:none}.o-toc__name{grid-area:name;font:700 var(--ts-26)/1.15 var(--font-head)}.o-toc__lm{grid-area:lm;font-size:var(--ts-16);line-height:1.45;color:var(--muted)}.o-toc__go{grid-area:go;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);transition:background .25s,color .25s,border-color .25s,transform .4s var(--ease-out)}.o-toc__go svg{width:16px;height:16px}.o-toc__a:focus-visible{outline:3px solid var(--red);outline-offset:3px}.o-toc__a:focus-visible .o-toc__name{color:var(--red)}.o-toc__a:focus-visible .o-toc__go{background:var(--ink);border-color:var(--ink);color:#fff}@media (hover:hover){.o-toc__a:hover .o-toc__name{color:var(--red)}.o-toc__a:hover .o-toc__go{background:var(--ink);border-color:var(--ink);color:#fff;transform:translateX(4px)}}.o-toc__leer{padding-top:24px;color:var(--muted)}.o-toc__vor{display:none}@media (max-width:359px){.o-toc__a{grid-template-columns:minmax(0,1fr) 44px;grid-template-areas:"name go" "lm go"}.o-toc__bild{display:none}}@media (min-width:768px) and (max-width:991px){.o-toc__a{grid-template-columns:128px minmax(0,1fr) 44px;gap:4px 20px}}@media (min-width:992px){.o-toc__a{grid-template-columns:56px minmax(0,auto) minmax(24px,1fr) 44px;grid-template-areas:"nr name punkte go" "nr lm lm go";align-items:baseline;gap:6px 16px;padding-block:20px}.o-toc__bild{display:none}.o-toc__nr{display:block;grid-area:nr;font:300 var(--ts-26)/1 var(--font-head);color:var(--muted);font-variant-numeric:tabular-nums}.o-toc__punkte{display:block;grid-area:punkte;align-self:end;margin-bottom:.45em;border-bottom:2px dotted var(--line-strong)}.o-toc__go{align-self:center}}@media (min-width:992px){.o-toc{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(40px,4vw,80px);align-items:start}.o-toc__a.is-an .o-toc__name,.o-toc__a.is-an .o-toc__nr{color:var(--red)}.o-toc__a.is-an .o-toc__go{background:var(--ink);border-color:var(--ink);color:#fff}.o-toc__vor{display:block;position:sticky;top:calc(var(--header-h) + 24px);margin:52px 0 0}.o-toc__rahmen{display:block;overflow:hidden;border-radius:10px;border:1px solid var(--line-strong);background:var(--paper)}.o-toc__vorimg{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}.o-toc__rahmen.is-logo .o-toc__vorimg{object-position:center}.o-toc__vortext{display:grid;gap:2px;margin-top:14px}.o-toc__vorname{font:700 var(--ts-19)/1.3 var(--font-head)}.o-toc__vorort{color:var(--muted);font-size:var(--ts-16)}}@media (prefers-reduced-motion:reduce){.o-toc__go{transition:none}}::view-transition-old(*),::view-transition-new(*){animation-duration:.45s;animation-timing-function:var(--ease-soft)}::view-transition-group(*){animation-duration:.55s;animation-timing-function:var(--ease-out)}::view-transition-old(root),::view-transition-new(root){animation:none}.cta-big{background:var(--cream);padding:var(--section) 0;overflow:hidden}.cta-big__q{font-weight:800;letter-spacing:-.035em;line-height:1;font-size:var(--ts-68)}.cta-big__q>span{display:block}.cta-big__l2{margin-top:.06em;font-weight:300}.cta-big__row{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:clamp(-20px,-2vw,0px) 0 24px}.d-drawn{width:clamp(120px,14vw,220px);height:auto;overflow:visible}.d-drawn path{fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.3s var(--ease-out) .5s}.d-drawn path+path{transition-delay:1.5s;transition-duration:.5s}.is-inview .d-drawn path{stroke-dashoffset:0}.cta-big__dot{width:clamp(88px,9vw,150px);height:clamp(88px,9vw,150px);border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;transition:transform .6s var(--ease-out),background .3s;flex:none}.cta-big__dot svg{width:30%;height:30%}.cta-big__dot:focus-visible{transform:rotate(45deg) scale(1.05);background:var(--red-hover)}@media (hover:hover){.cta-big__dot:hover{transform:rotate(45deg) scale(1.05);background:var(--red-hover)}}.cta-big__text{max-width:640px;margin:0 auto;text-align:center}.cta-big__text p{font-size:var(--ts-22)}.cta-big__btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}@media (prefers-reduced-motion:reduce){.d-drawn path{stroke-dashoffset:0;transition:none}}.d-stage{background:var(--ink);color:#fff;padding:clamp(28px,3vw,48px) 0 clamp(48px,5vw,80px);position:relative;overflow:hidden;margin-top:calc(-1 * var(--header-h));padding-top:calc(var(--header-h) + clamp(28px,3vw,48px))}.d-stage__top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.d-back{font:600 var(--ts-16)/1 var(--font);text-decoration:none;color:var(--on-dark-muted);min-height:44px;display:inline-flex;align-items:center}.d-back::before{content:"← "}.d-back:focus-visible{color:#fff}@media (hover:hover){.d-back:hover{color:#fff}}.d-stage__name{font-weight:800;letter-spacing:-.05em;line-height:.9;white-space:nowrap;margin:clamp(18px,2vw,32px) var(--margin) 0;text-align:center;color:#fff;font-size:clamp(48px,14vw,300px);position:relative;z-index:1}.d-stage__name span{display:inline-block;padding:0 .03em}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.d-stage__name span{animation:nameDrift linear both;animation-timeline:view();animation-range:exit 0% exit 100%}@keyframes nameDrift{to{transform:translateY(18%) scale(.96);opacity:.35}}}}.d-stage__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,72px);align-items:start;position:relative;z-index:2}.d-stage__copy{padding-top:clamp(24px,3vw,48px)}.d-stage__lm{font:300 var(--ts-48)/1.12 var(--font-head);margin:0 0 24px;letter-spacing:-.01em}.d-stage__teaser{color:var(--on-dark-muted);max-width:48ch}.d-stage__dev{margin-top:clamp(-90px,-4.5vw,-20px);transform:translateY(var(--py,0))}.d-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:clamp(32px,4vw,56px) 0 0;padding-top:28px;border-top:1px solid var(--line-dark)}.d-facts dt{font:700 var(--ts-16)/1.3 var(--font-head);color:var(--red-on-dark);margin-bottom:8px}.d-facts dd{margin:0;font-size:var(--ts-17);line-height:1.45}.d-swatches{display:flex;gap:8px}.d-swatch{width:30px;height:30px;border-radius:50%;background:var(--sw);border:2px solid rgba(255,255,255,.4)}@media (max-width:899px){.d-stage__grid{grid-template-columns:1fr}.d-stage__dev{margin-top:24px}}.d-erg{background:var(--mist);padding:var(--section) 0}.d-gal__head,.d-weg__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px}.d-weg__head h2,.d-gal__head h2{font-size:var(--ts-48);letter-spacing:-.025em}.d-nav{display:flex;gap:10px;flex:none}.d-nav__btn{width:56px;height:56px;border-radius:50%;border:1px solid var(--line-strong);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .3s,color .3s,opacity .3s}.d-nav__btn svg{width:14px;height:14px;transform:rotate(45deg)}.d-nav__btn[data-dir="-1"] svg{transform:rotate(-135deg)}.d-nav__btn:focus-visible:not(:disabled){background:var(--red);color:#fff;border-color:var(--red)}@media (hover:hover){.d-nav__btn:hover:not(:disabled){background:var(--red);color:#fff;border-color:var(--red)}}.d-nav__btn:disabled{opacity:.35;cursor:default}.d-nav__btn:focus-visible{outline:3px solid var(--red);outline-offset:3px}.d-gal__track{--pad:max(var(--margin),calc((100% - var(--container))/2));display:flex;gap:clamp(20px,2.4vw,40px);align-items:flex-end;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px var(--pad) 40px;scroll-padding-inline:var(--pad);scrollbar-width:none;overscroll-behavior-x:contain}.d-gal__track::-webkit-scrollbar{display:none}.d-gal__track:focus-visible{outline:3px solid var(--red);outline-offset:-3px}.d-slide{flex:none;scroll-snap-align:start;margin:0}.d-slide--browser{width:min(980px,84vw)}.d-slide--browser .dev-browser{aspect-ratio:16/10}.d-slide--phone{width:min(290px,54vw)}.d-slide--sheet{width:min(500px,72vw)}.d-slide--sheet .d-sheet{aspect-ratio:4/5}.d-slide figcaption{margin-top:16px;font-size:var(--ts-16);color:var(--muted)}.d-slide figcaption b{color:var(--red);margin-right:8px}.d-bar{height:3px;background:var(--line);border-radius:3px;overflow:hidden}.d-bar span{display:block;height:100%;background:var(--red);transform-origin:left;transform:scaleX(.06);transition:transform .2s linear}.d-res__grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,96px);align-items:start;margin-top:clamp(56px,6vw,96px)}.d-res__h{font-size:var(--ts-48);letter-spacing:-.02em;margin-bottom:20px}.d-res__live{margin:0}.d-res__list{list-style:none;margin:0;padding:0;counter-reset:r}.d-res__list li{counter-increment:r;display:grid;grid-template-columns:56px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--line);font-size:var(--ts-19);line-height:1.5}.d-res__list li::before{content:counter(r,decimal-leading-zero);font:700 var(--ts-19)/1.4 var(--font-head);color:var(--red)}@media (max-width:899px){.d-res__grid{grid-template-columns:1fr}}.d-next{display:block;background:var(--ink);color:#fff;text-decoration:none;padding:clamp(56px,6vw,100px) 0;position:relative;overflow:hidden;isolation:isolate}.d-next::before{content:"";position:absolute;inset:0;background:var(--red);transform:translateY(101%);transition:transform .8s var(--ease-out);z-index:-1}.d-next:focus-visible::before{transform:none}@media (hover:hover){.d-next:hover::before{transform:none}}.d-next:focus-visible{outline:3px solid #fff;outline-offset:-6px}.d-next:focus-visible .d-kicker{color:#fff}@media (hover:hover){.d-next:hover .d-kicker{color:#fff}}.d-next__top{display:flex;justify-content:space-between;align-items:center}.d-next__go{width:64px;height:64px;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center;transition:transform .6s var(--ease-out)}.d-next__go svg{width:16px;height:16px}.d-next:focus-visible .d-next__go{transform:rotate(45deg)}@media (hover:hover){.d-next:hover .d-next__go{transform:rotate(45deg)}}.d-next__name{font-weight:800;letter-spacing:-.05em;line-height:.9;white-space:nowrap;margin:24px var(--margin);font-family:var(--font-head);text-align:center;font-size:clamp(48px,14vw,300px)}.d-next__name span{display:inline-block;transition:transform 1s var(--ease-out)}.d-next:focus-visible .d-next__name span{transform:translateX(1.5%)}@media (hover:hover){.d-next:hover .d-next__name span{transform:translateX(1.5%)}}.d-next__row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.d-next__lm{font:300 var(--ts-26)/1.15 var(--font-head);margin:0}.d-next__meta{color:var(--on-dark-muted);margin:0;align-self:end}.d-next:focus-visible .d-next__meta{color:#fff}@media (hover:hover){.d-next:hover .d-next__meta{color:#fff}}.cta-big--detail .cta-big__q{max-width:18ch}.cta-big--detail .cta-big__q--long{max-width:28ch}@media (max-width:699px){:root{--gap:12px}.o-work__head{flex-direction:column;align-items:flex-start}.d-gal__head{flex-direction:column;align-items:flex-start}.cta-big__row{margin-top:16px}}.is-stacked>span{white-space:normal}.is-stacked .fw{display:inline-block}.is-stacked{text-align:left!important;line-height:.92}@media (max-width:699px){.d-gal__track{align-items:center}.d-slide--phone{width:min(290px,42vw)}.d-slide--sheet{width:min(500px,52vw)}}.d-head--row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.d-head__count{margin:0;font:600 var(--ts-16)/1.2 var(--font);color:var(--muted)}.d-head__count b{display:block;font:800 var(--ts-68)/.85 var(--font-head);letter-spacing:-.05em;color:var(--red)}.d-anf{padding:var(--section) 0 0}.d-anf .d-head{margin-bottom:clamp(32px,4vw,56px)}.d-anf__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gap)}.d-anf__typo{background:var(--ink);color:#fff;border-radius:var(--radius);padding:clamp(24px,3.4vw,56px)}.d-anf__typo p{color:var(--on-dark-muted);max-width:60ch}.d-anf__typo p:last-child{margin:0}.d-anf__typo .d-anf__big{font:700 var(--ts-26)/1.22 var(--font-head);letter-spacing:-.015em;color:#fff;margin-bottom:1.1em;max-width:30ch}.d-anf__ziele{background:var(--cream);border-radius:var(--radius);padding:clamp(24px,3vw,44px)}.d-anf__lab{font:700 var(--ts-16)/1.2 var(--font-head);color:var(--red);margin:0 0 12px}.d-anf__ziele ol{list-style:none;margin:0;padding:0}.d-anf__ziele li{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:16px 0;border-bottom:1px solid var(--line);font:700 var(--ts-19)/1.4 var(--font-head)}.d-anf__ziele li:last-child{border-bottom:0;padding-bottom:0}.d-anf__ziele li span{font:700 var(--ts-19)/1.4 var(--font-head);color:var(--red)}@media (max-width:899px){.d-anf__grid{grid-template-columns:1fr}}.d-leist{padding:var(--section) 0}.d-leist .d-head{margin-bottom:clamp(32px,4vw,56px)}.lt{border-radius:var(--radius);padding:clamp(22px,2vw,30px);display:flex;flex-direction:column;justify-content:space-between;gap:20px;overflow:hidden;transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out)}@media (hover:hover){.lt:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(28,28,28,.1)}}.lt:has(:focus-visible){transform:translateY(-4px);box-shadow:0 24px 50px rgba(28,28,28,.1)}.lt__no{font:700 var(--ts-19)/1 var(--font-head);color:var(--red)}.lt h3{font-size:var(--ts-26);line-height:1.12;margin-bottom:10px}.lt p{margin:0;font-size:var(--ts-17);line-height:1.5;color:var(--muted)}.lt--paper{background:#fff;border:1px solid var(--line)}.lt--mist{background:var(--mist)}.lt--ink{background:var(--ink);color:#fff}.lt--red{background:var(--red);color:#fff}.lt.on-dark p{color:rgba(255,255,255,.88)}.lt.on-dark .lt__no{color:#fff}.lt--tall .lt__no{font:800 clamp(88px,8vw,140px)/.8 var(--font-head);letter-spacing:-.05em}.lt--ink.lt--tall .lt__no{color:var(--red-on-dark)}.lt--tall h3{font-size:var(--ts-26)}.lt--wide h3{font-size:var(--ts-48);letter-spacing:-.02em;max-width:22ch}.lt--wide p{max-width:52ch}.d-weg{background:var(--ink);color:#fff;padding:var(--section) 0}.d-weg .d-nav__btn{background:transparent;color:#fff;border-color:var(--line-dark)}.d-weg .d-nav__btn:focus-visible{outline-color:#fff}.d-weg__track{--pad:max(var(--margin),calc((100% - var(--container))/2));list-style:none;margin:0;display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px var(--pad) 40px;scroll-padding-inline:var(--pad);scrollbar-width:none;overscroll-behavior-x:contain}.d-weg__track::-webkit-scrollbar{display:none}.d-weg__track:focus-visible{outline:3px solid #fff;outline-offset:-3px}.d-step{flex:none;width:min(400px,80vw);scroll-snap-align:start;padding-right:clamp(24px,3vw,48px)}.d-step__rail{position:relative;height:20px;margin-bottom:24px}.d-step__rail::before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:var(--line-dark)}.d-step__rail i{position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px var(--ink)}.d-step:last-child .d-step__rail::before{right:auto;width:16px}.d-step__no{font:800 var(--ts-68)/.85 var(--font-head);letter-spacing:-.04em;color:#fff;margin:0 0 20px;display:flex;flex-direction:column;gap:12px}.d-step__no span{font:700 var(--ts-16)/1.2 var(--font-head);color:var(--red-on-dark)}.d-step h3{font-size:var(--ts-26);line-height:1.12;margin-bottom:12px}.d-step p{margin:0;font-size:var(--ts-17);line-height:1.55;color:var(--on-dark-muted)}.d-weg .d-bar{background:var(--line-dark)}.d-weg .d-bar span{background:var(--red-on-dark)}.d-erg .d-gal__track{padding-bottom:28px}@media (max-width:699px){.d-gal__head,.d-weg__head{flex-direction:column;align-items:flex-start;margin-bottom:28px}.d-weg__head h2,.d-gal__head h2,.d-head h2{font-size:var(--ts-48)}.d-nav__btn{width:48px;height:48px}.d-facts{grid-template-columns:1fr 1fr;gap:20px 16px}.d-facts dd{font-size:var(--ts-16)}.d-stage__lm{font-size:var(--ts-26);margin-bottom:0}.d-stage__dev{margin-top:40px;padding-right:4%}.lt{gap:14px}.lt--tall .lt__no{font-size:var(--ts-60)}.d-anf__typo .d-anf__big{font-size:var(--ts-26)}.d-step{width:84vw;padding-right:24px}.d-step__no{font-size:var(--ts-48)}.d-res__list li{grid-template-columns:44px 1fr;font-size:var(--ts-17)}.cta-big__dot{width:76px;height:76px}.d-drawn{width:110px}}.pj--detail{background:var(--ink)}main{display:block}.on-dark{color:var(--on-dark)}.pj-main :focus-visible{outline:3px solid var(--red);outline-offset:3px}.pj-main .on-dark :focus-visible,.pj-main .c-dstage :focus-visible{outline-color:#fff}.c-eyebrow{font:600 var(--ts-16)/1.4 var(--font);color:var(--red-on-dark);margin:0 0 20px;letter-spacing:.02em}.c-kunde{display:block;font:700 var(--ts-16)/1.3 var(--font-head);color:var(--red)}.c-kunde--dark{color:var(--red-on-dark)}.c-facts{margin:0;display:grid;gap:16px}.c-facts dt{font:600 var(--ts-16)/1.4 var(--font);color:var(--on-dark-muted);margin-bottom:2px}.c-facts dd{margin:0;font:600 var(--ts-17)/1.45 var(--font);color:#fff}.c-link{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.c-link:is(:hover,:focus-visible){text-decoration-thickness:max(3px,.1em);text-underline-offset:.3em}.c-pill{display:inline-flex;align-items:center;background:var(--red);color:#fff;border-radius:999px;padding:4px 12px;font:600 var(--ts-16)/1.3 var(--font)}.c-band{background:var(--red);color:#fff;padding:clamp(48px,6vw,96px) 0}.c-band__text{margin:0 auto;max-width:26ch;text-align:center;font:700 var(--ts-48)/1.18 var(--font-head);letter-spacing:-.01em;text-wrap:balance}.c-head{background:var(--ink);padding:clamp(40px,7vw,120px) 0 clamp(40px,5vw,72px)}.c-head__title{font-size:clamp(64px,11vw,168px);line-height:.92;letter-spacing:-.03em;color:#fff}.c-head__sub{margin:18px 0 0;font:300 var(--ts-60)/1.12 var(--font-head);color:#fff;max-width:18ch;text-wrap:balance}.c-under{background:linear-gradient(var(--red),var(--red)) 0 100%/100% .09em no-repeat;padding-bottom:.04em}.c-head__lead{margin:28px 0 0;max-width:46ch;color:var(--on-dark-muted);font-size:var(--ts-19)}.c-stage{background:var(--ink);padding:0 0 clamp(56px,7vw,112px)}.c-stage__tag{display:flex;align-items:center;gap:12px;margin:0 0 20px;font:600 var(--ts-16)/1.3 var(--font);color:var(--on-dark-muted)}.c-stage__media{position:relative;display:block;padding-bottom:28px;text-decoration:none}.c-stage__browser .dev-browser{aspect-ratio:4/3;box-shadow:0 40px 80px rgba(0,0,0,.45)}.c-stage__phone{position:absolute;right:-6px;bottom:0;width:27%;max-width:240px}.c-stage__info{display:grid;gap:28px;margin-top:28px}.c-stage__title{margin-top:12px;font-size:var(--ts-48);font-weight:600;line-height:1.05;color:#fff;text-wrap:balance}.c-stage__side{display:grid;gap:28px;align-content:start;justify-items:start}.c-list{background:var(--paper);color:var(--ink);padding:clamp(56px,7vw,120px) 0}.c-list__head{display:grid;gap:20px}.c-list__title{font-size:var(--ts-60)}.c-filter{display:flex;flex-wrap:wrap;gap:8px}.c-filter__btn{all:unset;box-sizing:border-box;cursor:pointer;min-height:44px;padding:0 18px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--line-strong);font:600 var(--ts-16)/1 var(--font);color:var(--ink);transition:background .25s,color .25s,border-color .25s}.c-filter__btn:focus-visible{border-color:var(--ink)}@media (hover:hover){.c-filter__btn:hover{border-color:var(--ink)}}.c-filter__btn[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}.c-filter__btn:focus-visible{outline:3px solid var(--red);outline-offset:3px}.c-list__count{margin:24px 0 0;font-size:var(--ts-16);color:var(--muted)}.c-rows{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--line)}.c-row{border-bottom:1px solid var(--line)}.c-row__link{display:grid;grid-template-columns:96px minmax(0,1fr) 44px;gap:8px 16px;align-items:center;padding:20px 0;text-decoration:none;color:inherit}.c-row__thumb .ph{aspect-ratio:4/3;padding:6px;font-size:var(--ts-16);border-radius:6px}.c-row__thumb .ph__label{display:none}.c-row__main{min-width:0}.c-row__title{margin-top:6px;font-size:var(--ts-19);font-weight:600;line-height:1.2;text-wrap:balance;transition:color .25s}.c-row__meta{grid-column:2/3;display:grid;gap:2px;font-size:var(--ts-16);line-height:1.4;color:var(--muted)}.c-row__leist{display:none}.c-row__arrow{grid-column:3;grid-row:1/3;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);display:grid;place-items:center;transition:background .3s,color .3s,border-color .3s,transform .5s var(--ease-out)}.c-row__arrow svg{width:16px;height:16px}.c-row__link:focus-visible .c-row__title{color:var(--red)}@media (hover:hover){.c-row__link:hover .c-row__title{color:var(--red)}}.c-row__link:focus-visible .c-row__arrow{background:var(--red);border-color:var(--red);color:#fff;transform:translateX(4px)}@media (hover:hover){.c-row__link:hover .c-row__arrow{background:var(--red);border-color:var(--red);color:#fff;transform:translateX(4px)}}.c-row__link:focus-visible{outline:3px solid var(--red);outline-offset:4px}.c-row[hidden]{display:none}.c-cta{background:var(--ink);padding:clamp(72px,9vw,150px) 0;border-bottom:1px solid var(--line-dark)}.c-cta__in{position:relative;text-align:center;padding:40px 0;max-width:min(100% - 2*var(--margin),980px)}.c-cta__corner{position:absolute;width:36px;height:36px;border-color:var(--red);border-style:solid}.c-cta__corner--tl{top:0;left:0;border-width:2px 0 0 2px}.c-cta__corner--br{bottom:0;right:0;border-width:0 2px 2px 0}.c-cta__title{font-size:var(--ts-68);font-weight:800;color:#fff;max-width:20ch;margin:0 auto;text-wrap:balance}.c-cta__text{margin:20px auto 0;max-width:48ch;color:var(--on-dark-muted);text-wrap:pretty}.c-cta__btns{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.c-cta__more,.cta-big__more{margin:28px auto 0;max-width:none;font-size:var(--ts-17);line-height:1.6;color:var(--muted)}.c-cta__more span:first-child,.cta-big__more span:first-child{color:var(--ink);font-weight:600;margin-right:8px}.c-cta__more a,.cta-big__more a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.c-cta__more a:focus-visible,.cta-big__more a:focus-visible{color:var(--red)}@media (hover:hover){.c-cta__more a:hover,.cta-big__more a:hover{color:var(--red)}}.c-cta__more .c-erg__sep,.cta-big__more .c-erg__sep{margin:0 2px;color:var(--muted)}.c-dhead{background:var(--ink);padding:calc(var(--header-h) + 16px) 0 clamp(40px,5vw,72px)}.c-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:600 var(--ts-16)/1 var(--font);color:var(--on-dark-muted);text-decoration:none;margin-bottom:clamp(24px,4vw,56px)}.c-back svg{width:16px;height:16px;transition:transform .4s var(--ease-out)}.c-back:focus-visible{color:#fff}.c-back:focus-visible svg{transform:translateX(-4px)}@media (hover:hover){.c-back:hover{color:#fff}.c-back:hover svg{transform:translateX(-4px)}}.c-dhead__eyebrow{margin:0 0 18px;font:300 var(--ts-19)/1.35 var(--font-head);color:rgba(255,255,255,.85);max-width:60ch}.c-dhead__eyebrow span[aria-hidden]{color:inherit}.c-dhead__title{font-size:var(--fs-h1);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:#fff}.c-dhead__lead{margin:24px 0 0;max-width:52ch;color:var(--on-dark-muted);font-size:var(--fs-lede);line-height:1.45}.c-facts--row{margin-top:36px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;padding-top:24px;border-top:1px solid var(--line-dark)}.c-dstage__stage{background:linear-gradient(var(--ink) 0 50%,var(--red) 50% 100%)}.c-dstage__in{position:relative;padding-bottom:28px}.c-dstage__browser .dev-browser{aspect-ratio:4/3;box-shadow:0 40px 80px rgba(0,0,0,.4)}.c-dstage__phone{position:absolute;right:-6px;bottom:0;width:27%;max-width:260px}.c-dstage__band{background:var(--red);color:#fff;padding:clamp(36px,5vw,80px) 0 clamp(52px,6vw,104px)}.c-stage__phone .dev-phone,.c-dstage__phone .dev-phone{padding:6px;border-radius:22px;box-shadow:0 24px 50px rgba(0,0,0,.45)}.c-stage__phone .ph,.c-dstage__phone .ph{border-radius:17px;padding:6px}.c-stage__phone .ph__label,.c-dstage__phone .ph__label{display:none}.c-akt{background:var(--paper);color:var(--ink);padding:clamp(64px,8vw,144px) 0}.c-akt__grid{display:grid;gap:28px}.c-akt__num{display:block;font:700 var(--ts-16)/1.3 var(--font-head);color:var(--red);margin-bottom:10px}.c-akt__title{font-size:var(--ts-48);font-weight:700;letter-spacing:-.02em;line-height:1}.c-akt__body{max-width:var(--text);min-width:0}.c-akt__body>p{margin:0 0 1em}.c-lead{font-size:var(--ts-26);line-height:1.5}.c-sub{font:700 var(--ts-26)/1.2 var(--font-head);margin:40px 0 16px}.c-ziele{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}.c-ziele li{position:relative;padding:14px 0 14px 32px;border-bottom:1px solid var(--line);line-height:1.45}.c-ziele li::before{content:"";position:absolute;left:2px;top:calc(14px + .7em);width:16px;height:2px;background:var(--red)}.c-leist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.c-leist li{padding:20px 0;border-bottom:1px solid var(--line)}.c-leist h3{font:700 var(--ts-26)/1.2 var(--font-head);margin:0 0 6px}.c-leist p{margin:0;color:var(--muted);line-height:1.55}.c-leist p::first-letter{text-transform:uppercase}.c-weg{list-style:none;margin:0;padding:0;position:relative;--p:0}.c-weg::before,.c-weg::after{content:"";position:absolute;left:21px;top:22px;bottom:22px;width:2px;background:var(--line)}.c-weg::after{background:var(--red);transform-origin:top;transform:scaleY(var(--p))}.c-weg__step{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;padding-bottom:36px}.c-weg__step:last-child{padding-bottom:0}.c-weg__nr{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;background:var(--paper);border:2px solid var(--ink);display:grid;place-items:center;font:700 var(--ts-16)/1 var(--font-head)}.c-weg__date{margin:10px 0 4px!important;font:600 var(--ts-16)/1.3 var(--font);color:var(--red)}.c-weg__step h3{font:700 var(--ts-26)/1.2 var(--font-head);margin:0 0 8px}.c-weg__step p{margin:0;color:var(--muted);line-height:1.55}.c-weg__step div>h3:first-child{margin-top:10px}.c-bleed{margin:0 auto;width:min(100%,var(--wide))}.c-bleed .ph{aspect-ratio:4/3;border:0;border-radius:0;background:var(--mist)}.c-bleed .ph.ph--cool{background:var(--teal-50)}.c-akt--ink{background:var(--ink);color:#fff}.c-akt--ink .c-akt__num{color:var(--red-on-dark)}.c-akt--ink .c-akt__title{color:#fff}.c-checks{list-style:none;margin:0;padding:0;display:grid;gap:18px}.c-checks li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:16px;align-items:start;line-height:1.5}.c-checks__icon{width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;margin-top:-2px}.c-checks__icon svg{width:16px;height:16px}.c-erg__site{margin:32px 0 0;padding-top:20px;border-top:1px solid var(--line-dark);color:var(--on-dark-muted);font-size:var(--ts-17)}.c-erg__site>span:first-child{color:#fff;font-weight:600;margin-right:8px}.c-gal{margin-top:clamp(48px,6vw,96px);display:grid;grid-template-columns:1fr 1fr;gap:28px 14px;grid-auto-flow:dense;align-items:start}.c-gal__item{margin:0;min-width:0}.c-gal__item--browser{grid-column:span 2}.c-gal__item--browser .dev-browser{aspect-ratio:16/10;box-shadow:0 30px 60px rgba(0,0,0,.4)}.c-gal__item--phone .dev-phone{width:78%;margin-inline:auto;padding:7px;border-radius:26px;box-shadow:0 30px 60px rgba(0,0,0,.4)}.c-gal__item--phone .ph{border-radius:20px;padding:8px}.c-gal__item--detail .ph{aspect-ratio:1/1;border:0;border-radius:10px}.c-gal__item--print .ph{aspect-ratio:3/4;border:0;border-radius:10px}.c-gal figcaption{margin-top:12px;font-size:var(--ts-16);line-height:1.4;color:var(--on-dark-muted)}.c-gal .ph__label{font-size:var(--ts-16)}.c-stage__browser,.c-dstage__browser{transition:transform 1.4s var(--ease-out),opacity 1s var(--ease-out)}.c-stage__phone,.c-dstage__phone{transition:transform 1.6s var(--ease-out) .25s,opacity 1s var(--ease-out) .25s}.js body:not(.is-ready) .c-stage__browser,.js body:not(.is-ready) .c-dstage__browser{transform:translateY(40px) scale(.97);opacity:0}.js body:not(.is-ready) .c-stage__phone,.js body:not(.is-ready) .c-dstage__phone{transform:translateY(60px);opacity:0}.c-stage__media:has(:focus-visible) .c-stage__browser{transform:translateY(-6px)}@media (hover:hover){.c-stage__media:hover .c-stage__browser{transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){.c-stage__browser,.c-dstage__browser,.c-stage__phone,.c-dstage__phone{transition:none!important;transform:none!important;opacity:1!important}.c-weg::after{transform:none}}@media (min-width:768px){.c-stage__browser .dev-browser,.c-dstage__browser .dev-browser{aspect-ratio:16/10}.c-stage__phone,.c-dstage__phone{right:-12px;width:20%}.c-stage__phone .dev-phone,.c-dstage__phone .dev-phone{padding:10px;border-radius:36px}.c-stage__phone .ph,.c-dstage__phone .ph{border-radius:27px}.c-facts--row{grid-template-columns:repeat(4,minmax(0,1fr))}.c-row__link{grid-template-columns:160px minmax(0,1fr) 44px;gap:8px 28px;padding:24px 0}.c-row__thumb .ph__label{display:block}.c-leist li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:24px}.c-leist h3{margin:0}.c-bleed .ph{aspect-ratio:21/9}.c-gal{grid-template-columns:repeat(6,minmax(0,1fr));gap:40px 24px}.c-gal__item{grid-column:span 2}.c-gal__item--browser{grid-column:span 4}.c-gal__item--phone .dev-phone{width:70%}}@media (min-width:992px){.c-head__inner{display:grid}.c-stage__info{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:64px;margin-top:40px;align-items:start}.c-stage__media{padding-bottom:48px}.c-list__head{grid-template-columns:auto 1fr;align-items:end}.c-filter{justify-content:flex-end}.c-row__link{grid-template-columns:200px minmax(0,1.5fr) minmax(0,1fr) 56px;gap:40px;padding:28px 0}.c-row__title{font-size:var(--ts-26)}.c-row__meta{grid-column:auto;align-self:center}.c-row__leist{display:block}.c-row__arrow{grid-column:auto;grid-row:auto;width:56px;height:56px}.c-akt__grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px;align-items:start}.c-akt__label{position:sticky;top:calc(var(--header-h) + 40px)}.c-akt__body{justify-self:end;width:100%}.c-dstage__in{padding-bottom:56px}.c-dstage__phone{right:-24px}.c-weg::before,.c-weg::after{left:27px;top:28px;bottom:28px}.c-weg__step{grid-template-columns:56px minmax(0,1fr);gap:28px;padding-bottom:48px}.c-weg__nr{width:56px;height:56px;font-size:var(--ts-19)}.c-weg__date{margin-top:14px!important}.c-weg__step div>h3:first-child{margin-top:16px}.c-gal{grid-template-columns:repeat(12,minmax(0,1fr))}.c-gal__item{grid-column:span 4}.c-gal__item--browser{grid-column:span 8}.c-gal__item--phone{grid-column:span 4}}@media (min-width:1600px){.c-bleed .ph{aspect-ratio:24/9}}@media (max-width:767px){.c-stage__browser .ph,.c-dstage__browser .ph{padding-right:32%}.c-row__link{grid-template-columns:80px minmax(0,1fr);align-items:start;gap:6px 16px}.c-row__thumb{grid-row:1/3;padding-top:4px}.c-row__arrow{display:none}.c-row__title{font-size:var(--ts-22)}.c-gal__item--print{grid-column:span 2}.c-gal__item--print .ph{aspect-ratio:4/3}}.c-gal .ph__label{display:none}.c-row__meta span:first-child{color:var(--ink)}.c-checks{margin-bottom:8px}.c-erg__site{margin-top:40px}@media (min-width:992px){.c-head__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:64px;align-items:end}.c-head__lead{margin:0 0 .4em}.c-row__meta{gap:6px}.c-stage__browser .dev-browser,.c-dstage__browser .dev-browser{aspect-ratio:16/9}.c-stage__phone,.c-dstage__phone{width:15%;max-width:230px}}.c-facts dd{overflow-wrap:normal}@media (max-width:599px){.c-facts--row .c-facts__site{grid-column:1/-1}}.c-filter__n{margin-left:8px;color:var(--muted);font-weight:600}.c-filter__btn[aria-pressed="true"] .c-filter__n{color:var(--red-on-dark)}.j-more{display:flex;justify-content:center;margin-top:40px}.j-more__btn{cursor:pointer;font:600 var(--ts-16)/1 var(--font);color:var(--ink);background:transparent;min-height:52px}.j-more__btn[hidden]{display:none}.j-more__btn:focus-visible{outline:3px solid var(--red);outline-offset:3px}.pj{--gap:16px;--radius:22px}main{overflow-x:clip}.d-kicker{font:700 var(--ts-16)/1.3 var(--font-head);color:var(--red);margin:0 0 16px}.on-dark .d-kicker{color:var(--red-on-dark)}@media (min-width:1100px){.dw3{grid-column:span 3}.dw4{grid-column:span 4}}.j-high{background:var(--paper);color:var(--ink);padding:clamp(64px,8vw,144px) 0;border-top:1px solid var(--line)}.j-high__h{display:grid;gap:10px;margin:0 0 clamp(40px,5vw,72px)}.j-high__s{font-size:var(--ts-48);font-weight:700;letter-spacing:-.02em;line-height:1.02}.j-high__l{font-size:var(--ts-26);font-weight:300;line-height:1.2}.hg{display:grid;gap:clamp(56px,6vw,104px)}.hg__oben,.hg__karten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,4vw,64px)}.hg__oben{align-items:stretch}.hg__karten{row-gap:clamp(48px,5vw,80px);align-items:start}.hg__karte{display:grid;gap:20px;margin:0}.hg__media{--hp:clamp(14px,1.6vw,22px);position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/11;background:var(--mist);border-radius:var(--radius);padding:var(--hp)}.hg__media .pj-img{position:absolute;top:var(--hp);left:var(--hp);display:block;width:calc(100% - 2 * var(--hp));height:calc(100% - 2 * var(--hp));object-fit:contain}.hg__media .ph{width:100%;height:100%}.hg__media--vergleich{aspect-ratio:auto;display:block}.vg{position:relative;overflow:hidden;border-radius:calc(var(--radius) / 2);background:#fff;box-shadow:0 0 0 1px var(--line)}.vg img{display:block;width:100%;height:auto}.vg:not(.is-an){display:flex;flex-direction:column-reverse;gap:var(--hp);background:none;box-shadow:none}.vg:not(.is-an) .vg__marke,.vg__griff{display:none}.vg__marke{position:absolute;top:12px;z-index:3;padding:4px 12px;border-radius:999px;font:700 var(--ts-16)/1.3 var(--font-head);pointer-events:none}.vg__marke--vorher{left:12px;background:var(--ink);color:#fff}.vg__marke--nachher{right:12px;background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--line)}.vg.is-an .vg__vorher{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--vg, 50%)) 0 0)}.vg__regler{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}.vg.is-an{cursor:ew-resize;touch-action:pan-y}.vg.is-an .vg__griff{display:block;position:absolute;top:0;bottom:0;left:var(--vg, 50%);z-index:3;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(28,28,28,.2);pointer-events:none}.vg__griff svg{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;padding:10px;border-radius:50%;background:var(--ink);color:#fff;box-shadow:0 4px 14px rgba(28,28,28,.3)}.vg__regler:focus-visible+.vg__griff svg{outline:3px solid var(--red);outline-offset:3px}.hg__media--text{justify-content:flex-start;align-items:flex-end;padding:clamp(28px,3vw,48px);background:var(--ink);color:#fff}.hg .hg__satz{max-width:18ch;font:700 var(--ts-48)/1.12 var(--font-head);letter-spacing:-.01em;text-wrap:balance}.hg__karte figcaption,.hg__unter{display:grid;gap:10px;max-width:var(--text)}.hg h3{margin:0;font-size:var(--ts-26);font-weight:700;line-height:1.12}.hg p{margin:0;font-size:var(--ts-19);line-height:1.55}.hg__blatt{background:var(--white);border:1px solid var(--line-strong);padding:clamp(24px,2.4vw,40px)}.hg .hg__kopf{max-width:none;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding-bottom:12px;margin-bottom:28px;border-bottom:2px solid var(--ink);font:700 var(--ts-16)/1.3 var(--font-head)}.hg__regeln{display:grid;gap:28px;margin:0;padding:0;list-style:none}.hg__regel{display:grid;gap:8px;padding-left:18px;border-left:3px solid var(--ink)}.hg__regel--traegt{border-left-color:var(--red)}.hg__regel--traegt h3{color:var(--red)}.hg .hg__nr{font:600 var(--ts-16)/1.3 var(--font);color:var(--muted)}.hg__zahlen{display:grid;gap:24px;margin:0 0 28px}.hg__zahl{display:grid;gap:8px}.hg__zahl dt{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.hg__num{font:800 var(--ts-48)/1 var(--font-head);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.hg__einheit{font:700 var(--ts-19)/1.3 var(--font-head)}.hg__zahl dd{display:grid;gap:4px;margin:0;font-size:var(--ts-19);line-height:1.55}.hg__zahl strong{font-weight:600}.hg__daten{display:grid;margin:0;border-top:1px solid var(--line-strong)}.hg__daten>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--line-strong)}.hg__daten dt{font:600 var(--ts-16)/1.5 var(--font);color:var(--muted)}.hg__daten dd{margin:0;font-size:var(--ts-19);line-height:1.5}@media (max-width:991px){.hg__oben,.hg__karten{grid-template-columns:minmax(0,1fr)}}@media (max-width:699px){:root{--gap:12px}.hg p,.hg__zahl dd{font-size:var(--ts-17)}}.dv .ph__label{font-size:var(--ts-16)}.dv--phone .dev-phone{width:100%}.d-sheet{background:#fff;border-radius:10px;padding:14px;box-shadow:0 40px 80px rgba(28,28,28,.2);display:flex;aspect-ratio:3/4}.d-sheet .ph{flex:1;border-radius:4px}.j-gal{background:var(--mist);color:var(--ink);position:relative}.j-gal__pin{padding:clamp(64px,7vw,120px) 0 clamp(48px,5vw,80px);overflow:hidden}.d-gal__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(24px,3vw,40px)}.d-gal__head h2{font-size:var(--ts-48);letter-spacing:-.025em}.d-nav{display:flex;gap:10px;flex:none}.d-nav__btn{width:56px;height:56px;border-radius:50%;border:1px solid var(--line-strong);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .3s,color .3s,opacity .3s}.d-nav__btn svg{width:14px;height:14px;transform:rotate(45deg)}.d-nav__btn[data-dir="-1"] svg{transform:rotate(-135deg)}.d-nav__btn:focus-visible:not(:disabled){background:var(--red);color:#fff;border-color:var(--red)}@media (hover:hover){.d-nav__btn:hover:not(:disabled){background:var(--red);color:#fff;border-color:var(--red)}}.d-nav__btn:disabled{opacity:.35;cursor:default}.d-nav__btn:focus-visible{outline:3px solid var(--red);outline-offset:3px}.j-gal__view{position:relative}.d-gal__track{--pad:max(var(--margin),calc((100% - var(--container))/2));display:flex;gap:clamp(20px,2.4vw,40px);align-items:flex-end;padding:20px var(--pad) 28px;scrollbar-width:none}.d-gal__track::-webkit-scrollbar{display:none}.d-gal__track:focus-visible{outline:3px solid var(--red);outline-offset:-3px}.j-gal{--gh:clamp(220px,calc(100svh - var(--header-h) - 370px),640px)}.d-slide{flex:none;margin:0}.d-slide--browser{width:min(980px,84vw,calc(var(--gh) * 1.6))}.d-slide--browser .dev-browser{aspect-ratio:16/10}.d-slide--phone{width:min(290px,54vw,calc(var(--gh) * .4615))}.d-slide--sheet{width:min(500px,72vw,calc(var(--gh) * .8))}.d-slide--sheet .d-sheet{aspect-ratio:4/5}.d-slide figcaption{margin-top:16px;font-size:var(--ts-16);color:var(--muted);max-width:40ch}.d-slide figcaption b{color:var(--red);margin-right:8px}.d-bar{height:3px;background:var(--line);border-radius:3px;overflow:hidden}.d-bar span{display:block;height:100%;background:var(--red);transform-origin:left;transform:scaleX(.06);transition:transform .2s linear}.j-gal.is-pinned .j-gal__pin{padding:clamp(24px,3vw,48px) 0;position:sticky;top:var(--header-h);min-height:calc(100svh - var(--header-h));display:flex;flex-direction:column;justify-content:center}html.consent-leiste-offen .j-gal.is-pinned .j-gal__pin{min-height:calc(100svh - var(--header-h) - var(--consent-leiste-h, 0px))}.j-gal.is-pinned .d-gal__track{width:max-content;will-change:transform}.j-gal.is-pinned .d-bar span{transition:none}.j-gal.is-static .d-gal__track{overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);overscroll-behavior-x:contain}.j-gal.is-static .d-slide{scroll-snap-align:start}@media (max-width:699px){.j-gal{--gh:clamp(200px,calc(100svh - var(--header-h) - 300px),520px)}.j-gal__pin{padding:40px 0 32px}.d-gal__head{margin-bottom:16px}.d-gal__head h2{font-size:var(--ts-48)}.d-nav__btn{width:48px;height:48px}.d-gal__track{align-items:center;gap:16px;padding-top:12px}.d-slide--browser{width:min(88vw,calc(var(--gh) * 1.6))}.d-slide--sheet{width:min(84vw,calc(var(--gh) * .8))}.d-slide--phone{width:min(64vw,calc(var(--gh) * .4615))}.d-slide figcaption{margin-top:12px}}@media (max-width:699px) and (max-height:700px){.d-gal__head .d-kicker{display:none}}.c-cta{background:var(--cream);color:var(--ink);border-bottom:0}.c-cta__title{color:var(--ink)}.c-cta__text{color:var(--muted)}.d-gal__track{align-items:flex-start}.d-slide{display:grid;grid-template-rows:var(--gh) auto}.d-slide>:first-child{align-self:end}@media (max-width:767px){.d-gal__track{align-items:flex-start}}.d-slide--phone{width:min(300px,54vw,calc(var(--gh) * .485))}@media (max-width:767px){.d-slide--phone{width:min(64vw,calc(var(--gh) * .485))}}.c-dstage__band{background:var(--akzent,var(--red));color:var(--akzent-ink,#fff)}.c-dstage__stage{background:linear-gradient(var(--ink) 0 50%,var(--akzent,var(--red)) 50% 100%)}.pj .pj-name{white-space:nowrap;overflow-wrap:normal;hyphens:manual;-webkit-hyphens:manual}.pj [data-fit-name]{overflow-wrap:normal;hyphens:manual;-webkit-hyphens:manual}.pj :is(h1,h2,h3,h4,p,li,dt,dd,span,a,figcaption){overflow-wrap:normal;word-break:normal;hyphens:manual;-webkit-hyphens:manual}:where(.pj-main) :where(h1,h2,h3,h4){line-height:1.08}.dev-browser .pj-img{flex:1;min-height:0;width:100%;object-fit:cover;object-position:top center;display:block}.dev-phone .pj-img{flex:1;min-width:0;width:100%;object-fit:cover;object-position:top center;border-radius:12.5%/6%;display:block}.d-sheet .pj-img{flex:1;min-height:0;width:100%;object-fit:contain;display:block}.pj img.pj-img{max-width:100%}.d-sheet:has(.pj-img){aspect-ratio:auto!important;padding:10px}.d-sheet .pj-img{height:auto;max-height:min(70vh,640px);object-fit:contain;border-radius:4px}.c-bleed .pj-img{width:100%;height:auto;display:block}.c-dstage__browser .pj-img,.c-stage__browser .pj-img,.c-gal__item--browser .pj-img,.d-slide--browser .pj-img{object-fit:cover;object-position:top center}.d-slide--browser{width:min(88vw,calc(var(--gh) * 1.6))}.d-slide--phone{width:min(64vw,calc(var(--gh) * .4615))}.d-slide--sheet{width:auto}.d-slide--sheet .d-sheet{aspect-ratio:auto!important;height:var(--gh);padding:10px;width:auto}.d-slide--sheet .d-sheet .pj-img{height:100%;width:auto;max-width:min(84vw,calc(var(--gh) * 1.9));max-height:none;object-fit:contain}.c-bleed--dev{width:100%;display:flex;justify-content:center;padding:clamp(40px,6vw,96px) var(--margin);background:var(--mist)}.c-bleed__dev.dv--browser{width:min(1100px,100%)}.c-bleed__dev.dv--browser .dev-browser{aspect-ratio:16/10}.c-bleed__dev.dv--phone{width:min(280px,64vw)}.c-bleed__dev.dv--sheet .d-sheet{aspect-ratio:auto!important;padding:12px}.c-bleed__dev.dv--sheet .pj-img{width:auto;height:auto;max-width:min(1100px,100%);max-height:min(620px,70vh);object-fit:contain}.dev-browser{container-type:inline-size}.pj .dev-browser__bar{height:clamp(16px,3.6cqw,40px);gap:clamp(3px,.7cqw,8px);padding:0 clamp(6px,1.4cqw,16px)}.pj .dev-browser__bar i{width:clamp(5px,.95cqw,11px);height:clamp(5px,.95cqw,11px)}.dev-browser__host{display:none}@container (min-width:1067px){.dev-browser__host{display:inline}}.j-gal .dev-browser__host{display:none}.pj .dev-browser__url{height:clamp(10px,2.3cqw,24px);font-size:var(--ts-16);line-height:clamp(10px,2.3cqw,24px);margin-left:clamp(4px,1cqw,12px);padding:0 clamp(5px,1cqw,12px);max-width:42%}.c-bleed--dev{flex-direction:column;align-items:center}.c-bleed__cap{margin-top:20px;font-size:var(--ts-16);line-height:1.4;color:var(--muted);text-align:center;max-width:60ch}.pj .pj-name{color:inherit}.d-slide--browser .dev-browser,.c-bleed__dev.dv--browser .dev-browser,.c-gal__item--browser .dev-browser{aspect-ratio:168/100}.c-tech{background:var(--paper);color:var(--ink);padding:clamp(64px,8vw,144px) 0}.c-tech__head{max-width:64ch;margin-bottom:clamp(32px,4vw,64px)}.c-tech__intro{margin:20px 0 0;font-size:var(--ts-19);line-height:1.55;color:var(--muted)}.c-tech__grid{display:grid;gap:40px}.c-tech__code{margin:0;background:#16181c;color:#e8e6e1;border-radius:14px;overflow:hidden;box-shadow:0 30px 60px rgba(28,28,28,.18);min-width:0}.c-tech__bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#22252b}.c-tech__bar i{width:11px;height:11px;border-radius:50%;background:#4a4d55}.c-tech__bar i:first-child{background:var(--red)}.c-tech__bar span{margin-left:10px;font:600 var(--ts-16)/1.3 var(--font);color:#a9a6a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-tech__code pre{margin:0;padding:22px 24px;overflow-x:auto;font:400 var(--ts-16)/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;tab-size:2}.c-tech__code code{font:inherit;color:inherit;background:none;padding:0}.c-tech__code .k{color:#ffb3b3}.c-tech__code .s{color:#9fd9d0}.c-tech__code figcaption{padding:0 24px 20px;font-size:var(--ts-16);line-height:1.45;color:#a9a6a0}.c-tech__groups{display:grid;gap:32px 48px;min-width:0}.c-tech__group h3{font:700 var(--ts-26)/1.2 var(--font-head);margin:0 0 12px;padding-top:16px;border-top:2px solid var(--ink)}.c-tech__group ul{list-style:none;margin:0;padding:0}.c-tech__group li{position:relative;padding-left:28px;margin:10px 0;line-height:1.5}.c-tech__group li::before{content:"";position:absolute;left:2px;top:.42em;width:13px;height:7px;border-left:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(-45deg)}.c-tech__facts{display:grid;gap:28px;margin:clamp(48px,6vw,88px) 0 0;padding-top:32px;border-top:1px solid var(--line)}.c-tech__facts dt{font:700 var(--ts-60)/1 var(--font-head);letter-spacing:-.02em;color:var(--red)}.c-tech__facts dd{margin:10px 0 0;color:var(--muted);line-height:1.45}@media (min-width:700px){.c-tech__groups{grid-template-columns:1fr 1fr}.c-tech__facts{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.c-tech__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}.c-tech__grid--solo{grid-template-columns:1fr}.c-tech__code{position:sticky;top:120px}}@media (min-width:1100px){.c-tech__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:699px){.c-tech__code pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px}}@media (min-width:1100px){.c-tech__grid.c-tech__grid--solo{grid-template-columns:1fr}.c-tech__grid--solo .c-tech__groups{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.c-erg__mehr{margin-top:16px;border-top:0;padding-top:0}.c-erg__mehr a{color:#fff;text-decoration:underline;text-underline-offset:3px}.c-erg__mehr .c-erg__sep{color:var(--on-dark-muted);margin:0;font-weight:400}.c-dstage__browser .dev-browser,.c-stage__browser .dev-browser,.c-bleed__dev.dv--browser .dev-browser,.c-gal__item--browser .dev-browser{aspect-ratio:auto!important}.c-dstage__browser .pj-img,.c-stage__browser .pj-img,.c-bleed__dev.dv--browser .pj-img,.c-gal__item--browser .pj-img{flex:none;width:100%;height:auto;object-fit:fill}.j-gal{--gbar:max(18px,calc(var(--gh) * .06))}.j-gal .d-slide{width:min-content!important;display:grid;grid-template-rows:var(--gh) auto}.j-gal .d-slide>:first-child{align-self:end}.j-gal .d-slide .pj-img{max-width:none!important}.j-gal .d-slide--browser .dev-browser{container-type:normal;aspect-ratio:auto!important;height:var(--gh);width:auto;display:flex;flex-direction:column}.j-gal .d-slide--browser .dev-browser__bar{flex:none;height:var(--gbar);gap:calc(var(--gbar) * .2);padding:0 calc(var(--gbar) * .4)}.j-gal .d-slide--browser .dev-browser__bar i{width:calc(var(--gbar) * .28);height:calc(var(--gbar) * .28)}.j-gal .d-slide--browser .dev-browser__url{height:calc(var(--gbar) * .6);line-height:calc(var(--gbar) * .6);margin-left:calc(var(--gbar) * .3);padding:0 calc(var(--gbar) * .3);max-width:none;flex:0 1 40%}.j-gal .d-slide--browser .pj-img{flex:none;height:calc(var(--gh) - var(--gbar));width:auto;object-fit:fill}.j-gal .d-slide--phone .dv--phone{width:auto}.j-gal .d-slide--phone .dev-phone{height:var(--gh);width:auto;aspect-ratio:71.6/147.6}.j-gal .d-slide--sheet .d-sheet{height:var(--gh);width:auto}.j-gal .d-slide--sheet .d-sheet .pj-img{height:100%;width:auto;max-height:none}.j-gal .d-slide figcaption{max-width:none}.j-gal .pj-img,.hg__media .pj-img{cursor:zoom-in}.pj-lb{position:fixed;inset:0;z-index:9999;display:none;background:rgba(17,17,19,.94);color:#fff;padding:0;border:0;margin:0;width:100%;height:100%;max-width:none;max-height:none}.pj-lb[open]{display:grid;grid-template-rows:1fr auto;align-items:center;justify-items:center}.pj-lb::backdrop{background:transparent}.pj-lb__fig{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:72px clamp(16px,6vw,96px) 16px;box-sizing:border-box;min-height:0}.pj-lb__img{max-width:100%;max-height:calc(100svh - 170px);width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 30px 80px rgba(0,0,0,.5);background:#fff;cursor:zoom-out}.pj-lb__cap{margin:16px 0 0;font-size:var(--ts-16);line-height:1.4;color:rgba(255,255,255,.82);text-align:center;max-width:70ch}.pj-lb__cap b{color:#fff;margin-right:8px;font-weight:600}.pj-lb__btn{position:absolute;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font:400 var(--ts-26)/1 var(--font,sans-serif);cursor:pointer}.pj-lb__btn:focus-visible{background:rgba(255,255,255,.2);outline:2px solid #fff;outline-offset:2px}@media (hover:hover){.pj-lb__btn:hover{background:rgba(255,255,255,.2);outline:2px solid #fff;outline-offset:2px}}.pj-lb__zu{top:16px;right:16px}.pj-lb__vor,.pj-lb__zur{top:50%;transform:translateY(-50%)}.pj-lb__zur{left:16px}.pj-lb__vor{right:16px}.pj-lb__zahl{position:absolute;top:30px;left:24px;font-size:var(--ts-16);color:rgba(255,255,255,.7)}@media (max-width:699px){.pj-lb__vor,.pj-lb__zur{top:auto;bottom:16px;transform:none}.pj-lb__fig{padding:64px 12px 84px}.pj-lb__img{max-height:calc(100svh - 190px)}}html.pj-lb-offen{overflow:hidden}@media (max-width:767px){.j-gal{--gh:clamp(240px,42svh,360px)}}.pj .pj-img[role=button]:focus,.pj .pj-img[role=button]:focus-visible{outline:none}.hg__media:has(.pj-img[role=button]:focus-visible){outline:3px solid var(--red);outline-offset:3px}.j-gal .d-slide>:first-child:has(.pj-img[role=button]:focus-visible){outline:3px solid var(--red);outline-offset:6px;border-radius:16px}.c-bleed .pj-img{cursor:zoom-in}.c-bleed__dev:has(.pj-img[role=button]:focus-visible){outline:3px solid var(--red);outline-offset:6px;border-radius:16px}.j-gal.is-static .d-gal__track{scroll-snap-type:x proximity}.c-dstage__browser>.pj-img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 40px 80px rgba(0,0,0,.4)}.pj p,.pj li,.pj dd,.pj figcaption{text-wrap:wrap}.c-stimme{padding-block:clamp(6.4rem, 4rem + 4vw, 12rem);background:var(--cc-paper)}.c-stimme__q{max-width:112rem;margin-inline:auto}.c-stimme__q blockquote p{text-wrap:pretty}.c-pn-fix{display:none}.js .c-pn-fix{display:block}.c-pn-fix__btn{position:fixed;z-index:80;bottom:calc(16px + env(safe-area-inset-bottom, 0px));width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;border:1px solid rgb(255 255 255 / .3);box-shadow:0 8px 24px rgb(0 0 0 / .18);text-decoration:none;transition:opacity .3s,visibility .3s,background .3s,border-color .3s,transform .4s var(--ease-out)}.c-pn-fix__btn--prev{left:16px}.c-pn-fix__btn--next{right:16px}.c-pn-fix__btn svg{width:18px;height:18px}.c-pn-fix--js:not(.is-on) .c-pn-fix__btn,.c-pn-fix.is-verdeckt .c-pn-fix__btn{opacity:0;visibility:hidden;transition:none}@media (min-width:1600px){.c-pn-fix__btn{top:50%;bottom:auto;width:56px;height:56px;margin-top:-28px}.c-pn-fix__btn--prev{left:clamp(12px,1.4vw,28px)}.c-pn-fix__btn--next{right:clamp(12px,1.4vw,28px)}}@media (hover:hover){.c-pn-fix__btn:hover{background:var(--red);border-color:var(--red);color:#fff}.c-pn-fix__btn--prev:hover{transform:translateX(-3px)}.c-pn-fix__btn--next:hover{transform:translateX(3px)}}.c-pn-fix__btn:focus-visible{background:var(--red);border-color:var(--red);color:#fff}.c-pn-fix__btn--prev:focus-visible{transform:translateX(-3px)}.c-pn-fix__btn--next:focus-visible{transform:translateX(3px)}.pj .pj-name.is-free,.no-js .pj .pj-name{white-space:normal;overflow-wrap:break-word}.c-dhead__name{display:block}@media (max-width:479px){.c-facts--row{grid-template-columns:minmax(0,1fr)}}@media (min-width:768px) and (max-width:1023px){.c-facts--row{grid-template-columns:repeat(2,minmax(0,1fr))}}.c-tech__bar{align-items:flex-start}.c-tech__bar i{margin-top:5px;flex:none}.c-tech__bar span{white-space:normal;overflow:visible;text-overflow:clip;min-width:0}.c-tech__code pre:focus-visible{outline:3px solid #fff;outline-offset:-3px}.pj{--red-mist:#a82c2c}.j-gal .d-kicker,.j-gal figcaption b,.j-gal a:not(.btn),.c-bleed--dev a,.c-bleed--dev figcaption b,.lt--mist a,.d-erg a{color:var(--red-mist)}.c-proz{background:var(--paper);color:var(--ink);padding:clamp(64px,8vw,144px) 0;border-top:1px solid var(--line)}.c-proz__head{display:grid;gap:16px;max-width:880px;margin-bottom:40px}.c-proz__head p{font-size:var(--ts-19);line-height:1.55;color:var(--muted);margin:0}.c-proz__jahre{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.c-proz__jahr{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:8px 18px 8px 8px;border:1px solid var(--line);border-radius:999px;background:#fff;font:700 var(--ts-19)/1 var(--font-head);color:var(--ink);cursor:pointer}.c-proz__jahr img{width:64px;height:32px;object-fit:cover;border-radius:999px}.c-proz__jahr[aria-pressed="true"]{background:var(--akzent,var(--ink));color:var(--akzent-ink,#fff);border-color:transparent}.c-proz__jahr:focus-visible,.c-proz__stufe:focus-visible,.c-proz__btn:focus-visible{outline:3px solid var(--red);outline-offset:3px}.c-proz__wrap{margin-bottom:28px}.c-proz__stufen{list-style:none;margin:0;padding:0 0 6px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.c-proz__stufe{width:100%;min-width:0;display:grid;gap:6px;text-align:left;padding:12px 12px 14px;border:0;border-top:3px solid var(--line);background:none;color:var(--ink);cursor:pointer;font:600 var(--ts-16)/1.25 var(--font);overflow-wrap:anywhere;hyphens:auto}.c-proz__stufe b{font:800 var(--ts-16)/1 var(--font-head);color:var(--muted)}.c-proz__stufe.is-weg{border-top-color:var(--akzent,var(--ink))}.c-proz__stufe[aria-current="step"]{border-top-color:var(--red);background:#fff}.c-proz__stufe[aria-current="step"] b{color:var(--red)}.c-proz__jl{font:700 var(--ts-26)/1.2 var(--font-head);margin:0 0 20px}.c-proz.is-aktiv .c-proz__jl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.c-proz__panel+.c-proz__panel{margin-top:72px}.c-proz.is-aktiv .c-proz__panel+.c-proz__panel{margin-top:0}.c-proz__liste{list-style:none;margin:0;padding:0;display:grid;gap:48px}.c-proz__schritt{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:center}.c-proz__bild{margin:0;aspect-ratio:2/1;max-width:100%;background:#fff;box-shadow:0 18px 50px rgba(13,34,37,.16),0 0 0 1px rgba(28,28,28,.08);overflow:hidden}.c-proz__bild img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}.c-proz__bild:has(img[role=button]:focus-visible){outline:3px solid var(--red);outline-offset:3px}.c-proz__txt{display:grid;gap:12px;align-content:start;min-width:0}.c-proz__nr{font:700 var(--ts-16)/1.2 var(--font-head);color:var(--red)}.c-proz__txt h4{font:700 var(--ts-48)/1.05 var(--font-head);margin:0;letter-spacing:-.01em}.c-proz__txt p{margin:0;font-size:var(--ts-19);line-height:1.55;color:var(--muted)}.c-proz__tag{justify-self:start;font:600 var(--ts-16)/1.2 var(--font);padding:8px 12px;border-radius:999px;background:var(--mist)}.c-proz__nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.c-proz__btn{display:inline-flex;align-items:center;min-height:48px;padding:12px 20px;border-radius:999px;border:1px solid var(--ink);background:none;color:var(--ink);font:600 var(--ts-16)/1 var(--font);cursor:pointer}.c-proz__btn--vor{background:var(--ink);color:#fff}.c-proz__btn:disabled{opacity:.35;cursor:default}.c-proz [hidden]{display:none}@media (hover:hover){.c-proz__stufe:hover span{text-decoration:underline;text-underline-offset:.2em}.c-proz__jahr:hover{border-color:var(--ink)}}@media (max-width:1279px){.c-proz__stufen{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:14px}}@media (max-width:899px){.c-proz__schritt{grid-template-columns:minmax(0,1fr)}}@media (max-width:599px){.c-proz__stufen{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.c-proz__stufen li{flex:0 0 148px;scroll-snap-align:start}.c-proz__jahr{padding-right:14px;font-size:var(--ts-16)}.c-proz__jahr img{width:48px;height:24px}}@media print{.c-pn-fix,.js .c-pn-fix,.pj-lb,.pj-lb[open],.d-nav,.d-bar,.o-filter,.c-cta__btns,.cta-big__btns,.cta-big__dot{display:none}.j-gal,.j-gal.is-pinned{height:auto}.j-gal__pin{position:static;padding:24px 0}.d-gal__track{transform:none;flex-wrap:wrap;overflow:visible;padding:0}.j-gal .d-slide{grid-template-rows:auto auto}.pj-img[role=button]{cursor:auto}.dev-browser,.dev-phone,.d-sheet,.hg__karte,.hg__blatt{box-shadow:none;break-inside:avoid}.c-dstage__stage{background:none}}.c-toc{background:var(--paper);color:var(--ink);padding:clamp(48px,6vw,96px) 0}.c-toc__grid{display:grid;grid-template-columns:minmax(0,1fr) clamp(120px,8vw + 60px,180px);column-gap:clamp(32px,3vw + 12px,80px)}.c-toc__lab,.c-toc__liste,.c-toc__alle{grid-column:1}.c-toc__lab{max-width:none;padding-bottom:16px;border-bottom:3px solid var(--ink);font:700 var(--ts-16)/1.2 var(--font-head)}.c-toc__z{border-bottom:1px solid var(--line-strong)}.c-toc__a,.c-toc__z--cur{display:grid;grid-template-columns:64px auto minmax(24px,1fr) auto 44px;align-items:baseline;gap:16px;min-height:44px;padding-block:20px;color:inherit;text-decoration:none}.c-toc__nr{font:300 var(--ts-26)/1 var(--font-head);color:var(--muted);font-variant-numeric:tabular-nums}.c-toc__name{font:700 var(--ts-26)/1.15 var(--font-head)}.c-toc__punkte{align-self:end;margin-bottom:.6em;border-bottom:2px dotted var(--line-strong)}.c-toc__meta{color:var(--muted);font-size:var(--ts-16)}.c-toc__go{display:grid;place-items:center;align-self:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);transition:background .25s,color .25s,border-color .25s,transform .4s var(--ease-out)}.c-toc__go svg{width:16px;height:16px}.c-toc__z--cur{color:var(--muted)}.c-toc__z--cur .c-toc__name{font-weight:400}.c-toc__hier{grid-column:4/-1;justify-self:end;padding:2px 12px;border:1px solid var(--ink);border-radius:999px;color:var(--ink);font-size:var(--ts-16);font-weight:600}.c-toc__z--next .c-toc__nr{color:var(--red);font-weight:700}.c-toc__z--next .c-toc__name{font-weight:800;font-size:var(--ts-48);letter-spacing:-.02em}.c-toc__z--next .c-toc__go{background:var(--ink);border-color:var(--ink);color:#fff}.c-toc__phone{grid-column:2;grid-row:1/span 3;align-self:end;overflow:hidden;border-radius:18px;border:1px solid var(--line-strong);background:#fff}.c-toc__phone img{display:block;width:100%;height:auto;aspect-ratio:1170/2532;object-fit:cover;object-position:top}.c-toc__alle{padding-top:24px}.c-toc__alla{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--red);font-weight:600;text-decoration:none}.c-toc__alla span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}.c-toc__alla svg{width:16px;height:16px}.c-toc__a:focus-visible{outline:3px solid var(--red);outline-offset:3px}.c-toc__a:focus-visible .c-toc__name{color:var(--red)}.c-toc__a:focus-visible .c-toc__go{background:var(--ink);border-color:var(--ink);color:#fff}.c-toc__alla:focus-visible{outline:3px solid var(--red);outline-offset:3px}@media (hover:hover){.c-toc__a:hover .c-toc__name{color:var(--red)}.c-toc__a:hover .c-toc__go{background:var(--ink);border-color:var(--ink);color:#fff}.c-toc__z--next .c-toc__a:hover .c-toc__go{transform:translateX(4px)}.c-toc__alla:hover{color:var(--red-hover)}}@media (max-width:767px){.c-toc__grid{grid-template-columns:minmax(0,1fr)}.c-toc__a,.c-toc__z--cur{grid-template-columns:40px minmax(0,1fr) 44px;gap:4px 12px}.c-toc__nr{grid-row:span 2;font-size:var(--ts-26)}.c-toc__punkte{display:none}.c-toc__meta{grid-column:2}.c-toc__go{grid-column:3;grid-row:1/span 2}.c-toc__hier{grid-column:2;justify-self:start}.c-toc__z--next .c-toc__name{font-size:var(--ts-26)}.c-toc__phone{display:none}}@media (prefers-reduced-motion:reduce){.c-pn-fix__btn,.c-toc__go{transition:none}}@media print{.c-proz__jahre,.c-proz__wrap,.c-proz__nav{display:none!important}.c-proz__panel,.c-proz__schritt{display:grid!important}.c-proz__schritt[hidden],.c-proz__panel[hidden]{display:grid!important}}.pj-akz--sebastian-schueler{--akzent:#FF5A2A;--akzent-ink:#1c1c1c}.pj-akz--bootkamp-katja{--akzent:#F08432;--akzent-ink:#1c1c1c}.pj-akz--villa-royal{--akzent:#1E73BE;--akzent-ink:#fff}.pj-akz--balance-by-maria{--akzent:#6E0030;--akzent-ink:#fff}.pj-akz--hundehuettengaudi{--akzent:#8C5738;--akzent-ink:#fff}.pj-akz--sabine-roessler{--akzent:#7C5A67;--akzent-ink:#fff}.pj-akz--papa-corazon{--akzent:#EE850D;--akzent-ink:#1c1c1c}.pj-akz--waldfriedhof-waldurne{--akzent:#83B542;--akzent-ink:#1c1c1c}.pj-akz--agriforst{--akzent:#7C9247;--akzent-ink:#fff}.pj-akz--smart-manv{--akzent:#FEC902;--akzent-ink:#1c1c1c}.pj-akz--teamschlueter{--akzent:#319B9F;--akzent-ink:#fff}.pj-akz--birgit-rolf{--akzent:#C47540;--akzent-ink:#fff}.pj-akz--bubenzer-recht{--akzent:#DFC57C;--akzent-ink:#1c1c1c}.pj-akz--ferienwohnung-isselquelle{--akzent:#D39320;--akzent-ink:#1c1c1c}.pj-akz--docbox-kuttruff{--akzent:#67B02A;--akzent-ink:#1c1c1c}.pj-akz--edgar-knecht{--akzent:#DD4E5B;--akzent-ink:#fff}.pj-akz--weikum-ueberdachung{--akzent:#257CC8;--akzent-ink:#fff}.pj-akz--cnl{--akzent:#F3752B;--akzent-ink:#1c1c1c}.pj-akz--sportwagen-vinson{--akzent:#FF0038;--akzent-ink:#fff}.pj-akz--gabriela-azoulay{--akzent:#D2A23A;--akzent-ink:#1c1c1c}.pj-akz--hfma{--akzent:#193A5B;--akzent-ink:#fff}.pj-akz--ptp-bau{--akzent:#226E54;--akzent-ink:#fff}.pj-akz--bosse-design{--akzent:#1D1D1B;--akzent-ink:#fff}.pj-akz--markus-roessler{--akzent:#6A93B0;--akzent-ink:#fff}.pj-akz--kuttruff{--akzent:#67B02A;--akzent-ink:#1c1c1c}.pj-akz--pizza-vielfalt{--akzent:#D0181F;--akzent-ink:#fff}.pj-akz--die-schnittallee{--akzent:#282828;--akzent-ink:#fff}.pj-akz--la-marina{--akzent:#F7CBDD;--akzent-ink:#1c1c1c}.pj-akz--stadtmaedchen{--akzent:#956C62;--akzent-ink:#fff}.pj-akz--creativecouch{--akzent:#C43636;--akzent-ink:#fff}}