.content-teaser{flex-direction:column;gap:1.6rem;display:flex;position:relative}.content-teaser__link{z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.content-teaser__image{z-index:1;position:relative}.content-teaser__image>img{transition:transform var(--trans-default);will-change:transform}.content-teaser__content{color:var(--color-text-primary);flex-direction:column;gap:.8rem;display:flex}.content-teaser__meta{font-size:var(--font-size-80);line-height:var(--line-height-md);color:inherit;gap:.8rem;display:flex}.content-teaser__meta__category{text-transform:uppercase;letter-spacing:.01em}.content-teaser__meta>:not(:last-child){align-items:center;display:inline-flex}.content-teaser__meta>:not(:last-child):after{content:"";background-color:var(--color-border-shade);width:1.2rem;height:.1rem;margin-left:.8rem;display:block;position:relative}.content-teaser__title{color:inherit;transition:opacity var(--trans-default);will-change:opacity;margin:0!important}:is(.content-teaser--has-link:hover,.content-teaser--has-link:focus-within) .content-teaser__image>img{transform:scale(1.05)}:is(.content-teaser--has-link:hover,.content-teaser--has-link:focus-within) .content-teaser__title{opacity:.6}.content-teaser-grid{align-items:flex-start;gap:calc(var(--grid-gutter)*2)var(--grid-gutter);display:grid}.content-teaser-grid.content-teaser-grid--col-3{grid-template-columns:repeat(3,minmax(0,1fr))}.content-teaser-grid.content-teaser-grid--col-2{grid-template-columns:repeat(2,minmax(0,1fr))}.content-teaser-grid.content-teaser-grid--col-1{grid-template-columns:minmax(0,1fr)}@media (max-width:850px){.content-teaser-grid{gap:calc(var(--grid-gutter)*1.5)var(--grid-gutter)}.content-teaser-grid.content-teaser-grid--col-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:850px){.content-teaser-grid{gap:calc(var(--grid-gutter)*1.5)var(--grid-gutter)}.content-teaser-grid.content-teaser-grid--col-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:575px){.content-teaser-grid,.content-teaser-grid.content-teaser-grid--col-3,.content-teaser-grid.content-teaser-grid--col-2{grid-template-columns:minmax(0,1fr)}}@container (max-width:575px){.content-teaser-grid,.content-teaser-grid.content-teaser-grid--col-3,.content-teaser-grid.content-teaser-grid--col-2{grid-template-columns:minmax(0,1fr)}}:is(.article-wrapper,.editor-styles-wrapper) .content-teaser-grid{margin:var(--spacing-article-element-to-element)auto}:is(:is(.article-wrapper,.editor-styles-wrapper) h2,:is(.article-wrapper,.editor-styles-wrapper) h3,:is(.article-wrapper,.editor-styles-wrapper) h4,:is(.article-wrapper,.editor-styles-wrapper) h5,:is(.article-wrapper,.editor-styles-wrapper) h6,:is(.article-wrapper,.editor-styles-wrapper) .heading-150,:is(.article-wrapper,.editor-styles-wrapper) .heading-140,:is(.article-wrapper,.editor-styles-wrapper) .heading-130,:is(.article-wrapper,.editor-styles-wrapper) .heading-125,:is(.article-wrapper,.editor-styles-wrapper) .heading-120)+.content-teaser-grid{margin-top:var(--spacing-article-element)}
