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

.section__teaser + .section__teaser {
    margin-top: var(--spacing-8);
}
  
.teaser__media {
    position: relative;
}

.teaser.reverse .teaser__media {
    padding-left: 0;
    right: calc(-1 * var(--spacing-6));
}

.teaser:not(.reverse) .teaser__media {
    padding-right: 0;
    left: calc(-1 * var(--spacing-6));
}

.teaser__media .picture_container::after, .teaser__media picture {
    clip-path: var(--brand-clip-path);
}

.teaser__media .picture_container {
    overflow: visible;
}

.teaser__media .picture_container::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 22px;
    left: -14px;
    width: 100%;
    height: 100%;
    background-color: var(--brand-light);
}

.teaser__media picture {
    position: relative;
    z-index: 2;
}




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

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

    .teaser__media {
        -ms-flex-preferred-size: 57%;
        flex-basis: 57%;
        max-width: 57%;
    }

    .teaser__content {
        -ms-flex-preferred-size: 43%;
        flex-basis: 43%;
        max-width: 43%;
    }

}


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



}


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



}


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

    

}