/* MeerHeimatLiebe 2.5.2-r12 — Header oben, kleiner Strand, ohne Hintergrundbilder */
:root {
  --header-offset: 66px;
  --shore-fixed-height: 0px;
  --shore-content-clearance: 0px;
  --shore-visual-height: 62px;
}

html {
  background: #06283b !important;
  scroll-padding-top: calc(var(--header-offset) + .5rem) !important;
}
body {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow-x: hidden;
  color: #f4fbfd;
  background: #06283b !important;
}

/* Alle szenischen Hintergrundbilder und Bildüberlagerungen sind entfernt. */
.site-backdrop,
.site-vignette,
.site-tide-overlay,
.maritime-decor {
  display: none !important;
  background: none !important;
  background-image: none !important;
}
.mhl-preloader,
.scenic--moewe,
.report-image,
.report-image--northsea,
.report-image--baltic,
.report-image--harbor,
.feature-strip__visual {
  background-image: none !important;
}
.mhl-preloader {
  background: #05283b !important;
}
.scenic--moewe,
.report-image,
.feature-strip__visual {
  background: linear-gradient(145deg, rgba(14,84,105,.82), rgba(4,39,57,.92)) !important;
}
.feature-card { --feature-bg: linear-gradient(145deg, #0d536a, #062b40) !important; }
.feature-card::before { background-image: none !important; background: linear-gradient(145deg, #0d536a, #062b40) !important; }

/* Der Header sitzt bündig am oberen Browserrand. */
.site-header {
  position: sticky !important;
  top: 0 !important;
  inset: 0 0 auto !important;
  z-index: 260 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #04263a !important;
}
.header-inner {
  min-height: 66px !important;
  margin: 0 auto !important;
  padding: .38rem .68rem !important;
  border-top: 0 !important;
  border-radius: 0 0 16px 16px !important;
  gap: clamp(.35rem, .65vw, .72rem) !important;
}
.brand-mark {
  width: 44px !important;
  height: 44px !important;
}
.brand-copy strong {
  font-size: clamp(1.08rem, .98rem + .42vw, 1.45rem) !important;
}
.brand-copy small {
  margin-top: .18rem !important;
  font-size: clamp(.47rem, .43rem + .14vw, .62rem) !important;
}
.site-nav > a,
.site-nav > .nav-dropdown > button,
.nav-form button,
.header-tool {
  min-height: 39px !important;
}

/* Inhalt beginnt direkt unter dem Header, ohne doppelte Abstandspolster. */
.site-main {
  flex: 1 0 auto;
  width: min(calc(100% - 1rem), 1720px) !important;
  min-height: calc(100dvh - var(--header-offset)) !important;
  margin-top: 0 !important;
  padding-top: .45rem !important;
  padding-bottom: 2.2rem !important;
}
.site-main > [id],
.site-main section[id],
.site-main article[id] {
  scroll-margin-top: calc(var(--header-offset) + .6rem) !important;
}
.hero,
.page-header,
.page-hero {
  margin-top: 0 !important;
  padding-top: .8rem !important;
}

/* Der Footer steht ausschließlich am Dokumentende. */
.site-footer {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 5 !important;
  width: 100% !important;
  min-height: 92px !important;
  height: auto !important;
  margin-top: auto !important;
  padding: 1rem 0 .55rem !important;
  overflow: hidden !important;
  pointer-events: auto !important;
  background: #d5ae72 !important;
}
.shoreline {
  position: absolute !important;
  inset: auto 0 0 0 !important;
  height: var(--shore-visual-height) !important;
  background: linear-gradient(180deg, #e0c088 0%, #c99a5e 100%) !important;
  border-top: 1px solid rgba(255,245,217,.8) !important;
  box-shadow: none !important;
}
.shoreline::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: .34;
  background:
    radial-gradient(circle at 8px 8px, rgba(255,246,215,.72) 0 1.5px, transparent 2px) 0 0/36px 28px,
    radial-gradient(circle at 23px 17px, rgba(97,67,35,.22) 0 1.3px, transparent 1.8px) 0 0/44px 34px;
}
.shoreline::after { display: none !important; }
.foam-belt,
.wet-sand,
.shoreline-wave,
.wave-far,
.wave-near { display: none !important; }
.dry-sand {
  position: absolute !important;
  inset: 0 !important;
  height: auto !important;
  background: transparent !important;
}
.shore-starfish { left: 8% !important; top: 12px !important; }
.shore-boat { left: 49% !important; top: 9px !important; }
.shore-anchor { right: 8% !important; top: 11px !important; }
.shore-shell-a { left: 28% !important; top: 34px !important; }
.shore-shell-b { right: 22% !important; top: 37px !important; }
.footer-inner {
  position: relative !important;
  z-index: 4 !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: min(96vw, 1100px) !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 .5rem !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  justify-content: center !important;
  gap: .35rem .8rem !important;
}
.footer-inner .copyright {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .3rem;
  margin: 0 !important;
  padding: .32rem .62rem;
  border-radius: 999px;
  color: #ffffff !important;
  background: rgba(4,38,56,.88) !important;
  font-weight: 750 !important;
  text-shadow: none !important;
}
.footer-inner .copyright span { color: #9fe8f2 !important; }
.footer-social {
  padding: .28rem .52rem;
  border-radius: 999px;
  color: #ffffff !important;
  background: rgba(4,38,56,.82) !important;
}
.image-credit { display: none !important; }
.back-to-top { bottom: 1rem !important; }