.teaser-carousel{--slider-scale-factor: 1;--slider-animation-time: 0.5s;--item__text-padding-top-mobile: 25px;--item__text-padding-top-desktop: 10px;--text-dir: 1;--item__text-height: 0px;position:relative}[dir=rtl] .teaser-carousel{--text-dir: -1}.teaser-carousel ul,.teaser-carousel p{padding:0;margin:0}.teaser-carousel__headline{font-size:28px;font-style:normal;font-weight:300;line-height:32px;margin-bottom:30px}@media(min-width: 768px){.teaser-carousel__headline{margin-bottom:50px}}@media(min-width: 1024px){.teaser-carousel__headline{font-size:40px;line-height:44px}}.teaser-carousel__headline h2{margin-bottom:0}.teaser-carousel__snapper{position:relative}.teaser-carousel__snapper .snapper__list-wrap{overflow:hidden;position:relative;width:100%}.teaser-carousel__snapper .snapper__list-wrap::after{content:"";display:block;height:var(--item__text-height);width:100%}.teaser-carousel__snapper .snapper__list-wrap .snapper__list{display:flex;list-style:none;position:relative;transform:translateX(0);align-items:center;transition:transform var(--slider-animation-time) ease-out}.teaser-carousel__snapper .snapper__list-wrap .snapper__list.no-transition{transition:none}.teaser-carousel__snapper .snapper__list-wrap .snapper__list.no-transition .list__item{transition:none}.teaser-carousel__snapper .snapper__list-wrap .snapper__list.no-transition .list__item .item__container{transition:none}.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item{width:calc(var(--slider-width)/3 - 25%);transition:all var(--slider-animation-time) ease-out;flex-basis:calc(var(--slider-width)/3 - 25%);display:flex;flex-direction:column;justify-content:center;opacity:.5;transform:scale(1);flex-shrink:0;z-index:1}@media(min-width: 768px){.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item{opacity:1}}.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item .item__container{position:relative;z-index:3}.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item .item__container img{width:100%;object-fit:cover;display:block}.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item .item__container .item__btn{position:absolute;bottom:0;left:50%;transform:translate(-50%, 50%);background-color:var(--kws-orange);padding:12px 20px;text-transform:uppercase;font-size:14px;font-weight:700;color:var(--kws-light);text-align:left;display:none;cursor:pointer;z-index:4;max-width:85dvw;width:max-content;transition:opacity .5s ease-out;text-align:center}.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item .item__container .item__btn:hover,.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item .item__container .item__btn:focus{text-decoration:none}@media(min-width: 768px){.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item .item__container .item__btn{bottom:20px;transform:translate(-50%, 0)}}@media(min-width: 1024px){.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item .item__container .item__btn{bottom:30px;transform:translate(-50%, 0)}}.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item--active{z-index:3;opacity:1;flex-basis:calc(var(--slider-width)/3 + 34%);width:calc(var(--slider-width)/3 + 34%);margin-left:-30%;margin-right:-30%;transform:scale(1)}@media(min-width: 768px){.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item--active{flex-basis:calc(var(--slider-width)/3 + 32%);width:calc(var(--slider-width)/3 + 32%);margin-left:-14%;margin-right:-14%}}@media(min-width: 1024px){.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item--active{flex-basis:calc(var(--slider-width)/3 + 33%);width:calc(var(--slider-width)/3 + 33%);margin-left:-16.5%;margin-right:-16.5%}}.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item--active .item__container{transition:transform var(--slider-animation-time) ease-out;transform:translateX(0) scale(1)}.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item--active.show-content .item__btn{display:inline-block}.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item--active.show-content .item__text{display:-webkit-box}.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item--left{flex-basis:calc(var(--slider-width)/3 + 13%);z-index:2;transform:translatex(calc(-2px * var(--text-dir)))}@media(min-width: 768px){.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item--left{flex-basis:calc(var(--slider-width)/3 - 2%)}}@media(min-width: 1024px){.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item--left{flex-basis:calc(var(--slider-width)/3)}}.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item--left .item__container{transform-origin:right;transform:scale(var(--slider-scale-factor)) translateX(0)}.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item--right{flex-basis:calc(var(--slider-width)/3 + 13%);z-index:2;transform:translatex(calc(2px * var(--text-dir)))}@media(min-width: 768px){.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item--right{flex-basis:calc(var(--slider-width)/3 - 2%)}}@media(min-width: 1024px){.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item--right{flex-basis:calc(var(--slider-width)/3)}}.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item--right .item__container{transform-origin:left;transform:scale(var(--slider-scale-factor)) translateX(0)}.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item .item__text{transition:opacity .5s ease-out;padding-top:var(--item__text-padding-top-mobile);display:none;position:absolute;font-size:14px;font-weight:400;line-height:20px;bottom:0;left:-23.5294117647%;width:147.0588235294%;transform:translateY(100%);box-sizing:content-box;text-align:start;z-index:1}@media(min-width: 768px){.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item .item__text{padding-top:var(--item__text-padding-top-desktop);left:0;width:100%}}@media(min-width: 1024px){.teaser-carousel__snapper .snapper__list-wrap .snapper__list .list__item .item__text{font-size:16px;line-height:24px}}.teaser-carousel__snapper .snapper__skip-nav{position:absolute;width:100%;top:calc(50% - var(--item__text-height)/2);transform:translateY(-50%);display:flex;justify-content:space-between}.teaser-carousel__snapper .skip-nav__button-prev,.teaser-carousel__snapper .skip-nav__button-next{background:none;border:none;cursor:pointer}@media(min-width: 1024px){.teaser-carousel__snapper .skip-nav__button-prev:hover svg path,.teaser-carousel__snapper .skip-nav__button-next:hover svg path{fill:var(--kws-orange)}}.teaser-carousel__snapper .skip-nav__button-prev svg path,.teaser-carousel__snapper .skip-nav__button-next svg path{fill:var(--kws-black-90);width:40px;height:40px;flex-shrink:0}[dir=rtl] .teaser-carousel__snapper .skip-nav__button-prev svg,[dir=rtl] .teaser-carousel__snapper .skip-nav__button-next svg{transform:scaleX(-1)}@media(min-width: 768px){.teaser-carousel__snapper .skip-nav__button-prev{--button-offset: calc(-100% * var(--text-dir));transform:translateX(var(--button-offset))}}@media(min-width: 768px){.teaser-carousel__snapper .skip-nav__button-next{--button-offset: calc(100% * var(--text-dir));transform:translateX(var(--button-offset))}}
