[data-color-profile]{--article-teaser-heading-font:var(--font-h3)}.article-teaser{flex-direction:column;gap:24px;display:flex;position:relative}@media screen and (width>=48rem){.article-teaser{grid-template-columns:1fr 1fr;align-items:center;gap:0;display:grid}}.article-teaser .article-teaser__heading{font:var(--article-teaser-heading-font);margin:0}.article-teaser .article-teaser__content{box-sizing:border-box;width:100%}@media screen and (width>=48rem){.article-teaser .article-teaser__content{padding:48px}}.article-teaser .article-teaser__meta{margin-top:16px;font-size:.875rem;font-weight:500}.article-teaser .article-teaser__meta a{z-index:2;position:relative}.article-teaser .article-teaser__link{color:var(--text-heading-heading-primary);text-decoration:none}.article-teaser .article-teaser__link:hover{text-decoration:underline}.article-teaser .article-teaser__link:before{z-index:1;content:"";position:absolute;inset:0}.article-teaser .article-teaser__link:focus-visible{outline:0;text-decoration:underline}.article-teaser .article-teaser__link:focus-visible:before{outline-offset:2px;outline:2px solid #000}.article-teaser arrow-right{width:28px;height:28px;fill:var(--surface-dark-alternate,var(--color-support))}.article-teaser .article-teaser__intro{font:var(--font-body)}.article-teaser .article-teaser__image,.article-teaser .article-teaser__image img{aspect-ratio:3/2;object-fit:cover;order:-1;width:100%;height:auto;display:block}.article-teaser:hover arrow-right{--arrow-expand:1}.article-teaser:not(:has(.article-teaser__image)){background-color:var(--surface-surface-alternate);border-radius:4px;flex-direction:column;justify-content:flex-end;min-height:360px;padding-inline:24px;display:flex}.article-teaser:not(:has(.article-teaser__image)) .article-teaser__intro{margin-bottom:0}.article-teaser:not(:has(.article-teaser__image)) .article-teaser__link:before{outline-offset:-4px;border-radius:8px}@media screen and (width>=64rem){.article-teaser:not(:has(.article-teaser__image)){min-height:auto;padding-inline:40px}.article-teaser:not(:has(.article-teaser__image)) .article-teaser__intro{margin-bottom:16px}}