.lists {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	width: 100%;
}

/*         Menu        */
        
.lists_menu {
	 width: 20%;
	 display: flex;
	 flex-direction: column;
	 gap: 10px;
	 background: var(--hintergrund2);
	 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(--akzent4);
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 font-weight: bold;
	 text-transform: uppercase;
}

.lists_menu-head a{
	color: var(--hintergrund2);}

.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 var(--akzent2);
}

/*         Content       */
        
        
.lists_content {
	 width: 80%;
	 box-sizing: border-box;
	 background:  var(--hintergrund2);
}

.lists_content-head {
	 height: 50px;
	 width: 100%;
	 background: var(--akzent4);
	 color:var(--hintergrund2);
	 font-size: 30px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 font-weight: bold;
	 text-transform: uppercase;
}

.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;
}