@charset "UTF-8";
/* CSS Document */

/* -----------------------------------------------------
   style.css – Globale Zusatz‑CSS für den One‑Pager
   (Tailwind‑Utility‑Klassen bleiben Haupt‑Layout) 
----------------------------------------------------- */

/* 1. Basis -------------------------------------------------------------- */
html {
  scroll-behavior: smooth;               /* weiches Scrollen für Anker‑Links */
}

body {
  font-family: 'Inter', sans-serif;      /* Google Font – professionell & modern */
  -webkit-font-smoothing: antialiased;
  color: #1f2937;                        /* Tailwind gray‑800 */
}

/* 2. Offset für Anker‑Sprünge (fixes Floating‑Nav) --------------------- */
section:target {
  scroll-margin-top: 7rem;               /* ≈ Header‑Höhe + Abstand */
}

/* 3. Blobs & dekorative Shapes ----------------------------------------- */
.blob {
  pointer-events: none;                  /* Maus ignorieren */
  user-select: none;
}

/* 4. Utility‑Klassen (kleine Helfer) ----------------------------------- */
.transition {
  transition: all .3s ease;
}

/* 5. Fade‑Up Animation für Section‑Reveal ------------------------------ */
@keyframes fadeUp {
  0%   { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0);    }
}

.section-animate {
  opacity: 0;                            /* wird per JS sichtbar gemacht */
  animation: fadeUp .6s ease forwards;
}