/* Bolle in Bewegung (Kinderseite): Koerperteile einzeln animiert, aus der Bewegungsprobe V22 uebernommen */
.bolle-anim .bstage{position:relative;aspect-ratio:1/1;overflow:hidden;width:var(--bolle-size,290px);margin:0 auto}
.bolle-anim .L{background-image:var(--img)}
.bolle-anim:not(.is-playing) *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.bolle-anim .L,.bolle-anim .P,.bolle-anim .pend,.bolle-anim .drop,.bolle-anim .base{animation:none!important}}
.bolle-anim .L{position:absolute;inset:0;background-image:var(--img);background-size:100% 100%;will-change:transform}
.bolle-anim .P{position:absolute;background-size:100% 100%;background-repeat:no-repeat;will-change:transform}
.bolle-anim .bellsway{animation:bolle-bellsway 1.8s ease-in-out infinite alternate}
.bolle-anim .armPL{animation:bolle-armPL 1.0s ease-in-out infinite alternate}
.bolle-anim .armPR{animation:bolle-armPR 1.0s ease-in-out .12s infinite alternate}
.bolle-anim .earPR{animation:bolle-earPR 3s ease-in-out infinite}
.bolle-anim .blink{clip-path:inset(100% 0 0 0);animation:bolle-blink 6s ease-in-out infinite}
.bolle-anim .blink2{animation-delay:.12s}
.bolle-anim .jawchew{animation:bolle-jawchew .7s ease-in-out infinite}
.bolle-anim .grasschew{animation:bolle-grasschew .7s ease-in-out infinite}
.bolle-anim .cheekchew{animation:bolle-cheekchew .7s ease-in-out infinite}
.bolle-anim .earL{animation:bolle-earL 3.4s ease-in-out infinite}
.bolle-anim .earR{animation:bolle-earR 3.4s ease-in-out 1.1s infinite}
.bolle-anim .tailwag4{animation:bolle-tailwag4 1.8s ease-in-out infinite alternate}
.bolle-anim .earKL{animation:bolle-earKL 3.2s ease-in-out infinite}
.bolle-anim .earKR{animation:bolle-earKR 3.2s ease-in-out 1.2s infinite}
.bolle-anim .tailK{animation:bolle-tailK 1.4s ease-in-out infinite alternate}
.bolle-anim .pend{position:absolute;inset:0;transform-origin:50% 0%;animation:bolle-swing 2.8s ease-in-out infinite}
.bolle-anim .bstage.swingstage .base{animation:bolle-swing 2.8s ease-in-out infinite;transform-origin:50% 0%}
.bolle-anim .drop{position:absolute;width:3%;height:4.4%;border-radius:50% 50% 50% 50%/65% 65% 35% 35%;background:#5BC0EB;opacity:0;animation:bolle-drop 1.4s ease-out infinite}
.bolle-anim .d1{left:16%;top:56%;animation-delay:0s}
.bolle-anim .d2{left:86%;top:50%;animation-delay:.25s}
.bolle-anim .d3{left:28%;top:40%;animation-delay:.5s}
.bolle-anim .d4{left:76%;top:38%;animation-delay:.75s}
.bolle-anim .d5{left:8%;top:70%;animation-delay:1s}
.bolle-anim .d6{left:92%;top:68%;animation-delay:1.2s}
@keyframes bolle-armPL{from{transform:rotate(-3deg)}to{transform:rotate(10deg)}}
@keyframes bolle-armPR{from{transform:rotate(3deg)}to{transform:rotate(-10deg)}}
@keyframes bolle-bellsway{from{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}
@keyframes bolle-blink{0%,40%{clip-path:inset(100% 0 0 0)}54%,70%{clip-path:inset(0 0 0 0)}84%,100%{clip-path:inset(100% 0 0 0)}}
@keyframes bolle-cheekchew{0%,100%{transform:scale(1,1)}50%{transform:scale(1.04,1.025) translateX(.15%)}}
@keyframes bolle-drop{0%{opacity:0;transform:translateY(40px) scale(.7)}25%{opacity:1}100%{opacity:0;transform:translateY(-80px) scale(1)}}
@keyframes bolle-earKL{0%,55%,100%{transform:rotate(0)}63%{transform:rotate(5deg)}71%{transform:rotate(-1.5deg)}80%{transform:rotate(3deg)}}
@keyframes bolle-earKR{0%,55%,100%{transform:rotate(0)}63%{transform:rotate(-4deg)}71%{transform:rotate(1.5deg)}80%{transform:rotate(-2.5deg)}}
@keyframes bolle-earL{0%,60%,100%{transform:rotate(0)}68%{transform:rotate(5deg)}76%{transform:rotate(-1.5deg)}84%{transform:rotate(3deg)}}
@keyframes bolle-earPR{0%,60%,100%{transform:rotate(0)}70%{transform:rotate(-9deg)}80%{transform:rotate(3deg)}90%{transform:rotate(-5deg)}}
@keyframes bolle-earR{0%,60%,100%{transform:rotate(0)}68%{transform:rotate(-5deg)}76%{transform:rotate(1.5deg)}84%{transform:rotate(-3deg)}}
@keyframes bolle-grasschew{0%,100%{transform:rotate(-1.5deg) translateY(0)}50%{transform:rotate(2deg) translateY(.25%)}}
@keyframes bolle-jawchew{0%,100%{transform:translateY(0)}50%{transform:translateY(.5%)}}
@keyframes bolle-swing{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes bolle-tailK{from{transform:rotate(-4deg)}to{transform:rotate(5deg)}}
@keyframes bolle-tailwag4{from{transform:rotate(-2.5deg)}to{transform:rotate(2.5deg)}}
