/* ============================================================
   SFK Team Slider
   ============================================================ */

.sfk-team-slider-wrapper {
    position: relative;
    isolation: isolate; /* eigener Stacking-Context – verhindert z-index-Konflikte mit Formular */
    min-height: 600px !important;
}

/*
 * Alle Slides im gleichen Grid-Bereich stapeln.
 * So können wir mit opacity überblenden statt display umschalten –
 * display:none lässt sich nicht animieren.
 */
.sfk-team-slider-track {
    display: grid;
}

.sfk-team-slide {
    grid-area: 1 / 1;          /* alle Slides übereinander */
    opacity: 0;
    transition: 1s ease;
    pointer-events: none;      /* unsichtbare Slides nicht anklickbar */
    padding: 0px !important;
    margin-bottom: 0px !important;
}

.sfk-team-slide.is-active {
    opacity: 1;
    pointer-events: auto;
}

/* Dot-Navigation */
.sfk-team-slider-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
}

.sfk-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #35aa3c;
    background: transparent;
    cursor: pointer;
    padding: 0;
    transition: background 0.25s ease;
}

.sfk-dot.is-active,
.sfk-dot:hover {
    background: #35aa3c;
}

.team-person {
    height: fit-content !important;
    min-height: 600px !important;
}