.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: #efefef;
            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: #b8b8b8;
            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 #b4b4b4;
        }
        
        
        /*         Content       */
        
        
        .lists_content {
            width: 90%;
            box-sizing: border-box;
            font-family:var(--mainfont);
            font-size:12px;
            color: var(--hauptgrau);
        }
        
        .lists_content-head {
            height: 50px;
            width: 100%;
            /*! background: #b8b8b8; */
            font-size: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            text-transform: uppercase;
            font-family:var(--headfont);
            border-bottom: 1px solid var(--braun);
        }
        
        .lists_content-description {
            padding: 20px 40px;
            text-align: justify;
            line-height: 180%;
            font-style:italic;
        }
        
        .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. */
			background-color: var(--dunkelstesschwarz);
  padding: 10px;

        }

.lists_content-block a:hover {
  text-decoration:none;
  font-weight:700;
  transition:all 0.5s ease;
}

.lists_content-block h2 {
  font-family:var(--headfont2);
  text-transform:none;
  font-size:15px;
  text-align:center;
  font-style:italic;
  border-bottom: 1px solid var(--dunkelgrau);
  padding-bottom:10px;
}
        
        .lists_content-item {
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 10px;
}


.ptollistwrapper {  
  display: flex;
  margin: auto auto;
  width: 75%;
  min-height: 500px;
  font-family: var(--mainfont);
  font-size: 12px;
  letter-spacing: 2%;
  line-height: 22px;
  color: var(--hauptgrau);
  background-color: var(--dunkelstesschwarz);
  }

.ptollist_menu {
  display: flex;
  flex-direction: column;
  flex: 2;
  background-color: var(--dunkelstesschwarz);
  }

.ptollist_body {
  display: flex;
  flex: 8;
  background-image: url(https://i.imgur.com/ZnzMGTO.jpeg);
  background-size: 120%;
  background-blend-mode: multiply;
  background-position: 20% 52%;
  background-color: var(--mainakzent);
  background-attachment: fixed;
  min-height: 300px;
  
}

.ptollist_bodyinhalt {
  width: 100%;
  text-align: justify;
  font-family: var(--mainfont);
  line-height: 22px;
  font-size: 12px;
  letter-spacing: 5%;
  color: var(--weissgrau);
  background-color: var(--dunkelstesschwarz);
  padding: 50px;
  margin-top:40px;
  margin: auto;
  justify-content: center;
}

.ptollist_menuhead {
  padding: 5px;
  text-align: center;
  background-image: url(https://i.imgur.com/ZnzMGTO.jpeg);
  background-size: 120%;
  background-blend-mode: multiply;
  background-position: 20% 52%;
  background-color: var(--mainakzent);
  background-attachment: fixed;
  margin-bottom: 15px;
  border-bottom: 3px solid var(--mainakzent);
  height: 30px;
  align-content: center;
  
}

.ptollist_menuhead a {
  text-decoration:none;
    color:var(--usergruen);
    text-transform:uppercase;
    transition:all 0.5s ease;
  font-weight:700;
  font-size: 10px;
  letter-spacing: 10%;
}

.ptollist_menuhead a:hover {
  text-decoration: none;
  color: var(--weissgrau);
  transition: all 0.5s ease;
}

.ptollist_menumenupunkt {
  padding: 2px 15px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 10%;
  font-size: 11px;
}

.ptollist_menumenupunkt a{
  text-decoration:none;
  color:var(--braun);
  transition:all 0.5s ease;
    line-height:40px;
	letter-spacing: 10%;
    
}

.ptollist_menumenupunkt a:hover{
  color:var(--usergruen);
}