/* Spender in Foren-Beiträgen */
.user-avatar-x {
  /* word-break: break-all; */
  word-break: break-word;
  display:inline-block;
  height: 130px; /* 110px */
  width: 130px; /* 110px */
  border-radius: 50%;
  background-size: contain;
  border: 2px solid #0e0e10;
  cursor: pointer;
  margin:10px 50px 40px 10px;
  padding:10px;
}
.user-avatar-x:hover {
  border-radius: 5%;
}
 
/* Hinweisschild */
.user-avatar-text, .user-avatar-hover {
  min-width:100px; /* minimale Breite */
  max-width:210px; /* maximale Breite */
  margin-right:-100px;
 
  float: left;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
 
  display: flex;
  justify-content: center;
  color: #ffffff !important;
  font-family: sans-serif;
  font-weight: bold;
  background: #E5352E;
  padding: 6px 10px;
  border: 2px solid #0e0e10;
  border-radius: 10px;
  text-align: center;
  margin-top:95%;
  z-index:99999;
}
.user-avatar-x:hover .user-avatar-text, .user-avatar-hover {
  display:none;
}
.user-avatar-x:hover .user-avatar-hover {
  display: flex; z-index: 999999;
}
 

<div onclick="location.href='https://www.servicecrewloreth.de/u1_Loreth-christian.html'; return false;" class="user-avatar-x" style="background: url(//files.homepagemodules.de/b104774/a_561_f96efc91.gif) no-repeat center;">
<div class="user-avatar-hover">
PC-Profi
</div><div class="user-avatar-text">
20 Euro 
<br />
Spende
</div></div>