.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: 180px;
            display: flex;
            flex-direction: column;
            gap: 10px;
            background: var(--box);
            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(--border);
            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;
            display: flex;
            align-items: center;
            box-sizing: border-box;
            border-bottom: 1px solid var(--border);
        }
        
        
        /*         Content       */
        
        
        .lists_content {
            width: 80%;
            box-sizing: border-box;
            background: var(--box);
        }

.lists_content h2 {
	background: var(--border);
    color: var(--back);
    border-top: 1px solid var(--back);
    border-bottom: 1px solid var(--back);
    padding: 6px;
}
        
        .lists_content-head {
            background: var(--border);
    color: var(--link);
    border-bottom: 1px solid #263c30;
    padding: 8px;
    font-family: Aboreto;
    font-size: 35px;
    text-align: center;
        }
        
        .lists_content-description {
            padding: 20px 40px;
            text-align: justify;
            line-height: 180%;
        }
        
        .lists_content-bit {    
            padding: 0 40px 40px 40px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 20px;
        }
        
        .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_content-item {
            margin-bottom: 5px;
        }



/* ###########################################  QUIDDITCH  ############################################### */

.q_content {
	width: 90%;
    margin: auto;
}

.q_headline {
	    background: var(--border);
    color: var(--back);
    border-top: 1px solid var(--back);
    border-bottom: 1px solid var(--back);
    padding: 6px;
	display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}