/* ------------------------------ */
/* ----------- Teaser ----------- */
/* ------------------------------ */

.section > .section__teaser {
    padding-top: var(--spacing-12);
}

.section > .section__teaser:first-child {
    padding-top: var(--spacing-4);
}
  
.teaser__media {
    position: relative;
    overflow: hidden;
}

.teaser__media img {
    width: 100%;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    -webkit-transition: all var(--transition-2);
    -o-transition: all var(--transition-2);
    transition: all var(--transition-2);
}

.no-touchevents .teaser__media:hover .picture_container--linked img {
    -webkit-transform: scale3d(1.01, 1.01, 1);
            transform: scale3d(1.01, 1.01, 1);
}



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

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

    .teaser > div {
        max-width: 800px;
    }

}


@media all and (max-width: 1399.98px) and (min-width: 1240px) {

    .teaser > .teaser__content {
        padding-top: var(--spacing-4);
    }

    .teaser:not(.reverse) > .teaser__content {
        padding-left: var(--spacing-1);
    }

    .teaser.reverse > .teaser__content {
        padding-right: var(--spacing-1);
    }

}


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

    .section > .section__teaser {
        padding-left: var(--spacing-4);
        padding-right: var(--spacing-4);
    }

    .teaser > .teaser__content {
        padding-top: var(--spacing-4);
    }

    .teaser:not(.reverse) > .teaser__content {
        padding-right: var(--spacing-5);
        padding-left: 0;
    }

    .teaser:not(.reverse) > .teaser__media {
        padding-right: var(--spacing-5);
        padding-left: 0;
    }

    .teaser.reverse > .teaser__content {
        padding-right: 0;
        padding-left: var(--spacing-5);
    }

    .teaser.reverse > .teaser__media {
        padding-right: 0;
        padding-left: var(--spacing-5);
    }

}


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

    .section > .section__teaser {
        padding-top: var(--spacing-10);
    }

    .teaser__content {
        margin-top: var(--spacing-4);
    }

}


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

    .section > .section__teaser {
        padding-top: var(--spacing-11);
    }

    .section > div.section__teaser {
        padding-right: 0;
        padding-left: 0;
    }

    .teaser.row {
        margin: 0;
    }

    .teaser.row > .teaser__media {
        padding-right: 0;
        padding-left: 0;
    }

    .teaser.row > .teaser__content {
        padding-right: var(--spacing-3);
        padding-left: var(--spacing-3);
    }

    .teaser__content {
        margin-top: var(--spacing-4);
    }

}


@media all and (max-width: 389.98px) {
    
    .teaser.row > .teaser__content {
        padding-right: var(--spacing-2);
        padding-left: var(--spacing-2);
    }

    .teaser__content {
        margin-top: var(--spacing-3);
    }

}


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

    .teaser.row > .teaser__content {
        padding-right: var(--spacing-1);
        padding-left: var(--spacing-1);
    }

}