.article-teaser{width:100%;font-size:var(--font-size-teaser);line-height:var(--line-height-teaser)}.article-teaser__header,.article-teaser__body{flex-direction:column;gap:18px;display:flex}.article-teaser__image{display:block}.article-teaser__image img{width:100%;height:auto;display:block}.article-teaser__title{font-family:var(--font-family-heading);font-size:var(--font-size-heading);font-weight:var(--font-weight-normal);line-height:var(--line-height-heading);margin:0}.article-teaser__title a{text-decoration:none}.article-teaser__teaser p:last-child{margin-block-end:0}.article-teaser__tags{flex-wrap:wrap;gap:.375rem;margin:0;margin-block-start:1em;padding:0;list-style:none;display:flex}.article-teaser--grid{grid-template-rows:subgrid;row-gap:var(--space-5);grid-row:span 2;display:grid}.article-teaser--grid .article-teaser__image{align-self:end}.article-teaser--single{flex-direction:column;display:flex}.article-teaser--list{gap:calc(var(--layout-gutter) + var(--layout-column) + var(--layout-gutter));flex-direction:column;align-items:start;display:flex}.article-teaser--list .article-teaser__body{grid-area:body;min-width:0}.article-teaser--list .article-teaser__image{grid-area:image;text-decoration:none}.article-teaser__header .article-teaser__type{flex:100%;display:block}.article-teaser--list .article-teaser__header.is-friends .article-teaser__author:after{content:","}.article-teaser--list .article-teaser__header.is-friends .article-teaser__type{color:var(--color-secondary)}.article-teaser--list .article-teaser__header:not(.is-friends) .article-teaser__date{flex:100%;display:block}.article-teaser--list .article-teaser__header .article-teaser__date{display:block}@media (width>=768px){.article-teaser--list{grid-template-columns:minmax(8rem,16rem) minmax(0,1fr);grid-template-areas:"image body";display:grid}}