.blog-teaser{background-color:#faf8f4}
.blog-teaser-mobile{display:none}
.blog-teaser-desktop-header{padding-bottom:2.4rem;display:flex;justify-content:space-between;align-items:center}
.blog-teaser-desktop-header-title{font-weight:500}
.blog-teaser-desktop-header-text{margin-bottom:3.2rem;font-size:1.8rem;line-height:3.4rem;color:#6f6f6f}
.blog-teaser-desktop-articles ul{display:flex;gap:3.6rem;padding:0;position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow:hidden;list-style:none}
.blog-teaser-desktop-articles ul li{width:calc(33.3333333333% - 24px);min-width:calc(33.3333333333% - 24px)}
.blog-teaser-desktop-articles-article{display:flex;flex-direction:column;text-decoration:none;width:100%}
.blog-teaser-desktop-articles-article-photo{padding-bottom:2rem}
.blog-teaser-desktop-articles-article-photo-image{width:100%;max-height:25rem}
.blog-teaser-desktop-articles-article-date{margin:0;padding-bottom:.8rem}
.blog-teaser-desktop-articles-article-title{padding-bottom:1.6rem}
.blog-teaser-desktop-articles-article-tags{display:flex;flex-wrap:wrap;gap:1.8rem;padding-bottom:1.4rem}
.blog-teaser-desktop-articles-article-tags-tag{margin:0;padding:1.2rem 2rem;background-color:#e9e9e9;font-size:1.2rem;font-weight:500;color:#3e3e3e;border-radius:.4rem}
@media(max-width:990px){
.blog-teaser-desktop{display:none}
.blog-teaser-mobile{display:block}
.blog-teaser-mobile-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}
.blog-teaser-mobile-slider{display:flex;gap:3.2rem;list-style:none;padding-left:0;position:relative;flex-wrap:inherit;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.blog-teaser-mobile-slider-slide{width:100%;min-width:100%}
.blog-teaser-mobile-slider-slide-container{display:flex;flex-direction:column;text-decoration:none}
.blog-teaser-mobile-slider-slide-container-photo{padding-bottom:1.8rem}
.blog-teaser-mobile-slider-slide-container-photo img{width:100%;max-height:25rem}
.blog-teaser-mobile-slider-slide-container-date{margin:0;font-size:1.2rem;font-weight:400;color:#6f6f6f}
.blog-teaser-mobile-slider-slide-container-title{margin:0;color:#3e3e3e}
}