/* MeerHeimatLiebe 2.5.2-r22 — Header oben, Footer unten, Navigation klickbar */
:root { --r22-header-height: 76px; }
html, body { min-height: 100%; }
body {
  min-height: 100dvh !important;
  display: flex !important;
  flex-direction: column !important;
  padding-top: var(--r22-header-height) !important;
}

/* Header immer bündig oben. */
.site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 1000 !important;
  pointer-events: auto !important;
}
.header-inner {
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  min-height: var(--r22-header-height) !important;
  border-radius: 0 0 18px 18px !important;
  pointer-events: auto !important;
}

/* Navigation und Dropdowns liegen sicher über allen visuellen Ebenen. */
.site-nav,
.site-nav a,
.site-nav button,
.nav-dropdown,
.nav-dropdown__toggle,
.nav-dropdown__menu,
.header-tools,
.header-tool,

.nav-dropdown__menu { z-index: 1100 !important; }
.maritime-decor,
.site-backdrop,
.site-vignette,
.site-tide-overlay {
  pointer-events: none !important;
}

/* Inhalt füllt den Bildschirm; Footer sitzt am echten Seitenende. */
.site-main {
  flex: 1 0 auto !important;
  width: 100% !important;
  min-height: calc(100dvh - var(--r22-header-height)) !important;
  margin-top: 0 !important;
}
.site-footer {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 auto !important;
  margin-top: auto !important;
  width: 100% !important;
  z-index: 5 !important;
}
.back-to-top { z-index: 1200 !important; }