#oeffnungszeiten-section {
    grid-template-areas: "text text text text text text text text text text text text"
                         ". . img img img img img img img img img .";
}

#gemuesekiste2 {
    border-radius: 11px;
    margin-top: 0px;
}

/* Zweiter Abschnitt */
#oeffnungszeiten {
    padding: 75px 62px;
    background-color: #168B46;
    border-radius: 11px;
    position: absolute;
    top: 56px;
    left: -50px;
    font-size: 29px;
    font-family: "Roboto";
    font-weight: 300;
    line-height: 51px;
    color: #ffffff;
    text-align: center;
    width: 40%;
    height: auto;
    box-shadow: 6px -7px 20px 0 rgba(0,0,0,0.15);
}

#oeffnungszeiten-img {
    grid-area: img;
    position: relative;
    margin-top: 5px;
}

/* 2. Abschnitt - Öffnungszeiten */

#gruene-welle-oben {
    margin-top: 150px;
}
#immer-zu-haben {
    background-color: #168B46;
    padding: 50px;
    margin-top: -10px;
}

#immer-zu-haben h3 {
    color: #ffffff;
}

#immer-zu-haben p {
    color: #ffffff;
}

#immer-zu-haben .grid-wrapper {
    grid-template-areas: "text text text text text text img img img img img img ";
}

#immer-zu-haben h2 {
    color: #000000;
}

#immer-zu-haben ul {
    list-style-type: none;
    color: #ffffff;
    font-family: "Roboto";
    font-weight: 100;
    margin-left: 20px;
    margin-top: 5px;
}

#immer-img {
    grid-area: img;
}

.food-category {
    font-size: 29px;
    font-weight: 500;
    margin-top: 35px;
}

#first-category {
    margin-top: 0px;
}

/* Dritter Abschnitt */

#wechselnd .grid-wrapper {
    grid-template-areas: "text text text text text text text text text text text text"
                         "img img img img img img img img img img img img";
}

#wechselnd img {
    grid-area: img;
    margin-top: 20px;
}

#winter {
    font-weight: 500;
    font-size: 25px;
    margin-bottom: 10px;
}

@media(max-width: 1200px) {
    
    /* Erster Abschnitt */
    #oeffnungszeiten-section {
        grid-template-areas: "text text text text text text"
                             ". img img img img img";
    }
    
    #oeffnungszeiten-img {
        margin-top: 15px;
    }
    #oeffnungszeiten {
        padding: 55px 24px;
        top: 30px;
        left: -130px;
    }
    
    /* Zweiter Abschnitt */

    #immer-zu-haben .grid-wrapper {
        grid-template-areas: "text text img img img img";    }
    
    .food-category {
        font-size: 20px;
        margin-top: 40px;
    }
    #winter {
        margin-bottom: 15px;
    }
}