.memmainbox1 {
	width:auto;
	height:auto;
	float:left;
	margin:2px;
	background-color: var(--hintergrund2);
}

.memmainbox2{
	width: 555px;
	height: 179px;
	margin:20px;
}

.memhead1{
	background-color:var(--akzent1);
	color: var(--hintergrund2);
	padding: 2px 91px 2px 231px;
	text-align:center;
	width: 270px;
	margin: 50px -20px 0px -20px;
	font-weight:500;
}

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

/*Engel*/
.memhead1 g2{
text-shadow: 1px 0 1px rgb(2 2 2 / 44%);
    background-image: linear-gradient(90deg,#efdd39,#f4eebb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

/*Hexen */
.memhead1 g3{
text-shadow: 1px 0 1px rgb(2 2 2 / 20%);
    background-image: linear-gradient(90deg,#ff9af8,#ff9af8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

/*Jäger */
.memhead1 g4{
   text-shadow: 1px 0 1px rgb(2 2 2 / 20%);
   background-image: linear-gradient(90deg, #52d7b5, #3ea3e9);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;}

/*Menschen*/
.memhead1 g5{
text-shadow: 1px 0 1px rgb(2 2 2 / 20%);
    background-image: linear-gradient(90deg,#6ac2ff,#6ac2ff );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

/*Sonstige*/
.memhead1 g7{
    text-shadow: 1px 0 1px rgb(2 2 2 / 20%);
    background-image: linear-gradient(90deg,#5de468,#d998f5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}


/*Vampire*/
.memhead1 g8{
text-shadow: 1px 0 1px rgb(2 2 2 / 20%);
    background-image: linear-gradient(90deg,#ff8a8a,#ff8a8a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

/*Werwölfe*/
.memhead1 g9{
text-shadow: 1px 0 1px rgb(2 2 2 / 20%);
    background-image: linear-gradient(90deg,#79c8ff,#79c8ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}


.membox0{
width:auto;
height:auto;
}

.membox1{
	width: 200px;
	height: 200px;
	border:3px solid var(--akzent1);
	margin: -55px 0px 0px 0px;
	float:left;
}

.membox1 img{
	width: 200px;
	height: 200px;
	}

.membox2{
	width: 332px;
	height: 151px;
	float:left;
	/* border: 1px solid; */
}

.membox2 .memtext{
	width: 250px;
	height: 92px;
	text-align:justify;
	padding: 4px 12px 4px 4px;
	overflow:auto;
	font-size:12pt;
	margin: 1px 29px 10px 30px;
}

.membox2 .memfactbox{
	width: 363px;
	height:50px;
	margin: -5px 0px 0px 7px;
}

.membox2 .memfactbox .facts{
	width: 166px;
	height:16px;
	font-size:13px;
	text-align:left;
	padding:2px 2px 2px 5px;
	margin:2px;
	float:left;
	background-color:var(--akzent1);
	color: var(--hintergrund1);
}

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

.membox3{
	width: 86px;
	height: 86px;
	float:left;
	margin: -212px 0px 0px 479px;
}

.membox3 img{
	border:3px solid var(--akzent1);
	border-radius:100px;
	width: 80px;
	height: 80px;
}