.teaser-accordion .teaser-accordion-container p {
    font-size: 16px;
}

.fluid-scuole {
    margin-left: -75px;
    margin-right: -75px;
}

.image-section {
    padding-right: 0;
    padding-left: 0;
    margin-left: 25px;
    overflow: hidden;
}

.image-section img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    height: 100%;
}

.flex-row-reverse .image-section img {
    left: 0;
}

.flex-row-reverse .image-section {
    padding-left: 0;
    padding-right: 0;
    margin-right: 25px;
    margin-left: 0;
}

.text-section {
    padding-left: 0;
}

.flex-row-reverse .text-section {
    padding-right: 0;
    padding-left: 25px;
}

.border-color-section {
    width: 30px;
}

.intro-text p {
    margin-bottom: 25px;
}

.bg-eon-it-red span.text-button {
    color: #EA1C0A;
}

.bg-eon-it-bordeaux-75 span.text-button {
    color: #c44341;
}

.bg-eon-it-red-75 span.text-button {
    color: #f05548;
}

.bg-eon-it-bordeaux-dark span.text-button {
    color: #76020C;
}

.bg-eon-it-turquoise-75 span.text-button {
    color: #56b9c5;
}

.bg-eon-it-turquoise-dark span.text-button {
    color: #0F738A;
}

/* IE FIX START */

.teaser-accordion .eon-button:before {
    background-size: 100% 100%;
    height: calc(51px + 1px);
    width: calc(26px + 1px);
    margin-left: calc(-26px + 1px);
    z-index: 10;
}

.teaser-accordion .eon-button:after {
    background-size: 100% 100%;
    height: calc(51px + 1px);
    width: calc(26px + 1px);
    margin-left: calc(-5px + 1px);
    z-index: 10;
}

.teaser-accordion .eon-button span {
    position: relative;
    z-index: 20;
}

/*IE FIX END */

.teaser-open .text-section {
    display: none;
}

.teaser-open .teaser-opened {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
}

.teaser-opened {
    width: calc(100% - 50px);
    margin: 0 auto;
    padding: 0;
    display: none;
}

.teaser-open {
    flex-direction: column;
}

.teaser-open .image-section {
    width: calc(100% - 50px);
    height: 270px;
    overflow: hidden;
}

.teaser-open .image-section img {
    width: 100%;
    position: absolute;
    top: -50%;
    height: auto;
    left: 0;
}

.teaser-open.flex-row-reverse .image-section {
    margin-left: 25px;
}

.teaser-content {
    padding: 50px 75px 50px 45px;
}

.text-block.text-with-image {
    padding-right: 45px;
}

.teaser-content h3, .teaser-text h3 {
    line-height: 35px;
    margin-bottom: 25px;
    font-size: 35px;
}

.teaser-content .text-block p {
    margin: 0;
}

.teaser-content .text-block b {
    font-weight: 900;
}

.teaser-content .img-caption {
    opacity: 0.9;
}


.teaser-text {
    padding: 35px 45px 35px 45px;
}

.teaser-accordion .custom-conf .teaser-text {
    padding: 35px 35px 35px 35px;
}

@media screen and (min-width: 768px) {
    .text-section {
        margin-right: 25px;
        padding: 0;
    }

    .flex-row-reverse .text-section {
        margin-left: 25px;
        margin-right: 0;
        padding: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .fluid-scuole {
        margin-left: -40px;
        margin-right: -40px;
    }

    .teaser-content {
        padding: 40px 40px 40px 20px;
    }

    .border-color-section {
        width: 20px;
    }

    .teaser-open .image-section img {
        top: -25%;
    }

    .teaser-text {
        padding: 30px 30px 30px 20px;
    }

    .teaser-text h3 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .image-section img {
        max-width: none;
        left: 0;
    }

    .flex-row-reverse .image-section img {
        left: -8%;
    }

    .custom-conf.flex-row-reverse .image-section img {
        left: -75%;
    }

    .flex-row-reverse.teaser-open .image-section img {
        left: 0;
    }

    .flex-row-reverse .text-section {
        margin-right: 0;
    }
}

@media screen and (min-width: 800px) and (max-width: 991px) {
    .custom-conf.flex-row-reverse .image-section img {
        left: -35%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {

    .custom-conf.flex-row-reverse .image-section img {
        left: -35%;
    }

    .teaser-open .image-section img {
        top: -25%;
    }

    .image-section img {
        left: -25%;
    }
}

@media screen and (max-width: 767px) {
    .teaser-accordion-container {
        flex-direction: column;
    }

    .text-section {
        flex-direction: row;
    }

    .border-color-section {
        width: 25px;
    }

    .teaser-open .image-section {
        width: 100%;
        height: 200px;
        margin: 0;
    }

    .teaser-open .image-section img {
        top: 0;
        left: 0;
    }

    .image-section img {
        position: relative;
        left: 0;
    }

    .flex-row-reverse .image-section img {
        left: 0;
    }

    .teaser-opened {
        flex-direction: row;
        width: 100%;
    }

    .teaser-content {
        padding: 30px 25px 50px 25px;
    }

    .flex-row-reverse .image-section,
    .image-section,
    .flex-row-reverse .text-section,
    .text-block.text-with-image {
        padding: 0;
    }

    .teaser-content .text-block p {
        margin-bottom: 20px;
    }

    .teaser-open.flex-row-reverse .image-section,
    .image-section,
    .fluid-scuole {
        margin: 0;
    }

    .teaser-text {
        padding: 35px 25px 50px 25px;
    }
}