/* BERGSPORT JA · Team Cards V4.7.5.3 COMPACT
   Nur Größen/Layout der Teamkarten – keine anderen Website-Bereiche. */

.bja-teamcards-wrap{display:grid;gap:14px}
.bja-teamcards-head{display:flex;justify-content:flex-end;align-items:center;gap:14px}
.bja-teamcards-count{
  display:inline-flex;align-items:center;padding:7px 10px;
  border:1px solid var(--line);background:#fff;
  font-size:.72rem;font-weight:800;letter-spacing:.07em;
  text-transform:uppercase;color:var(--gold-deep)
}

/* Agnes + Julian bewusst allein und kompakt oben */
.bja-teamcards-founders{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,245px));
  justify-content:center;
  gap:12px;
  margin:0 0 12px
}

/* Rest wieder kompakt wie das bisherige 5er-Teamraster */
.bja-teamcards-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px
}

.bja-teamperson{
  position:relative;display:block;width:100%;
  min-height:255px;padding:0;margin:0;
  border:1px solid var(--line);
  background:#171714;color:#fff;text-align:left;
  overflow:hidden;isolation:isolate;
  box-shadow:0 8px 22px rgba(22,20,15,.08);
  transition:transform .38s var(--ease),box-shadow .38s var(--ease),border-color .38s var(--ease)
}
.bja-teamperson:hover,.bja-teamperson:focus-visible{
  transform:translateY(-3px);
  box-shadow:0 14px 32px rgba(22,20,15,.14);
  border-color:rgba(165,138,79,.42)
}
.bja-teamperson:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

.bja-teamperson__media,
.bja-teamperson__placeholder,
.bja-teamperson__media img{position:absolute;inset:0;width:100%;height:100%}

.bja-teamperson__media img{
  object-fit:cover;
  object-position:var(--team-position,center 18%);
  transform:scale(1.005);
  transition:transform .65s var(--ease)
}
.bja-teamperson:hover .bja-teamperson__media img,
.bja-teamperson:focus-visible .bja-teamperson__media img{transform:scale(1.025)}

.bja-teamperson__placeholder{
  display:flex;align-items:center;justify-content:center;
  padding:34px;background:linear-gradient(160deg,#181714 0%,#201e1a 100%)
}
.bja-teamperson__placeholder--light{
  background:linear-gradient(160deg,#faf7ef 0%,#efe4c8 100%)
}
.bja-teamperson__placeholder img{
  width:min(92px,48%);height:auto;opacity:.9;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.15))
}
.bja-teamperson__placeholder--light img{
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.07)) saturate(.95)
}

.bja-teamperson::after{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(10,10,10,.02) 0%,rgba(10,10,10,.06) 45%,rgba(10,10,10,.62) 100%)
}

.bja-teamperson__summary,.bja-teamperson__detail{
  position:absolute;left:8px;right:8px;bottom:8px;z-index:3;
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  background:rgba(17,17,14,.42);
  box-shadow:0 10px 22px rgba(7,7,6,.12)
}

.bja-teamperson__summary{
  display:flex;align-items:center;gap:8px;
  padding:9px 10px;
  transition:opacity .28s var(--ease),transform .28s var(--ease)
}
.bja-teamperson__summary strong{
  display:block;font-family:Georgia,serif;
  font-size:1rem;line-height:1;font-weight:700
}
.bja-teamperson__summary small{
  display:block;min-width:24px;
  font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold-light);font-weight:800
}

.bja-teamperson__detail{
  padding:12px 11px 11px;
  opacity:0;transform:translateY(10px);pointer-events:none;
  transition:opacity .32s var(--ease),transform .32s var(--ease)
}
.bja-teamperson__detail h3{
  margin:0 0 5px;font-family:Georgia,serif;
  font-size:1.18rem;line-height:1;font-weight:700
}
.bja-teamperson__detail p{
  margin:0 0 9px;
  font-size:.72rem;line-height:1.28;color:rgba(255,255,255,.92)
}
.bja-teamperson__badge{
  display:none
}
.bja-teamperson__keywords{
  display:flex;flex-wrap:wrap;gap:4px
}
.bja-teamperson__keywords span{
  display:inline-flex;align-items:center;
  padding:5px 6px;border-radius:999px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.08);
  font-size:.59rem;font-weight:750;line-height:1;color:#fff
}

/* Kein großer Plus-Button mehr – nur dezenter Hover-Hinweis */
.bja-teamperson__toggle{
  position:absolute;right:7px;top:7px;z-index:4;
  width:25px;height:25px;border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(13,14,12,.32);
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:.78rem;line-height:1;
  transition:transform .3s var(--ease),background .3s var(--ease)
}

.bja-teamperson:hover .bja-teamperson__summary,
.bja-teamperson:focus-visible .bja-teamperson__summary{
  opacity:0;transform:translateY(8px)
}
.bja-teamperson:hover .bja-teamperson__detail,
.bja-teamperson:focus-visible .bja-teamperson__detail{
  opacity:1;transform:translateY(0);pointer-events:auto
}
.bja-teamperson:hover .bja-teamperson__toggle,
.bja-teamperson:focus-visible .bja-teamperson__toggle{
  transform:rotate(45deg);background:rgba(165,138,79,.82)
}

/* helle Logo-Platzhalter */
.bja-teamperson[data-placeholder-theme="light"]{color:var(--ink)}
.bja-teamperson[data-placeholder-theme="light"]::after{
  background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.02) 50%,rgba(15,15,12,.12) 100%)
}
.bja-teamperson[data-placeholder-theme="light"] .bja-teamperson__summary,
.bja-teamperson[data-placeholder-theme="light"] .bja-teamperson__detail{
  background:rgba(255,252,246,.76);
  border-color:rgba(165,138,79,.16);color:var(--ink)
}
.bja-teamperson[data-placeholder-theme="light"] .bja-teamperson__detail p{color:#46433d}
.bja-teamperson[data-placeholder-theme="light"] .bja-teamperson__keywords span{
  background:rgba(165,138,79,.08);border-color:rgba(165,138,79,.15);color:var(--ink)
}
.bja-teamperson[data-placeholder-theme="light"] .bja-teamperson__summary small{color:var(--gold-deep)}
.bja-teamperson[data-placeholder-theme="light"] .bja-teamperson__toggle{
  background:rgba(255,255,255,.7);color:var(--ink);border-color:rgba(165,138,79,.2)
}

/* responsive */
@media(max-width:1180px){
  .bja-teamcards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bja-teamperson{min-height:245px}
}
@media(max-width:900px){
  .bja-teamcards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bja-teamcards-founders{grid-template-columns:repeat(3,minmax(0,220px))}
}
@media(max-width:680px){
  .bja-teamcards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .bja-teamcards-founders{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .bja-teamperson{min-height:250px}
}
@media(max-width:430px){
  .bja-teamcards-grid,.bja-teamcards-founders{grid-template-columns:1fr}
  .bja-teamperson{min-height:310px}
}

/* Touch: Details sichtbar, aber weiterhin kompakt */
@media(hover:none),(pointer:coarse){
  .bja-teamperson__summary{opacity:1;transform:none}
  .bja-teamperson__detail{display:none}
  .bja-teamperson__toggle{display:none}
}
@media(prefers-reduced-motion:reduce){
  .bja-teamperson,.bja-teamperson__media img,.bja-teamperson__summary,
  .bja-teamperson__detail,.bja-teamperson__toggle{transition:none!important}
}


/* ================================================================
   V4.7.5.5 – NUR die ausdrücklich gewünschten Korrekturen
   ================================================================ */

/* Startseite: Buchung + Leistungen wieder kompakt als gemeinsame
   Aktionsfläche wie in der Referenz. */
@media (min-width:761px){
  #start .hero__actions{
    display:inline-flex!important;
    align-items:stretch!important;
    gap:0!important;
    width:max-content!important;
    max-width:100%!important;
    padding:0!important;
    background:rgba(165,138,79,.90)!important;
  }
  #start .hero__actions .button{
    min-height:58px!important;
    border-radius:0!important;
    margin:0!important;
  }
  #start .hero__actions .button--gold{
    background:transparent!important;
    border-color:transparent!important;
    color:#fff!important;
  }
  #start .hero__actions .button--ghost{
    margin:10px 10px 10px 0!important;
    min-height:38px!important;
    background:rgba(18,18,16,.16)!important;
    border-color:rgba(255,255,255,.78)!important;
    color:#fff!important;
  }
}

/* Verleih & Shop: beide Links sauber voneinander trennen. */
#leistungen .split-story__copy .text-link{
  vertical-align:top;
  margin-right:22px;
  margin-bottom:10px;
}
#leistungen .split-story__copy .text-link:last-of-type{margin-right:0}

/* Mobil: Teamkarten/Bilder dürfen nicht durch Reveal-Zustände unsichtbar
   werden und eine weiße Fläche hinterlassen. */
@media (max-width:760px){
  .team-roster.reveal,
  .team-roster.reveal.is-visible,
  #team-kollegium .reveal,
  #team-kollegium .reveal.is-visible,
  .bja-teamcards-wrap,
  .bja-teamcards-founders,
  .bja-teamcards-grid{
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  .bja-teamperson,
  .bja-teamperson__media,
  .bja-teamperson__media img,
  .bja-teamperson__placeholder{
    opacity:1!important;
    visibility:visible!important;
  }

  #leistungen .split-story__copy .text-link{
    display:flex!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0 0 12px!important;
  }

  /* Footer-Logos bewusst untereinander. */
  .footer-logo-panel{
    width:min(310px,100%)!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:12px!important;
    padding:18px 20px!important;
  }
  .footer-logo-panel>span{
    width:100%!important;
    height:1px!important;
  }
  .footer-logo-panel>a{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
  }
  .footer-logo-panel img{
    width:min(235px,100%)!important;
    height:auto!important;
    max-height:68px!important;
    object-fit:contain!important;
    margin:0 auto!important;
  }
}

/* Obere Teamreihe: Julian + Agnes + Thekla. */
.bja-teamcards-founders{
  grid-template-columns:repeat(3,minmax(0,245px))!important;
}
@media(max-width:900px){
  .bja-teamcards-founders{
    grid-template-columns:repeat(3,minmax(0,220px))!important;
  }
}
@media(max-width:680px){
  .bja-teamcards-founders{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:430px){
  .bja-teamcards-founders{grid-template-columns:1fr!important}
}


/* V4.7.5.6 – Plus/Kreuz-Symbol auf Teamkarten vollständig entfernen */
.bja-teamperson__toggle{
  display:none !important;
}


/* V4.7.5.7 – Abstand Verleih / Sportfachgeschäft */
@media (min-width:761px){
  #leistungen .split-story__copy .text-link{
    display:inline-flex !important;
    align-items:center !important;
    white-space:nowrap !important;
  }
  #leistungen .split-story__copy .text-link:first-of-type{
    margin-right:46px !important;
  }
}


/* V4.7.5.8 – KORREKTUR: tatsächlicher Abschnitt ist #verleih */
#verleih .split-story__copy .text-link{
  display:inline-flex !important;
  align-items:center !important;
  white-space:nowrap !important;
}

#verleih .split-story__copy .text-link:first-of-type{
  margin-right:56px !important;
}

/* Auf kleinen Displays sauber untereinander statt gequetscht */
@media (max-width:680px){
  #verleih .split-story__copy .text-link{
    display:flex !important;
    width:max-content !important;
    max-width:100% !important;
    margin-right:0 !important;
    margin-bottom:14px !important;
  }
}