/* Rail-Kopf mit Titel + "Alle Teams"-Link */
.hndb-rail { margin: clamp(16px, 4vw, 48px) 0; }
.hndb-rail-head {
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom: 10px;
}
.hndb-rail-title { margin:0; font-size: clamp(1.15rem, 2.2vw, 1.6rem); }
.hndb-rail-link { font-size:.95rem; text-decoration:none; color:#0a58ca; }
.hndb-rail-link:hover { text-decoration:underline; }

/* Slider selbst */
/*
.hndb-team-swiper { overflow: visible; padding: 4px 8px; }
*/
/* Team-Slider Container: nicht breiter als Layout, kein Overflow nach außen */
.hndb-team-swiper {
    position: relative;
    width: 100%;
    max-width: 100%;   /* kein 100vw, um iOS-Overflow zu vermeiden */
    overflow: hidden;  /* verhindert horizontales Scrollen */
    padding: 0;        /* Abstand macht Swiper via spaceBetween */
  }

  /*
.hndb-team-swiper .swiper-wrapper { align-items: stretch; }
*/
/* Swiper intern (nur Team) */
.hndb-team-swiper .swiper-wrapper { align-items: stretch; }
.hndb-team-swiper .swiper-slide {
  height: auto;
  display: flex;
  align-items: stretch;
  box-sizing: border-box; /* verhindert Aufblähen durch Innenabstände */
}

/* Karten (3:4 Hochformat) */
.hndb-card.hndb-card--team {
  position: relative; display:block; color:#fff; text-decoration:none;
  border-radius: 14px; overflow:hidden;
  background: #0b0b0b; box-shadow: 0 7px 20px rgba(0,0,0,.12);
}

/* 3:4 Ratio */
.hndb-card-media { position:relative; width:100%; }
.hndb-team-card-media-inner {
  position:relative;
  width:100%;
  /*
  aspect-ratio: 5 / 5;
  background: #151515;
  */  
  }
.hndb-card-thumb { width:100%; height:100%; object-fit:cover; border-radius: 0; display:block; }
.hndb-card-thumb--ph { width:100%; height:100%; background:linear-gradient(135deg,#2a2a2a,#1a1a1a); }

/* Overlay */
/* wird von match css überschrieben, ist aber erstmal egal, steuern wir dort */
/*
.hndb-card-overlay {
  position:absolute; inset:auto 0 0 0;
  padding: 12px 12px 14px;
  background: linear-gradient(to top, rgba(0,0,0,0.55), rgba(255,0,0,0.3));
}
*/
.hndb-card-title { margin:0 0 4px; font-weight:600; font-size: 1.05rem; }
.hndb-card-meta  { font-size:.9rem; opacity:.9; }

/* Pfeile besser sichtbar */
/*
.hndb-team-swiper .swiper-button-prev,
.hndb-team-swiper .swiper-button-next {
  color:#fff; text-shadow: 0 2px 12px rgba(0,0,0,.45);
}
*/

/* Pfeile am sichtbaren Sliderrand */
.hndb-team-swiper .swiper-button-prev,
.hndb-team-swiper .swiper-button-next {
  top: 50%;
  transform: translateY(-50%);
  color:#fff;
  text-shadow: 0 2px 12px rgba(0,0,0,.45);
}
.hndb-team-swiper .swiper-button-prev { left: 8px; }
.hndb-team-swiper .swiper-button-next { right: 8px; }

/* ---- Hover Effekt für alle HNDB-Karten ---- */
/*
.hndb-card {
    transition: transform .25s ease, box-shadow .25s ease;
  }
  
  .hndb-card:hover {
    transform: translateY(-6px) scale(1.03);
    box-shadow: 0 10px 28px rgba(0,0,0,.18);
  }
  
  .hndb-card:hover .hndb-card-thumb {
    filter: brightness(1.05);
  }
*/
.hndb-rail--teams .hndb-card { 
    transition: transform .25s ease, box-shadow .25s ease;
  }
  .hndb-rail--teams .hndb-card:hover {
    transform: translateY(-6px) scale(1.03);
    box-shadow: 0 10px 28px rgba(0,0,0,.18);
  }
  .hndb-rail--teams .hndb-card:hover .hndb-card-thumb { filter: brightness(1.05); }

  /* Verhindert „künstlichen“ linken Innenabstand der Swiper-Stage */
.hndb-rail .swiper {
    padding-left: 0 !important;
  }
  

  /* Kleinere Lücken; falls Karten selbst Margins haben, zurücksetzen */
  .hndb-rail .swiper-slide { padding: 0; }
  .hndb-rail .hndb-card    { margin: 0; }
  
  /* Optional: wenn die Karten optisch zu weit auseinander wirken,
     kann der innere Rand reduziert werden */
  .hndb-card.hndb-card--team,
  .hndb-card.hndb-card--match {
    /* Beispiel: */
    /* padding: 8px; */
  }