/*----- boxes -----*/

.content-one .boxes {
    padding: 50px 0;
    gap: 100px;
}

.content-one .box {
    flex: 1;
    min-width: 200px;
    height: auto;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-top: none;
    border-right: none;
    border-bottom: solid 2px #EC008C;
    border-left: solid 2px #EC008C;
}

/*----- heros -----*/

.hero-one {
    height: 400px;
    background-image: url('../images/leistungen/hero1.jpg');
    background-size: cover;
    background-position: center;
}

.hero-two {
    height: 300px;
    background-image: url('../images/leistungen/hero2.jpg');
    background-size: cover;
    background-position: center;
}

.hero-three {
    height: 300px;
    background-image: url('../images/leistungen/hero3.jpg');
    background-size: cover;
    background-position: center;
}

.hero-four {
    height: 300px;
    background-image: url('../images/leistungen/hero4.jpg');
    background-size: cover;
    background-position: center;
}

.hero-five {
    height: 300px;
    background-image: url('../images/leistungen/hero5.jpg');
    background-size: cover;
    background-position: center;
}

.content-three ul li:last-child {
    margin-bottom: 35px;
}

/*----- mobile -----*/

@media (max-width: 768px) {

    .hero-one {
        height: 200px;
        background-position: left;
    }

    .hero-two {
        height: 200px;
    }

    .hero-three {
        height: 200px;
    }

    .hero-four {
        height: 200px;
        background-position: left;
    }

    .hero-five {
        height: 200px;
    }

}