/* MeerHeimatLiebe 2.5.2-r36 — stärker aufgeklappte Karten, sichtbare Seesterne und klar sichtbare Fünf-Wege-Hintergründe */
:root {
  --r35-home-scene-image: url('../backgrounds/home-way-default.webp');
}

/* Startseiten-Hintergrund für die fünf Wege:
   Der Bereich füllt die verfügbare Fläche, das Motiv selbst bleibt auf allen Displays vollständig sichtbar. */
.scene-home .site-backdrop {
  background-color: #082233 !important;
  background-image:
    linear-gradient(180deg, rgba(4, 26, 39, .10), rgba(2, 14, 24, .46)),
    var(--r35-home-scene-image, var(--scene-desktop)) !important;
  background-size: 100% 100%, contain !important;
  background-repeat: no-repeat, no-repeat !important;
  background-position: center center, center top !important;
  transition: background-image .34s ease, filter .24s ease, opacity .24s ease !important;
  filter: saturate(1.08) brightness(1.02) !important;
}

.home-hub {
  position: relative;
}

.home-hub > * {
  position: relative;
  z-index: 1;
}

.home-jump-tabs {
  align-items: stretch;
  gap: .72rem;
}

.home-jump-tabs a {
  min-width: min(100%, 12.5rem);
  display: inline-flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .24rem;
  padding: .72rem .82rem .6rem !important;
}

.home-jump-tabs__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .42rem;
  text-align: center;
}

/* Seesterne stehen nun sichtbar untereinander und animieren nach unten. */
.home-jump-tabs__hint {
  min-height: 2.85rem;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .06rem;
  opacity: .82;
  transform: none;
  transition: opacity .18s ease, transform .18s ease;
  color: #ffd98a;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .28));
  pointer-events: none;
}

.home-jump-tabs__hint .icon {
  opacity: .78;
  transform: translateY(0) scale(.9);
  animation: r35-starfish-fall 1.55s ease-in-out infinite;
}

.home-jump-tabs a.is-active .home-jump-tabs__hint,
.home-jump-tabs a:hover .home-jump-tabs__hint,
.home-jump-tabs a:focus-visible .home-jump-tabs__hint {
  opacity: 1;
  transform: translateY(1px);
}

.home-jump-tabs a.is-active .home-jump-tabs__hint .icon,
.home-jump-tabs a:hover .home-jump-tabs__hint .icon,
.home-jump-tabs a:focus-visible .home-jump-tabs__hint .icon {
  opacity: 1;
}

.home-jump-tabs__hint .icon:nth-child(2) { animation-delay: .18s !important; }
.home-jump-tabs__hint .icon:nth-child(3) { animation-delay: .36s !important; }

@keyframes r35-starfish-fall {
  0% {
    opacity: .18;
    transform: translateY(-3px) scale(.82) rotate(0deg);
  }
  28% {
    opacity: 1;
    transform: translateY(0) scale(1) rotate(10deg);
  }
  58% {
    opacity: .88;
    transform: translateY(5px) scale(.98) rotate(-10deg);
  }
  100% {
    opacity: .24;
    transform: translateY(11px) scale(.86) rotate(0deg);
  }
}

.home-module-grid {
  align-items: start;
}

.home-module-grid.has-expanded .home-module {
  opacity: .76;
  filter: saturate(.78);
  transform: scale(.985);
}

.home-module[data-home-module-card] {
  cursor: pointer;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease, opacity .24s ease, filter .24s ease, background .24s ease !important;
}

/* Kleine Kartenbilder in jedem Fall vollständig sichtbar halten. */
.home-module--image > img {
  display: block !important;
  width: 100% !important;
  height: clamp(170px, 14vw, 245px) !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: linear-gradient(145deg, rgba(9, 45, 62, .94), rgba(3, 26, 41, .96)) !important;
  padding: .35rem !important;
}

/* Deutlich stärkeres Aufklappen der aktiven Karte. */
.home-module.is-expanded {
  opacity: 1 !important;
  filter: none !important;
  transform: translateY(-10px) scale(1.035);
  border-color: rgba(157, 236, 244, .92) !important;
  background: linear-gradient(155deg, rgba(11, 42, 58, .92), rgba(6, 24, 37, .94)) !important;
  box-shadow: 0 0 0 3px rgba(112, 228, 244, .18), 0 30px 58px rgba(0, 0, 0, .34) !important;
  z-index: 2;
}

.home-module.is-expanded .home-module__head .icon {
  color: #ffd98a;
}

.home-module.is-expanded .module-link {
  color: #e1fdff;
}

@media (min-width: 1200px) {
  .home-module.is-expanded {
    grid-column: span 2;
    min-height: 300px;
  }

  .home-module--image.is-expanded > img {
    height: clamp(220px, 18vw, 310px) !important;
  }
}





@media (prefers-reduced-motion: reduce) {
  .scene-home .site-backdrop,
  .home-module[data-home-module-card],
  .home-jump-tabs a,
  .home-jump-tabs__hint {
    transition: none !important;
  }

  .home-jump-tabs__hint .icon {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}