.article-teaser{--article-teaser-gap: var(--spacing);--article-teaser-image-border-radius: var(--border-radius);--article-teaser-font-size: var(--font-size-preamble);--article-teaser-heading-font-size: var(--font-size-h4);--article-teaser-content-gap: var(--spacing-xs);position:relative;display:flex;flex-direction:column;gap:var(--article-teaser-gap)}.article-teaser__content{order:2;display:flex;flex-direction:column;gap:var(--article-teaser-content-gap)}.article-teaser__heading{font-size:var(--article-teaser-heading-font-size)}.article-teaser:has(.article-teaser__image) .article-teaser__text{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-teaser__link{color:inherit;text-decoration:none}.article-teaser__link:hover,.article-teaser__link:focus{text-decoration:underline}.article-teaser__link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.article-teaser__image{order:1;overflow:hidden;border-radius:var(--article-teaser-image-border-radius)}.article-teaser__image img{height:auto;transition:ease var(--animation-duration)}.article-teaser__image figcaption{display:none}.article-teaser .icon{margin-top:auto;justify-self:flex-end;width:1.25rem}.article-teaser--horizontal{background-color:var(--color-gray--light);max-width:var(--container-max-width--medium);border-radius:var(--border-radius);overflow:hidden;gap:0}@media screen and (min-width: 48rem){.article-teaser--horizontal{flex-direction:row}}.article-teaser--horizontal .article-teaser__content{padding:var(--spacing-m) var(--spacing)}@media screen and (min-width: 48rem){.article-teaser--horizontal .article-teaser__content{padding:var(--spacing-m);gap:var(--spacing)}}.article-teaser--horizontal .article-teaser__heading{font-size:var(--font-size-h3)}.article-teaser--horizontal .article-teaser__image{--article-teaser-image-border-radius: 0}@media screen and (min-width: 48rem){.article-teaser--horizontal .article-teaser__image{width:40%;max-width:18.75rem;aspect-ratio:7/6;flex-shrink:0}}.article-teaser--horizontal .article-teaser__image img{border-radius:0;height:100%;object-fit:cover}.article-teaser:has(a:hover) .icon,.article-teaser:has(a:focus) .icon{transform:translate(var(--icon-animation-width))}.article-teaser:has(a:hover) img,.article-teaser:has(a:focus) img{transform:scale(1.1)}.content-area>.article-teaser+.article-teaser{margin-top:calc((var(--block-spacing) - var(--spacing-l)) * -1)}