/* MeerHeimatLiebe 2.5.2-r34 — Hintergrund unter Header, funktionierende Fünf-Wege-Navigation, vollständige Kartenbilder */
:root {
  --r34-header-height: var(--r29-header-height, 76px);
}

/* Der Hintergrund beginnt exakt unterhalb des fixierten Headers. */
.site-backdrop {
  top: var(--r34-header-height) !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: calc(100dvh - var(--r34-header-height)) !important;
  background-position: center top !important;
  background-size: 100% auto !important;
}
.site-vignette {
  top: var(--r34-header-height) !important;
}

/* Sprungziele bleiben unter dem Header sichtbar. */
.home-module,
.home-hub [id] {
  scroll-margin-top: calc(var(--r34-header-height) + 1rem) !important;
}

/* Die fünf Wege reagieren sichtbar und bleiben echte Links. */
.home-jump-tabs {
  position: relative !important;
  z-index: 20 !important;
  pointer-events: auto !important;
}
.home-jump-tabs a {
  position: relative !important;
  z-index: 21 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  user-select: none;
  text-decoration: none !important;
  transition: transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}
.home-jump-tabs a:hover,
.home-jump-tabs a:focus-visible,
.home-jump-tabs a.is-active {
  transform: translateY(-2px) !important;
  border-color: rgba(157,236,244,.78) !important;
  background: rgba(31,143,166,.42) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.18), 0 0 0 2px rgba(112,228,244,.10) !important;
  color: #fff !important;
}

/* Kurze Zielmarkierung nach dem Sprung. */
.home-module.is-jump-target {
  border-color: rgba(157,236,244,.82) !important;
  box-shadow: 0 0 0 3px rgba(112,228,244,.14), 0 18px 44px rgba(0,0,0,.24) !important;
}

/* Bilder in kleinen Karten immer vollständig zeigen. */
.home-module--image {
  overflow: hidden !important;
}
.home-module--image > img {
  display: block !important;
  width: 100% !important;
  height: clamp(155px, 13vw, 220px) !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: .3rem !important;
}

/* Allgemeine kleine Medienfenster: keine abgeschnittenen Motive. */
.feature-card img,
.scenic-card img,
.card-media img,
.gallery-card img,
.home-module img {
  max-width: 100% !important;
  object-position: center center !important;
}