/* ------------------------------ */
/* ------------ News ------------ */
/* ------------------------------ */


/* General */
.section__date, .post__container span.post__meta {
    font-weight: 900;
    text-transform: uppercase;
    color: var(--brand-turquoise);
}


/* Overview */
.posts.row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.post__container span.post__meta {
    font-size: var(--font-size-3);
}

.post__container p.post__teaser {
    margin-bottom: 0;
}

.post.post--single .post__container {
    min-height: unset;
}



/* Single */
.section--article {
    padding-top: var(--spacing-2);
}

.section--article > div, .section--article .section__row > .row > div > div {
    padding-top: var(--spacing-7);
}

.section--article .section__row > .row > div > div:first-child {
    padding-top: 0;
}

.section > .section__date + div {
    padding-top: var(--spacing-3);
}

.section__date {
    font-size: var(--font-size-4);
}

.section--article h1:not(.typo--toptitle), .section--article h2 {
    margin-bottom: var(--spacing-6);
}

.section > .section__button.section__button--back {
    margin-top: var(--spacing-12);
}


/* Swiper */
.posts__swiper .post {
    padding: 1px;
}




/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */

@media all and (min-width: 1600px) {
    
    .posts .post:nth-child(1n+4) {
        margin-top: 3rem;
    }

    .post__container {
        min-height: 670px;
    }

    .post.post--double .post__container {
        min-height: 450px;
    }

}


@media all and (min-width: 992px) {

    .post__container {
        padding-bottom: 5rem;
    }

    .post__container .post__button {
        position: absolute;
        bottom: var(--spacing-6);
        left: var(--spacing-6);
    }

}


@media all and (max-width: 1599.98px) and (min-width: 1440px) {

    .posts.row {
        margin-right: -1rem;
        margin-left: -1rem;
    }

    .posts .post:nth-child(1n+4) {
        margin-top: 2rem;
    }

    .posts.row > div {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .post__container {
        min-height: 680px;
    }

    .post.post--double .post__container {
        min-height: 520px;
    }

}


@media all and (max-width: 1439.98px) and (min-width: 992px) {

    .posts.row {
        margin-right: -.75rem;
        margin-left: -.75rem;
    }

    .posts .post:nth-child(1n+4) {
        margin-top: 1.5rem;
    }

    .posts.row > div {
        padding-right: .75rem;
        padding-left: .75rem;
    }

    .post__container .post__button {
        bottom: var(--spacing-5);
        left: var(--spacing-5);
    }

    .post.post--double .post__container {
        min-height: 520px;
    }

}


@media all and (max-width: 1439.98px) and (min-width: 1366px) {

    .post__container {
        min-height: 680px;
    }

    .posts__swiper .post__container {
        min-height: 520px;
    }

}


@media all and (max-width: 1365.98px) and (min-width: 1280px) {

    .post__container {
        min-height: 705px;
    }

    .posts__swiper .post__container {
        min-height: 520px;
    }

}


@media all and (max-width: 1279.98px) and (min-width: 992px) {

    .posts .post:nth-child(3) {
        margin-top: 1.5rem;
    }

    .post__container {
        min-height: 565px;
    }

    .posts__swiper .post__container {
        min-height: 540px;
    }

    .post.post--double .post__container {
        min-height: 540px;
    }

}


@media all and (max-width: 991.98px) {

    /* Overview */
    .posts .post + .post {
        margin-top: 25px;
    }

    .post__container span.post__meta {
        font-size: var(--font-size-2);
    }

    .post__container .post__button {
        margin-top: 1.25rem;
        margin-bottom: var(--spacing-1);
    }


    /* Single */
    .section__date {
        font-size: var(--font-size-3);
    }

    .section > .section__date + div {
        padding-top: var(--spacing-2);
    }

    .section--article h1:not(.typo--toptitle), .section--article h2 {
        margin-bottom: var(--spacing-5);
    }
    
}


@media all and (max-width: 575.98px) {

    .posts .post + .post {
        margin-top: 1rem;
    }

    .post__container span.post__meta {
        font-size: var(--font-size-1);
    }

    .post__container .post__button {
        margin-bottom: 2px;
    }

    .android .post__container .post__button {
        margin-bottom: 0;
    }


    /* Single */
    .section__date {
        font-size: var(--font-size-2);
    }

    .section > .section__date + div {
        padding-top: var(--spacing-1);
    }
    
}


@media all and (max-width: 374.98px) {

    .posts .post + .post {
        margin-top: 15px;
    }

}