.start_wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#start_section1 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    background-image: url("../images/background/tomaten.jpg");
    background-repeat: no-repeat;
    background-size: cover;

    width: 100%;
    height: 700px;
}

#start_section1_inhalt {
    display: flex;
    flex-direction: column;
    width: fit-content;
    align-items: center;
    padding-left: 30px;
    padding-bottom: 30px;
    gap: 10px;
}

#start_section1_inhalt div {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#start_section1_inhalt p {
    color: white;
    font-family: 'Spectral', serif;
    font-style: italic;
    letter-spacing: 0.1em;
    font-size:30px;
}

#start_section1_1 {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    background-color: white;
    font-size: small;
}

#start_section1_1 div{
    display: flex;
    flex-direction: column;
    width: 25%;
    align-items: center;
    gap: 5px;
}

#start_section1_1 div span{
    text-align: center;
}

#start_section1_1 div img{
    width: 25%;
}

#start_section3 {
    display: flex;
    flex-direction: row;
    padding: 25px 7vw 25px 7vw;
    justify-content: space-between;
}

#start_section3_bild {
    width: 45%;
    background-image: url("../images/idee_hinter_handplant.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

#start_section3_text {
    width: 52%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#start_shop_hinweis {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 10px;
    
}

.blink {
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 2s; 
    animation-iteration-count: infinite;    
}
#start_section_howto {
    background-image: linear-gradient(white, var(--color2));
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:10px;
    padding: 10px 7vw 10px 7vw;
}

.kioskmuster {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 15vw;
    margin-top: 20px;
}

.kioskmuster_gruen {
    background-color: var(--color_logo);
    width: 100%;

}

.kioskmuster_weiss {
    background-color: white;
    width: 100%;
}

#start_section3_headline1 {
    display: none;

}

#start_section3_headline2 {
    display: flex;
}

@keyframes animation_blink {
    0% { opacity: 1; }
    50% { opacity: 0.5; color: red;}
    100% { opacity: 1; }    
}

@media(max-width: 1400px) {
    #start_section3_headline1 {
        display: flex;
        width: 90%;
        justify-content: flex-start;
    
    }
    
    #start_section3_headline2 {
        display: none;
    }

    #start_section3 {
        display: flex;
        flex-direction: column;
        padding: 10px 0 25px 0;
        justify-content: space-between;
        align-items: center;
    }
    
    #start_section3_bild {
        width: 90%;
        height: 30vh;
        background-image: url("../images/idee_hinter_handplant.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        margin: 10px 0 10px 0;
    }
    
    #start_section3_text{
        width: 90%;
        display: flex;
        flex-direction: column;
        gap: 10px;

    }

}


@media(max-width: 800px) {
    #start_section1 {
        height: 500px;
    }

    #start_section1_inhalt p {
        font-size:30px;
    }

    #start_section_howto {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap:10px;
        padding-left: 15px;
        padding-right: 15px;
        font-weight:lighter;
        font-size: smaller;
    }

}

@media(max-width: 500px) {
    #start_section1 {
        height: 350px;
    }

    #start_section1_inhalt {
        padding-left: 20px;
        padding-bottom: 20px; 
    }

    #start_section1_inhalt p {

        font-size:20px;
    }

}