/* KONFETTI */

/* .anim-Konfetti::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 999;
    pointer-events: none;
    background-image:
        url("/wp-content/themes/bonbon2026/assets/images/animations/Konfetti/download%202.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Konfetti/BonBon-Konfetti-NEU_71.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Konfetti/BonBon-Konfetti-NEU_24.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Konfetti/download%204.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Konfetti/BonBon-Konfetti-NEU_53.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Konfetti/BonBon-Konfetti-NEU_48.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Konfetti/BonBon-Konfetti-NEU_17.png");
    background-repeat: no-repeat;
    background-position:
        6% 12%, 105% 30%, 25% 42%, 60% 23%, 5% 40%, 8% 80%, 94% 45%;
    background-size:
        180px, 150px, 110px, 180px, 180px, 130px, 150px;
    animation: floatSoft 8s ease-in-out infinite;
}

.anim-Konfetti::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 9999;
    pointer-events: none;
    background-image:
        url("/wp-content/themes/bonbon2026/assets/images/animations/Konfetti/BonBon-Konfetti-NEU_06.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Konfetti/BonBon-Konfetti-NEU_64.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Konfetti/BonBon-Konfetti-NEU_12.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Konfetti/BonBon-Konfetti-NEU_79.png");
    background-repeat: no-repeat;
    background-position:
        100% 100%, -5% 110%, 80% 0%, 30% 50%;
    background-size:
        290px, 320px, 220px, 250px;
    filter: blur(4px);
    opacity: 0.9;
    animation: floatSlow 12s ease-in-out infinite;
}

@keyframes confettiHideOnce {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  40% {
    transform: translate3d(0, -12px, 0);
    opacity: 1;
  }

  60% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
}

.anim-Konfetti::before {
  animation: confettiHideOnce 10s ease-in-out forwards;
  will-change: transform, opacity;
}

.anim-Konfetti::after {
  animation: confettiHideOnce 10s ease-in-out forwards;
  will-change: transform, opacity;
}

.anim-Konfetti {
  overflow: hidden;
}

/* :iphone: MOBILE ONLY */
@media (max-width: 767px) {

    .anim-Konfetti::after {
        background-image:
         url("/wp-content/themes/bonbon2026/assets/images/animations/Konfetti/BonBon-Konfetti-NEU_64.png"),
         url("/wp-content/themes/bonbon2026/assets/images/animations/Konfetti/BonBon-Konfetti-NEU_64.png"),
         url("/wp-content/themes/bonbon2026/assets/images/animations/Konfetti/BonBon-Konfetti-NEU_06.png");
        background-repeat: no-repeat;
        background-position:
            -123% 70%, -123% 70%, 312% 109%;
        background-size:
            77%, 77%, 87%;
        filter: blur(5px);  
    }

    .anim-Konfetti::before {
        background-image:
            url("/wp-content/themes/bonbon2026/assets/images/animations/Konfetti/download%202.png"),
            url("/wp-content/themes/bonbon2026/assets/images/animations/Konfetti/BonBon-Konfetti-NEU_71.png"),
            url("/wp-content/themes/bonbon2026/assets/images/animations/Konfetti/BonBon-Konfetti-NEU_24.png");
        background-repeat: no-repeat;
        background-position:
            5% 20%, 95% 5%, 50% 95%;
        background-size:
            120px, 110px, 130px;
    }
} */

/* KONFETTI */


/* BALLON */

/* .anim-Ballons::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 999;
    pointer-events: none;
    background-image:
        url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons/BonBon-Ballon-3-Blau.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons/BonBon-Ballon-3-Rot.png");
    background-repeat: no-repeat;
    background-position:
        6% 28%, 107% 180%;
    background-size:
        28%, 22%;
    animation: floatSoft 8s ease-in-out infinite;
}

.anim-Ballons::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 9999;
    pointer-events: none;
    background-image:
        url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons/BonBon-Ballon-3-Orange.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons/BonBon-Ballon-3-Gold.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons/BonBon-Ballon-3-Rosa.png");
    background-repeat: no-repeat;
    background-position:
        -11% -50%, 63% -34%, 93% -87%;
    background-size:
        33%, 14%, 33%;
    filter: blur(5px);
    opacity: 0.9;
    animation: floatSlow 12s ease-in-out infinite;
}

@keyframes confettiHideOnce {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  40% {
    transform: translate3d(0, -12px, 0);
    opacity: 1;
  }

  60% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
}

.anim-Ballons::before {
  animation: confettiHideOnce 10s ease-in-out forwards;
  will-change: transform, opacity;
}

.anim-Ballons::after {
  animation: confettiHideOnce 10s ease-in-out forwards;
  will-change: transform, opacity;
}

.anim-Ballons {
  overflow: hidden;
}

/* :iphone: MOBILE ONLY */
@media (max-width: 767px) {

    .anim-Ballons::after {
        background-image:
            url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons/BonBon-Ballon-3-Orange.png"),
            url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons/BonBon-Ballon-3-Rosa.png"),
            url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons/BonBon-Ballon-3-Gold.png");
        background-repeat: no-repeat;
        background-position:
            -81% 27%, 344% 219%, 75% -4%;
        background-size:
            65%, 87%, 30%;
        filter: blur(5px);
    }

    .anim-Ballons::before {
        background-image:
        url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons/BonBon-Ballon-3-Rot.png");
        background-repeat: no-repeat;
        background-position:
            128% 28%;
        background-size:
            40%;
    }
} */
/* BALLON */


/* BALLON - HERTZ */


/* .anim-Ballons-Herz::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 999;
    pointer-events: none;
    background-image:
        url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons-Herz/Rotes-Herz-BonBon-Ballon.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons-Herz/BonBon-Ballon-Herz-rosa.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons-Herz/Rotes-Herz-BonBon-Ballon.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons-Herz/BonBon-Ballon-Herz-rosa.png");
    background-repeat: no-repeat;
    background-position:
        -6% 106%, 38% 200%, 115% 28%, 70% -19%;
    background-size:
        21%, 28%, 28%, 22%;
    animation: floatSoft 8s ease-in-out infinite;
}

.anim-Ballons-Herz::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 9999;
    pointer-events: none;
    background-image:
        url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons-Herz/BonBon-Ballon-Herz-rosa.png"),
       url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons-Herz/BonBon-Ballon-Herz-rosa.png");
    background-repeat: no-repeat;
    background-position:
        -4% -50%, 117% 188%;
    background-size:
        33%, 37%;
    filter: blur(5px);
    opacity: 0.9;
    animation: floatSlow 12s ease-in-out infinite;
}

@keyframes confettiHideOnce {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  40% {
    transform: translate3d(0, -12px, 0);
    opacity: 1;
  }

  60% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
}

.anim-Ballons-Herz::before {
  animation: confettiHideOnce 10s ease-in-out forwards;
  will-change: transform, opacity;
}

.anim-Ballons-Herz::after {
  animation: confettiHideOnce 10s ease-in-out forwards;
  will-change: transform, opacity;
}

.anim-Ballons-Herz {
  overflow: hidden;
}

/* :iphone: MOBILE ONLY */
@media (max-width: 767px) {

    .anim-Ballons-Herz::after {
        background-image:
        url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons-Herz/BonBon-Ballon-Herz-rosa.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons-Herz/BonBon-Ballon-Herz-rosa.png");
        background-repeat: no-repeat;
        background-position:
            -81% 27%, 312% 84%;
        background-size:
            65%, 87%;
        filter: blur(5px);
    }

    .anim-Ballons-Herz::before {
        background-image:
            url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons-Herz/Rotes-Herz-BonBon-Ballon.png"),
            url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons-Herz/BonBon-Ballon-Herz-rosa.png"),
            url("/wp-content/themes/bonbon2026/assets/images/animations/Ballons-Herz/Rotes-Herz-BonBon-Ballon.png");
        background-repeat: no-repeat;
        background-position:
            -33% 80%, 77% 6%, 128% 28%;
        background-size:
            66%, 41%, 52%;
    }

} */

/* BALLON - HERTZ */


/* Schneeflocke */
/* .anim-Schneeflocke {
  position: relative;
  overflow: hidden;
}

.anim-Schneeflocke::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1; 
  pointer-events: none; 
  background:
    radial-gradient(circle at 15% 26%, #add8e6, transparent 18%), radial-gradient(circle at 80% 27%, #add8e6, transparent 17%), radial-gradient(circle at 50% 50%, rgb(220 240 255 / 72%), transparent 70%); 
  filter: blur(60px);
  opacity: 0.8;
}

.anim-Schneeflocke::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 9999;
    pointer-events: none;
    background-image:
        url("/wp-content/themes/bonbon2026/assets/images/animations/Schneeflocke/BonBon-Schneeflocke-Hellblau.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Schneeflocke/BonBon-Schneeflocke-Hellblau.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Schneeflocke/BonBon-Schneeflocke-Hellblau.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Schneeflocke/BonBon-Schneeflocke-Hellblau.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Schneeflocke/BonBon-Schneeflocke-Hellblau.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Schneeflocke/BonBon-Schneeflocke-Hellblau.png");
    background-repeat: no-repeat;
    background-position:
       -1% 74%, 14% 16%, 73% 5%, 87% 90%, 60% 23%, 102% 54%;
    background-size:
        11%, 9%  , 9%, 9%, 8%, 8%;
    filter: blur(2px);
    opacity: 0.9;
    animation: floatSlow 12s ease-in-out infinite;
}

@keyframes confettiHideOnce {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  40% {
    transform: translate3d(0, -12px, 0);
    opacity: 1;
  }

  60% {
    opacity: 0;
  }

  100% {
    opacity: 0;
    transform: translate3d(0, 10px, 0);
  }
}

.anim-Schneeflocke::before {
  animation: confettiHideOnce 10s ease-in-out forwards;
  will-change: transform, opacity;
}

.anim-Schneeflocke::after {
  animation: confettiHideOnce 10s ease-in-out forwards;
  will-change: transform, opacity;
}

.anim-Schneeflocke {
  overflow: hidden;
}

/* :iphone: MOBILE ONLY */
@media (max-width: 767px) {

    .anim-Schneeflocke::after {
        background-image:
        url("/wp-content/themes/bonbon2026/assets/images/animations/Schneeflocke/BonBon-Schneeflocke-Hellblau.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Schneeflocke/BonBon-Schneeflocke-Hellblau.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Schneeflocke/BonBon-Schneeflocke-Hellblau.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Schneeflocke/BonBon-Schneeflocke-Hellblau.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Schneeflocke/BonBon-Schneeflocke-Hellblau.png"),
        url("/wp-content/themes/bonbon2026/assets/images/animations/Schneeflocke/BonBon-Schneeflocke-Hellblau.png");
        background-repeat: no-repeat;
        background-position:
           -32% 43%, 25% 105%, 83% -11%, 114% 110%, 72% 23%, 107% 43%;
        background-size:
            47%, 16%  , 14%, 31%, 17%, 27%;
        filter: blur(2px);
    }

   

} */

/* Schneeflocke */