:root {
  --spinner-body-bg: #d1d8e0;
  --spinner-animation-speed: 1s;
  --spinner-color: #8854d0;
  
  --p-topping-color: #1E90FF;
  --p-drop-color: var(--p-topping-color);
  --p-drop-right-speed: 2s;
  --p-drop-left-speed: 1s;
  --p-drop-mitte-speed: 2.5s;
  --p-line-speed:3s;
  --p-wind-speed:2s;
  --p-tor-9:4.5s;
  --p-tor-8:4s;
  --p-tor-7:3.5s;
  --p-tor-6:3s;
  --p-tor-5:2.5s;
  --p-tor-4:2s;
  --p-tor-3:2s;
  --p-tor-2:1.5s;
  --p-tor-1:1.5s;
}


.drop {
  fill: var(--p-drop-color);
  fill-opacity:1;
  stroke:#666666;
  stroke-width:0.127913;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:url(#filter1136);
}

.drop-left {
  animation: dropLeft var(--p-drop-left-speed) ease-in-out infinite;
  opacity: 0;
}
.drop-mitte {
  animation: dropMitte var(--p-drop-mitte-speed) ease-in-out infinite;
  opacity: 0;
}
.drop-mitte2 {
  animation: dropMitte2 var(--p-drop-mitte-speed) ease-in-out infinite;
  opacity: 0;
}
.drop-right {
  animation: dropRight var(--p-drop-right-speed) ease-in-out infinite;
  opacity: 0;
}
.tropfen-or {
transform: translate(30px, -190px) scale(0.9);
}
.tropfen-ol {
transform: translate(15px, -190px) scale(0.9);
}


@keyframes dropMitte {
  0%,
  5% {
    transform: translate(6px, -220px) scale(0.9);
  }
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: translate(6px, -40px) scale(0.9);
    opacity: 0;
  }
}
@keyframes dropMitte2 {
  0%,
  5% {
    transform: translate(35px, -225px) scale(0.9);
  }
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: translate(35px, -10px) scale(0.9);
    opacity: 0;
  }
}
@keyframes dropLeft {
  0%,
  5% {
    transform: translate(-10px, -200px) scale(0.9);
  }
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: translate(-10px, -70px) scale(0.9);
    opacity: 0;
  }
}
@keyframes dropRight {
  0%,
  5% {
    transform: translate(20px, -200px) scale(0.9);
  }
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: translate(20px, -120px) scale(0.9);
    opacity: 0;
  }
}

.blitz-rechts {
	transform: translate(10px, -185px) scale(0.9);
  animation: blitzRechts var(--p-drop-right-speed) ease-in-out infinite;
  opacity: 0;
}
.blitz-mitte {
  animation: blitzMitte var(--p-drop-mitte-speed) ease-in-out infinite;
  opacity: 0;
}
.blitz-links {
	transform: translate(-30px, -185px) scale(0.9);
  animation: blitzLinks var(--p-drop-left-speed) ease-in-out infinite;
  opacity: 0;
}


@keyframes blitzRechts {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes blitzMitte {
  0%,
  5% {
    transform: translate(-8px, -220px) scale(0.9);
  }
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: translate(-8px, -160px) scale(0.9);
    opacity: 0;
  }
}
@keyframes blitzLinks {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.flocke_d {
fill:none;
stroke:#666666;
stroke-width:5.29167;
stroke-linecap:round;
stroke-linejoin:miter;
stroke-miterlimit:4;
stroke-dasharray:none;
stroke-opacity:1"
}
.flocke_h {
fill:none;
stroke:#AEAEAE;
stroke-width:5.29167;
stroke-linecap:round;
stroke-linejoin:miter;
stroke-miterlimit:4;
stroke-dasharray:none;
stroke-opacity:1"
}
.flocke-right {
  animation: flockeRight var(--p-drop-right-speed) ease-in-out infinite;
  opacity: 0;
}
.flocke-left {
  animation: flockeLeft var(--p-drop-left-speed) ease-in-out infinite;
  opacity: 0;
}
.flocke-mitte {
  animation: flockeMitte var(--p-drop-mitte-speed) ease-in-out infinite;
  opacity: 0;
}
.flocke-oben {
transform: translate(35px, 50px) scale(0.5);
}

.dflocke-mitte {
  animation: dflockeMitte var(--p-drop-mitte-speed) ease-in-out infinite;
  opacity: 0;
}
.dflocke-mitteh {
  animation: dflockeMitteh var(--p-drop-mitte-speed) ease-in-out infinite;
  opacity: 0;
}
.dflocke-right {
  animation: dflockeRight var(--p-drop-right-speed) ease-in-out infinite;
  opacity: 0;
}
.dflocke-righth {
  animation: dflockeRighth var(--p-drop-right-speed) ease-in-out infinite;
  opacity: 0;
}
.dflocke-left {
  animation: dflockeLeft var(--p-drop-left-speed) ease-in-out infinite;
  opacity: 0;
}
.dflocke-lefth {
  animation: dflockeLefth var(--p-drop-left-speed) ease-in-out infinite;
  opacity: 0;
}

@keyframes flockeRight {
  0%,
  5% {
    transform: translate(55px, 50px) scale(0.3);
  }
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: translate(55px, 110px) scale(0.3);
    opacity: 0;
  }
}
@keyframes flockeLeft {
  0%,
  5% {
    transform: translate(15px, 50px) scale(0.3);
  }
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: translate(15px, 130px) scale(0.3);
    opacity: 0;
  }
}
@keyframes flockeMitte {
  0%,
  5% {
    transform: translate(32px, 50px) scale(0.3);
  }
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: translate(32px, 120px) scale(0.3);
    opacity: 0;
  }
}
@keyframes dflockeMitte {
  0%,
  5% {
    transform: translate(30px, 45px) scale(0.3);
  }
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: translate(30px, 110px) scale(0.3);
    opacity: 0;
  }
}
@keyframes dflockeMitteh {
  0%,
  5% {
    transform: translate(35px, 50px) scale(0.3);
  }
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: translate(35px, 110px) scale(0.3);
    opacity: 0;
  }
}
@keyframes dflockeLeft {
  0%,
  5% {
    transform: translate(15px, 45px) scale(0.3);
  }
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: translate(15px, 90px) scale(0.3);
    opacity: 0;
  }
}
@keyframes dflockeLefth {
  0%,
  5% {
    transform: translate(20px, 50px) scale(0.3);
  }
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: translate(20px, 90px) scale(0.3);
    opacity: 0;
  }
}
@keyframes dflockeRight {
  0%,
  5% {
    transform: translate(45px, 45px) scale(0.3);
  }
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: translate(45px, 100px) scale(0.3);
    opacity: 0;
  }
}
@keyframes dflockeRighth {
  0%,
  5% {
    transform: translate(50px, 50px) scale(0.3);
  }
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  100% {
    transform: translate(50px, 100px) scale(0.3);
    opacity: 0;
  }
}

.nebel {
stroke-width:5;stroke-linecap:round;
}
.line1 {
  animation: Line1 var(--p-line-speed) ease-in-out infinite;
  opacity: 1;
}
.line2 {
  animation: Line2 var(--p-line-speed) ease-in-out infinite;
  opacity: 1;
}
.line3 {
  animation: Line3 var(--p-line-speed) ease-in-out infinite;
  opacity: 1;
}
.line4 {
  animation: Line4 var(--p-line-speed) ease-in-out infinite;
  opacity: 1;
}
.line5 {
  animation: Line5 var(--p-line-speed) ease-in-out infinite;
  opacity: 1;
}
.line6 {
  animation: Line6 var(--p-line-speed) ease-in-out infinite;
  opacity: 1;
}
@keyframes Line1 {
  0%,
  5% {
    transform: translate(0px, 0px);
  }
  0% {
    opacity: 1;
  }
  50% {
  	transform: translate(30px, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
}
@keyframes Line2 {
  0%,
  5% {
    transform: translate(0px, 0px);
  }
  0% {
    opacity: 1;
  }
  50% {
  	transform: translate(15px, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
}
@keyframes Line3 {
  0%,
  5% {
    transform: translate(0px, 0px);
  }
  0% {
    opacity: 1;
  }
  50% {
  	transform: translate(-15px, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
}
@keyframes Line4 {
  0%,
  5% {
    transform: translate(0px, 0px);
  }
  0% {
    opacity: 1;
  }
  50% {
  	transform: translate(5px, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
}
@keyframes Line5 {
  0%,
  5% {
    transform: translate(0px, 0px);
  }
  0% {
    opacity: 1;
  }
  50% {
  	transform: translate(10px, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
}
@keyframes Line6 {
  0%,
  5% {
    transform: translate(0px, 0px);
  }
  0% {
    opacity: 1;
  }
  50% {
  	transform: translate(25px, 0px);
    opacity: 1;
  }
  100% {
    transform: translate(0px, 0px);
    opacity: 1;
  }
}
.spirale {
	width: 96px;
	height: 96px;
fill:none;
fill-rule:evenodd;
stroke:#999999;
stroke-width:6;
stroke-linecap:round;
stroke-miterlimit:4;
stroke-dasharray:none;
transform-box: fill-box;
  transform-origin: center;
  animation: Spirale 15s linear infinite;
}
@keyframes Spirale {
from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#p8881 {
transform: translate(-27px, -37px) scale(0.7);
}
#wind-s {
  animation: Wind var(--p-wind-speed) ease-in-out infinite;
}

@keyframes Wind {
  0% {
transform: rotate(0deg)
    translate(0, 0);
    }
  50% {
 transform: rotate(50deg)
    translate(-25px, -5px);
  }
  100% {
transform: rotate(0deg)
    translate(0, 0);
  }
}

.tornado {
fill:#ffffff;
stroke:#666666;
stroke-width:1.0;
stroke-linecap:round;
stroke-linejoin:round
}
#tor9 {
  animation: Tor9 var(--p-tor-9) ease-in-out infinite;
}
#tor8 {
  animation: Tor9 var(--p-tor-8) ease-in-out infinite;
}
#tor7 {
  animation: Tor9 var(--p-tor-7) ease-in-out infinite;
}
#tor6 {
  animation: Tor9 var(--p-tor-6) ease-in-out infinite;
}
#tor5 {
  animation: Tor9 var(--p-tor-5) ease-in-out infinite;
}
#tor4 {
  animation: Tor9 var(--p-tor-4) ease-in-out infinite;
}
#tor3 {
  animation: Tor9 var(--p-tor-3) ease-in-out infinite;
}
#tor2 {
  animation: Tor9 var(--p-tor-2) ease-in-out infinite;
}
#tor1 {
  animation: Tor9 var(--p-tor-1) ease-in-out infinite;
}

@keyframes Tor9 {
  0% {
    transform: translate(0px, 0px);
  }
  25% {
  	transform: translate(5px, 2px);
  }
  50% {
    transform: translate(0px, 3px);
  }
  75% {
    transform: translate(-5px, 2px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}

#sonne {
	transform-box: fill-box;
  transform-origin: center;
  animation: Sonne 15s linear infinite;
}
@keyframes Sonne {
from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

#blink {
fill:url(#radialGradient2143);
fill-opacity:1;stroke-width:0.872184;stroke-linecap:round;stroke-miterlimit:3.6;
animation: Mond 4s linear infinite;
}
@keyframes Mond {
from {
fill:url(#radialGradient2143);
  }
  to {
fill:url(#radialGradient2143-1);
  }
}


#wokl1 {
transform: translate(26px, -310px) scale(1.5);
opacity: 0;
animation: Wokl1 4s linear infinite;
}
#wokl2 {
transform: translate(26px, -310px) scale(1.5);
opacity: 0;
animation: Wokl2 4s linear infinite;
}
#wokl3 {
transform: translate(26px, -310px) scale(1.5);
opacity: 0;
animation: Wokl3 6s linear infinite;
}
#wokl4 {
transform: translate(26px, -310px) scale(1.5);
opacity: 0;
animation: Wokl4 8s linear infinite;
}
@keyframes Wokl1 {
20% {
opacity: 0;
  }
40% {
opacity: 0;
  }
60% {
opacity: 1;
  }
80% {
opacity: 0;
  }
100% {
opacity: 0;
  }
}
@keyframes Wokl2 {
20% {
opacity: 0;
  }
40% {
opacity: 0;
  }
60% {
opacity: 1;
  }
80% {
opacity: 1;
  }
100% {
opacity: 0;
  }
}
@keyframes Wokl3 {
20% {
opacity: 1;
  }
40% {
opacity: 1;
  }
60% {
opacity: 1;
  }
80% {
opacity: 0;
  }
100% {
opacity: 0;
  }
}
@keyframes Wokl4 {
20% {
opacity: 1;
  }
40% {
opacity: 1;
  }
60% {
opacity: 1;
  }
80% {
opacity: 1;
  }
100% {
opacity: 0;
  }
}
#sokl1 {
transform: translate(1px, 1px);
}
#sokl2 {
transform: translate(10px, 3px);
}
#sokl3 {
transform: translate(20px, 6px);
}
#sokl4 {
transform: translate(25px, 10px);
}
.sokl1 {
	transform-box: fill-box;
  transform-origin: center;
  animation: Sokl 17s linear infinite;
}
.sokl2 {
	transform-box: fill-box;
  transform-origin: center;
  animation: Sokl 20s linear infinite;
}
.sokl3 {
	transform-box: fill-box;
  transform-origin: center;
  animation: Sokl 23s linear infinite;
}
.sokl4 {
	transform-box: fill-box;
  transform-origin: center;
  animation: Sokl 26s linear infinite;
}
@keyframes Sokl {
from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

#path878 {
fill:url(#linearGradient7151);
fill-opacity:1;
stroke:#767676;
stroke-width:2.8;
stroke-linecap:butt;
stroke-linejoin:miter;
stroke-miterlimit:4;
stroke-dasharray:none;
stroke-opacity:1;
transform: translate(-8px, 10px) scale(0.9);
}
#path3991 {
fill:none;
stroke:#767676;
stroke-width:2.11667;
stroke-linecap:round;
stroke-linejoin:miter;
stroke-miterlimit:4;
stroke-dasharray:none;
stroke-opacity:1;
transform: translate(-8px, 10px) scale(0.9);
}



.rufz {
transform: translate(20px, -195px) scale(0.9);
}
/*.fs25p {
display: inline-flex;
background-image: radial-gradient(#3A3A3A80 0%, transparent 70%, transparent 100%);
}*/