/* TVV-Schwimmen: Ergaenzungen zu Cassiopeia Extended */

/* Logo: das Original ist 2052 x 568 px gross */
.container-header .navbar-brand img {
  max-height: 90px;
  width: auto;
}

/* Rote Akzentlinie unter dem Kopfbereich (Vereinsfarbe) */
.container-header {
  border-bottom: 4px solid rgb(200, 16, 46);
}

/* Slideshow auf der Startseite */
/* Die Bilder enthalten teils eingebrannten Text und haben unterschiedliche
   Seitenverhaeltnisse: immer ganz zeigen, Rest in Vereinsblau auffuellen */
.tvv-slideshow {
  border-radius: .5rem;
  overflow: hidden;
  margin-bottom: 1.5rem;
  background: rgb(29, 37, 71);
}

.tvv-slideshow .carousel-item img {
  aspect-ratio: 21 / 9;
  object-fit: contain;
}

.tvv-slideshow .carousel-caption {
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1rem 1.5rem 2.25rem;
  background: linear-gradient(transparent, rgba(0, 0, 0, .65));
}

.tvv-slideshow .carousel-caption p {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 600;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
}

/* Auf dem Handy enthalten die Slideshow-Bilder ihren Text selbst - Unterschrift ausblenden */
@media (max-width: 575.98px) {
  .tvv-slideshow .carousel-caption {
    display: none;
  }
}

/* Bilder in Artikeln nie breiter als der Inhaltsbereich */
.com-content-article__body img,
.blog-item img {
  max-width: 100%;
  height: auto;
}

/* Tabellen in Artikeln: alte Inhalte haben feste Hoehen aus dem Editor,
   die sonst innere Scrollleisten erzeugen */
.com-content-article__body table {
  max-width: 100%;
  height: auto !important;
}

/* Auf dem Handy breite Tabellen (Trainingszeiten, Gebuehren) seitlich scrollbar */
@media (max-width: 767.98px) {
  .com-content-article__body table {
    display: block;
    overflow-x: auto;
  }
}