/* ALD Phase-1-Feier — Vollbild-Luftballons.
   Rein lokal, keine externen Skripte/Daten. Pointer-events aus → blockiert keine Klicks.
   Respektiert prefers-reduced-motion (dann aus). Farben werden je Ballon per JS gesetzt. */
.ald-cele{position:fixed;inset:0;z-index:70;pointer-events:none;overflow:hidden;contain:strict}
.ald-cele .bln{
  position:absolute;bottom:-16vh;width:46px;height:58px;
  border-radius:50% 50% 48% 48% / 55% 55% 45% 45%;
  opacity:.94;will-change:transform;
  box-shadow:inset -6px -8px 12px rgba(0,0,0,.12);
  animation:ald-rise linear forwards;
}
.ald-cele .bln::before{           /* Glanzpunkt */
  content:"";position:absolute;top:14%;left:24%;width:26%;height:30%;
  border-radius:50%;background:rgba(255,255,255,.55);filter:blur(.4px);
}
.ald-cele .bln::after{            /* Schnur */
  content:"";position:absolute;bottom:-44px;left:50%;width:2px;height:46px;
  margin-left:-1px;background:rgba(0,30,92,.22);
}
.ald-cele .knot{                  /* Knoten unten */
  position:absolute;bottom:-5px;left:50%;width:9px;height:7px;margin-left:-4.5px;
  border-radius:0 0 50% 50%;background:inherit;
}
@keyframes ald-rise{
  0%   {transform:translateY(0)      translateX(0)    rotate(-7deg)}
  35%  {transform:translateY(-50vh)  translateX(26px) rotate(7deg)}
  70%  {transform:translateY(-95vh)  translateX(-14px)rotate(-5deg)}
  100% {transform:translateY(-135vh) translateX(8px)  rotate(4deg)}
}
@media (prefers-reduced-motion:reduce){.ald-cele{display:none!important}}