.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: var(--banner-color);
            align-items: flex-start;
        /* padding-bottom: 10px; * Hier nutzen, wenn du nicht willst, dass das Menü dieselbe Länge hat wie der Content-Block. */
        }
        
        .lists_menu-head {
            height: 50px;
            width: 100%;
            background: var(--banner-color);
            display: flex;
            justify-content: center;
            align-items: center;
            font-family: 'Roboto', sans-serif;
            font-weight: bold;
            text-transform: uppercase;
        }

        .lists_menu-heading {
            height: 10px;
            width: 90%;
            margin: 0 auto;
            padding: 0px 20px 20px 20px;
            align-items: center;
            text-align: right;
            box-sizing: border-box;
            font-family: 'Roboto', sans-serif;
            font-size: 10px;
            letter-spacing: 0.1em;
            font-weight: bold;
            text-transform: uppercase;
            color: var(--akzent);
        }
        
        .lists_menu-item {
            height: 10px;
            width: 90%;
            margin: 0 auto;
            padding: 0px 20px;
            display: flex;
            align-items: center;
            box-sizing: border-box;
            font-family: 'Roboto', sans-serif;
            font-size: 9px;
            text-transform: uppercase;
            color: var(--main-text);
        }
        
        
        /*         Content       */
        
        
        .lists_content {
            width: 80%;
            box-sizing: border-box;
            background: var(--banner-color);
        }
        
        .lists_content-head {
            height: 50px;
            width: 100%;
            background: var(--banner-color);
            display: flex;
            justify-content: right;
            align-items: center;
            font-family: var(--font-base);
            font-size: 50px;
            text-transform: lowercase !important;
            letter-spacing: 0.1em;
            margin: auto;
            color: var(--akzent);
        }
        
        .lists_content-description {
            background: var(--banner-color);
            padding: 20px 40px;
            font-family: 'Roboto', sans-serif;
            font-size: 12px;
            color: var(--main-text);
            text-align: justify;
            line-height: 180%;
        }
        
        .lists_content-bit {    
            background-color: var(--banner-color);
            padding: 0 40px 40px 40px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 20px;
            font-family: 'Roboto', sans-serif;
            font-size: 12px;
            color: var(--main-text);
        }
        
        .lists_content-block {
            width: 45%;    /* Wenn du drei Spalten willst, gib hier 30% an. Beachte, dass du diesen Wert je nach Breite des Forums und des Inhalts anpassen musst, um ein zufriedenstellendes Ergebnis zu erhalten. */
        }

        .lists_heading {
            height: 33px;
            width: 100%;
            background: var(--banner-color);
            display: flex;
            justify-content: right;
            align-items: center;
            font-family: var(--font-base);
            font-size: 30px;
            text-transform: lowercase !important;
            letter-spacing: 0.1em;
            margin: auto;
            color: var(--akzent);
}
        
        .lists_content-item {
            margin-bottom: 5px;
        }

.faceclaim-entry {
    margin-bottom: 6px;
}

.faceclaim-entry a {
    font-weight: 500;
}

/* speziellen Abstand bei Faceclaim‑Seite entfernen */
body.faceclaims-list .lists_content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.faceclaims-list .lists_content-head {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.faceclaims-list .lists_content-description {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ganz unten im Stylesheet */
@media screen and (min-width: 800px) {

/* Spieler-Verzeichnis: Flex deaktivieren */
#misc .lists {
    display: block !important;
}

/* Menü und Content nebeneinander anordnen */
#misc .lists_menu {
    float: left !important;
    width: 20% !important;
    margin-right: 20px !important;
}

#misc .lists_content {
    float: left !important;
    width: calc(80% - 20px) !important;
}

/* Nachfolgende Elemente klarstellen */
#misc .lists_menu:after,
#misc .lists_content:after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}
}
