/* hind-madurai-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 300;
  src: url('../myfonts/hind-madurai-v13-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-madurai-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 400;
  src: url('../myfonts/hind-madurai-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-madurai-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 500;
  src: url('../myfonts/hind-madurai-v13-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-madurai-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 600;
  src: url('../myfonts/hind-madurai-v13-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-madurai-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 700;
  src: url('../myfonts/hind-madurai-v13-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
    font-family: 'murqass';
    font-style: normal;
    font-weight: normal;
  src: url('../myfonts/murgass.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body {font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 600;} 
h1,h2,h3  {font-family: 'Hind Madurai';
  font-style: normal;
  font-weight: 800;}
h4  {font-family: 'murqass';
  font-style: normal;
  font-weight: normal;}

/* Grundzustand: Grau und Vorbereitung des Übergangs */
.scroll-color-logic {
    color: #888888 !important; /* Ihr gewünschtes Grau */
    transition: color 0.8s ease-in-out; /* Dauer des Farbwechsels */
}

/* Zustand, wenn das Element 'aktiv' wird */
.scroll-color-logic.is-active {
    color: #000000 !important; /* Tiefschwarz */
}

/* Container darf die ursprüngliche Farbe (Grau) vorgeben */
.scroll-word-reveal {
    color: #888888 !important;
}

/* Die generierten Wort-Spans übernehmen ALLES vom Original-Text */
.scroll-word-reveal span.word {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    display: inline-block;
    color: #888888; /* Startfarbe */
    transition: color 0.4s ease;
    white-space: pre; /* Behält exakte Abstände bei */
}

/* Nur die Farbe ändert sich beim Aktivieren */
.scroll-word-reveal span.word.word-active {
    color: #000000 !important; /* Zielfarbe Schwarz */
}

/* 1. Grundzustand der Bilder im Carousel */
.carousel-blur-effect .sppb-img-container img, 
.carousel-blur-effect img {
    transition: filter 0.5s ease-in-out, transform 0.5s ease-in-out;
    filter: blur(0px);
}

/* 2. Effekt beim Hover auf ein einzelnes Bild */
/* Wir sprechen das Slide-Item an, damit der Effekt präzise auslöst */
.carousel-blur-effect .sppb-carousel-item:hover img {
    filter: blur(10px); /* Stärke der Unschärfe */
    transform: scale(1.02); /* Optional: Leichter Zoom-Effekt für mehr Dynamik */
}