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

/*         Menu        */
        
.lists_menu {
	width: 250px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	background: #deddd6;
	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: #a71e44;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
text-transform: uppercase;
}

.lists_menu-head a{
	color:#dad9d0;
}

.lists_menu-item {
	height: 25px;
	width: 96%;
	margin: 0 auto;
	padding: 3px 9px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	border-bottom: 1px solid #b4b4b4;}

/*         Content       */
        
        
.lists_content {
	width: 932px;
	box-sizing: border-box;
	background: #deddd6;
	}

.lists_content-head {
	height: 50px;
	width: 100%;
	background: #a71e44;
	color:#dad9d0;
	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 30px 30px 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
	}

.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-block h2{
font-family: 'Big Shoulders Stencil';	
background-color: #a71e44;	
color: #deddd6;	
text-align:center;	
text-transform:uppercase;	
font-size: 20px;	
margin: 1px;
}

.lists_content-item {
margin-bottom: 5px;
}

.listhead1{
	font-family: 'Big Shoulders Stencil';
	text-align:center;
	font-size:20px;
	background-color:#a71e44;
	color:#dad9d0;
	margin: 1px;
}


/*Seriencharaliste*/

.listbuchbox{
    width: 431px;
}

.listbuchbox2{
	float: left;
	width: 215px;
}

.listbuchbox .listhead1{
    background-color: #a71e44;
    color: #deddd6;
	text-align:center;
	text-transform:uppercase;
}

.listbuchbox2 .listbuchhead{
    background-color: #71001f;
    color: #deddd6;
	text-align:center;
	text-transform:uppercase;
}

.listbuchbox2 .listbuchtext{
    height: 250px;
    overflow: auto;
    padding: 5px;
}

/*Avaliste*/

.listhead2{
	font-family: 'Big Shoulders Stencil';
	text-align:center;
	font-size:20px;
	background-color:#a71e44;
	color:#dad9d0;
	margin: 1px;
}

.listavatext{
	width: 427px;
	min-height: 200px;
	padding:5px;
	text-align:left;
	font-size: 11.5pt;
}

/*Jobliste*/

.jobinput{
	width: 200px;
	height: 50px;
	background: #dad9d0;
	color: #5b011a;
	border: 1px solid #dad9d0;
	margin: 1px;
	}

.jobinput2{
	width: 390px;
	height: 50px;
	background: #dad9d0;
	color: #5b011a;
	border: 1px solid #dad9d0;
	margin: 1px;
	}

.jobinput3{
	width: 390px;
	height: 20px;
	background: #dad9d0;
	color: #5b011a;
	border: 1px solid #dad9d0;
	margin: 1px;
	}

.jobhead{
	font-family: 'Big Shoulders Stencil';
	text-align:center;
	font-size:16px;
	line-height: 19px;
	background-color:#a71e44;
	color:#dad9d0;
	padding:2px;
	letter-spacing:1px;
	text-transform:uppercase;
	margin: 0px 0px 0px 120px;
}

.jobpic{
	border: 1px solid #a71e44;
	background-color: #deddd6;
	padding:2px;
	float:left;
	width: 120px;
	height: 120px;
	border-radius: 70px 0px 0px 70px;
	margin: -23px 0px 0px 0px;
	}

.jobbox1{
	width: 378px;
	height: 92px;
	text-align: justify;
	padding:5px;
	overflow:auto;
	float:left;
	margin: 1px 1px 5px 1px;
}

.jobbox2{
	width: 330px;
	height: 92px;
	text-align: justify;
	padding:5px;
	overflow:auto;
	float:left;
	margin:1px;
	}

select2 .jobselect1{
	width:200px;
		background: #dad9d0;
	color: #5b011a;
	border: 1px solid #dad9d0;}