.lists {
            width: 100%;
            display: flex;
            gap: 20px;
            justify-content: space-between;
	padding-bottom: 20px;
            /* 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: #142737;
align-items: flex-start;
padding-bottom: 10px;
margin-left: 20px;
			border: 3px solid #ad5910;
        /* 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: #142737;
            display: flex;
            justify-content: center;
            align-items: center;

        }

        .lists_menu-head a:link {
color: #fdc075;
font-family: 'Encode Sans SC', sans-serif;
font-size: 18px;

        }
        
        .lists_menu-item {
height: 25px;
width: 90%;
margin: 0 auto;
padding: 10px 10px;
display: flex;
align-items: center;
box-sizing: border-box;
background: #ad5910;
        }
        
        .lists_menu-item a: link {
color: #fff;

        }

        .lists_menu-item a: visited {
color: #fff;

        }

        .lists_menu-item a: hover {
color: #fff;

        }
        
        /*         Content       */
        
        
        .lists_content {
            width: 80%;
            box-sizing: border-box;
            background: #142737;
border: 3px solid #994a03;
			margin-right: 20px;
        }
        
        .lists_content-head {
height: 50px;
width: 100%;
background: #142737;
font-size: 30px;
display: flex;
justify-content: center;
align-items: center;
color: #fdc075;
font-family: 'Encode Sans SC', sans-serif;
font-size: 20px;
border-bottom: 3px solid #ad5910;
        }
        
        .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%;
border: 3px solid #994a03;
text-align: right;
color: #fdc075;
font-family: 'Encode Sans SC', sans-serif;
font-size: 12px;
background: #273d4d;
			/* 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;
			margin-left: 20px;
			text-align: left;
			font-family: 'Droid Sans', sans-serif;
			font-size: 14px;
        }


.list-header {
    margin: auto;
    width: 740px;
    height: 200px;
    background-image: url(https://www.tintlinge.de/images/SH/banner740.jpg);
    background-size: cover;
    background-position: center;
}

.list-textbox {
width: 740px;
height: auto;
background: #142737;

margin: auto;
box-sizing: border-box;
padding-bottom: 30px;
border-top: 3px solid #994a03;
}

.listutitle {
    color: #fdc075;
    font-family: 'Encode Sans SC', sans-serif;
    font-size: 18px;
    text-align: center;
    display: inline;
    box-sizing: content-box;
    float: right;
    padding: 6px;
}