/* BERGSPORT JA V4.8.0 · Momente-Panels
   Ersetzt ausschließlich den früheren oberen 11-Leistungen-Slider. */
.bja-experience{overflow:hidden}
.bja-experience__head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:46px;align-items:end;margin-bottom:30px}
.bja-experience__head h2{margin:.15em 0 0;font-size:clamp(2.6rem,5.6vw,5.7rem);line-height:.91;letter-spacing:-.055em}
.bja-experience__head h2 em{color:var(--gold-deep);font-weight:500}
.bja-experience__head>p{margin:0 0 8px;max-width:520px;color:var(--stone);font-size:1.02rem;line-height:1.7}
.bja-experience__panels{display:flex;align-items:stretch;gap:10px;height:clamp(430px,43vw,580px);width:100%;overflow:hidden}
.bja-experience__panel{position:relative;isolation:isolate;flex:.82 1 0;min-width:72px;border:0;border-radius:18px;overflow:hidden;background:#171714;box-shadow:0 18px 44px rgba(25,22,15,.10);outline:none;cursor:pointer;transition:flex .72s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease}
.bja-experience__panel.is-active{flex:5.35 1 0;box-shadow:0 28px 70px rgba(25,22,15,.23)}
.bja-experience__panel:focus-visible{box-shadow:0 0 0 3px var(--gold),0 28px 70px rgba(25,22,15,.23)}
.bja-experience__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--media-pos,50% 50%);transform:scale(1.025);filter:saturate(.90) contrast(1.02);transition:transform 1s cubic-bezier(.22,1,.36,1),filter .6s ease}
video.bja-experience__media{background:#171714}
.bja-experience__panel.is-active .bja-experience__media{transform:scale(1);filter:saturate(1.03) contrast(1.02)}
.bja-experience__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,10,9,.08) 18%,rgba(10,10,9,.16) 42%,rgba(10,10,9,.88) 100%);transition:background .55s ease}
.bja-experience__panel:not(.is-active) .bja-experience__shade{background:linear-gradient(180deg,rgba(10,10,9,.25),rgba(10,10,9,.62))}
.bja-experience__number{position:absolute;z-index:3;top:17px;left:17px;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(14,14,12,.20);backdrop-filter:blur(8px);color:#fff;font-size:.72rem;font-weight:850;letter-spacing:.08em}
.bja-experience__rail{position:absolute;z-index:3;left:50%;bottom:24px;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.10em;text-transform:uppercase;white-space:nowrap;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);opacity:.92;transition:opacity .28s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.bja-experience__panel.is-active .bja-experience__rail{opacity:0;transform:translateX(-50%) translateY(15px) rotate(180deg);pointer-events:none}
.bja-experience__copy{position:absolute;z-index:3;left:clamp(22px,3vw,40px);right:clamp(22px,3vw,40px);bottom:clamp(24px,3.2vw,42px);max-width:560px;color:#fff;opacity:0;transform:translateY(24px);transition:opacity .35s ease .10s,transform .62s cubic-bezier(.22,1,.36,1) .06s;pointer-events:none}
.bja-experience__panel.is-active .bja-experience__copy{opacity:1;transform:none}
.bja-experience__copy small{display:block;margin-bottom:9px;color:var(--gold-light);font-size:.69rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.bja-experience__copy h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,3.7vw,4.1rem);line-height:.96;letter-spacing:-.035em;text-wrap:balance}
.bja-experience__copy p{margin:14px 0 0;max-width:500px;color:rgba(255,255,255,.82);font-size:clamp(.91rem,1.1vw,1.03rem);line-height:1.55}

@media (hover:hover) and (pointer:fine){
  .bja-experience__panel:hover{transform:translateY(-3px)}
}

@media(max-width:900px){
  .bja-experience__head{grid-template-columns:1fr;gap:15px;margin-bottom:22px}
  .bja-experience__head h2{font-size:clamp(2.65rem,12vw,4.8rem)}
  .bja-experience__head>p{max-width:650px}
  .bja-experience__panels{height:auto;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:18px;margin-inline:calc((100vw - var(--shell))/ -2);padding:2px calc((100vw - var(--shell))/2) 13px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .bja-experience__panels::-webkit-scrollbar{display:none}
  .bja-experience__panel,.bja-experience__panel.is-active{flex:0 0 min(82vw,520px);min-width:min(82vw,520px);height:clamp(460px,115vw,610px);scroll-snap-align:center;border-radius:16px;transform:none;box-shadow:0 18px 44px rgba(25,22,15,.14)}
  .bja-experience__panel .bja-experience__media,.bja-experience__panel.is-active .bja-experience__media{transform:scale(1);filter:saturate(1.01) contrast(1.02)}
  .bja-experience__panel:not(.is-active) .bja-experience__shade,.bja-experience__panel.is-active .bja-experience__shade{background:linear-gradient(180deg,rgba(10,10,9,.08) 18%,rgba(10,10,9,.16) 42%,rgba(10,10,9,.88) 100%)}
  .bja-experience__rail{display:none}
  .bja-experience__copy,.bja-experience__panel.is-active .bja-experience__copy{opacity:1;transform:none;left:21px;right:21px;bottom:24px;transition:none}
  .bja-experience__copy h3{font-size:clamp(2.2rem,9vw,3.3rem)}
  .bja-experience__copy p{font-size:.93rem}
}

@media(max-width:560px){
  .bja-experience__panel,.bja-experience__panel.is-active{flex-basis:86vw;min-width:86vw;height:520px}
  .bja-experience__number{top:14px;left:14px;width:36px;height:36px}
}

@media(prefers-reduced-motion:reduce){
  .bja-experience__panel,.bja-experience__media,.bja-experience__rail,.bja-experience__copy{transition:none!important}
  .bja-experience__panel:hover{transform:none}
}