/*
 * Profilbilder: Seite "Mannschaften" und Spielerprofil.
 *
 * Alle Bilder 180px breit im Format 2:3, auf das Gesicht (oben) zugeschnitten.
 * Ohne Bild ein Platzhalter in derselben Größe, damit die Reihen gleich hoch sind.
 */

.ttvm-profilbild {
  display: block;
  width: 180px;
  max-width: 100%;
  aspect-ratio: 2 / 3;
  margin-inline: auto;
  object-fit: cover;
  object-position: center top;
  border-radius: var(--bs-border-radius, .375rem);
}

.ttvm-profilbild--leer {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bs-secondary-bg, #e9ecef);
  color: var(--bs-secondary-color, #adb5bd);
  font-size: 3rem;
}

/* Mannschaften: Spalte so breit wie das Bild plus Abstand */
.ttvm-spieler {
  width: calc(180px + var(--bs-gutter-x, 1.5rem));
}

/* Name immer zweizeilig hoch, damit die Bilder auf einer Linie stehen */
.ttvm-spieler__name {
  min-height: 3em;
  line-height: 1.5;
}