/**
 * Responsive/UX Verbesserungen für VERTRIEBSKRAFT24
 */

/* Logo vollständig sichtbar – VERTRIEBSKRAFT24 als ein Wort */
.uc-navbar .uc-logo,
.uc-logo {
  overflow: visible !important;
  flex-shrink: 0;
}
.uc-navbar .uc-logo a,
.uc-logo a {
  overflow: visible !important;
  min-width: 260px !important;
}
.uc-logo img[alt="VERTRIEBSKRAFT24"],
.uc-logo a img {
  object-fit: contain;
  object-position: left center;
  max-width: none;
  flex-shrink: 0;
}

/* Touch-Ziele mind. 44px für Mobil */
@media (max-width: 767px) {
  .btn {
    min-height: 44px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .uc-laufband-text .uc-laufband-row-1 {
    font-size: 0.8rem;
  }
  .uc-laufband-partners img {
    height: 1.25rem !important;
  }
}

/* Verhindern von horizontalem Scroll auf Mobil */
html {
  overflow-x: hidden;
}
body {
  overflow-x: hidden;
}

/* Hero-Video: Organischer Blob-Form + Welle */
.hero-video-wrap {
  border-radius: 42% 58% 65% 35% / 55% 35% 65% 45%;
  overflow: hidden;
  position: relative;
  transition: border-radius 0.5s ease;
}
.hero-video-wrap:hover {
  border-radius: 55% 45% 45% 55% / 60% 40% 60% 40%;
}
.hero-video-wrap .hero-wave-svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 2;
}

/* Cookie-Banner auf Mobil optimiert */
@media (max-width: 576px) {
  #uc-cookie-banner .uc-cookie-inner {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
  #uc-cookie-banner .uc-cookie-btns {
    justify-content: center;
  }
}

/* Team-Porträts: Graustufen, bei Hover Farbe */
.uc-team-portrait {
  filter: grayscale(1);
  transition: filter 0.35s ease;
}
.uc-team-portrait:hover {
  filter: grayscale(0);
}

/* Skip-Link: nur bei Fokus sichtbar (Barrierefreiheit) */
.skip-link {
  transform: translateY(-120%);
  transition: transform 0.2s ease;
}
.skip-link:focus {
  transform: translateY(0);
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* Weniger Bewegung bei Nutzerpräferenz (Barrierefreiheit) */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .skip-link {
    transition: none;
  }
  .uc-team-portrait {
    transition: none;
  }
}

/* Deutlicher Fokus für Tastatur-Navigation (Barrierefreiheit) */
:focus-visible {
  outline: 2px solid var(--uc-primary, #e91e63);
  outline-offset: 2px;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--uc-primary, #e91e63);
  outline-offset: 2px;
}