.mitglied {
    width: 198px;
    float: left;
    margin: 1px;
    margin-bottom: 10px;
    box-sizing: border-box;
    height: 350px;
    overflow: hidden;
    font-family: Arial;
background-color:#E7C46D;
  
}

.username {
	background: #a5b153;
	color:#1b2617;
	letter-spacing: -1px;
	text-align: center;
font-family: 'Frank Ruhl Libre', sans-serif;
	font-size: 15px;
}

.usertitel {
		color: #1b2617;
		text-align: center;
	text-transform: uppercase;
	background-color:#e9af5b;
	font-family: Arial;
	font-size: 10px;
	}

.mtitel1 {
	background: #2e2d26;
	width: 180px;
	color:#1b2617;
	font-family: Arial;
	font-size: 10px;
	font-style: italic;
}

 .avatarhover {
position: relative; height: 300px; width: 200px;  margin: auto; padding: 5px; overflow: hidden}  

.hoveravatar {position: relative; height: 300px; width: 200px;  opacity: 0; transition: 1s; top: 10px; overflow: hidden; transition: 1s; z-index: 999; background: #E7C46D; color: #555f65} 

.avatarhover:hover .hoveravatar {top: -285px; opacity: 1; transition: 1s; } 

div {display: block;}