/* ==========================================================================
   MkDocs Custom Snow - Einstellbare Menge
   ========================================================================== */

:root {
  /* Farbe im Dark Mode */
  --snow-color: rgba(255, 255, 255, 0.8);
}

[data-md-color-scheme="default"] {
  /* Farbe im Light Mode */
  --snow-color: rgba(140, 160, 190, 0.8);
}

body {
  position: relative;
  overflow-x: hidden;
}

@keyframes snowfall-text {
  0% { transform: translateY(-100vh); }
  100% { transform: translateY(100vh); }
}

/* Grundeinstellungen für die Flocken */
body::before, body::after {
  content: "❄";
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  pointer-events: none;
  z-index: 100;
  color: transparent;
  animation: snowfall-text linear infinite;
}

/* ==========================================================================
   SCHICHT 1: Kleine Flocken (Hintergrund)
   Dauer: 40s (sehr langsam)
   ========================================================================== */
body::before {
  font-size: 1em;
  opacity: 0.7;
  animation-duration: 40s;
  
  /* JEDE ZEILE IST EINE FLOCKE.
     Syntax: [Horizontale Position] [Vertikale Start-Position] [Farbe]
     Lösche Zeilen hier unten, um den Schneefall auszudünnen.
  */
  text-shadow: 
    /* --- Block A: Basis-Schnee (Lass diese stehen für leichten Schnee) --- */
    5vw   -10vh  var(--snow-color),
    25vw  -20vh  var(--snow-color),
    50vw  -15vh  var(--snow-color),
    75vw  -10vh  var(--snow-color),
    95vw  -25vh  var(--snow-color),
    
    /* --- Block B: Mittlerer Schneefall (Löschen für weniger) --- */
    15vw  10vh   var(--snow-color),
    35vw  30vh   var(--snow-color),
    55vw  50vh   var(--snow-color),
    80vw  70vh   var(--snow-color),
    10vw  90vh   var(--snow-color),
    
    /* --- Block C: Dichter Schneefall (Löschen für weniger) --- */
    65vw  20vh   var(--snow-color),
    40vw  80vh   var(--snow-color),
    85vw  40vh   var(--snow-color),
    20vw  60vh   var(--snow-color),
    90vw  5vh    var(--snow-color),
    30vw  -5vh   var(--snow-color),
    60vw  95vh   var(--snow-color);
}

/* ==========================================================================
   SCHICHT 2: Große Flocken (Vordergrund)
   Dauer: 25s (etwas schneller)
   TIPP: Wenn du diese Schicht ganz löschen willst, setze unten "display: none;"
   ========================================================================== */
body::after {
  /* display: none; */ /* <--- Entferne die Kommentare hier, um große Flocken komplett abzuschalten */
  
  font-size: 1.8em;
  opacity: 0.5;
  animation-duration: 25s;
  animation-delay: -10s;

  text-shadow: 
    /* --- Große Flocken --- */
    10vw  -10vh  var(--snow-color),
    30vw  20vh   var(--snow-color),
    80vw  5vh    var(--snow-color),
    
    /* --- Mehr große Flocken --- */
    55vw  -30vh  var(--snow-color),
    90vw  60vh   var(--snow-color),
    20vw  85vh   var(--snow-color),
    70vw  40vh   var(--snow-color);
}