/* MeerHeimatLiebe 2.5.2-r62
   Lueckenlose Unterdrueckung des nativen Mauszeigers bis an den Viewport-Rand.
   Animierter Schleswig-Holstein-Farbverlauf fuer den Markentitel. */

@media (hover: hover) and (pointer: fine) {
  html.mhl-maritime-cursor-enabled,
  html.mhl-maritime-cursor-enabled::before,
  html.mhl-maritime-cursor-enabled::after,
  html.mhl-maritime-cursor-enabled body,
  html.mhl-maritime-cursor-enabled body::before,
  html.mhl-maritime-cursor-enabled body::after,
  html.mhl-maritime-cursor-enabled *,
  html.mhl-maritime-cursor-enabled *::before,
  html.mhl-maritime-cursor-enabled *::after,
  html.mhl-maritime-cursor-enabled .mhl-maritime-cursor-layer,
  html.mhl-maritime-cursor-enabled .mhl-maritime-cursor-layer * {
    cursor: none !important;
  }

  html.mhl-maritime-cursor-enabled input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  html.mhl-maritime-cursor-enabled textarea,
  html.mhl-maritime-cursor-enabled [contenteditable="true"],
  html.mhl-maritime-cursor-enabled input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]) *,
  html.mhl-maritime-cursor-enabled textarea * ,
  html.mhl-maritime-cursor-enabled [contenteditable="true"] * {
    cursor: text !important;
  }
}

.brand-copy > strong {
  display: inline-block;
  color: #f8fbff;
  background-image: linear-gradient(
    105deg,
    #2f73b8 0%,
    #78b8ea 18%,
    #ffffff 38%,
    #f6fbff 50%,
    #e83a48 67%,
    #ff7b86 82%,
    #2f73b8 100%
  );
  background-size: 240% 100%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 0 10px rgba(255, 255, 255, .16),
    0 0 18px rgba(71, 157, 220, .10);
  filter: drop-shadow(0 1px 1px rgba(0, 20, 34, .42));
  animation: mhl-sh-brand-flow 8.5s cubic-bezier(.45, 0, .55, 1) infinite;
  will-change: background-position;
}

.brand:hover .brand-copy > strong,
.brand:focus-visible .brand-copy > strong {
  animation-duration: 3.2s;
  text-shadow:
    0 0 9px rgba(255, 255, 255, .27),
    0 0 22px rgba(74, 167, 231, .18),
    0 0 26px rgba(232, 58, 72, .10);
}

@keyframes mhl-sh-brand-flow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@media (prefers-reduced-motion: reduce) {
  .brand-copy > strong {
    animation: none !important;
    background-position: 52% 50%;
  }
}

@media (forced-colors: active) {
  .brand-copy > strong {
    color: LinkText;
    background: none;
    -webkit-text-fill-color: currentColor;
    filter: none;
    text-shadow: none;
  }
}