.wl{--w:min(78px,23cqi);position:relative;container-type:inline-size;width:100%;max-width:500px}.wl-defs{position:absolute;width:0;height:0;overflow:hidden}.wl-leinen{display:grid;grid-template-columns:minmax(0,1fr);row-gap:8px}.wl-leine{position:relative;--a:10px;--S:28px}.wl-schnur{position:absolute;left:0;top:0;width:100%;overflow:visible;pointer-events:none}.wl-schnur-eng{height:38px}.wl-schnur-weit{height:48px;display:none}.wl-schnur path{fill:none}.wl-schnur-kern{stroke:#fff;stroke-width:3.4px}.wl-schnur-farbe{stroke-width:2.6px;stroke-dasharray:5 20}.wl-schnur-glanz{stroke:rgba(255,255,255,.5);stroke-width:.8px}.wl-schnur-eng{-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.wl-leine-links .wl-schnur-weit{-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%);mask-image:linear-gradient(90deg,transparent,#000 18%)}.wl-leine-rechts .wl-schnur-weit{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}.wl-reihe{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.wl-reihe>li{--k:var(--kn);--ruhe:var(--rn);display:flex;justify-content:center;align-items:flex-start;padding-top:calc(var(--a) + var(--k) * var(--S));margin:0}@container (min-width: 430px){.wl-leinen{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:0;--w:min(72px,14.4cqi)}.wl-leine{--a:12px;--S:36px}.wl-schnur-eng{display:none}.wl-schnur-weit{display:block}.wl-reihe>li{--k:var(--kw);--ruhe:var(--rw)}}.wl-teil{display:block;position:relative;width:calc(var(--w) * var(--breite));text-decoration:none;color:var(--schrift);-webkit-tap-highlight-color:transparent;outline:none}.wl-pendel,.wl-stoff,.wl-zupf{display:block;position:relative;transform-origin:50% 0}.wl-pendel{transform:rotate(var(--ruhe))}.wl-stoff{filter:drop-shadow(0 6px 8px var(--sch)) drop-shadow(0 1px 1.5px var(--sch2))}.wl-form{display:block;width:100%;height:auto;overflow:visible}.wl-naht{fill:none;stroke:#fff;stroke-opacity:.45;stroke-width:.7px;stroke-dasharray:1.6 1.6}.wl-stepp{fill:none;stroke:#1B2B6B;stroke-opacity:.2;stroke-width:.7px;stroke-dasharray:1.8 1.6}.wl-klammer rect{fill:#E9D3AC;stroke:#B9946A;stroke-width:.55px}.wl-klammer-schlitz{stroke:#B9946A;stroke-opacity:.7;stroke-width:.5px}.wl-klammer-feder{stroke:#8E8A85;stroke-width:.8px}.wl-text{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1;font-family:var(--serif);font-weight:600;font-size:max(11px,calc(var(--w) * var(--fs)));letter-spacing:-.005em;color:var(--schrift)}.wl-zeile{display:block;hyphens:manual;-webkit-hyphens:manual}.wl-zeile+.wl-zeile{margin-top:.06em}.wl-teil:focus-visible .wl-stoff{outline:2px solid color-mix(in srgb,var(--c) 82%,#1B2B6B);outline-offset:5px;border-radius:4px}.wl-zupf{--richtung:1}.wl-zupf.wl-zupft{animation:wlZupf 1.4s cubic-bezier(.37,0,.63,1) both}@keyframes wlZupf{0%{transform:rotate(0deg)}15%{transform:rotate(calc(var(--richtung) * 4.2deg))}36%{transform:rotate(calc(var(--richtung) * -2.8deg))}57%{transform:rotate(calc(var(--richtung) * 1.5deg))}77%{transform:rotate(calc(var(--richtung) * -.6deg))}to{transform:rotate(0deg)}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.wl-pendel{animation:wlWehen var(--dauer) ease-in-out var(--versatz) infinite alternate;will-change:transform}.wl-stoff{transition:transform .52s cubic-bezier(.22,1,.36,1)}.wl-teil:focus-visible .wl-stoff,.wl-teil:hover .wl-stoff{transform:scale(1.045)}}@keyframes wlWehen{0%{transform:rotate(calc(var(--ruhe) - .9deg))}to{transform:rotate(calc(var(--ruhe) + .9deg))}}@media (prefers-reduced-motion:reduce){.wl-zupf.wl-zupft{animation:none}}@media (min-width:1081px){.bb-page-hero-beiwerk:has(.wl){width:min(500px,41vw)}.bb-page-hero-inner:has(.wl) .bb-page-hero-sub,.bb-page-hero-inner:has(.wl) .bb-page-hero-title{max-width:calc(100% - min(500px, 41vw) - 56px);text-wrap:balance}}@media (max-width:1080px){.bb-page-hero-beiwerk:has(.wl){margin-top:22px}}