.bereiche-flexbox {
    display: flex;  
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0% 2.1% 2.1% ;
}

.bereiche-textbox {
    width: 63%;
    /* padding-left: 0.8%; */
}

.bereiche-image-box {
    border-radius: 18px;
    /* height: 389px; */
    height: auto;
    width: 32%;
    /* margin: 18px;   */
    /* align-self: top; */
}

.bereiche-image {
    border-radius: 18px;
    /* height: 389px; */
    height: auto;
    width:100%;
    /* margin: 18px;   */
     align-self: center;
}
.bereiche-header-box{
    padding: 2.1%;

}


/* ==================================================== */
/* Reposive  */

@media screen and (max-width: 1280px) {
    .bereiche-textbox {
        width: 95%;
        padding: 0% 5.5%; 
    }
    .bereiche-header-box{
        padding: 5% 5.5% 2%;

    }
}