.listliste {
	height:130px;
	border-bottom: 1px solid #c1c1c1;
background-color: #eae8e8;
	padding:10px;
	overflow:auto;
	font-size:12px;
}


.listtop {
	  background-color: #585d6a;
  text-align: center;
  color: #ddd;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 7px 0px 0px 0px;
    padding-bottom: 7px;
	font-size:10px;

}

.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: 194px;
            display: flex;
            flex-direction: column;
            background: #ddd;
            align-items: flex-start;
            gap: 10px;
        /* padding-bottom: 10px; * Hier nutzen, wenn du nicht willst, dass das Menü dieselbe Länge hat wie der Content-Block. */
        }
        
        .lists_menu-head {
            background-color: #585d6a;
text-align: center;
color: #ddd;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 7px 0px 0px 0px;
  padding-bottom: 7px;
			
            width: 100%;
      
            display: flex;
            justify-content: center;
        }
        
        .lists_menu-item {
			background-color: #ddd;
text-align: center;
padding: 3px 0px;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.5px;
			
            height: 25px;
            width:80%;
            margin: 0 auto;
            
            display: flex;
            align-items: center;
            box-sizing: border-box;
            
        }
        
        
        /*         Content       */
        
        
        .lists_content {
            width: 80%;
            box-sizing: border-box;
            background: #ddd;
        }
        
     .lists_content-head {
            height: 50px;
            width: 100%;
           
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            text-transform: uppercase;
		 
		 font-family: roboto;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
color: #51576c;
font-size: 20px;
border-bottom: 1px solid #c1c1c1;
background-color: #eae8e8;
		 
		 
        }
        
        .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;
        }