/* Team single hero overrides loaded after the responsive stylesheet. */

.wp-block-cover.team-cover,
.page-id-635 .wp-block-cover.cover-fullwidth {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  background-color: #00006b !important;
}

.wp-block-cover.team-cover .wp-block-cover__inner-container,
.page-id-635 .wp-block-cover.cover-fullwidth .wp-block-cover__inner-container {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 clamp(24px, 5vw, 78px) clamp(30px, 4.8vw, 58px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  align-self: flex-end !important;
  justify-content: flex-end !important;
  text-align: left !important;
}

.wp-block-cover.team-cover .wp-block-cover__inner-container > :where(p, h1, h2, .wp-block-heading),
.page-id-635 .wp-block-cover.cover-fullwidth .wp-block-cover__inner-container > :where(p, h1, h2, .wp-block-heading) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  text-align: left !important;
}

.wp-block-cover.team-cover .team-cover__season,
.wp-block-cover.team-cover .wp-block-cover__inner-container > p,
.page-id-635 .wp-block-cover.cover-fullwidth .team-cover__season,
.page-id-635 .wp-block-cover.cover-fullwidth .wp-block-cover__inner-container > p {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  align-self: flex-start !important;
  order: 1 !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  margin-bottom: 7px !important;
  position: static !important;
  inset: auto !important;
  transform: none !important;
  color: rgba(255, 255, 255, .78) !important;
  text-align: left !important;
  font-size: clamp(11px, .95vw, 14px) !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

.wp-block-cover.team-cover .team-cover__season + .team-cover__title,
.page-id-635 .wp-block-cover.cover-fullwidth .team-cover__season + .team-cover__title {
  margin-top: 0 !important;
}

.wp-block-cover.team-cover h1,
.wp-block-cover.team-cover h2,
.wp-block-cover.team-cover .team-cover__title,
.wp-block-cover.team-cover .wp-block-heading,
.page-id-635 .wp-block-cover.cover-fullwidth h1,
.page-id-635 .wp-block-cover.cover-fullwidth h2,
.page-id-635 .wp-block-cover.cover-fullwidth .wp-block-heading {
  order: 2 !important;
  max-width: min(100%, 13ch) !important;
  color: #fff !important;
  font-family: "Anton", system-ui, sans-serif !important;
  font-size: clamp(44px, 6.8vw, 96px) !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  line-height: .95 !important;
  text-align: left !important;
  text-transform: uppercase !important;
}

@media (min-width: 783px) {
  .page-id-635 .wp-block-cover.cover-fullwidth {
    min-height: 75vh !important;
  }

  .wp-block-cover.team-cover .wp-block-cover__image-background,
  .page-id-635 .wp-block-cover.cover-fullwidth .wp-block-cover__image-background {
    object-fit: cover !important;
    object-position: center center !important;
  }
}

@media (max-width: 782px) {
  .wp-block-cover.team-cover,
  .page-id-635 .wp-block-cover.cover-fullwidth {
    min-height: clamp(330px, 74vw, 460px) !important;
    padding: 0 !important;
  }

  /* Foto fuellt den Hero randlos aus – "contain" hatte je nach Bildformat
     einen blauen Letterbox-Balken unter dem Foto stehen lassen. Der Zuschnitt
     laeuft ueber "center top", damit Koepfe stehen bleiben und nur unten
     (Rasen/Beine) angeschnitten wird. */
  .wp-block-cover.team-cover .wp-block-cover__image-background,
  .page-id-635 .wp-block-cover.cover-fullwidth .wp-block-cover__image-background {
    object-fit: cover !important;
    object-position: center top !important;
    background-color: transparent !important;
  }

  .wp-block-cover.team-cover .wp-block-cover__inner-container,
  .page-id-635 .wp-block-cover.cover-fullwidth .wp-block-cover__inner-container {
    padding: 0 var(--sch-mobile-edge, 18px) 20px !important;
  }

  .wp-block-cover.team-cover .team-cover__season,
  .wp-block-cover.team-cover .wp-block-cover__inner-container > p,
  .page-id-635 .wp-block-cover.cover-fullwidth .team-cover__season,
  .page-id-635 .wp-block-cover.cover-fullwidth .wp-block-cover__inner-container > p {
    margin-bottom: 6px !important;
    font-size: clamp(10px, 2.8vw, 12px) !important;
    letter-spacing: .12em !important;
  }

  .wp-block-cover.team-cover h1,
  .wp-block-cover.team-cover h2,
  .wp-block-cover.team-cover .team-cover__title,
  .wp-block-cover.team-cover .wp-block-heading,
  .page-id-635 .wp-block-cover.cover-fullwidth h1,
  .page-id-635 .wp-block-cover.cover-fullwidth h2,
  .page-id-635 .wp-block-cover.cover-fullwidth .wp-block-heading {
    max-width: min(100%, 14ch) !important;
    font-size: clamp(34px, 12vw, 54px) !important;
    letter-spacing: 0 !important;
    line-height: .96 !important;
  }
}

@media (max-width: 420px) {
  .wp-block-cover.team-cover h1,
  .wp-block-cover.team-cover h2,
  .wp-block-cover.team-cover .team-cover__title,
  .wp-block-cover.team-cover .wp-block-heading,
  .page-id-635 .wp-block-cover.cover-fullwidth h1,
  .page-id-635 .wp-block-cover.cover-fullwidth h2,
  .page-id-635 .wp-block-cover.cover-fullwidth .wp-block-heading {
    font-size: clamp(30px, 13vw, 46px) !important;
  }
}

/* ── Nur Kampfmannschaft (.team-cover--km wird in sch-team.js gesetzt) ─────
   Die frueher hier stehende Kurzform "KM" fuer Mobil ist entfallen: der
   Titel wird jetzt an die verfuegbare Breite gekoppelt (Block
   "TEAM-HERO 2026-08-11" in mu-plugins/assets/sch-responsive-polish.css),
   dadurch passt "Kampfmannschaft" auch auf schmalen Geraeten ungekuerzt
   und unangeschnitten in eine Zeile. */