.lists {
            width: 100%;
            display: flex;
            gap: 20px;
            justify-content: space-between;
            /* align-items: flex-start; Wenn du willst, dass das Menü in der Länge nicht mit dem Content-Block mitwächst. Ich empfehle dir, *hier dann das padding einzufügen, damit es nicht mit dem letzten Strich endet. */
        }
        
        /*         Menu        */
        
.lists_menu {
    width: 20%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #00000014;
    align-items: flex-start;
}
        
.lists_menu-head {
    height: 50px;
    width: 100%;
    background: #2b383a8a;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    text-transform: uppercase;
}
        
.lists_menu-item {
    height: 25px;
    width: 90%;
    margin: 0 auto;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 1px solid #ffffff0f;
}
        
        
        /*         Content       */
        
        
.lists_content {
    width: 80%;
    box-sizing: border-box;
    background: #0000004d;
}
        
.lists_content-head {
    height: 50px;
    width: 100%;
    background: #272b2e;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #464c55;
}
        
        .lists_content-description {
            padding: 20px 40px;
            text-align: justify;
            line-height: 180%;
        }
        
.lists_content-bit {
    padding: 0 40px 40px 40px;
    display: flex;
    justify-content: space-evenly;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}
        
.lists_content-block {
    width: 29%;
    color: #656a6f;
    background: #00000026;
    height: 200px;
    padding: 10px;
}



        
        .lists_content-item {
            margin-bottom: 5px;
        }

.list_option {
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto';
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 1px;
    background: #ffffff0a;
    padding: 6px 0px;
}

.list_user {
    margin-top: 9px;
    overflow-y: scroll;
    height: 165px;
    --sb-track-color: #0c1010;
    --sb-thumb-color: #1d2825;
    --sb-size: 4px;
}

.list_user::-webkit-scrollbar {
  width: var(--sb-size)
}

.list_user::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 1px;
}

.list_user::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 1px;
  
}

