.host h4{
    font-size: 2.7rem;
    font-family: ZeitungPro-Black-_1_;
}

.host h5 {
    display: flex;
    text-align: center;
    font-size: 1.5rem;
    font-family: ZeitungPro-Black-_1_;
    padding: 0 8rem;
    padding-bottom: 2rem;
}

.host p {
    font-size: 1.2rem;
    padding-bottom: 2rem;
}


.host {
    display: flex;
    /* background-color: white; */
    position: relative;
    flex-direction: row;
    justify-content: space-around;
    max-width: 85%;
    color: var(--green-for);
    margin: auto;
    flex-wrap: wrap;
}

.host img {
    max-width: 110%;
    max-height: 50rem;
}

/* .hostImage {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3rem;
}



.hostText {
    display: flex;
    width: 250em;
    background-color: var(--orange-for);
    flex-direction: column;
    justify-content: center;
    align-items:  center;
    height: 60em;
} */

.hostImage,
.hostText {
    flex-basis: 45%; /* Startgröße */
    flex-grow: 1; /* Wenn Platz übrig bleibt, wächst es */
    flex-shrink: 1; /* Es schrumpft bei wenig Platz */
}

.hostText {
    padding: 3rem;
}


.hostImage{
text-align: center;
}


.hostText {
    justify-items: center;
    align-content: flex-start;
    color: white;
    background-color: var(--green-for)
}

.hostText h4 {
    color: var(--orange-for);
}

/* Mobile Ansicht */
@media (max-width: 600px) {
    .host {
        flex-direction: column; /* Stack untereinander */
    }

    .hostImage,
    .hostText {
        flex-basis: 100%; /* Volle Breite */
    }
}