/* ============================================================
   TEAM-SEITEN — geteilte Bausteine fuer die "weiteren Mannschaften"
   (mannschaft-damen.html, mannschaft-herren2.html, …): Trainingszeiten-
   Karte und die externen Spielplan-/Tabelle-Links zum DVV-Ligen-System
   (3. Liga Nord u.ae. laufen nicht ueber die Bundesliga-API). Der Hero
   bleibt je Seite eigenes CSS (eigener Klassenprefix, eigene Giant-Number).
   ============================================================ */
.training-card {
  background: white; border: 1px solid rgba(11,46,63,0.10); border-top: 5px solid var(--red);
  padding: 30px 34px; max-width: 640px;
}
.training-card .addr {
  font-family: var(--body); font-size: 15px; line-height: 1.55; color: rgba(11,46,63,0.78); margin: 0 0 20px;
}
.training-card .rows { display: flex; flex-direction: column; gap: 14px; }
.training-card .row { display: grid; grid-template-columns: 170px 1fr; gap: 14px; align-items: start; }
.training-card .row .k {
  font-family: var(--mono); font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--red); font-weight: 700; padding-top: 3px;
}
.training-card .row .v { font-family: var(--body); font-size: 14px; line-height: 1.55; color: var(--sea); }
.training-card .row .v .venue { display: block; color: rgba(11,46,63,0.6); font-size: 13px; margin-top: 2px; }

.external-note {
  font-family: var(--body); font-size: 14px; line-height: 1.55; color: rgba(11,46,63,0.7);
  max-width: 640px; margin: 0 0 18px;
}
.external-links { display: flex; gap: 14px; flex-wrap: wrap; }
.external-link {
  text-decoration: none; background: var(--red); color: white;
  font-family: var(--display); font-weight: 900; font-style: normal;
  font-size: 16px; padding: 14px 22px; text-transform: uppercase; letter-spacing: 0.02em;
}
.external-link:hover { background: var(--red-deep); }

@media (max-width: 760px) {
  .training-card { padding: 24px 20px; }
}