.loume-audio-carousel{background-color:var(--loume-bg);padding:var(--loume-space-l) 0 var(--loume-space-4xl) 0;font-family:var(--loume-font-body)}.loume-audio-carousel__carousel{display:block}.loume-audio-carousel__viewport{position:relative}.loume-audio-carousel__track{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;--lo-ac-luecke: 30px;--lo-ac-einzug: max(80px, (100% - var(--loume-container-width)) / 2);column-gap:var(--lo-ac-luecke);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.loume-audio-carousel__track::-webkit-scrollbar{display:none}.loume-audio-carousel__track:focus-visible{outline:2px solid var(--loume-focus-ring);outline-offset:2px}.loume-audio-carousel__track:after{content:"";flex:0 0 calc(var(--lo-ac-einzug) - var(--lo-ac-luecke))}@media(max-width:767px){.loume-audio-carousel__track{--lo-ac-luecke: 0px;--lo-ac-einzug: var(--loume-gutter-mobile)}}.loume-audio-carousel__slide{box-sizing:border-box;flex:0 0 auto;display:flex;scroll-snap-align:start;width:calc(100% / 2.78 - 19.20863309352518px)}@media(max-width:1024px){.loume-audio-carousel__slide{width:calc(100% / 1.78 - 13.146067415730338px)}}@media(max-width:767px){.loume-audio-carousel__slide{width:calc(100% / 1.1)}}.loume-audio-carousel__slide:first-child{padding-left:var(--lo-ac-einzug)}@media(min-width:1025px){.loume-audio-carousel__slide:first-child{width:calc(100% / 2.78 - 19.20863309352518px + var(--lo-ac-einzug) - 80px)}}@media(max-width:767px){.loume-audio-carousel__slide,.loume-audio-carousel__slide:first-child{padding-left:var(--loume-gutter-mobile)}}@media(max-width:767px){.loume-audio-carousel__slide--spacer{display:none}}.loume-audio-carousel__card{box-sizing:border-box;width:100%;display:flex;flex-direction:column;background-color:var(--loume-surface);border-radius:var(--loume-radius-l);padding:var(--loume-space-5xl) 0 var(--loume-space-xl) 0;text-align:center}@media(max-width:767px){.loume-audio-carousel__card{padding-top:60px}}.loume-audio-carousel__eyebrow{text-transform:uppercase;overflow-wrap:break-word}@media(max-width:767px){.loume-audio-carousel__eyebrow{font-size:12px}}.loume-audio-carousel__heading{width:var(--lo-ac-heading-w, 100%);max-width:100%;margin:var(--loume-space-xl) auto;overflow-wrap:break-word;text-wrap:wrap}@media(max-width:1024px){.loume-audio-carousel__heading{width:var(--lo-ac-heading-w-t, 100%)}}@media(max-width:767px){.loume-audio-carousel__heading{width:var(--lo-ac-heading-w-m, 100%)}}@media(max-width:767px){.loume-audio-carousel__heading--intro{margin-bottom:var(--loume-space-l)}}.loume-audio-carousel__body{font-size:16px;color:#6e6e6e;padding-inline:var(--loume-space-3xl);overflow-wrap:break-word}@media(max-width:1024px){.loume-audio-carousel__body{font-size:14px}}.loume-audio-carousel__body p{margin:0}.loume-audio-carousel__body p+p{margin-top:var(--loume-space-l)}.loume-audio-carousel__cta{text-transform:uppercase;padding-block:var(--loume-space-xl);overflow-wrap:break-word}.loume-audio-carousel__caption{font-style:italic;font-size:12px;width:var(--lo-ac-caption-w, 100%);max-width:100%;margin:var(--loume-space-l) auto 0 auto;overflow-wrap:break-word}@media(max-width:1024px){.loume-audio-carousel__caption{font-size:14px;width:var(--lo-ac-caption-w-t, 100%)}}@media(max-width:767px){.loume-audio-carousel__caption{font-size:12px;width:var(--lo-ac-caption-w-m, 100%)}}.loume-audio-carousel__icon{display:flex;justify-content:center;line-height:0;margin-bottom:var(--loume-space-xl);color:var(--loume-ink)}.loume-audio-carousel__icon svg{width:32px;height:32px;display:block}@media(max-width:767px){.loume-audio-carousel__icon svg{width:25px;height:25px}}.loume-audio-carousel__audio{display:block;width:100%;max-width:300px;margin-inline:auto}.loume-audio-carousel__player{display:flex;flex-direction:column;justify-content:center;min-height:54px}lo-audio[data-ready] .loume-audio-carousel__audio{display:none}.loume-audio-carousel__pille{position:relative;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;width:100%;max-width:300px;height:54px;margin-inline:auto;padding:0 11px;border-radius:9999px;background-color:#f1f3f4;color:var(--loume-ink);font-family:var(--loume-font-body);font-size:14px;line-height:20px;text-align:left;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.loume-audio-carousel__pille[hidden]{display:none}.loume-audio-carousel__knopf{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:50%;background-color:transparent;color:inherit;font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .15s ease}.loume-audio-carousel__knopf:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%}.loume-audio-carousel__knopf svg{display:block;width:32px;height:32px;pointer-events:none}@media(hover:hover){.loume-audio-carousel__knopf:hover{background-color:#0000000f}}.loume-audio-carousel__knopf:focus-visible,.loume-audio-carousel__balken:focus-visible{outline:2px solid var(--loume-focus-ring);outline-offset:2px;box-shadow:none}.loume-audio-carousel__knopf:focus:not(:focus-visible),.loume-audio-carousel__balken:focus:not(:focus-visible){outline:none;box-shadow:none}.loume-audio-carousel__icon-pause,.loume-audio-carousel__icon-stumm{display:none}lo-audio[data-spielt] .loume-audio-carousel__icon-play,lo-audio[data-stumm] .loume-audio-carousel__icon-ton{display:none}lo-audio[data-spielt] .loume-audio-carousel__icon-pause,lo-audio[data-stumm] .loume-audio-carousel__icon-stumm{display:inline}@keyframes loume-audio-laedt{0%{opacity:1}to{opacity:.3}}lo-audio[data-laedt] [data-play] svg{animation:loume-audio-laedt .7s ease-in-out infinite alternate}.loume-audio-carousel__zeit{flex:0 0 auto;display:grid;margin-left:4px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:0;white-space:nowrap}.loume-audio-carousel__zeit>*{grid-area:1 / 1}.loume-audio-carousel__zeit-platz{visibility:hidden}.loume-audio-carousel__balken{position:relative;flex:1 1 auto;min-width:40px;height:32px;margin:0 8px;border-radius:16px;cursor:pointer;touch-action:pan-y}.loume-audio-carousel__spur{position:absolute;top:50%;left:8px;right:8px;height:4px;margin-top:-2px;border-radius:2px;background-color:#c1c2c3}.loume-audio-carousel__gespielt{position:absolute;top:0;left:0;bottom:0;width:calc(var(--lo-anteil, 0) * 100%);border-radius:inherit;background-color:#121212}.loume-audio-carousel__griff{position:absolute;top:50%;left:calc(8px + (100% - 16px) * var(--lo-anteil, 0));width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background-color:#121212;transform:scale(0);transition:transform .15s ease}lo-audio[data-ziehen] .loume-audio-carousel__griff,.loume-audio-carousel__balken:focus-visible .loume-audio-carousel__griff{transform:scale(1)}@media(hover:hover){.loume-audio-carousel__balken:hover .loume-audio-carousel__griff{transform:scale(1)}}.loume-audio-carousel__fehler{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}lo-audio[data-fehler] .loume-audio-carousel__fehler{position:static;flex:1 1 auto;width:auto;height:auto;margin:0 12px 0 8px;overflow:visible;clip:auto;clip-path:none;white-space:normal;font-size:13px;line-height:16px;color:#4d4d4d}lo-audio[data-fehler] .loume-audio-carousel__zeit,lo-audio[data-fehler] .loume-audio-carousel__balken,lo-audio[data-fehler] [data-ton]{display:none}@media(prefers-reduced-motion:reduce){.loume-audio-carousel__knopf,.loume-audio-carousel__griff{transition:none}lo-audio[data-laedt] [data-play] svg{animation:none;opacity:.45}}.loume-audio-carousel__arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2;box-sizing:border-box;width:32px;height:32px;padding:0;border:0;border-radius:var(--loume-radius-s);background-color:transparent;color:#000;cursor:pointer;align-items:center;justify-content:center}.loume-audio-carousel__arrow--prev{left:16px}.loume-audio-carousel__arrow--next{right:16px}.loume-audio-carousel__arrow svg{width:24px;height:24px;display:block}.loume-audio-carousel__arrow--prev svg{transform:rotate(180deg)}lo-audio-carousel[data-ready] .loume-audio-carousel__arrow{display:flex}lo-audio-carousel[data-ready] .loume-audio-carousel__arrow[hidden]{display:none}@media(max-width:767px){lo-audio-carousel[data-ready] .loume-audio-carousel__arrow{display:none}}.loume-audio-carousel__arrow:focus-visible{outline:2px solid var(--loume-focus-ring);outline-offset:2px}.loume-audio-carousel__dots{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin-top:30px}.loume-audio-carousel__dot{display:block;position:relative;width:14px;height:14px;aspect-ratio:1 / 1;border-radius:9999px;background-color:#fff;box-shadow:0 4px 6px -1px #0000001a;text-decoration:none}.loume-audio-carousel__dot:after{content:"";position:absolute;inset-block:-5px;inset-inline:-4px}.loume-audio-carousel__dot[aria-current=true]{background-color:#000}.loume-audio-carousel__dot:focus-visible{outline:2px solid var(--loume-focus-ring);outline-offset:2px}.loume-audio-carousel__marquee{width:100%;overflow:hidden}.loume-audio-carousel__marquee-viewport{display:flex;flex-direction:row;width:100%;overflow:hidden}.loume-audio-carousel__marquee-track{display:flex;flex:0 0 auto;flex-direction:row;align-items:center;animation:loume-audio-carousel-scroll var(--loume-ac-marquee-duration, 45s) linear 0s infinite}@keyframes loume-audio-carousel-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.loume-audio-carousel__marquee-item{flex:0 0 auto;box-sizing:border-box;width:100px;padding-right:10px}.loume-audio-carousel__marquee--inset .loume-audio-carousel__marquee-item{padding-block:12px}.loume-audio-carousel__marquee-item img{display:block;width:100%;height:auto;aspect-ratio:300 / 400;object-fit:cover}@media(prefers-reduced-motion:reduce){.loume-audio-carousel__track{scroll-behavior:auto}.loume-audio-carousel__marquee-track{animation:none}.loume-audio-carousel__marquee-track[aria-hidden=true]{display:none}.loume-audio-carousel__marquee-viewport{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.loume-audio-carousel__marquee-viewport::-webkit-scrollbar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/loume-audio-carousel.css.map */
