/* ####### Boot-Animation (dekorative Hintergrund-Ebene) — Motorbootschule Mühldorf ####### */

@keyframes mfm-drift-a { 0% { offset-distance: 0%; } 100% { offset-distance: 100%; } }
@keyframes mfm-drift-b { 0% { offset-distance: 0%; } 100% { offset-distance: 100%; } }
@keyframes mfm-drift-c { 0% { offset-distance: 0%; } 100% { offset-distance: 100%; } }
@keyframes mfm-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(3px); } }

.mfm-boat-layer {
  position: fixed;
  inset: 0;
  /* Negativer Stack-Level: rendert garantiert unter dem normalen Seiteninhalt,
     unabhängig von der DOM-Reihenfolge oder Stacking-Contexts anderer Theme-Elemente. */
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}
.mfm-boat-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 1600px;
  height: 900px;
  transform-origin: top left;
}
.mfm-boat {
  position: absolute;
  top: 0;
  left: 0;
  offset-rotate: auto;
  will-change: offset-distance;
}
.mfm-boat-bob {
  animation: mfm-bob 3.6s ease-in-out infinite;
  filter: drop-shadow(0 2px 5px rgba(30, 37, 71, 0.28));
}

@media (prefers-reduced-motion: reduce) {
  .mfm-boat,
  .mfm-boat-bob {
    animation: none !important;
  }
}