/* Schriften */

.optik_h3 {
    font-size: 2.5vw;
    letter-spacing: 0.07em;
}

.schrift_gruen {
    color: var(--gruen);
}


/* ALLES ZU SECTION - STANDARD  */

.container_section {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 5%;
}

.abschnitt_links_v1 {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.abschnitt_rechts_v1 {
    width: 50%;
    display: flex;
    padding-left: 3%;
}

.abschnitt_links_v2 {
    width: 50%;
    display: flex;
}

.abschnitt_rechts_v2 {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.abschnitt_text {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 70%;
}

.abschnitt_bild {
    width: 70%;
}

/* Geschichte */

#geschichte_titel {
    margin-top: 4%;
    margin-bottom: -2%;
}

#abschnitt_geschichte {
    width: 98%;
}

#happy_place {
    width: 100%;
    padding-left: 7%;
    padding-right: 7%;
    text-align: center;
    margin-bottom: 10%;
}

.aafke_cordelia {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 90%;
    margin-top: 4%;
    margin-bottom: 10%;
}

.beschrieb {
    width: 45%;
}

/* Philosophie */

.buchstabe {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin-bottom: -1%;
}

/* zweiteilige h2's */

.h2_zweiteilig {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 4%;
}

.h2_zweiteilig_rechts {
    padding-left: 10%;
    margin-top: -4%;
}