body {
    position: relative; /* Damit ::before als Hintergrund funktionieren kann */
    font-family: Arial, sans-serif;
    color: #ffffff;
    background: #000000; /* Basisfarbe, falls das Bild nicht geladen wird */
    overflow-x: hidden;
    height: 100vh;
  }
  
  /* Pseudo-Element für den Hintergrund */
  body::before {
    content: "";
    position: fixed; /* Fixiert den Hintergrund */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../assets/background2.webp") center/cover no-repeat;
    opacity: 0.2; /* Hier kannst du den Wert anpassen – je niedriger, desto dezent */
    z-index: -1; /* Hinter alle Inhalte */
  }

/* Partikel-Canvas: Deckt den gesamten Hintergrund ab */
#particleCanvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
}