/* === Team Slider === */
.team-slider { position: relative; }
.team-member-card { display: inline-block; }
.item-slider-wrapper { overflow: hidden; }

/* === Galerie auf Landingpage === */
.bbf-member-gallery { margin-bottom: 2rem; }
.bbf-gallery-main img {
    width: 100%; height: auto;
    border-radius: 8px;
    transition: opacity 0.3s ease;
}
.bbf-gallery-thumbs {
    display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px;
}
.bbf-thumb-btn {
    border: 2px solid transparent; border-radius: 4px;
    padding: 0; cursor: pointer; background: none; overflow: hidden;
}
.bbf-thumb-btn.active,
.bbf-thumb-btn.border-primary { border-color: #f5c800; }
.bbf-thumb-btn img { display: block; border-radius: 2px; }

/* === Steckbrief-Tabelle === */
.bbf-profile-table { width: 100%; border-collapse: collapse; }
.bbf-profile-table th,
.bbf-profile-table td {
    padding: 10px 14px; border-bottom: 1px solid #e5e7eb;
    text-align: left; vertical-align: top;
}
.bbf-profile-table th {
    width: 40%; font-weight: 600; color: #374151;
    background: #f9fafb;
}

/* === Member Detail === */
.bbf-member-detail { }
.bbf-member-position { font-size: 1.1rem; }
.bbf-member-claim { border-left: 4px solid #f5c800; padding-left: 1rem; font-style: italic; }
.bbf-member-social a { color: #555; transition: color 0.2s; }
.bbf-member-social a:hover { color: #f5c800; }

/* === prefers-reduced-motion === */
@media (prefers-reduced-motion: reduce) {
    .bbf-gallery-main img,
    .bbf-team-card,
    .team-slider * { transition: none !important; animation: none !important; }
}

/* === Responsive === */
@media (max-width: 767px) {
    .bbf-gallery-thumbs { gap: 4px; }
    .bbf-thumb-btn img { width: 80px; height: 107px; object-fit: cover; }
    .bbf-profile-table th { width: 45%; }
}

/* === Video Consent Overlay === */
.bbf-video-wrap { position: relative; margin-bottom: 1rem; }
.bbf-video-consent-placeholder {
    position: relative;
    aspect-ratio: 16 / 9;
    background: #1a1a2e;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
}
.bbf-video-thumb {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.4;
}
.bbf-video-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
}
.bbf-consent-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 340px;
}