body { padding-top: 0px; }

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
               "Helvetica Neue", Arial, sans-serif;
}

/* gilt automatisch für alle <p>-Elemente */
p {
  font-size: 1.05rem;      /* etwas größer */
  line-height: 1.6;        /* mehr Zeilenabstand */
  color: #212529;          /* angenehmes Dunkelgrau */
}

footer { margin-top: 10px; }

.navbar-custom {
  background-color: #0053a0; /* dein Vereinsblau */
}

.navbar-light .navbar-nav .nav-link {
  color: #0053a0;          /* dein Blau */
  font-size: 1.05rem;
  background-color: #ffffff;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #003a70;          /* etwas dunkler beim Hover */
}

header {
  position: relative;
}


/* gleiche Breite für alle Karten */
.gallery-card {
  max-width: 600px;     /* gemeinsamen Wert wählen, z. B. 450–550px */
  margin: 0 auto;
}

/* Bilder proportional, ohne Verzerrung */
.gallery-img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

/* große und kleine Bilder nur über Höhe unterscheiden */
.gallery-img-large {
  max-height: 640px;    /* größerer Bildausschnitt */
}

.gallery-img-small {
  max-height: 300px;    /* kleinerer Bildausschnitt */
}

.card-header-training {
  position: relative;
  background-image: url("../img/card_hintergrund.jpg");
  background-size: cover;
  background-position: center;
  color: #000;  /* schwarze/dunkle Schrift */
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  overflow: hidden;
}

.card-header-training::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.8); /* helles Overlay */
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

/* Inhalt über das Overlay legen */
.card-header-training > * {
  position: relative;
  z-index: 1;
}