/* 1.2.71: Startseiten-Effekte (Testschalter). Wird nur geladen, wenn auf der Startseite ?fx=1 aufgerufen wurde.
   Ausschalten: Startseite mit ?fx=0 aufrufen. Rückweg: Template 1.2.70. */

/* Lenis (weiches Scrollen) */
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: hidden; }

/* Hero: goldener Doppelbogen um „Iqra“ (nur Desktop) */
.mbfx-bogen { display: none; }
@media (min-width: 992px) {
  html.mbfx .mbfx-bogen {
    display: block !important; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);
    width: 150px; height: auto; pointer-events: none; z-index: 0;
  }
  .mbfx-bogen path { fill: none; stroke: var(--mb-gold-soft, #C2A25A); stroke-width: 1.4; }
  .mbfx-bogen path + path { stroke: var(--mb-gold-light, #E6CF94); stroke-width: .9; opacity: .55; }
}

/* Kategorie-Kacheln: anheben beim Darüberfahren */
@media (hover: hover) {
  /* 1.2.75: Anheben über „translate“ statt „transform“ – sonst bremst der CSS-Übergang die Einblend-Animation (GSAP nutzt transform) */
  html.mbfx .mb-cat { transition: translate .3s ease, border-color .2s, box-shadow .3s; }
  html.mbfx .mb-cat:hover { translate: 0 -5px; box-shadow: 0 14px 30px rgba(31, 74, 58, .12); }
}

/* Empfehlungen: ab 1.2.78 ohne Effekte (Reihe wie im Grund-Template) */

/* Zahlen-Leiste */
.mbfx-zahlen { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; }
@media (min-width: 768px) { .mbfx-zahlen { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; } }
.mbfx-zahl { border-top: 2px solid var(--mb-gold-soft, #C2A25A); padding-top: 12px; }
.mbfx-zahl b {
  display: block; font-family: "Cormorant Garamond", Georgia, serif; font-weight: 700; line-height: 1;
  font-size: 2.6rem; color: var(--mb-emerald, #1F4A3A); font-variant-numeric: tabular-nums;
}
@media (min-width: 992px) { .mbfx-zahl b { font-size: 3.6rem; } }
.mbfx-zahl span { display: block; margin-top: 6px; font-size: .95rem; color: var(--mb-navy, #1C1D2C); }

/* Wort-Effekt im Verlags-Kasten */
html.mbfx .mbx-sub .mbfx-w { display: inline-block; }