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

.section > div.section__teaser_special {
    max-width: var(--width-container);
    padding-left: 0;
    padding-right: 0;
}

.section__teaser_special .teaser_special__content--center .teaser_special__content__inside {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.teaser_special__media {
    position: relative;
    overflow: hidden;
}

.teaser_special__media img {
    width: 100%;
}

.teaser_special:not(.reverse) .teaser_special__media {
    padding-left: 0;
}

.teaser_special.reverse .teaser_special__media {
    padding-right: 0;
}


.teaser_special.reverse .teaser_special__content {
    padding-right: 0;
    padding-left: calc((100% - var(--width-content)) / 2);
}

.teaser_special.reverse .teaser_special__content__inside {
    padding-left: var(--spacing-6);
}

.teaser_special__content__inside h3:first-child {
    margin-top: 0 !important;
}

.teaser_special__media__desc {
    display: block;
    font-size: var(--font-size-1);
    padding: var(--spacing-4) var(--spacing-2) 0;
}



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

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

    .teaser_special:not(.reverse) .teaser_special__media {
        padding-right: var(--spacing-10-5);
    }

    .teaser_special.reverse .teaser_special__media {
        padding-left: var(--spacing-10-5);
    }

}


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

    .teaser_special:not(.reverse) .teaser_special__media {
        padding-right: var(--spacing-9);
    }

    .teaser_special.reverse .teaser_special__media {
        padding-left: var(--spacing-9);
    }

}


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

    .teaser_special:not(.reverse) .teaser_special__media {
        padding-right: var(--spacing-7);
    }

    .teaser_special.reverse .teaser_special__media {
        padding-left: var(--spacing-7);
    }

}


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

    .teaser_special:not(.reverse) .teaser_special__content {
        padding-left: 0;
        padding-right: calc((100% - var(--width-content)) / 2);
    }
    
    .teaser_special:not(.reverse) .teaser_special__content__inside {
        padding-right: var(--spacing-6);
    }

    .teaser_special:not(.reverse) .teaser_special__media__desc {
        text-align: right;
    }

    .teaser_special:not(.middle-xs) .teaser_special__content {
        padding-top: var(--spacing-6);
    }
    

}


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

    .teaser_special:not(.reverse) .teaser_special__media, .teaser_special.reverse .teaser_special__media {
        padding-right: var(--spacing-11);
    }

    .teaser_special.reverse .teaser_special__media {
        padding-left: 0;
    }

}


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

    .teaser_special.reverse .teaser_special__content__inside {
        padding-right: var(--spacing-5-5);
        padding-left: var(--spacing-5-5);
    }

    .teaser_special__content {
        margin-top: var(--spacing-7);
        padding: 0 var(--spacing-5-5);
    }

    .teaser_special__media__desc {
        padding-right: var(--spacing-5-5);
        padding-left: var(--spacing-5-5);
    }

}


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

    .teaser_special:not(.reverse) .teaser_special__media, .teaser_special.reverse .teaser_special__media {
        padding: 0;
    }

}