/* Source common/css/styles/keyframes/highlighted_anchor.scss */

@keyframes highlighted_anchor {
  0% {
    background: transparent;
    box-shadow: none;
  }
  70% {
    background: rgba(79, 126, 42, 0.1);
    box-shadow: 0 0 0 1.25rem rgba(79, 126, 42, 0.1);
  }
  100% {
    background: transparent;
    box-shadow: none;
  }
}

/* Source common/css/styles/keyframes/image_gallery.scss */

@keyframes image_gallery_spinner {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes image_gallery_bounce_from_right {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -1.875rem;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes image_gallery_bounce_from_left {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 1.875rem;
  }
  100% {
    margin-left: 0;
  }
}

/* Source common/css/styles/keyframes/preloader_rotate.scss */

@keyframes preloader_rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Source common/css/styles/keyframes/tree_animation.scss */

@charset "UTF-8";
@keyframes gentle_float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes wiggle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes flower {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-3deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes flower_soft {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes flower_scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.96);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes gentle_float_delayed {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-2px);
  }
  75% {
    transform: translateY(-1px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes drift_and_fade {
  0% {
    transform: translate(0, 0) rotate(0deg);
    opacity: 1;
  }
  25% {
    transform: translate(-40px, -25px) rotate(2deg);
    opacity: 1;
  }
  50% {
    transform: translate(-80px, -50px) rotate(4deg);
    opacity: 1;
  }
  75% {
    transform: translate(-120px, -100px) rotate(6deg);
    opacity: 0.5;
  }
  90% {
    transform: translate(-150px, -150px) rotate(8deg);
    opacity: 0.1;
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
    opacity: 1;
  }
}
/* 1) Pro-Blatt-Drift: alle starten bei 0% am Ursprung (sichtbar),
      fliegen dann mit unterschiedlichem Startzeitpunkt los,
      enden unsichtbar -> nächster Loop beginnt wieder synchron am Ursprung. */
/* Blatt 1 – startet sofort nach der gemeinsamen 0%-Phase */
@keyframes seed-drift-1 {
  0% {
    opacity: 1;
    transform: translate(var(--wx), var(--wy)) rotate(var(--wrot)) scale(1);
  }
  8% {
    opacity: 1;
    transform: translate(var(--wx), var(--wy)) rotate(var(--wrot)) scale(1);
  }
  38% {
    opacity: 0.85;
    transform: translate(calc(var(--dx)*.38 + var(--wx)), calc(var(--dy)*.38 + var(--wy))) rotate(calc(var(--rot)*.35 + var(--wrot))) scale(0.985);
  }
  70% {
    opacity: 0.45;
    transform: translate(calc(var(--dx)*.75 + var(--wx)), calc(var(--dy)*.75 + var(--wy))) rotate(calc(var(--rot)*.8 + var(--wrot))) scale(0.955);
  }
  100% {
    opacity: 0;
    transform: translate(calc(var(--dx) + var(--wx)), calc(var(--dy) + var(--wy))) rotate(calc(var(--rot) + var(--wrot))) scale(0.94);
  }
}
/* Blatt 2 – wartet etwas länger am Ursprung, dann driftet */
@keyframes seed-drift-2 {
  0%, 12% {
    opacity: 1;
    transform: translate(var(--wx), var(--wy)) rotate(var(--wrot)) scale(1);
  }
  42% {
    opacity: 0.85;
    transform: translate(calc(var(--dx)*.38 + var(--wx)), calc(var(--dy)*.38 + var(--wy))) rotate(calc(var(--rot)*.35 + var(--wrot))) scale(0.985);
  }
  74% {
    opacity: 0.45;
    transform: translate(calc(var(--dx)*.75 + var(--wx)), calc(var(--dy)*.75 + var(--wy))) rotate(calc(var(--rot)*.8 + var(--wrot))) scale(0.955);
  }
  100% {
    opacity: 0;
    transform: translate(calc(var(--dx) + var(--wx)), calc(var(--dy) + var(--wy))) rotate(calc(var(--rot) + var(--wrot))) scale(0.94);
  }
}
/* Blatt 3 */
@keyframes seed-drift-3 {
  0%, 16% {
    opacity: 1;
    transform: translate(var(--wx), var(--wy)) rotate(var(--wrot)) scale(1);
  }
  46% {
    opacity: 0.85;
    transform: translate(calc(var(--dx)*.38 + var(--wx)), calc(var(--dy)*.38 + var(--wy))) rotate(calc(var(--rot)*.35 + var(--wrot))) scale(0.985);
  }
  76% {
    opacity: 0.45;
    transform: translate(calc(var(--dx)*.75 + var(--wx)), calc(var(--dy)*.75 + var(--wy))) rotate(calc(var(--rot)*.8 + var(--wrot))) scale(0.955);
  }
  100% {
    opacity: 0;
    transform: translate(calc(var(--dx) + var(--wx)), calc(var(--dy) + var(--wy))) rotate(calc(var(--rot) + var(--wrot))) scale(0.94);
  }
}
/* Blatt 4 */
@keyframes seed-drift-4 {
  0%, 20% {
    opacity: 1;
    transform: translate(var(--wx), var(--wy)) rotate(var(--wrot)) scale(1);
  }
  50% {
    opacity: 0.85;
    transform: translate(calc(var(--dx)*.38 + var(--wx)), calc(var(--dy)*.38 + var(--wy))) rotate(calc(var(--rot)*.35 + var(--wrot))) scale(0.985);
  }
  78% {
    opacity: 0.45;
    transform: translate(calc(var(--dx)*.75 + var(--wx)), calc(var(--dy)*.75 + var(--wy))) rotate(calc(var(--rot)*.8 + var(--wrot))) scale(0.955);
  }
  100% {
    opacity: 0;
    transform: translate(calc(var(--dx) + var(--wx)), calc(var(--dy) + var(--wy))) rotate(calc(var(--rot) + var(--wrot))) scale(0.94);
  }
}
/* Blatt 5 */
@keyframes seed-drift-5 {
  0%, 24% {
    opacity: 1;
    transform: translate(var(--wx), var(--wy)) rotate(var(--wrot)) scale(1);
  }
  54% {
    opacity: 0.85;
    transform: translate(calc(var(--dx)*.38 + var(--wx)), calc(var(--dy)*.38 + var(--wy))) rotate(calc(var(--rot)*.35 + var(--wrot))) scale(0.985);
  }
  80% {
    opacity: 0.45;
    transform: translate(calc(var(--dx)*.75 + var(--wx)), calc(var(--dy)*.75 + var(--wy))) rotate(calc(var(--rot)*.8 + var(--wrot))) scale(0.955);
  }
  100% {
    opacity: 0;
    transform: translate(calc(var(--dx) + var(--wx)), calc(var(--dy) + var(--wy))) rotate(calc(var(--rot) + var(--wrot))) scale(0.94);
  }
}
/* 2) Wobble – kleine, flüssige Taumelbewegung (addiert sich zur Drift) */
@keyframes seed-wobble {
  0% {
    --wx: 0px;
    --wy: 0px;
    --wrot: 0deg;
  }
  25% {
    --wx: -8px;
    --wy: -3px;
    --wrot: -5deg;
  }
  50% {
    --wx: -2px;
    --wy: -6px;
    --wrot: 4deg;
  }
  75% {
    --wx: -9px;
    --wy: -2px;
    --wrot: -4deg;
  }
  100% {
    --wx: 0px;
    --wy: 0px;
    --wrot: 0deg;
  }
}