* {
    margin: 0;
    padding: 0;
}
.header{
    background-color:black;
    height: 130px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.nav-container {
    margin-top: auto; /* Dies verschiebt die Nav auf den unteren Rand */
}

    /*Menu*/
#menu{
    display:none;
}
#hamburg{
    display: none;
    }
.hamburg{
    display: none;
}

.titel{
    color: white;
}
.anmeldung{
    position: absolute;
    right: 200px;
    color: white;
    top:20px;
}
.divnavauflistung{
    color: red;
}
    /* Nav*/
    .nav_auflistung {
        height: 30px;
        background-color: rgb(69, 68, 68);
        position: absolute;
        top: 100px;
        display: flex; /* button nebeneinander*/
        /*padding-left: 20px; /*Nav Button abstand links*/
    }
    .nav_auflistung a {
        display: block;
        width: 100px; /* Setze die Breite deines Buttons */
        height: 30px; /* Setze die Höhe deines Buttons */
        text-align: center;
        line-height: 30px; /* Setze dies auf die gleiche Höhe wie die Höhe des Buttons */
        background-color: rgb(69, 68, 68); /* Hintergrundfarbe des Buttons */
        color: white; /* Textfarbe des Buttons */
        text-decoration: none;
        border: none;
        cursor: pointer;
    
    }
    .nav_auflistung label{
        display: inline-block;
        line-height: 2em;
    }
    .nav_auflistung div a{
        width: 100%;
    }
    .topmenu nav div input{
        display: none;
    }
    .nav_auflistung div,
    .ebene1 {
        position: relative;
        display: block;/*block*/
        margin-right: 0px;
        align-items: center;
        justify-content: center;
        width: 100px;  
    }
    .nav_auflistung div label,
    .ebene1{
        width: 100px;
        background-color: rgb(69, 68, 68);
        color: white;
        height: 30px;
        font-size: 15px;
        border:none;
        text-align: center;
        
    }
    .nav_auflistung label:hover{
        background-color: grey;
        color: white;
    
    }
    .nav_auflistung div div{
        width: 150px;
        height: 30px;
        display: none;
        align-items: center;
        justify-content: center;
    }
    .nav_auflistung div div label {
        color: white;
        background-color: rgb(69, 68, 68);
        width: 100%;
        height: 30px;
        font-size: 15px;
        border:none;
        text-align: left;
    }
    .ausklappbar1:hover  #stufe11,
    .ausklappbar1:hover  #stufe12,
    .ausklappbar1:hover  #stufe13,
    .ausklappbar2:hover  #stufe21,
    .ausklappbar2:hover  #stufe22,
    .ausklappbar2:hover  #stufe23,
    .ausklappbar3:hover  #stufe31,
    .ausklappbar3:hover  #stufe32,
    .ausklappbar3:hover  #stufe33 {
        display: block;/*unteienander*/
    }
    #stufe11:hover  .stufe111,
    #stufe12:hover  .stufe121,
    #stufe13:hover  .stufe131,
    #stufe21:hover  .stufe211,
    #stufe23:hover  .stufe231 {
    display: block;/*block*/
    
}
    .nav_auflistung div div div{
        position: absolute;
        display: none;
        left: 150px;
        top: 0;
    }
    .navindex{
        width: 100%;
        height: 30px;
        display: flex;
        /*justify-content: center; /* Zentriert die Links horizontal */
    }
    .navindex a {
        margin: 0 0px; /* Platz um die Links zu schaffen */
    }
    .navindex input{
        height: 30px;
        width: 100px;
    }
    .navindex button{
        height: 30px;
        width: 110px;
    }