/* MeerHeimatLiebe 2.5.2-r37 — Logbuchmotiv integriert; alle Hintergründe füllend und vollständig sichtbar */

/* Aktives Motiv pro Szene. Die Startseite verwendet weiterhin die fünf wechselbaren Nutzerbilder. */
body:not(.scene-home) {
  --r37-scene-image: var(--scene-desktop);
}
body.scene-home {
  --r37-scene-image: var(--r35-home-scene-image, var(--scene-desktop));
}

/* Zwei Ebenen lösen den Zielkonflikt „füllend und vollständig sichtbar“:
   hinten eine weiche Füllfläche, vorne das komplette unverzerrte Motiv. */
.site-backdrop {
  display: block !important;
  position: fixed !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  pointer-events: none !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  transition: background-image .28s ease, opacity .24s ease !important;
}

.site-backdrop--a {
  display: block !important;
  visibility: visible !important;
  opacity: .68 !important;
  z-index: 0 !important;
  background-image:
    linear-gradient(180deg, rgba(4,25,38,.18), rgba(3,18,29,.44)),
    var(--r37-scene-image) !important;
  background-size: 100% 100%, cover !important;
  filter: blur(14px) saturate(1.08) brightness(.88) !important;
  transform: scale(1.045) !important;
}

.site-backdrop--b {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 1 !important;
  background-image:
    linear-gradient(180deg, rgba(3,22,35,.08), rgba(2,15,25,.38)),
    var(--r37-scene-image) !important;
  background-size: 100% 100%, contain !important;
  background-position: center center, center top !important;
  filter: saturate(1.04) contrast(1.01) brightness(.96) !important;
  transform: none !important;
}

.site-vignette {
  display: block !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(2,18,30,.20), rgba(2,18,30,0) 48%, rgba(2,18,30,.17)),
    linear-gradient(180deg, rgba(2,15,25,.04), rgba(2,15,25,.03) 60%, rgba(2,15,25,.42)) !important;
}

.site-header,
.site-main,
.site-footer,
.top-panel,
.back-to-top,
.skip-link {
  z-index: 3 !important;
}

/* Die erste Startkarten-Kachel zeigt jetzt das komplette neue Logbuchmotiv. */
.feature-card:nth-child(1) {
  --feature-bg: url('../backgrounds/thumb-logbook.jpg') !important;
}

/* Alle kleinen Startkarten zeigen ihre Motive vollständig statt abgeschnitten. */
.feature-card::before {
  background-color: #082b3f !important;
  background-image: var(--feature-bg) !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: contain !important;
  filter: saturate(1.04) brightness(.98) !important;
  transform: none !important;
}
.feature-card:hover::before {
  transform: scale(1.015) !important;
}
.feature-card::after {
  background: linear-gradient(180deg, rgba(1,10,18,.02) 28%, rgba(1,12,22,.54) 60%, rgba(1,12,22,.96) 88%) !important;
}

/* Auch echte Bilder in Karten und Inhaltsfenstern bleiben komplett sichtbar. */
.feature-card img,
.scenic-card img,
.card-media img,
.gallery-card img,
.home-module img,
.report-image img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
}





@media (prefers-reduced-motion: reduce) {
  .site-backdrop,
  .feature-card::before {
    transition: none !important;
  }
}