/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 08 2026 | 17:37:38 */
.nd-seo-page {
  --iyf-red: #d71920;
  --iyf-red-dark: #a70f16;
  --iyf-navy: #17214f;
  --iyf-dark: #080808;
  --iyf-soft-red: #ff4b4b;
}

.nd-seo-page .hero h1 {
  font-size: clamp(44px, 5.4vw, 68px);
  font-weight: 900;
  line-height: 1.02;
  color: var(--iyf-dark);
  letter-spacing: -0.035em;
  margin: 24px 0 24px;
}

.nd-seo-page .hero h1 .iyf-shimmer {
  display: inline-block;
  line-height: 1.15;
  padding-bottom: .05em;

  background: linear-gradient(
    120deg,
    var(--iyf-navy) 0%,
    var(--iyf-red-dark) 28%,
    var(--iyf-red) 45%,
    var(--iyf-soft-red) 55%,
    var(--iyf-red) 68%,
    var(--iyf-navy) 100%
  );

  background-size: 240% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: iyf-shimmer-text 6s ease-in-out infinite;
}

@keyframes iyf-shimmer-text {
  0% {
    background-position: 0% center;
  }

  50% {
    background-position: 100% center;
  }

  100% {
    background-position: 0% center;
  }
}

/* Netter voor bezoekers die animaties uit hebben staan */
@media (prefers-reduced-motion: reduce) {
  .nd-seo-page .hero h1 .iyf-shimmer {
    animation: none;
    background-position: 45% center;
  }
}