.team-list-item {
  /* Do not add top margin, so it's possible to top align content to the list item. */
  margin-bottom: 1.5em;
}
.team-list-item__name {
  font-size: 20px;
}

.team-list-item__name {
  display: block;
}
.team-list-item__name:hover {
  text-decoration: underline;
}

.team-list-item--active .team-list-item__name {
  font-weight: 700;
}

@media (max-width: 768px) {
  .team-list-item__name {
    line-height: 145%;
    font-size: 1.57em;
  }
}

@media (max-width: 568px) {
  .team-list-item__name {
    position: relative;
    padding-bottom: 34px;
  }
  .team-list-item__name:hover {
    text-decoration: none;
  }
  .team-list-item__name::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    height: 14px;
    width: 100%;
    background: url(../../images/Linie_Uebersicht_Duenn.png) no-repeat left center;
    background-size: auto 100%; /* Fill height, cut width right. */
  }
  .team-list-item__detail {
    margin-top: -12px;
  }
  .team-list-item--active .team-list-item__name::after {
    background-image: url(../../images/Linie_Uebersicht_Dick.png);
  }
}