.video-teaser{--video-teaser-width:50%;--video-teaser-height:300px;--video-teaser-max-height:400px;--video-teaser-active-width:50%;--video-teaser-inactive-width:50%}@media (min-width:768px){.video-teaser{--video-teaser-width:25%;--video-teaser-max-height:600px;--video-teaser-height:600px;--video-teaser-active-width:50%;--video-teaser-inactive-width:16.6%}}.video-teaser__list{font-size:0;height:auto;margin:0;padding:0;width:100%}.video-teaser__item,.video-teaser__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;position:relative}.video-teaser__item{background-position:100%;background-repeat:no-repeat;background-size:cover;height:var(--video-teaser-height);max-height:var(--video-teaser-max-height);-webkit-transition:width .5s;-o-transition:width .5s;transition:width .5s;width:var(--video-teaser-width);-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;text-decoration:none}@media (min-width:768px){.video-teaser__item{background-position:50%}.video-teaser__list{height:var(--video-teaser-max-height)}}.video-teaser__item--active{cursor:pointer;width:var(--video-teaser-active-width)}.video-teaser__item--active .video-teaser__header{background-color:transparent}@media (min-width:768px){.video-teaser__item--active .video-teaser__header{width:100%}}.video-teaser__header{background-color:rgba(0,190,130,.6);cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;color:#fff;font-size:1rem;font-weight:500;height:100%;justify-content:center;padding:calc(var(--grid-gutter)/2);-webkit-transition:all .35s ease-in;-o-transition:all .35s ease-in;transition:all .35s ease-in;width:100%}@media (min-width:768px){.video-teaser__header{font-size:1.5rem}}.video-teaser--active .video-teaser__item:not(.video-teaser__item--active){width:var(--video-teaser-inactive-width)}.video-teaser .modal__container{max-width:100%;min-width:100%;padding:0}.video-teaser .modal__close{color:#00be82;z-index:90}@media (min-width:768px){.video-teaser .modal__container{height:337px;max-width:600px;min-width:600px}}@media (min-width:1024px){.video-teaser .modal__container{height:554px;max-width:985px;min-width:985px}}