.category-teaser{--category-teaser-width:50%;--category-teaser-height:30vh;--category-teaser-max-height:200px;--category-teaser-active-width:30%;--category-teaser-inactive-width:50%}@media(min-width:768px){.category-teaser{--category-teaser-width:16.6%;--category-teaser-max-height:300px;--category-teaser-height:30vh;--category-teaser-active-width:30%;--category-teaser-inactive-width:13.6%}}.category-teaser__list{position:relative;width:100%;height:auto;overflow:hidden;font-size:0;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.category-teaser__item{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;height:var(--category-teaser-height);max-height:var(--category-teaser-max-height);overflow:hidden;-webkit-transition:width .5s;-o-transition:width .5s;transition:width .5s;width:var(--category-teaser-width);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-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(215,21,24,0.8)}@media(min-width:768px){.category-teaser__item--active .category-teaser__header{width:50%}}.category-teaser__header{background-color:rgba(0,0,0,0.7);-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;justify-content:center;color:#fff;font-size:1.5rem;padding:calc(var(--grid-gutter) / 2);font-weight:500;-webkit-transition:all .35s ease-in;-o-transition:all .35s ease-in;transition:all .35s ease-in;height:100%;width:100%}.category-teaser--active .category-teaser__item:not(.category-teaser__item--active){width:var(--category-teaser-inactive-width)}