.w4s3{--w4s3-abstand: 44px;--w4s3-b: 60%;--w4s3-v: .75;position:relative;padding-block:clamp(56px,8vw,112px);color:var(--w4-ink);background:var(--w4-bg-2);border-block:1px solid var(--w4-line)}.w4s3--handy{--w4s3-b: 36%;--w4s3-v: 1.6667}.w4s3--karte{--w4s3-b: 66%;--w4s3-v: .63}.w4s3__in{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--w4-sp-5);max-width:var(--w4n-max, 1080px);margin-inline:auto;padding-inline:var(--w4n-rand, var(--wrap-pad, 24px))}.w4s3__in>*{min-width:0}.w4s3__fuer{margin:0;max-width:var(--w4-max-text, 40rem);font-size:var(--w4-fs-ui);line-height:1.5;color:var(--w4-ink-2)}.w4s3__fuer-etikett{display:inline-block;margin-inline-end:var(--w4-sp-2);padding:2px 10px;border:1px solid var(--w4-laser);border-radius:var(--w4-r-pill, 999px);font-family:var(--w4-font-mono);font-size:var(--w4-fs-meta);font-weight:600;letter-spacing:.04em;color:var(--w4-ink)}.w4s3__rumpf{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--w4-sp-5);align-items:center}.w4s3__rumpf>*{min-width:0}.w4s3__buehne{position:relative;aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--w4-line);border-radius:var(--w4-r-m);background:var(--w4-bg);perspective:1400px;perspective-origin:50% 40%;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.w4s3--handy .w4s3__buehne{aspect-ratio:1 / 1}.w4s3__buehne:focus-visible{outline:3px solid var(--w4-akzent);outline-offset:4px}.w4s3.ist-bereit .w4s3__buehne{cursor:grab}.w4s3.ist-bereit .w4s3__buehne.ist-zieht{cursor:grabbing}.w4s3__welt{position:absolute;left:50%;top:50%;width:var(--w4s3-b);aspect-ratio:1 / var(--w4s3-v);margin-left:calc(var(--w4s3-b) * -.5);margin-top:calc(var(--w4s3-b) * var(--w4s3-v) * -.5);transform-style:preserve-3d;transform:rotateX(58deg) rotate(-38deg)}.w4s3--handy .w4s3__welt{transform:rotateX(52deg) rotate(-28deg)}.w4s3__ebene{--i: 0;position:absolute;inset:0;transform:translateZ(calc(var(--i) * var(--w4s3-abstand)))}.w4s3--n4 .w4s3__ebene--1{--i: -1.5}.w4s3--n4 .w4s3__ebene--2{--i: -.5}.w4s3--n4 .w4s3__ebene--3{--i: .5}.w4s3--n4 .w4s3__ebene--4{--i: 1.5}.w4s3--n3 .w4s3__ebene--1{--i: -1}.w4s3--n3 .w4s3__ebene--2{--i: 0}.w4s3--n3 .w4s3__ebene--3{--i: 1}.w4s3__ebene:before,.w4s3__ebene:after{content:"";position:absolute;inset:0;border-radius:var(--w4-r-m);pointer-events:none}.w4s3__ebene:before{background:var(--w4-surface);border:1px solid var(--w4-line-2);opacity:.55}.w4s3__ebene--1:before{opacity:.96}.w4s3__ebene:after{border:2px solid var(--w4-laser);box-shadow:0 0 0 1px var(--w4-laser),0 18px 40px -18px var(--w4-laser);opacity:0}.w4s3__ebene.ist-aktiv:after{opacity:.9}.w4s3--handy .w4s3__ebene:before,.w4s3--handy .w4s3__ebene:after{border-radius:12%/7%}.w4s3__zeichnung{position:relative;display:block;width:100%;height:100%;overflow:visible}.w4s3__zeichnung path{fill:none;stroke:var(--w4-ink-2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.w4s3__zeichnung .w4s3__w{stroke:var(--w4-ink);stroke-width:3}.w4s3__zeichnung .w4s3__s{stroke:var(--w4-ink-2);stroke-width:2}.w4s3__zeichnung .w4s3__s2{stroke:var(--w4-ink-3);stroke-width:1.25}.w4s3__zeichnung .w4s3__fen{fill:var(--w4-surface);stroke:var(--w4-ink-2)}.w4s3__zeichnung .w4s3__l{stroke:var(--w4-laser);stroke-width:2}.w4s3__zeichnung .w4s3__fl{fill:var(--w4-laser);fill-opacity:.16;stroke:none}.w4s3__zeichnung .w4s3__mz{fill:var(--w4-surface);stroke:var(--w4-laser)}.w4s3__zeichnung .w4s3__pin{fill:var(--w4-laser);stroke:var(--w4-ink);stroke-width:1.25}.w4s3__zeichnung .w4s3__kern{fill:var(--w4-ink);stroke:none}.w4s3__zeichnung .w4s3__karte{fill:var(--w4-surface);stroke:var(--w4-ink-2)}.w4s3__zeichnung .w4s3__bild{fill:var(--w4-surface-2);stroke:var(--w4-line-3)}.w4s3__zeichnung .w4s3__balken{fill:var(--w4-ink-2);stroke:none}.w4s3__zeichnung .w4s3__glas{fill:var(--w4-surface);fill-opacity:.35;stroke:var(--w4-laser);stroke-width:2}.w4s3__zeichnung .w4s3__qr{fill:var(--w4-ink);stroke:none}.w4s3__text{display:grid;gap:var(--w4-sp-5);align-content:start}.w4s3__legende{display:grid;gap:var(--w4-sp-3);margin:0;padding:0;list-style:none}.w4s3__punkt{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--w4-sp-3);row-gap:2px;padding:var(--w4-sp-3) var(--w4-sp-4) var(--w4-sp-3) calc(var(--w4-sp-4) + 3px);border:1px solid var(--w4-line);border-radius:var(--w4-r-s, 10px);background:var(--w4-surface)}.w4s3__punkt:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--w4-laser);transform:scaleY(.2);transform-origin:50% 50%;opacity:.35}.w4s3__punkt.ist-aktiv:before{transform:none;opacity:1}.w4s3__nr{grid-row:1 / span 2;font-family:var(--w4-font-mono);font-size:var(--w4-fs-meta);font-weight:600;line-height:1.7;color:var(--w4-ink-3);font-variant-numeric:tabular-nums}.w4s3__punkt.ist-aktiv .w4s3__nr{color:var(--w4-ink)}.w4s3__etikett{font-size:var(--w4-fs-ui);font-weight:650;line-height:1.35;color:var(--w4-ink)}.w4s3__satz{font-size:var(--w4-fs-ui);line-height:1.5;color:var(--w4-ink-2)}.w4s3__steuer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--w4-sp-3)}.w4s3__steuer[hidden]{display:none}.w4s3__pause{display:inline-flex;align-items:center;gap:var(--w4-sp-2);min-height:var(--w4-ziel, 44px);min-width:var(--w4-ziel, 44px);padding:0 var(--w4-sp-4);border:1px solid var(--w4-line-3);border-radius:var(--w4-r-knopf, 12px);background:var(--w4-surface);color:var(--w4-ink);font:inherit;font-size:var(--w4-fs-ui);font-weight:600;cursor:pointer}.w4s3__pause[hidden]{display:none}.w4s3__pause:focus-visible{outline:3px solid var(--w4-akzent);outline-offset:2px}.w4s3__symbol{width:18px;height:18px;flex:none}.w4s3__symbol path{fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.w4s3__symbol--weiter path{fill:currentColor}.w4s3__symbol--weiter,.w4s3__pause.ist-pausiert .w4s3__symbol--pause{display:none}.w4s3__pause.ist-pausiert .w4s3__symbol--weiter{display:block}.w4s3__hinweis{flex:1 1 14rem;margin:0;font-size:var(--w4-fs-meta);line-height:1.5;color:var(--w4-ink-3)}.w4s3__hinweis--touch{display:none}@media(hover:none),(pointer:coarse){.w4s3__hinweis--fein{display:none}.w4s3__hinweis--touch{display:block}}@media(max-width:479.98px){.w4s3{--w4s3-abstand: 34px;--w4s3-b: 56%}.w4s3--handy{--w4s3-b: 36%}.w4s3--karte{--w4s3-b: 62%}}@media(min-width:760px){.w4s3{--w4s3-abstand: 64px}}@media(min-width:900px){.w4s3__rumpf{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--w4-sp-6)}.w4s3--handy .w4s3__buehne{aspect-ratio:5 / 4}}@media(prefers-reduced-motion:no-preference){.w4s3__ebene:after{transition:opacity .42s var(--w4-ease-auf, ease-out)}.w4s3__punkt:before{transition:transform .42s var(--w4-ease-auf, ease-out),opacity .42s var(--w4-ease-auf, ease-out)}@supports (animation-timeline: view()){.w4s3--still .w4s3__ebene{animation:w4s3-faechern linear both;animation-timeline:view();animation-range:entry 10% cover 45%}}}@keyframes w4s3-faechern{0%{transform:translateZ(0)}}@media(forced-colors:active){.w4s3__ebene:before{border-color:CanvasText;opacity:1;background:Canvas}.w4s3__ebene:after,.w4s3__punkt:before{display:none}.w4s3__zeichnung path{stroke:CanvasText}.w4s3__pause{border-color:ButtonText}}@media print{.w4s3{background:none;border:0}.w4s3__steuer{display:none}.w4s3__welt,.w4s3__ebene{transform:none}.w4s3__ebene:not(.w4s3__ebene--1){display:none}}