.news.-latest {
    display: grid;
    grid-gap: var(--g-gap);
}

.news.-latest .article {
    display: grid;
    grid-template-rows: auto 1fr;
}

.news.-latest .article__text {
    border: 1px solid rgb(var(--c-neutral));
    padding: 2rem;
    transition: background-color ease 0.3s;
}

@media (hover: hover) {
    .news.-latest .article:hover .article__text {
        background-color: rgb(var(--c-neutral-lighter));
    }
}

.article__headline {
    font-weight: var(--f-weight-b);
}

.news.-list .article {
    margin-bottom: 3rem;
}

.article__more {
    display: block;
    margin-top: 1rem;
}

.article__footer {
    padding-top: var(--g-gap-s);
    border-top: 1px solid rgb(var(--c-neutral-lighter));
}

.media__item {
    margin-bottom: var(--g-gap);
}

.media__item:last-child {
    margin-bottom: 0;
}

.media__image {
    position: relative;
    overflow: hidden;
}

.article__backlink .font__button::before {
    content: '\f323';
    font-family: "FaRegular", sans-serif;
    font-size: var(--f-size-s-2);
    margin-right: 0.4rem;
}


/* =============================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 640px) {
    [data-ce-columns="6"] .gallery__item {
        grid-column: span 4;
    }

    .news.-single .article__media,
    .news.-list .article__image {
        grid-column: span 4;
    }

    .news.-single .article__extra,
    .news.-single .article__text,
    .news.-list .article.-withimage .article__text {
        grid-column: span 8;
    }

    .news.-latest {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .news.-latest {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1024px) {
    .news.-latest {
        grid-gap: var(--g-gap-l);
    }
}