.article-grid__element{--overlay-background-style:linear-gradient(to bottom,transparent 37%,var(--brand-blue-100-opacity-70));align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:100vw;min-height:14rem;position:relative}.article-grid__element:first-child{grid-area:area1}.article-grid__element:nth-child(2){grid-area:area2}.article-grid__element:nth-child(3){grid-area:area3}.article-grid__element:nth-child(4){grid-area:area4}.article-grid__element__content{display:flex;flex:1;flex-direction:column;justify-content:center;max-width:var(--max-width-col-5);padding:var(--spacing-m) var(--spacing-xxs);text-align:center;z-index:1}.article-grid__element__image~.article-grid__element__content{color:var(--font-color-white);justify-content:flex-end}.article-grid__element__article-meta{font-size:var(--font-size-md);letter-spacing:.6px;line-height:1.25;margin-bottom:var(--spacing-xxs);text-transform:uppercase}.article-grid__element__article-publish-date+.article-grid__element__article-topic{padding-left:var(--spacing-xs)}.article-grid__element__article-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:1.13}.content--narrow .article-grid__element__article-title{font-size:1.5rem;font-weight:var(--font-weight-normal);line-height:1.17}@media(min-width:576px){.article-grid__element:nth-child(2),.article-grid__element:nth-child(3){max-width:50vw}}@media(min-width:768px){.article-grid__element{min-height:22rem}.article-grid__element:first-child{max-width:50vw}}