.news.-latest {
    grid-column: span 5;
}

.news.-latest .grid__main {
    display: grid;
}

.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;
}

/* News ticker */
.news.-ticker {
    grid-column: span 5;
}


.ticker__news {
    padding: 0;
    background: rgb(var(--c-neutral-lighter));
    height: 45px;
    line-height: 45px;
}

.ticker__header {
    display: none;
}

.ticker__title a {
    margin-right: 2em;
    white-space: nowrap;
    color: rgb(var(--c-neutral-dark));
}
.ticker__title a:hover {
    color: rgb(var(--c-primary));
}

.ticker__item:not(:last-child) a::after {
    content: '-';
    padding-left: 2em;
}

.ticker__title a.nolink {
    cursor: default;
}

.ticker__container {
    width: 100%;
    height: 45px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.ticker__container .mask {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
}

.ticker__inner {
    position: relative;
    left: 100%;
    margin: 0;
    padding: 0;
    display: flex;
}

.ticker__inner .ticker__item {
    float: left;
    margin: 0;
    padding: 0;
}

.news.-ticker .ticker__item {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.news.-latest {
    display: grid;
    grid-gap: var(--g-gap);
}
.news.-latest article {
    background: rgb(var(--c-neutral-lighter));
    -moz-border-radius: var(--b-radius);
    -webkit-border-radius: var(--b-radius);
    border-radius: var(--b-radius);
    overflow: hidden;
    position: relative;
}
.news.-latest .article__text {
    padding: 2rem;
    background: rgb(var(--c-neutral-lighter));
    -moz-border-radius: var(--b-radius);
    -webkit-border-radius: var(--b-radius);
    border-radius: var(--b-radius);
    position: relative;
    z-index: 2;
}
.article__more .more {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
    font-family: var(--f-family-sb);
}
.article__more .font__fas {
    font-size: var(--f-size-s-1);
}
.news.-single .media__image,
.news.-list .article__image img,
.news.-latest .article__image {
    overflow: hidden;
    -moz-border-radius: var(--b-radius);
    -webkit-border-radius: var(--b-radius);
    border-radius: var(--b-radius);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.news.-latest .article__teaser .long {
    display: none;
}

/* Pagination */
ul.f3-widget-paginator {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
}

ul.f3-widget-paginator li {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    height: 40px;
    margin: 0 5px 5px 0;
    list-style-type: none;
    background: rgb(var(--c-neutral-lighter));
}

ul.f3-widget-paginator li.gap {
    min-width: 0;
    background: transparent;
}

ul.f3-widget-paginator a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

ul.f3-widget-paginator li.current,
ul.f3-widget-paginator li:not(.gap):hover {
    background: rgb(var(--c-primary));
    color: rgb(var(--c-neutral-lightest));
}

ul.f3-widget-paginator li.current a,
ul.f3-widget-paginator li:hover a {
    color: rgb(var(--c-neutral-lightest));
}

ul.f3-widget-paginator li.previous a::after,
ul.f3-widget-paginator li.next a::after {
    font-family: 'FaLight', sans-serif;
    font-size: var(--f-size);
    font-weight: normal;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
}

ul.f3-widget-paginator li.previous a::after {
    content: '\f053';
}

ul.f3-widget-paginator li.next a::after {
    content: '\f054';
}


/* =============================================================================
   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;
    }
    .ticker__header {
        display: block;
        text-align: center;
        height: 45px;
        line-height: 45px;
        color: rgb(var(--c-neutral-lightest));
        font-family: var(--f-family-sb);
        padding: 0;
        float: left;
        width: 200px;
        background: rgb(var(--c-primary));
    }
    .ticker__news {
        margin-left: 200px;
    }
    .news.-latest .article__wrap {
        display: grid;
        grid-template-columns: 2fr 3fr;
        align-items: center;
    }
    .news.-latest .article__image img {
        max-width: inherit;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

}

@media (min-width: 1280px) {
    .news.-latest {
        grid-template-columns: repeat(3, 1fr);
    }
    .news.-latest .article__wrap {
        display: block;
    }
    .news.-latest .article__image img {
        max-width: 100%;
        object-fit: inherit;
        width: 100%;
        height: auto;
        transition: all ease 0.3s;
    }
    .no-touch .news.-latest .article__image {
        position: relative;
        transition: all ease 0.3s;
    }
    .no-touch .news.-latest .article__image::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(var(--c-neutral-lightest), .6);
        opacity: 0;
        transition: all ease 0.3s;
    }
    .no-touch .news.-latest .article:hover .article__image::after {
        opacity: 1;
    }
    .no-touch .news.-latest .article:hover .article__image img {
        filter: blur(3px);
    }
    .no-touch .news.-latest .article:hover .article__teaser .long {
        display: block;
    }
    .no-touch .news.-latest .article:hover .article__teaser .short {
        display: none;
    }
    .no-touch .news.-latest .article:hover .article__text {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 2;
        transition: height ease 0.3s;
    }
}