.category-teaser{--category-teaser-width:50%;--category-teaser-height:30vh;--category-teaser-max-height:200px;--category-teaser-active-width:50%;--category-teaser-inactive-width:50%}@media (min-width:768px){.category-teaser{--category-teaser-width:25%;--category-teaser-max-height:300px;--category-teaser-height:30vh;--category-teaser-active-width:50%;--category-teaser-inactive-width:16.6%}}.category-teaser__list{font-size:0;height:auto;margin:0;padding:0;width:100%}.category-teaser__item,.category-teaser__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;position:relative}.category-teaser__item{background-position:50%;background-repeat:no-repeat;background-size:cover;height:var(--category-teaser-height);max-height:var(--category-teaser-max-height);-webkit-transition:width .5s;-o-transition:width .5s;transition:width .5s;width:var(--category-teaser-width);-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;text-decoration:none}@media (min-width:768px){.category-teaser__list{height:var(--category-teaser-max-height)}}.category-teaser__item--active{width:var(--category-teaser-active-width)}.category-teaser__item--active .category-teaser__header{background-color:rgba(0,190,130,.8)}@media (min-width:768px){.category-teaser__item--active .category-teaser__header{width:50%}}.category-teaser__header{background-color:rgba(0,0,0,.3);-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:1.5rem;font-weight:500;height:100%;justify-content:center;padding:calc(var(--grid-gutter)/2);position:relative;-webkit-transition:all .35s ease-in;-o-transition:all .35s ease-in;transition:all .35s ease-in;width:100%;z-index:2}.category-teaser--active .category-teaser__item:not(.category-teaser__item--active){width:var(--category-teaser-inactive-width)}.category-teaser__image{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.category-teaser__image img{height:100%;object-fit:cover;width:100%}