/* Team Slider v4 (dots only) */
.team{margin-top:1.6rem}
.team-title{margin:.6rem 0 1rem}
.teamv3{
  position:relative;
  margin-top:.6rem;
  display:grid;
  grid-template-rows:auto; /* nur noch eine Zeile */
  row-gap:.7rem;
  align-items:start;
}
.tv3-viewport{position:relative;overflow:visible;min-height:280px;transition:height .25s ease;height:auto}
.tv3-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;pointer-events:none}
.tv3-slide.active{opacity:1;pointer-events:auto}
.tv3-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center}
.tv3-text h4{font-size:1.2rem;margin:.1rem 0 .4rem}
.tv3-sub{font-weight:800;letter-spacing:.2px;margin:.1rem 0 .3rem;color:var(--text)}
.tv3-bullets{margin:.2rem 0 .6rem 1.1rem; padding:0; display:block}
.tv3-bullets li{margin:.15rem 0}
.tv3-sub-exp{margin-top:.3rem}
.tv3-exp{margin:.3rem 0 0; color:var(--text-dim)}
.tv3-figure{justify-self:end;max-width:340px;width:100%}
.tv3-figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:1rem;border:1px solid rgba(255,255,255,.09)}
.fade-img{opacity:0;animation:imgfade .6s ease .1s forwards}
@keyframes imgfade{to{opacity:1}}


.tv3-dots{display:flex;gap:.35rem;align-items:center;justify-content:center;margin:0}
.tv3-dots button{width:9px;height:9px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);cursor:pointer}
.tv3-dots button.active{background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent}

@media (max-width:980px){
  .tv3-grid{grid-template-columns:1fr;gap:1rem .tv3-controls{ margin-top: 18px;  .tv3-figure{justify-self:center;max-width:260px;margin:0 auto} } }
  .tv3-text{order:2}
  .tv3-figure{justify-self:end;max-width:340px;width:100%}
  .tv3-viewport{min-height:280px}
}

  .tv3-viewport{position:relative;overflow:visible;min-height:280px;transition:height .25s ease;height:auto}
}
.tv3-viewport{position:relative;overflow:visible;min-height:280px;transition:height .25s ease;height:auto}

.tv3-controls{display:flex;align-items:center;justify-content:center;gap:2rem;height:36px margin-top:20px; }
.tv3-arrow{background:transparent;border:none;cursor:pointer;padding:.25rem;line-height:0;opacity:.9;transition:opacity .15s ease, transform .1s ease}
.tv3-arrow:hover{opacity:1;transform:translateY(-1px)}
.tv3-arrow:active{transform:translateY(0)}
.tv3-arrow svg{display:block}

/* === Team image sizing & centering (strong overrides) === */
.teamv3 .tv3-figure{max-width:300px !important; width:100%;}
.teamv3 .tv3-figure img{width:100%; height:auto; display:block; margin:0 auto; object-fit:contain}

/* Desktop grid keeps image on the right with comfortable gap handled by .tv3-grid */
@media (min-width:981px){
  .teamv3 .tv3-grid{grid-template-columns:1fr 1fr; gap:2rem;}
}

/* Mobile: single column, true horizontal centering */
@media (max-width:980px){
  .teamv3 .tv3-grid{grid-template-columns:1fr; gap:1.1rem;}
  .teamv3 .tv3-figure{max-width:220px !important; margin-left:auto !important; margin-right:auto !important; justify-self:center !important; text-align:center;}
  .teamv3 .tv3-figure img{margin-left:auto; margin-right:auto;}
}
/* Dots komplett ausblenden (Safety-Guard) */
.tv3-dots{ display:none !important; }