.highlight{position:relative;overflow:hidden;height:450px;padding:30px 26px;border-radius:25px}.highlight-item__headline{position:relative;z-index:5;width:100%}.highlight-item__headline h4{margin:0 0 5px}.highlight-item__headline h3{font-size:30px}.highlight-item__headline h4 em{text-transform:uppercase;font-style:normal;font-size:20px}.highlight img{position:absolute;bottom:0;left:0;object-fit:cover;width:100%;height:100%}.highlight-item__hover{position:relative;opacity:0;z-index:4;font-size:18px;line-height:1.2;margin:20px 0 0;font-weight:var(--font-weight-medium);transition:all .2s}.highlight:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;z-index:3;transition:all .3s}.highlight-item__cta{background:var(--color-blue);width:40px;height:40px;border-radius:50%;position:absolute;display:flex;align-items:center;justify-content:center;bottom:20px;right:20px;z-index:99;color:var(--color-white);cursor:pointer}.highlight.open:before{opacity:1}.highlight.open .highlight-item__hover{opacity:1}.highlight .highlight-item__cta .icon-minus{display:none}.highlight.open .highlight-item__cta .icon-minus{display:block;max-width:40%}.highlight.open .highlight-item__cta .icon-plus-v2,.highlights__nav{display:none}@media (hover: hover){.highlight:hover:before,.highlight:hover .highlight-item__hover{opacity:1;transition:all .5s}.highlight:hover .highlight-item__cta .icon-minus{display:block;max-width:40%}.highlight:hover .highlight-item__cta .icon-plus-v2{display:none}}@media screen and (min-width: 900px){.highlights__list .splide__list{display:flex!important;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.highlights__list .splide__list.highlight-count-2 .splide__slide{width:calc(50% - 16px)}.highlights__list .splide__list.highlight-count-3 .splide__slide{width:calc(33% - 16px)}.highlights__list .splide__list.highlight-count-4 .splide__slide{width:calc(25% - 16px)}}@media screen and (max-width: 899px){.highlights__nav{display:flex}.highlights__list{margin-left:-2rem;margin-right:-2rem}.highlights__list .splide__list .splide__slide{margin-right:16px}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/component-highlights.css.map */