/* Offer */
.news.-offer {
    grid-column: span 5;
}

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

.news.-offer .slider__iteminner {
    margin: 0 10px;
    position: relative;
    overflow: hidden;
}

.news.-offer .article__image {
    height: 50vh;
    width: 100%;
}

.news.-offer .article__image::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 80%;
    left: 0;
    bottom: 0;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.4+49,0.5+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 49%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 49%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 49%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}

.news.-offer .article__image img {
    object-fit: cover;
    width: 100%;
    max-width: inherit;
    height: 100%;
}

.news.-offer .article__text {
    position: absolute;
    bottom: 2rem;
    left: 1rem;
    right: 1rem;
    z-index: 2;
    max-width: 740px;
}

.news.-offer h3 {
    font-family: var(--f-family-i);
    color: rgb(var(--c-neutral-lightest));
}

.news.-offer p {
    color: rgb(var(--c-neutral-lightest));
}

.news.-offer .article__teaser {
    margin-bottom: 2rem;
}

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

.news.-ticker {
    background: rgb(var(--c-neutral-darker));
}

.ticker__news {
    padding: 0;
    height: 45px;
    line-height: 45px;
}

.ticker__header {
    display: none;
}

.ticker__title a {
    margin-right: 4rem;
    white-space: nowrap;
    color: rgb(var(--c-neutral-lightest));
}

.no-touch .ticker__title a:hover {
    color: rgb(var(--c-neutral-lighter));
}

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

/* Latest */

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

.news.-latest .article {
    position: relative;
    overflow: hidden;
    max-height: 400px;
}

.news.-latest.-list .article {
    max-height: 340px;
}

.news.-latest .article__image {
    height: 100%;
    width: 100%;
}

.news.-latest .article__image::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 60%;
    left: 0;
    bottom: 0;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.4+49,0.5+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 49%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 49%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 49%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */

}

.news.-latest .article__image img {
    object-fit: cover;
    width: 100%;
    max-width: inherit;
    height: 100%;
}

.news.-latest .article__text {
    position: absolute;
    bottom: 2rem;
    left: 1rem;
    right: 1rem;
    text-align: center;
    z-index: 2;
}

.news.-latest h4 {
    font-size: var(--f-size-l-2);
    color: rgb(var(--c-neutral-lightest));
    line-height: 120%;
}

/* List */

.news.-list .article {

}

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

/* Single */

.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: 400px) {
    .news.-latest h4 {
        font-size: var(--f-size-l-3);
    }
}

@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;
        margin: 0 0 0 4%;
        color: rgb(var(--c-neutral-lightest));
        font-family: var(--f-family);
        padding: 0;
        float: left;
        width: 120px;
        background: rgb(var(--c-primary));
        text-transform: uppercase;
        -webkit-border-radius: var(--b-radius-s);
        -moz-border-radius: var(--b-radius-s);
        border-radius: var(--b-radius-s);
    }

    .ticker__news {
        margin-left: 170px;
    }

    .news.-latest {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }
    .news.-latest .article:last-child {
        grid-row: 2;
        grid-column: span 2;
    }

    .news.-latest.-list .article:last-child,
    .news.-latest.-list .article {
        grid-row: auto;
        grid-column: auto;
    }

    .news.-offer .slider__iteminner {
        margin: 0 20px;
    }

    .news.-offer .article__image {
        height: 100%;
        min-height: 200px;
    }

    .news .f3-widget-paginator {
        grid-column: span 2;
    }
}

@media (min-width: 800px) {
    .ticker__header {
        width: 170px;
    }

    .ticker__news {
        margin-left: calc(170px + 4%);
    }
}

@media (min-width: 1024px) {
    .news.-latest {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr;
    }
    .news.-latest .article:last-child {
        grid-row: 1;
        grid-column: 3;
    }
    .news.-latest h4 {
        font-size: var(--f-size-l-2);
    }

    .news.-latest .font__button {
        padding: 0.6rem 3rem;
    }

    .news.-offer .article__text {
        left: 2rem;
        right: 2rem;
        bottom: 5rem;
    }

    .news .f3-widget-paginator {
        grid-column: span 3;
    }
}

@media (min-width: 1280px) {
    .news.-latest h4 {
        font-size: var(--f-size-l-3);
    }
    .news.-latest .article {
        max-height: 550px;
    }
}