.articleTeaserHeadline{text-align:center;margin-bottom:var(--module-content-action-spacing)}.articleTeaserContainer{position:relative;display:block;margin-bottom:calc(var(--defaultBottomMargin) - var(--module-content-title-spacing))}.articleTeaserContainer .tagline{text-align:center;margin-bottom:var(--module-content-action-spacing-large)}.articleTeaserContainer .articleTeaserCol{margin-bottom:var(--module-content-title-spacing)}.articleTeaserContainer .articleTeaserCol h3{margin-bottom:var(--space-md);text-align:center}@media (max-width:768px){.articleTeaserContainer .articleTeaserCol h3{height:auto!important}}.articleTeaserContainer .articleTeaser{display:block;background-color:var(--color-light)}@media (max-width:768px){.articleTeaserContainer .articleTeaser{height:auto!important}}.articleTeaserContainer .articleTeaser .articleTeaserImageContainer{position:relative;display:block;z-index:0;overflow:hidden}.articleTeaserContainer .articleTeaser .articleTeaserImageContainer .articleTeaserImage{position:relative;width:100%;height:auto;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;transition:all var(--animationTime)}.articleTeaserContainer .articleTeaser .articleTeaserImageContainer .articleTeaserImage--empty{background-color:var(--color-accent)}.articleTeaserContainer .articleTeaser .articleTeaserIcon{position:absolute;display:block;width:75px;height:75px;left:50%;top:0;border-radius:var(--border-radius-md);background-color:var(--color-accent);margin:-37.5px auto 0 -37.5px;z-index:2;transition:background-color var(--animationTime);text-align:center}.articleTeaserContainer .articleTeaser .articleTeaserIcon svg{width:60%;height:60%;margin:18% auto 0 auto}.articleTeaserContainer .articleTeaser .articleTeaserIcon svg path{fill:var(--color-light)}.articleTeaserContainer .articleTeaser .articleTeaserText{position:relative;display:block;padding:var(--module-content-title-spacing)}.articleTeaserContainer .articleTeaser .articleTeaserText--withIcon{padding-top:62px}.articleTeaserContainer .articleTeaser .articleTeaserText h3{margin-bottom:.5625rem;text-align:center}.articleTeaserContainer .articleTeaser .articleTeaserText p{text-align:left}.articleTeaserContainer .articleTeaser:hover{text-decoration:none;box-shadow:0 0 10px 0 rgba(0,0,0,.25)}.articleTeaserContainer .articleTeaser:hover .articleTeaserImage{transform:scale(1.1)}.articleTeaserContainer .articleTeaser:hover .articleTeaserIcon{background-color:var(--color-accent-hover)}