#firstStep{
    width: 60px;
    height: 50px;
    display: flex; 
    align-items: center;
    justify-content: center;   
    border-left: 1px solid gray;
    border-top: 1px solid gray;
    border-top-left-radius: 10px;
    border-bottom: 1px solid white;
}

#ninthStep{
    width: 60px;
    height: 50px;
    display: flex; 
    align-items: center;
    justify-content: center;    
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-top: 1px solid gray;
    border-top-right-radius: 10px;
    border-bottom: 1px solid transparent;
}

#lastName{
    margin-bottom: 40px;
}

#checkboxLabel {
    display: inline-block;
    width: 400px;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 40px;

    font-family: jost;
    font-weight: 400;
}

#checkboxImgLabel{
    display: inline-block;
    width: 90px;
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#headerInput{
    width: 400px;
    margin-bottom: 40px;
}

#sevenText{
    width: 450px;
}

#nachrufText{
    margin-bottom: 80px;
}

#password{
    margin-bottom: 20px;
}

#checkboxLabelPs{
    display: inline-block;
    width: 160px;
    margin-left: 20px;
    margin-bottom: 20px;
    font-family: jost;
    font-weight: 400;
}

#loader {
    width: 100%;
    background-color: lightgrey;
}

#fillLoader{
    width: 0%;
    height: 30px;
    background-color: #39da7a;
    transition: width 0.4s linear;
}

#progressDiv{
    width: 40%;
    background-color: grey;
}

#progressBar{
    width: 1%;
    height: 30px;
    background-color: #39da7a;
}

#uploadDiv{
    text-align: left;
    margin-top: 50px;
    margin-bottom: 20px;
    width: 80%;
}


@media screen and (max-width: 350px) {
    #deathDate{
        margin-left: 0px;
    }

    #headerImg{
        margin-top: 20px;
    }
}
@media screen and (min-width: 350px) {
    #deathDate{
        margin-left: 5px;
    }

    #headerImg{
        margin-top: 20px;
    }
}