/* BavariaSpot Mobile Teamfoto 2026-08-31
   Startseite: echtes Teamfoto in der Sektion "Drei Flüsse. Echte Gesichter.".
   Desktop bleibt bewusst unberührt; diese Datei arbeitet ausschließlich unter 900px. */

@media (max-width: 900px) {
  body.bsd-start .bs-mobile-premium .bsm-team-panel {
    background: var(--bsd-cream, #FAF6E8) !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-text {
    margin-bottom: 0 !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-visual,
  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-promise-visual.bsm-team-visual {
    display: block !important;
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 1.36rem 0 0 50% !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: translateX(-50%) !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-visual picture,
  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-visual img {
    display: block !important;
    width: 100% !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-visual img {
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-visual::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background:
      linear-gradient(180deg, rgba(250, 246, 232, 0.06) 0%, rgba(31, 58, 47, 0) 46%, rgba(31, 58, 47, 0.13) 100%) !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-promise-keywords {
    display: none !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-actions {
    width: min(100%, 24.25rem) !important;
    max-width: calc(100vw - 2rem) !important;
    margin: 1.06rem auto 0 !important;
    justify-content: center !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-actions .bsm-button {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* BavariaSpot Mobile Team-Erweiterung 2026-08-30
   Aufklappbarer Teamblock in der Startseiten-Sektion. Desktop bleibt ausgeblendet. */

body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-explore {
  display: none !important;
}

@media (max-width: 900px) {
  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-explore {
    display: block !important;
    width: min(100%, 24.25rem) !important;
    max-width: calc(100vw - 2rem) !important;
    margin: 1rem auto 0 !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-toggle {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.55rem !important;
    width: 100% !important;
    min-height: 3.12rem !important;
    padding: 0.86rem 1.1rem !important;
    border: 1px solid rgba(31, 58, 47, 0.26) !important;
    border-radius: 999px !important;
    background: rgba(255, 253, 246, 0.72) !important;
    color: var(--bsd-loden, #1F3A2F) !important;
    font-family: inherit !important;
    font-size: 0.82rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: 0.075em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    cursor: pointer !important;
    box-shadow: 0 12px 25px rgba(31, 58, 47, 0.08) !important;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease, box-shadow 180ms ease !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-toggle:active {
    transform: translateY(1px) !important;
    box-shadow: 0 8px 18px rgba(31, 58, 47, 0.08) !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-toggle:focus-visible {
    outline: 3px solid rgba(31, 58, 47, 0.25) !important;
    outline-offset: 4px !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-toggle[aria-expanded="true"] {
    background: var(--bsd-loden, #1F3A2F) !important;
    border-color: rgba(31, 58, 47, 0.82) !important;
    color: var(--bsd-cream, #FAF6E8) !important;
    box-shadow: 0 16px 32px rgba(18, 36, 29, 0.18) !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-toggle-icon {
    display: inline-block !important;
    width: 0.48rem !important;
    height: 0.48rem !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    transform: translateY(-0.12rem) rotate(45deg) !important;
    transition: transform 220ms ease !important;
    flex: 0 0 auto !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-toggle[aria-expanded="true"] .bsm-team-toggle-icon {
    transform: translateY(0.12rem) rotate(-135deg) !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-members {
    display: block !important;
    width: 100% !important;
    max-height: 0 !important;
    margin: 0 auto !important;
    opacity: 0 !important;
    overflow: hidden !important;
    transition: max-height 560ms cubic-bezier(0.22, 1, 0.36, 1), opacity 260ms ease, margin-top 260ms ease !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-members[hidden] {
    display: none !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-members.is-open {
    max-height: var(--bsm-team-members-height, 90rem) !important;
    margin-top: 0.92rem !important;
    opacity: 1 !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-member-card {
    display: block !important;
    overflow: hidden !important;
    border-radius: 1.35rem !important;
    border: 1px solid rgba(31, 58, 47, 0.14) !important;
    background: rgba(255, 253, 246, 0.76) !important;
    box-shadow: 0 16px 34px rgba(31, 58, 47, 0.12) !important;
    transform: translateY(0.35rem) !important;
    transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-members.is-open .bsm-team-member-card {
    transform: translateY(0) !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-member-card + .bsm-team-member-card {
    margin-top: 0.95rem !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-member-photo {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: rgba(31, 58, 47, 0.06) !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-member-photo::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(250, 246, 232, 0.05) 0%, rgba(31, 58, 47, 0) 62%, rgba(31, 58, 47, 0.12) 100%) !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-member-photo picture,
  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-member-photo img {
    display: block !important;
    width: 100% !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-member-photo img {
    height: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-member-copy {
    padding: 1.15rem 1.08rem 1.22rem !important;
    text-align: left !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-member-role {
    margin: 0 0 0.36rem !important;
    color: rgba(31, 58, 47, 0.62) !important;
    font-size: 0.76rem !important;
    font-weight: 850 !important;
    letter-spacing: 0.11em !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-member-copy h3 {
    margin: 0 !important;
    color: var(--bsd-deep, #12241D) !important;
    font-family: inherit !important;
    font-size: clamp(1.28rem, 5.9vw, 1.62rem) !important;
    font-weight: 580 !important;
    line-height: 1.06 !important;
    letter-spacing: -0.045em !important;
  }

  body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-member-copy p:not(.bsm-team-member-role) {
    margin: 0.74rem 0 0 !important;
    max-width: 25rem !important;
    color: var(--bsm-muted, rgba(24, 48, 40, 0.74)) !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.72 !important;
    letter-spacing: -0.012em !important;
  }

  @media (prefers-reduced-motion: reduce) {
    body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-toggle,
    body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-toggle-icon,
    body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-members,
    body.bsd-start .bs-mobile-premium .bsm-team-panel .bsm-team-member-card {
      transition: none !important;
    }
  }
}