/* MeerHeimatLiebe 2.5.2-r34 — Footer/Sandwelle feinjustiert, echte farbige Symbole, Segelboot rechts unten */
:root {
  --r30-footer-text-height: 46px;
  --r30-beach-height: 54px;
}

.site-footer {
  min-height: calc(var(--r30-footer-text-height) + var(--r30-beach-height)) !important;
  padding: 0 !important;
  margin-top: auto !important;
  overflow: visible !important;
}

.site-footer::before {
  height: var(--r30-beach-height) !important;
  inset: auto 0 0 0 !important;
  background: linear-gradient(180deg, rgba(232,198,139,.96) 0%, rgba(215,171,106,.95) 48%, rgba(188,136,76,.96) 100%) !important;
  clip-path: polygon(0 42%,8% 24%,16% 35%,25% 20%,35% 34%,45% 22%,56% 37%,66% 21%,77% 33%,88% 20%,100% 30%,100% 100%,0 100%) !important;
  box-shadow: 0 -3px 12px rgba(54,34,12,.16) !important;
  z-index: 1 !important;
}

.site-footer::after {
  height: 14px !important;
  background: linear-gradient(180deg, rgba(164,113,60,.02), rgba(119,77,37,.12)) !important;
  z-index: 1 !important;
}

.shoreline,
.shoreline::before,
.shoreline::after {
  height: var(--r30-beach-height) !important;
  z-index: 2 !important;
}

.shoreline > span {
  bottom: 5px !important;
  opacity: 1 !important;
  filter: drop-shadow(0 2px 1px rgba(69,42,18,.34)) !important;
}
.shore-starfish { left: 8% !important; color: #ea7f69 !important; transform: rotate(-12deg) !important; }
.shore-shell-a { left: 22% !important; color: #fff2d2 !important; transform: rotate(-16deg) !important; }
.shore-seagull { left: 36% !important; color: #5fd1df !important; }
.shore-sailboat { left: 50% !important; bottom: 0 !important; width: 52px !important; height: 52px !important; transform: translateX(-50%) !important; }
.shore-anchor-left { left: 64% !important; color: #32afc4 !important; }
.shore-shell-b { right: 21% !important; color: #fff0c8 !important; transform: rotate(14deg) !important; }
.shore-anchor { right: 8% !important; color: #805a35 !important; }
.shore-sailboat-svg { width: 50px !important; height: 50px !important; }
.shore-sailboat-svg .shore-sailboat-mast,
.shore-sailboat-svg .shore-sailboat-wave { stroke: #15829d !important; }
.shore-sailboat-svg .shore-sailboat-hull { fill: #fff8e8 !important; stroke: #7a4b2d !important; }
.shore-sailboat-svg .shore-sailboat-sail--left { fill: #ffffff !important; stroke: #973f34 !important; }
.shore-sailboat-svg .shore-sailboat-sail--right { fill: #dd4e42 !important; stroke: #973f34 !important; }

.footer-inner,
.site-footer .footer-inner {
  position: relative !important;
  z-index: 3 !important;
  min-height: var(--r30-footer-text-height) !important;
  padding: .22rem .85rem calc(var(--r30-beach-height) + .16rem) !important;
  gap: .28rem .72rem !important;
  color: #fbfeff !important;
}
.footer-inner .copyright,
.footer-social {
  color: #fbfeff !important;
  text-shadow: 0 2px 6px rgba(0,0,0,.82), 0 0 10px rgba(0,28,43,.38) !important;
}
.footer-inner .copyright { font-weight: 700 !important; }
.footer-inner .copyright span { color: rgba(183,239,244,.96) !important; }
.footer-social { gap: .5rem !important; }
.footer-social .icon { width: 1.1rem !important; height: 1.1rem !important; }
.footer-social .icon:nth-child(1) { color: #66ddea !important; }
.footer-social .icon:nth-child(2) { color: #ffffff !important; }
.footer-social .icon:nth-child(3) { color: #ec8168 !important; }
.footer-social .icon:nth-child(4) { color: #f3c956 !important; }

.back-to-top.back-to-top-sailboat {
  right: max(1rem, env(safe-area-inset-right)) !important;
  left: auto !important;
  bottom: max(1rem, env(safe-area-inset-bottom)) !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(143,229,239,.55) !important;
  background: rgba(3,42,61,.78) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.28), 0 0 16px rgba(66,207,224,.12) !important;
  color: transparent !important;
}
.back-to-top.back-to-top-sailboat .icon { display: none !important; }
.back-to-top.back-to-top-sailboat .mhl-sailboat {
  width: 34px !important;
  height: 34px !important;
  overflow: visible !important;
}
.back-to-top.back-to-top-sailboat .sailboat-mast,
.back-to-top.back-to-top-sailboat .sailboat-wave {
  fill: none !important;
  stroke: #98e8f2 !important;
  stroke-width: 2.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.back-to-top.back-to-top-sailboat .sailboat-hull {
  fill: rgba(152,232,242,.12) !important;
  stroke: #98e8f2 !important;
  stroke-width: 2.3 !important;
  stroke-linejoin: round !important;
}
.back-to-top.back-to-top-sailboat .sailboat-sail {
  stroke: #98e8f2 !important;
  stroke-width: 2.1 !important;
  stroke-linejoin: round !important;
}
.back-to-top.back-to-top-sailboat .sailboat-sail--left { fill: rgba(255,255,255,.88) !important; }
.back-to-top.back-to-top-sailboat .sailboat-sail--right { fill: rgba(222,78,66,.9) !important; }
.back-to-top.back-to-top-sailboat:hover,
.back-to-top.back-to-top-sailboat:focus-visible {
  background: rgba(6,57,78,.96) !important;
  border-color: rgba(255,255,255,.92) !important;
}
.back-to-top.back-to-top-sailboat:hover .sailboat-mast,
.back-to-top.back-to-top-sailboat:hover .sailboat-wave,
.back-to-top.back-to-top-sailboat:hover .sailboat-hull,
.back-to-top.back-to-top-sailboat:focus-visible .sailboat-mast,
.back-to-top.back-to-top-sailboat:focus-visible .sailboat-wave,
.back-to-top.back-to-top-sailboat:focus-visible .sailboat-hull {
  stroke: #ffffff !important;
}
.back-to-top.back-to-top-sailboat:hover .sailboat-hull,
.back-to-top.back-to-top-sailboat:focus-visible .sailboat-hull {
  fill: rgba(255,255,255,.08) !important;
}
.back-to-top.back-to-top-sailboat:hover .sailboat-sail--left,
.back-to-top.back-to-top-sailboat:focus-visible .sailboat-sail--left {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}
.back-to-top.back-to-top-sailboat:hover .sailboat-sail--right,
.back-to-top.back-to-top-sailboat:focus-visible .sailboat-sail--right {
  fill: #d94034 !important;
  stroke: #ffffff !important;
}