.memberbox1{
	width: 547px;
	height: 257px;
	margin: 1px;
	/* border: 1px solid; */
	float: left;
	}

.memberbox2{
	width: 257px;
	height: auto;
	float:left;
	}

.memberbox3{
	width: 290px;
	height: 227px;
	float:left;
	}

.memfactbox{
	width: 256px;
	height: 124px;
	float:left;
	opacity: 0.0; /*Transparenz des Avatars, sollte in dem Fall nicht geändert werden */
	transition-duration: 0.6s; /* Geschwindigkeit eures Hovers */
	-moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	-webkit-transition-duration: 0.6s;
	/* background-color: var(--hintergrund5); */ /* Hintergrundfarbe */
	/* color: var(--font-color); */ /* Schriftfarbe */
	text-align: justify; /* Textposition */
	/* padding: 23px; */ /* Textabstand zum Rand - Opera ignoriert den */
	position: relative;
	top: -148px; /* Abstand zum oberen Rand */
	left: 17px; /* Abstand zur linken Seite */
	margin-bottom: -300px; /* Abstand zum Aussenrand */
	font-family: var(--font-main); /* Schriftart */
	font-size: 12pt; /*Schriftsize */
  /* Rahmen*/
	backdrop-filter: blur(5px);
	overflow:auto;
	scrollbar-width:none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.memfactbox .facts{
	color: var(--hintergrund2);
	background-color: var(--akzent4);
	width: 210px;
	height: 16px;
	padding:2px 2px 2px 5px;
	font-size: 12px;
	float:left;
	margin: 1px 18px;
	border-radius: 50px;
	}

.memfactbox:hover {
opacity: 1.9 /*Transparenz eures Hovers*/
}

.memfactbox .facts a{color: var(--hintergrund2);}

.memberava{
	width: auto;
	height: auto;
	}
.memberava img{
    width: 250px;
    height: 220px;
    border: 1px solid var(--akzent2);
    padding: 2px;
}

.memberava .usertext{
	width: 246px;
	height: 216px;
	float: left;
	opacity: 0.0; /*Transparenz des Avatars, sollte in dem Fall nicht geändert werden */
	transition-duration: 0.6s; /* Geschwindigkeit eures Hovers */
	-moz-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	-webkit-transition-duration: 0.6s;
	background-color: var(--hintergrund4); /* Hintergrundfarbe */
	color: var(--font-color); /* Schriftfarbe */
	text-align: justify; /* Textposition */
	padding: 5px; /* Textabstand zum Rand - Opera ignoriert den */
	position: relative;
	top: -226px; /* Abstand zum oberen Rand */
	left: 0px; /* Abstand zur linken Seite */
	margin-bottom: -300px; /* Abstand zum Aussenrand */
	font-family: var(--font-main); /* Schriftart */
	font-size: 12pt; /*Schriftsize */
  /* Rahmen*/
	backdrop-filter: blur(5px);
	overflow:auto;
	scrollbar-width:none;
	}
	
	
.memberava .usertext:hover {
opacity: 1.9 /*Transparenz eures Hovers*/
}


.membericon{
	width: 250px;
	height: 120px;
	border:1px solid var(--akzent2);
	background-color: var(--hintergrund1);
	padding:2px;
	float: left;
	margin: 23px 17px;
	}
	
.memberbox3 .username{
	font-family: var(--font-headline2);
	text-align:center;
	color:var(--akzent2);
	border-bottom:1px solid var(--akzent2);
	font-size: 20px;
	margin: 0px 0px 0px 0px;
	line-height: 30px;
	}

.memberbox3 .usertitel{
	background-color:var(--akzent2);
	color:var(--hintergrund1);
	font-size: 11px;
	text-align:center;
	padding:2px;
	text-transform:uppercase;
	}