.wb-lg{--karte:50vw;--luecke:5vw;position:relative;height:calc(100svh + (var(--n) - 1) * 70svh)}.wb-lg-halt{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;align-content:center;padding:clamp(84px,9vh,112px) 0 clamp(18px,3vh,32px)}.wb-lg-kopf{width:min(1280px,calc(100% - 2*clamp(16px,4vw,64px)));margin-inline:auto;display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap}.wb-lg-kopf h2{font:800 clamp(34px,4.4vw,64px)/.98 var(--display);letter-spacing:-.045em;margin:0}.wb-lg-kopf h2 span{color:oklch(.62 .17 42)}.wb-lg-chips{display:flex;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.wb-lg-chips li{padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;color:var(--ink-3);border:1px solid var(--line);transition:background .4s var(--io),color .4s var(--io),border-color .4s var(--io)}.wb-lg[data-aktiv="0"] .wb-lg-chips li:first-child,.wb-lg[data-aktiv="1"] .wb-lg-chips li:nth-child(2),.wb-lg[data-aktiv="2"] .wb-lg-chips li:nth-child(3),.wb-lg[data-aktiv="3"] .wb-lg-chips li:nth-child(4){background:var(--ink);color:white;border-color:var(--ink)}.wb-lg-spur{display:flex;gap:var(--luecke);align-items:center;padding-inline:calc((100vw - var(--karte)) / 2);will-change:transform;transform:translate3d(calc(var(--p,0) * (var(--n) - 1) * (var(--karte) + var(--luecke)) * -1),0,0)}.wb-lg-paar{--d:calc(var(--p,0) * (var(--n) - 1) - var(--i));--a:min(1,max(var(--d),calc(var(--d) * -1)));flex:0 0 var(--karte);margin:0;display:grid;gap:14px;transform:scale(calc(1 - .12 * var(--a)));opacity:calc(1 - .5 * var(--a));transform-origin:50% 60%}.wb-lg-buehne{position:relative;padding:0 clamp(40px,5vw,80px) clamp(28px,4vh,48px) 0}.wb-lg-fenster{overflow:hidden;border-radius:16px;background:white;border:1px solid var(--line);box-shadow:0 50px 90px -50px oklch(.25 .03 50/.55),0 10px 24px -14px oklch(.25 .03 50/.25)}.wb-lg-fenster .leiste{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:oklch(.97 .005 60);border-bottom:1px solid var(--line)}.wb-lg-fenster .leiste i{width:9px;height:9px;border-radius:50%;background:oklch(.86 .01 60)}.wb-lg-fenster .leiste span{margin-left:10px;font-size:12px;color:var(--ink-3);padding:3px 12px;border-radius:999px;background:white;border:1px solid var(--line)}.wb-lg-fenster img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}.wb-lg-handy{position:absolute;right:0;bottom:0;width:clamp(120px,11.5vw,200px);transform:translate3d(0,calc(var(--a) * 40%),0) rotate(calc(var(--d) * 7deg));transition:transform .2s linear}.wb-lg-iphone.wb-handy{width:100%}.wb-lg-iphone .wb-handy-glas{background:white}.wb-lg-skala{width:100%;aspect-ratio:390/844;overflow:hidden;margin-top:3%}.wb-lg-paar figcaption{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:0 4px}.wb-lg-paar figcaption b{display:block;font:750 clamp(18px,1.4vw,22px)/1.15 var(--display);letter-spacing:-.02em}.wb-lg-paar figcaption span{font-size:14px;color:var(--ink-3)}.wb-lg-paar figcaption em{flex:none;display:grid;justify-items:end;font-style:normal;font-size:13px;font-weight:650;padding:6px 12px;border-radius:12px;background:color-mix(in oklch,var(--akzent) 22%,white);text-align:right}.wb-lg-paar figcaption em small{font-weight:500;color:var(--ink-3);font-size:12px}.wb-lg-hinweis{width:min(1280px,calc(100% - 2*clamp(16px,4vw,64px)));margin:clamp(10px,2vh,20px) auto 0;font-size:13px;color:var(--ink-3)}@media (max-width:760px){.wb-lg{height:auto;padding:clamp(56px,14vw,80px) 0}.wb-lg-halt{position:static;height:auto;overflow:visible;padding:0;display:block}.wb-lg-kopf{margin-bottom:22px}.wb-lg-chips{display:none}.wb-lg-spur{transform:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:6px 16px 22px;scrollbar-width:none}.wb-lg-spur::-webkit-scrollbar{display:none}.wb-lg-paar{flex:0 0 86vw;transform:none;opacity:1;scroll-snap-align:center}.wb-lg-buehne{padding:0 36px 26px 0}.wb-lg-handy{width:31%;transform:none}.wb-lg-hinweis{width:auto;margin:4px 16px 0}}@media (min-width:761px) and (prefers-reduced-motion:reduce){.wb-lg{height:auto;padding:96px 0}.wb-lg-halt{position:static;height:auto;overflow:visible}.wb-lg-spur{transform:none;flex-wrap:wrap;justify-content:center;padding-inline:4vw;row-gap:48px}.wb-lg-paar{flex-basis:44vw;opacity:1}.wb-lg-handy,.wb-lg-paar{transform:none}}