.gen2pers {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	min-height: 440px;
}

.person2 {
	width: 50%; 
	min-height: 350px; 
	margin: 3px;
}

.gen3pers {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	min-height: 440px;
}

.person3 {
	width: 32.8%; min-height: 350px; margin: 3px;
}

.gen4pers {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap; 
	justify-content: space-between; 
	width: 100%; 
	min-height: 440px;
}

.person4 {
	width: 24.5%; min-height: 350px; margin: 3px;
}

.genbild {
	 background-repeat: repeat !important; background-position: center center !important; background-size: cover !important; width: 100%; height: 180px;
}

.gentext {
	border: 10px solid transparent; height: 150px; overflow: auto; padding-right: 15px; scrollbar-width: thin;
}

.genname {
	padding: 20px 5px 5px 5px;
	text-align: center;
	color: rgb(33, 33, 33);
	font-size: 45px;
	font-family: Edwardian Script ITC;
	font-weight: normal;
	text-decoration: none;
	text-transform: lowercase;
	display: block;
	margin: 0px;
	line-height: 35px;
}

.frei {
	background: #27f0b9;
	color: #000000;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 5px 10px;
}

.reserviert {
	background: var(--rot);
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 5px 10px;
}

.vergeben {
	background: #000000;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 5px 10px;
}