.teaserstory .cmp-teaser{position:relative}
.teaserstory .cmp-teaser video{aspect-ratio:4/3;width:100%;background:var(--color-background-black);display:block;outline:0}
.teaserstory .cmp-teaser .cmp-teaser__image-area{display:flex;align-items:flex-end}
@media(max-width:1279.99px){.teaserstory .cmp-teaser .cmp-teaser__image-area{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:32px;flex:1 0 0}
}
@media(max-width:767.99px){.teaserstory .cmp-teaser .cmp-teaser__image-area{gap:24px}
}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;align-self:flex-end;gap:10px;padding-right:16px;min-width:fit-content;overflow:hidden}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link .grp-teaserstory__teaser-popup-link-arrow-wrapper{width:96px;overflow:hidden;position:relative}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link .grp-teaserstory__teaser-popup-link-arrow-wrapper .grp-teaserstory__teaser-popup-link-arrows{display:block;align-items:center;position:relative;height:64px;transition:transform 1s cubic-bezier(0.64,1.1,0.3,1.14)}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link .grp-teaserstory__teaser-popup-link-arrow-wrapper .grp-teaserstory__teaser-popup-link-arrows .grp-teaserstory__teaser-popup-link-arrow{position:absolute}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link .grp-teaserstory__teaser-popup-link-arrow-wrapper .grp-teaserstory__teaser-popup-link-arrows .grp-teaserstory__teaser-popup-link-arrow.arrow-r1{right:32px}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link .grp-teaserstory__teaser-popup-link-arrow-wrapper .grp-teaserstory__teaser-popup-link-arrows .grp-teaserstory__teaser-popup-link-arrow.arrow-r2{right:8px}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link .grp-teaserstory__teaser-popup-link-arrow-wrapper .grp-teaserstory__teaser-popup-link-arrows .grp-teaserstory__teaser-popup-link-arrow.arrow-r3{right:-16px}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link .grp-teaserstory__teaser-popup-link-arrow-wrapper .grp-teaserstory__teaser-popup-link-arrows .grp-teaserstory__teaser-popup-link-arrow.arrow-l1{right:132px}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link .grp-teaserstory__teaser-popup-link-arrow-wrapper .grp-teaserstory__teaser-popup-link-arrows .grp-teaserstory__teaser-popup-link-arrow.arrow-l2{right:108px}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link .grp-teaserstory__teaser-popup-link-arrow-wrapper .grp-teaserstory__teaser-popup-link-arrows .grp-teaserstory__teaser-popup-link-arrow.arrow-l3{right:84px}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link .grp-teaserstory__teaser-popup-link-arrow-wrapper .grp-teaserstory__teaser-popup-link-arrows .grp-teaserstory__teaser-popup-link-arrow::after{content:"";mask-image:url("../../../../../etc.clientlibs/grpw-web/clientlibs/grpw-base/resources/images/regular/arrow-chevron-right_rg.svg");mask-repeat:no-repeat;mask-size:64px;mask-position:center;-webkit-mask-image:url("../../../../../etc.clientlibs/grpw-web/clientlibs/grpw-base/resources/images/regular/arrow-chevron-right_rg.svg");-webkit-mask-repeat:no-repeat;-webkit-mask-size:64px;-webkit-mask-position:center;width:64px;height:64px;display:block;background-color:var(--color-text-primary)}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link .grp-teaserstory__teaser-popup-link-arrow-wrapper .grp-teaserstory__teaser-popup-link-arrows .grp-teaserstory__teaser-popup-link-arrow.arrow-left::after{background-color:var(--color-text-highlighted)}
@media(min-width:1280px){.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link .grp-teaserstory__teaser-popup-link-arrow-wrapper .grp-teaserstory__teaser-popup-link-arrows .grp-teaserstory__teaser-popup-link-arrow.arrow-left::after{background-color:var(--color-text-highlighted-on-dark)}
}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link .grp-teaserstory__teaser-popup-link-text{color:var(--color-text-primary);font-family:"BMWGroupTNProTT-Regular",Arial,Helvetica,sans-serif;font-size:14px;line-height:1.4;letter-spacing:1.4px;text-transform:uppercase;display:flex;justify-content:center;align-items:center;gap:10px}
@media(min-width:768px) and (max-width:1279.99px){.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link .grp-teaserstory__teaser-popup-link-text{font-size:12px}
}
@media(max-width:767.99px){.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link .grp-teaserstory__teaser-popup-link-text{font-size:12px}
}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link:hover .grp-teaserstory__teaser-popup-link-text,.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link:focus .grp-teaserstory__teaser-popup-link-text{color:var(--color-text-highlighted)}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link:hover .grp-teaserstory__teaser-popup-link-arrows,.teaserstory .cmp-teaser .grp-teaserstory__teaser-popup-link:focus .grp-teaserstory__teaser-popup-link-arrows{transform:translateX(96px)}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container{display:flex;padding:40px 0 0 40px;align-items:flex-end;gap:24px;flex:1 0 0;align-self:stretch}
@media(min-width:1280px){.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container{--g:24px;flex-basis:calc(((100% - -1 * var(--g)) / 12 - var(--g)) * 4 - -1 * var(--g) * 4 - -96px * 0)}
}
@media(min-width:1280px) and (max-width:767.99px){.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container{--g:16px}
}
@media(min-width:1280px) and (min-width:768px) and (max-width:1279.99px){.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container{flex-basis:calc(((100% - -1 * var(--g)) / 12 - var(--g)) * 4 - -1 * var(--g) * 4 - -48px * 0)}
}
@media(min-width:1280px) and (max-width:767.99px){.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container{flex-basis:calc(((100% - -1 * var(--g)) / 12 - var(--g)) * 4 - -1 * var(--g) * 4 - -24px * 0)}
}
@media(max-width:1279.99px){.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:24px;padding:0;align-self:stretch;transition:opacity 750ms ease-in-out}
}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container .grp-teaserstory__left-side{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
@media(max-width:1279.99px){.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container .grp-teaserstory__left-side{align-self:stretch}
}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container .grp-teaserstory__left-side .cmp-teaser__title{margin-bottom:40px}
@media(max-width:1279.99px){.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container .grp-teaserstory__left-side .cmp-teaser__title{margin-bottom:0}
}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container .grp-teaserstory__right-side{display:flex;padding:0 40px;align-items:flex-end;gap:40px;justify-content:space-between;width:100%}
@media(min-width:1280px){.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container .grp-teaserstory__right-side{display:none}
}
@media(max-width:1279.99px){.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container .grp-teaserstory__right-side{padding:0;position:initial}
}
@media(max-width:767.99px){.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container .grp-teaserstory__right-side{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:16px;align-self:stretch}
}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container .grp-teaserstory__right-side .grp-teaserstory__right-side-text-container{display:flex;flex-direction:column;align-items:flex-start}
@media(max-width:1279.99px){.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container .grp-teaserstory__right-side .grp-teaserstory__right-side-text-container{gap:16px}
}
.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container .cmp-teaser__text{color:var(--color-text-primary);font-family:"BMWGroupTNProTT-Regular",Arial,Helvetica,sans-serif;font-size:12px;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--color-text-white-static);padding:24px 24px 0 24px}
@media(min-width:768px) and (max-width:1279.99px){.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container .cmp-teaser__text{font-size:12px}
}
@media(max-width:767.99px){.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container .cmp-teaser__text{font-size:12px}
}
@media(min-width:768px){.teaserstory .cmp-teaser .grp-teaserstory__teaser-text-container .cmp-teaser__text{background:rgba(16,22,44,0.85);backdrop-filter:blur(10px);padding-bottom:36px}
}
.teaserstory .cmp-teaser .grp-teaserstory__image-content{position:relative}
@media(min-width:1280px){.teaserstory .cmp-teaser .grp-teaserstory__image-content{--g:24px;flex-basis:calc(((100% - -1 * var(--g)) / 12 - var(--g)) * 8 - -1 * var(--g) * 7 - -96px * 0)}
}
@media(min-width:1280px) and (max-width:767.99px){.teaserstory .cmp-teaser .grp-teaserstory__image-content{--g:16px}
}
@media(min-width:1280px) and (min-width:768px) and (max-width:1279.99px){.teaserstory .cmp-teaser .grp-teaserstory__image-content{flex-basis:calc(((100% - -1 * var(--g)) / 12 - var(--g)) * 8 - -1 * var(--g) * 7 - -48px * 0)}
}
@media(min-width:1280px) and (max-width:767.99px){.teaserstory .cmp-teaser .grp-teaserstory__image-content{flex-basis:calc(((100% - -1 * var(--g)) / 12 - var(--g)) * 8 - -1 * var(--g) * 7 - -24px * 0)}
}
.teaserstory .cmp-teaser .grp-teaserstory__image-content .cmp-teaser__image{width:100%}
.teaserstory .cmp-teaser .grp-teaserstory__image-content .cmp-teaser__image .cmp-image{overflow:hidden}
.teaserstory .cmp-teaser .grp-teaserstory__image-content .cmp-teaser__image .cmp-image img{transition:transform 750ms ease-in-out}
.teaserstory .cmp-teaser .grp-teaserstory__image-content button.grp-teaser-video__button{right:32px;top:48px}
.teaserstory .cmp-teaser .grp-teaserstory__image-content .grp-teaserstory__right-side{display:flex;padding:100px 40px 40px 40px;align-items:flex-end;gap:40px;position:absolute;bottom:0;z-index:1;justify-content:space-between;width:100%;background:linear-gradient(0,#140b1f 18.4%,rgba(20,11,31,0.95) 30.45%,rgba(20,11,31,0.9) 41.58%,rgba(20,11,31,0.84) 49.99%,rgba(20,11,31,0.77) 58.89%,rgba(20,11,31,0.7) 61.55%,rgba(20,11,31,0.63) 63.68%,rgba(20,11,31,0.55) 65.45%,rgba(20,11,31,0.47) 67.01%,rgba(20,11,31,0.4) 68.55%,rgba(20,11,31,0.32) 70.24%,rgba(20,11,31,0.25) 72.24%,rgba(20,11,31,0.18) 74.72%,rgba(20,11,31,0.11) 77.86%,rgba(20,11,31,0.05) 81.82%,rgba(20,11,31,0) 86.78%);background-blend-mode:multiply}
@media(max-width:1279.99px){.teaserstory .cmp-teaser .grp-teaserstory__image-content .grp-teaserstory__right-side{display:none}
}
.teaserstory .cmp-teaser .grp-teaserstory__image-content .grp-teaserstory__right-side .grp-teaserstory__right-side-text-container{display:flex;flex-direction:column;align-items:flex-start;gap:24px;color:var(--color-text-white-static)}
.teaserstory .cmp-teaser .grp-teaserstory__image-content .grp-teaserstory__right-side .grp-teaserstory__teaser-popup-link-arrows .grp-teaserstory__teaser-popup-link-arrow::after{background-color:var(--color-text-white-static)}
.teaserstory .cmp-teaser .grp-teaserstory__image-content .grp-teaserstory__right-side .grp-teaserstory__teaser-popup-link-text{color:var(--color-text-white-static)}
.teaserstory .cmp-teaser .grp-teaserstory__image-content .grp-teaserstory__right-side .button.style-button:not(.contained):not(.outlined):not(.icon) .cmp-button{color:var(--color-text-white-static);outline-color:var(--color-focus-border-white)}
.teaserstory .cmp-teaser .grp-teaserstory__image-content .grp-teaserstory__right-side .button.style-button:not(.contained):not(.outlined):not(.icon) .cmp-button__icon::before,.teaserstory .cmp-teaser .grp-teaserstory__image-content .grp-teaserstory__right-side .button.style-button:not(.contained):not(.outlined):not(.icon) .cmp-button__icon::after{background-color:var(--color-text-white-static)}
.teaserstory .cmp-teaser .grp-teaserstory__image-content .grp-teaserstory__right-side .button.style-button:not(.contained):not(.outlined):not(.icon) .cmp-button:hover,.teaserstory .cmp-teaser .grp-teaserstory__image-content .grp-teaserstory__right-side .button.style-button:not(.contained):not(.outlined):not(.icon) .cmp-button:focus-visible{color:var(--color-text-highlighted-on-dark)}
.teaserstory .cmp-teaser .grp-teaserstory__image-content .grp-teaserstory__right-side .button.style-button:not(.contained):not(.outlined):not(.icon) .cmp-button:hover .cmp-button__icon::after,.teaserstory .cmp-teaser .grp-teaserstory__image-content .grp-teaserstory__right-side .button.style-button:not(.contained):not(.outlined):not(.icon) .cmp-button:focus-visible .cmp-button__icon::after{background-color:var(--color-text-highlighted-on-dark)}
.teaserstory .cmp-teaser .grp-teaserstory__image-content .grp-teaserstory__right-side .button.style-button:not(.contained):not(.outlined):not(.icon) .cmp-button::after{border-color:var(--color-text-highlighted-on-dark)}
.teaserstory .cmp-teaser .grp-teaserstory__image-content .grp-teaserstory__right-side .grp-teaserstory__teaser-popup-link:hover .grp-teaserstory__teaser-popup-link-text,.teaserstory .cmp-teaser .grp-teaserstory__image-content .grp-teaserstory__right-side .grp-teaserstory__teaser-popup-link:focus .grp-teaserstory__teaser-popup-link-text{color:var(--color-text-highlighted-on-dark)}
.teaserstory .cmp-teaser .grp-teaserstory__image-content .grp-teaserstory__right-side .grp-teaserstory__teaser-popup-link:focus-visible{outline:1px solid var(--color-text-white-static);outline-offset:2px}
@media(max-width:1279.99px){.grp-storyline__item:not(.active) .grp-teaserstory__teaser-text-container{opacity:0}
}