.stile{--stile-breite: clamp(190px, 23vw, 300px);--stile-schritt: clamp( calc(var(--stile-breite) * .95), calc((50vw - var(--stile-breite) * .215 - 24px) / 2), calc(var(--stile-breite) * 1.25) );--stile-hoehe: calc(var(--stile-breite) * .812 * 1.2);--stile-rand-x: 6%;--stile-rand-oben: 0%;--stile-rand-unten: 7%;padding-block:var(--sp-section);background:linear-gradient(#0000000f,#0000 16.95% 83.27%,#0000000d),var(--paper);overflow:hidden}.stile__kopf{text-align:center;margin-bottom:var(--sp-lg)}.stile__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}.stile__einleitung{margin:var(--sp-2xs) auto 0;max-width:42ch;color:#5b5347;text-wrap:pretty}.stile__bahn{display:flex;gap:var(--sp-md);overflow-x:auto;padding-inline:var(--gutter);scroll-snap-type:x mandatory}.stile__folie{flex:0 0 min(62%,20rem);scroll-snap-align:center}.stile__folie img{display:block;width:calc(100% + 2 * var(--stile-rand-x));max-width:none;height:auto;margin:calc(-1 * var(--stile-rand-oben)) calc(-1 * var(--stile-rand-x)) calc(-1 * var(--stile-rand-unten))}.stile--bereit .stile__bahn{display:block;position:relative;height:var(--stile-hoehe);overflow:visible;padding:0;scroll-snap-type:none}.stile--bereit .stile__folie{position:absolute;top:50%;left:50%;width:var(--stile-breite);margin-left:calc(var(--stile-breite) / -2);transform:translate(calc(var(--ab, 0) * var(--stile-schritt))) translateY(-50%) scale(var(--skala, .5));transition:transform .5s var(--ease-long),opacity .5s var(--ease-long);cursor:pointer}.stile--bereit .stile__folie[data-pos="0"]{--skala: 1.2;z-index:3;cursor:default}.stile--bereit .stile__folie[data-pos="-1"],.stile--bereit .stile__folie[data-pos="1"]{--skala: .6;z-index:2}.stile--bereit .stile__folie[data-pos="-2"],.stile--bereit .stile__folie[data-pos="2"]{--skala: .5;z-index:1}.stile--bereit .stile__folie[data-pos=fern]{--skala: .5;z-index:0;opacity:0;pointer-events:none}.stile__fuss{margin-top:var(--sp-md);text-align:center}.stile__steuerung{display:flex;align-items:center;justify-content:center;gap:var(--sp-md)}.stile__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)}.stile__pfeil:hover{background:#0a0a0a0f}.stile__pfeil svg{width:22px;height:22px}.stile__namensfeld{min-width:12ch}.stile__name{margin:0;font-family:var(--font-brand);font-weight:500;font-size:var(--fs-card);letter-spacing:-.01em}.stile__name a{text-decoration:none}.stile__name a:hover{text-decoration:underline}.stile__beschreibung{margin:0 auto;max-width:40ch;color:#5b5347}.stile__beschreibungen{margin-top:var(--sp-2xs)}.stile--bereit .stile__namensfeld,.stile--bereit .stile__beschreibungen{display:grid;justify-items:center}.stile--bereit .stile__name,.stile--bereit .stile__beschreibung{grid-area:1 / 1}.stile--bereit .stile__name[hidden],.stile--bereit .stile__beschreibung[hidden]{display:block;visibility:hidden}.stile:not(.stile--bereit) .stile__steuerung{display:none}.stile:not(.stile--bereit) .stile__name[hidden],.stile:not(.stile--bereit) .stile__beschreibung[hidden]{display:block}.stile:not(.stile--bereit) .stile__name{margin-top:var(--sp-sm)}@media(prefers-reduced-motion:reduce){.stile--bereit .stile__folie{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/stile.css.map */