/* === von früh an – 1:1 Rekonstruktion === */

@font-face {
  font-family: 'Kohinoor Bangla';
  src: url('/fonts/KohinoorBangla-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kohinoor Bangla';
  src: url('/fonts/KohinoorBangla-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kohinoor Bangla';
  src: url('/fonts/KohinoorBangla-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kohinoor Bangla';
  src: url('/fonts/KohinoorBangla-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Kohinoor Bangla';
  src: url('/fonts/KohinoorBangla-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --sage:       rgb(157, 175, 137);   /* #9daf89 – Hauptgrün */
  --sage-light: rgb(209, 220, 198);   /* #d1dcc6 – Hellgrün Top-Bar */
  --text:       rgb(51, 51, 51);      /* #333 */
  --gray:       rgb(138, 138, 138);   /* #8a8a8a */
  --white:      #ffffff;
  --max-w:      940px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: 'Kohinoor Bangla', sans-serif;
  color: var(--text);
  background: var(--white);
  font-size: 14px;
  line-height: 20px;
}

a { text-decoration: none; color: inherit; }
img { display: block; max-width: 100%; }
ul { list-style: none; }

.w-container {
  max-width: var(--max-w);
  margin: 0 auto;
}

/* === SCROLL REVEAL === */
.reveal {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.reveal.is-visible {
  opacity: 1;
  transform: none;
}
.reveal-delay-1 { transition-delay: 0.08s; }
.reveal-delay-2 { transition-delay: 0.16s; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}