/* CONTAINER 1 */

.con-center1 {
    display: flex;
    justify-content: center;
}

.con-main1 {
    width: 714px;
}

.ueber-uns-title {
    font-size: 40px;
    margin: 0 0 25px 0;
    font-weight: 600;
}

.sitte {
    font-size: 18px;
    font-weight: bold;
    margin: 25px 0 0 0;
}

.sitte-text {
    font-size: 18px;
    margin: 25px 0 0 0;
}

/* CONTAINER 2 */

.con-center2 {
    display: flex;
    justify-content: center;
    margin: 100px 0 0 0;
}

.con-main2 {
    width: 714px;
    display: flex;
    align-items: flex-end;
}

.fortschritt {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.fortschritt-text {
    font-size: 18px;
    margin: 25px 0 0 0;
}

.con-main2-2 {
    width: auto;
    height: 120px;
}

/* CONTAINER 3 */

.con-center3 {
    display: flex;
    justify-content: center;
    margin: 100px 0 0 0;
}

.con-main3 {
    width: 714px;
}

.dilemma {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.dilemma-text {
    font-size: 18px;
    margin: 25px 0 0 0;
}

/* CONTAINER 4 */

.con-center4 {
    display: flex;
    justify-content: center;
    margin: 100px 0 0 0;
}

.con-main4 {
    width: 714px;
}

.con-main4-1 {
    display: flex;
    align-items: flex-end;
}

.pm-title {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    width: 100%;
    display: block;
}

.person {
    margin: 0 50px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.img-person, .img-mensch {
    margin-top: 20px;
}

.person-text {
    font-size: 18px;
    margin: 25px 0 0 0;
}

.mensch {
    margin: 0 0 0 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.mensch-text {
    font-size: 18px;
    margin: 25px 0 0 0;
}

/* CONTAINER 5 */

.con-center5 {
    display: flex;
    justify-content: center;
    margin: 100px 0 0 0;
}

.con-main5 {
    width: 714px;
}

.zusammen {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.zusammen-text {
    font-size: 18px;
    margin: 25px 0 0 0;
}

/* CONTAINER 6 */

.con-center6 {
    display: flex;
    justify-content: center;
    margin: 100px 0 0 0;
}

.con-main6 {
    width: 714px;
    display: flex;
    align-items: flex-end;
}

.natur {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.natur-text {
    font-size: 18px;
    margin: 25px 0 0 0;
}

.con-main6-2 {
    width: auto;
    height: 156px;
    transform: translateX(-40px);
    margin-bottom: 50px;
}

/* CONTAINER 7 */

.con-center7 {
    display: flex;
    justify-content: center;
    margin: 100px 0 0 0;
}

.con-main7 {
    width: 714px;
}

.regeln {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.regeln-text {
    font-size: 18px;
    margin: 25px 0 0 0;
}


/* CONTAINER 8 */

.con-center8 {
    display: flex;
    justify-content: center;
    margin: 100px 0 0 0;
}

.con-main8 {
    width: 714px;
    display: flex;
    align-items: flex-end;
}

.skills {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.skills-text {
    font-size: 18px;
    margin: 25px 0 0 0;
}

.con-main8-2 {
    width: auto;
    height: 177px;
    transform: translateX(-15px);
    margin-bottom: 90px;
}

/* CONTAINER 9 */

.con-center9 {
    display: flex;
    justify-content: center;
    margin: 100px 0 0 0;
}

.con-main9 {
    width: 714px;
}

.bildung {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.bildung-text {
    font-size: 18px;
    margin: 25px 0 0 0;
}

/* CONTAINER 10 */

.con-center10 {
    display: flex;
    justify-content: center;
    margin: 100px 0 0 0;
}

.con-main10 {
    width: 714px;
}

.werte {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.werte-text {
    font-size: 18px;
    margin: 25px 0 0 0;
}

/* Mobile */

@media (max-width: 750px) {
    .con-main1, .con-main2, .con-main3, .con-main4, .con-main5, .con-main6, .con-main7, .con-main8, .con-main9, .con-main10 {
        width: 90vw;
    }
    .con-main6-2, .con-main8-2 {
        transform: translateX(0);
    }
    .person {
        margin: 0 10px 0 0;
    }
    .mensch {
        margin: 0 0 0 10px;
    }
}

@media (max-width: 555px) {
    .con-main1 *, .con-main2 *, .con-main3 *, .con-main4 *, .con-main5 *, .con-main6 *, .con-main7 *, .con-main8 *, .con-main9 *, .con-main10 * {
        font-size: 11px;
    }
    .ueber-uns-title {
        font-size: 25px;
    }
    .sitte {
        margin: 10px 0 0 0;
    }
    .con-main2-2 {
        height: 68px;
    }
    .img-person, .img-mensch {
        width: auto;
        height: 45px;
    }
    .linie {
        height: 140px;
    }
    .con-main6-2 {
        height: 107px;
        transform: translateX(0);
    }
    .con-main8-2 {
        height: 84px;
    }
    .con-center1, .con-center2, .con-center3, .con-center4, .con-center5, .con-center6, .con-center7, .con-center8, .con-center9, .con-center10 {
        margin: 40px 0 0 0;
    }
    .sitte-text, .fortschritt-text, .dilemma-text, .person-text, .mensch-text, .zusammen-text, .natur-text, .regeln-text, .skills-text, .bildung-text, .werte-text {
        margin: 5px 0 0 0;
    }
}