/* MeerHeimatLiebe 2.5.2-r11 — Header, Mobile-Menü und Bildstil */
:root {
  --header-r11-desktop: 68px;
}

/* 1. Header-Höhe und oberer Glasrahmen */
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 240 !important;
  padding: 0 !important;
}
.header-inner {
  min-height: var(--header-r11-desktop) !important;
  height: auto !important;
  margin-top: 0 !important;
  padding: .42rem .72rem !important;
  border-radius: 0 0 18px 18px !important;
  border-top: 0 !important;
  gap: clamp(.36rem, .68vw, .78rem) !important;
}
.brand-mark {
  width: 46px !important;
  height: 46px !important;
}
.brand-copy strong {
  font-size: clamp(1.12rem, .98rem + .5vw, 1.55rem) !important;
}
.brand-copy small {
  margin-top: .22rem !important;
  font-size: clamp(.48rem, .42rem + .18vw, .66rem) !important;
  letter-spacing: .09em !important;
}
.site-nav > a,
.site-nav > .nav-dropdown > button,
.nav-form button {
  min-height: 40px !important;
  padding: .52rem .62rem !important;
  font-size: clamp(.72rem, .67rem + .12vw, .84rem) !important;
}
.header-tool {
  min-height: 40px !important;
  min-width: 40px !important;
  padding: .48rem .66rem !important;
}
.site-main {
  padding-top: .1rem !important;
}
.page-header,
.page-hero,
.hero {
  padding-top: .7rem !important;
}

/* 3. Professioneller Bildstil und saubere Vollfläche */
.site-backdrop {
  inset: 0 !important;
  width: 100% !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  max-width: none !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  transform: none !important;
  filter: saturate(1.04) contrast(1.035) brightness(.96) !important;
}
.site-vignette {
  background:
    linear-gradient(90deg, rgba(1,14,24,.24), rgba(1,14,24,.02) 45%, rgba(1,14,24,.16)),
    linear-gradient(180deg, rgba(0,0,0,.03), transparent 42%, rgba(0,10,18,.32)) !important;
}
.scene-home .site-backdrop,
.scene-auth .site-backdrop,
.scene-contact .site-backdrop { background-position: center 48% !important; }
.scene-logbook .site-backdrop,
.scene-forum .site-backdrop,
.scene-chat .site-backdrop { background-position: center 52% !important; }
.scene-sh .site-backdrop,
.scene-westerhever .site-backdrop { background-position: center 45% !important; }
.scene-tides .site-backdrop { background-position: center 53% !important; }







@media (prefers-reduced-motion: reduce) {
}