.formen{--formen-breite: clamp(190px, 24vw, 300px);--formen-schritt: clamp( calc(var(--formen-breite) * .78), calc((50vw - var(--formen-breite) * .18 - 24px) / 2), calc(var(--formen-breite) * .95) );--formen-hoehe: calc(var(--formen-breite) * 1.08);--formen-rand-x: 28.5%;--formen-rand-oben: 0%;--formen-rand-unten: 18%;padding-block:var(--sp-section);background:linear-gradient(#0000000f,#0000 16.95% 83.27%,#0000000d),var(--paper);overflow:hidden}.formen__kopf{text-align:center;margin-bottom:var(--sp-lg)}.formen__titel{font-family:var(--font-brand);font-weight:500;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.15;letter-spacing:.08em;text-transform:uppercase}.formen__einleitung{margin:var(--sp-2xs) auto 0;max-width:42ch;color:#5b5347;text-wrap:pretty}.formen__bahn{display:flex;gap:var(--sp-md);overflow-x:auto;padding-inline:var(--gutter);scroll-snap-type:x mandatory}.formen__folie{flex:0 0 min(48%,14rem);scroll-snap-align:center}.formen__folie img{display:block;width:calc(100% + 2 * var(--formen-rand-x));max-width:none;height:auto;margin:calc(-1 * var(--formen-rand-oben)) calc(-1 * var(--formen-rand-x)) calc(-1 * var(--formen-rand-unten))}.karussell--bereit.formen .formen__bahn{display:block;position:relative;height:var(--formen-hoehe);overflow:visible;padding:0;scroll-snap-type:none}.karussell--bereit.formen .formen__folie{position:absolute;top:50%;left:50%;width:var(--formen-breite);margin-left:calc(var(--formen-breite) / -2);transform:translate(calc(var(--ab, 0) * var(--formen-schritt))) translateY(-50%) scale(var(--skala, .42));transition:transform .5s var(--ease-long),opacity .5s var(--ease-long);cursor:pointer}.karussell--bereit.formen .formen__folie[data-pos="0"]{--skala: 1;z-index:3;cursor:default}.karussell--bereit.formen .formen__folie[data-pos="-1"],.karussell--bereit.formen .formen__folie[data-pos="1"]{--skala: .44;z-index:2}.karussell--bereit.formen .formen__folie[data-pos="-2"],.karussell--bereit.formen .formen__folie[data-pos="2"]{--skala: .42;z-index:1}.karussell--bereit.formen .formen__folie[data-pos=fern]{--skala: .42;z-index:0;opacity:0;pointer-events:none}.formen__fuss{margin-top:var(--sp-md);text-align:center}.formen__steuerung{display:flex;align-items:center;justify-content:center;gap:var(--sp-md)}.formen__pfeil{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background-color var(--speed) var(--ease)}.formen__pfeil:hover{background:#0a0a0a0f}.formen__pfeil svg{width:22px;height:22px}.formen__name{margin:0;font-family:var(--font-brand);font-weight:500;font-size:var(--fs-card);letter-spacing:-.01em}.formen__name a{text-decoration:none}.formen__name a:hover{text-decoration:underline}.formen__beschreibung{margin:0 auto;max-width:40ch;color:#5b5347}.formen__beschreibungen{margin-top:var(--sp-2xs)}.karussell--bereit.formen .formen__namensfeld,.karussell--bereit.formen .formen__beschreibungen{display:grid;justify-items:center}.karussell--bereit.formen .formen__name,.karussell--bereit.formen .formen__beschreibung{grid-area:1 / 1}.karussell--bereit.formen .formen__name[hidden],.karussell--bereit.formen .formen__beschreibung[hidden]{display:block;visibility:hidden}.formen:not(.karussell--bereit) .formen__steuerung{display:none}.formen:not(.karussell--bereit) .formen__name[hidden],.formen:not(.karussell--bereit) .formen__beschreibung[hidden]{display:block}.formen:not(.karussell--bereit) .formen__name{margin-top:var(--sp-sm)}@media(prefers-reduced-motion:reduce){.karussell--bereit.formen .formen__folie{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/formen.css.map */