/* MeerHeimatLiebe 2.5.2-r76
   - integriert ein typisches Nordsee-Krabbenbild in den Preloader
   - entfernt die Sonne oben rechts
   - gestaltet den Preloader-Schriftzug in derselben Handschrift wie den Header */

:root {
  --mhl-title-handwriting-fallback: "Segoe Print", "Bradley Hand ITC", "Apple Chancery", "URW Chancery L", "Lucida Handwriting", cursive;
}

.mhl-preloader {
  background:
    linear-gradient(rgba(4, 18, 28, 0.40), rgba(4, 18, 28, 0.62)),
    radial-gradient(circle at 18% 82%, rgba(138, 93, 54, 0.17), transparent 24%),
    radial-gradient(circle at 77% 20%, rgba(243, 232, 214, 0.10), transparent 19%),
    url('../backgrounds/preloader-nordseekrabbe-nordsee.webp') 34% center / cover no-repeat fixed !important;
  overflow: hidden;
}

.mhl-preloader::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.0) 24%),
    radial-gradient(circle at 50% 46%, rgba(255, 248, 234, 0.05), transparent 24%),
    linear-gradient(90deg, rgba(8, 20, 28, 0.07), rgba(8, 20, 28, 0.025) 36%, rgba(8, 20, 28, 0.0) 57%);
  pointer-events: none;
}

.mhl-preloader__glass,
.mhl-preloader [data-preloader-panel],
.mhl-preloader [data-preloader-content] {
  position: relative;
  z-index: 1;
}

/* Haupttitel im Preloader an die Header-Handschrift angleichen */
.mhl-preloader h1,
.mhl-preloader .mhl-preloader__title,
.mhl-preloader [data-preloader-title],
.mhl-preloader .preloader-title {
  font-family: var(--mhl-title-handwriting, var(--mhl-title-handwriting-fallback)) !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures contextual;
  text-rendering: optimizeLegibility;
  letter-spacing: 0.01em !important;
}

/* Sonne oben rechts ausblenden */
.mhl-preloader .mhl-preloader__sun,
.mhl-preloader .preloader-sun,
.mhl-preloader .mhl-sun,
.mhl-preloader .sun,
.mhl-preloader .orb--sun,
.mhl-preloader [data-preloader-sun],
.mhl-preloader [data-sun],
.mhl-preloader [aria-label="Sonne"],
.mhl-preloader [title="Sonne"] {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}





@media (prefers-reduced-motion: reduce) {
  .mhl-preloader {
    background-attachment: scroll !important;
  }
}