/* =========================================================================
   SDSLD - Willkommen-Animation im Kopf der Startseite.

   ERZEUGT von scripts/willkommen/build.py - Änderungen hier gehen beim
   nächsten Lauf verloren. Die Zeitpunkte stehen dort in half(), pop() und
   SPLASH, die Gesamtdauer als --wk-dur am <svg> in index.html.

   Der Kopf steht zuerst zusammen, fährt auseinander und gibt das Gehirn frei,
   danach ploppt der Schriftzug auf. Alles läuft über genau ein transform je
   Kopfhälfte - es wird nichts überblendet, und der Endzustand ist punktgenau
   die gelieferte Grafik.

   Ohne .is-running steht die Grafik fertig da. Das ist zugleich die Fassung
   ohne JavaScript und die für prefers-reduced-motion.
   ========================================================================= */

/* Gleiche Maße wie das PNG davor. overflow bleibt sichtbar, damit der
   Überschwinger am Ende nicht abgeschnitten wird - die paar Einheiten landen
   im Innenabstand von .shell und nie am Fensterrand. */
.wk { display: block; width: min(100%, 980px); margin-inline: auto; height: auto; overflow: visible; }
.wk * { transform-box: view-box; }

/* Gedreht, gekippt und skaliert wird um den Schwerpunkt der jeweiligen Figur,
   nicht um die Bildmitte - sonst wandert die Hälfte beim Drehen aus dem Bild
   und der Squash schiebt die beiden auseinander. */
.wk-half--l, .wk-half--l .wk-jit, .wk-half--l .wk-sq { transform-origin: 60.80px 86.59px; }
.wk-half--r, .wk-half--r .wk-jit, .wk-half--r .wk-sq { transform-origin: 681.48px 86.80px; }
.wk-plate   { transform-origin: 367px 75px; }
.wk-sub     { transform-origin: 370px 122px; }
.wk-deco    { transform-origin: 367px 78px; }

.wk-splash { opacity: 0; transform-origin: 0px 0px; }
.wk-splash path { fill: #010101; }

/* Die Faeden haengen an der Innenkante ihrer Haelfte, dort liegt auch der
   Bezugspunkt fuers Strecken. */
.wk-faden { opacity: 0; transform-origin: 0px 0px; }
.wk-faden path { fill: #010101; }
/* Drehpunkt ist die Stelle, an der die beiden Hasen sich beruehren. */
.wk-hase { transform-origin: 556.0px 37.0px; }


.wk.is-running .wk-half--l  { animation: wk-half-l var(--wk-dur) both; }
.wk.is-running .wk-half--r  { animation: wk-half-r var(--wk-dur) both; }
.wk.is-running .wk-jit--l   { animation: wk-jit-l var(--wk-dur) both; }
.wk.is-running .wk-jit--r   { animation: wk-jit-r var(--wk-dur) both; }
.wk.is-running .wk-sq       { animation: wk-squash var(--wk-dur) both; }
.wk.is-running .wk-seam--r  { animation: wk-seam-r var(--wk-dur) both; }
.wk.is-running .wk-faden--0l { animation: wk-faden-0l var(--wk-dur) both; }
.wk.is-running .wk-faden--0r { animation: wk-faden-0r var(--wk-dur) both; }
.wk.is-running .wk-faden--1l { animation: wk-faden-1l var(--wk-dur) both; }
.wk.is-running .wk-faden--1r { animation: wk-faden-1r var(--wk-dur) both; }
.wk.is-running .wk-faden--2l { animation: wk-faden-2l var(--wk-dur) both; }
.wk.is-running .wk-faden--2r { animation: wk-faden-2r var(--wk-dur) both; }
.wk.is-running .wk-plate    { animation: wk-plate var(--wk-dur) both; }
.wk.is-running .wk-sub      { animation: wk-sub var(--wk-dur) both; }
.wk.is-running .wk-deco     { animation: wk-deco var(--wk-dur) both; }
.wk.is-running .wk-hase     { animation: wk-hase 2000ms 2800ms both; }
.wk.is-running            { animation: wk-ruck var(--wk-dur) both; }
.wk-funkel--0 { transform-origin: 121px 118px; }
.wk.is-running .wk-funkel--0 { animation: wk-funkel0 var(--wk-dur) both; }
.wk-funkel--1 { transform-origin: 103px 17px; }
.wk.is-running .wk-funkel--1 { animation: wk-funkel1 var(--wk-dur) both; }
.wk-funkel--2 { transform-origin: 116px 29px; }
.wk.is-running .wk-funkel--2 { animation: wk-funkel2 var(--wk-dur) both; }
.wk-funkel--3 { transform-origin: 629px 137px; }
.wk.is-running .wk-funkel--3 { animation: wk-funkel3 var(--wk-dur) both; }
.wk-funkel--4 { transform-origin: 613px 133px; }
.wk.is-running .wk-funkel--4 { animation: wk-funkel4 var(--wk-dur) both; }
.wk-funkel--5 { transform-origin: 130px 112px; }
.wk.is-running .wk-funkel--5 { animation: wk-funkel5 var(--wk-dur) both; }
.wk.is-running .wk-splash--0 { animation: wk-splash0 var(--wk-dur) both; }
.wk.is-running .wk-splash--1 { animation: wk-splash1 var(--wk-dur) both; }
.wk.is-running .wk-splash--2 { animation: wk-splash2 var(--wk-dur) both; }
.wk.is-running .wk-splash--3 { animation: wk-splash3 var(--wk-dur) both; }
.wk.is-running .wk-splash--4 { animation: wk-splash4 var(--wk-dur) both; }
.wk.is-running .wk-splash--5 { animation: wk-splash5 var(--wk-dur) both; }

@media (prefers-reduced-motion: reduce) {
  .wk.is-running *, .wk * { animation: none !important; }
  .wk .wk-splash { opacity: 0; }
}

@keyframes wk-half-l {
  0.000% { transform: translate(291.65px,-9.11px) rotate(21.74deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  3.200% { transform: translate(294.25px,-8.41px) rotate(22.84deg);  animation-timing-function: cubic-bezier(.7,0,.9,.3); }
  7.200% { transform: translate(295.05px,-8.11px) rotate(23.34deg);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  18.400% { transform: translate(257.11px,-4.94px) rotate(21.74deg);  animation-timing-function: cubic-bezier(.3,0,.7,1); }
  21.600% { transform: translate(259.37px,-5.21px) rotate(21.74deg);  animation-timing-function: cubic-bezier(.1,.75,.35,1); }
  27.333% { transform: translate(245.10px,-4.92px) rotate(20.54deg);  animation-timing-function: cubic-bezier(.5,0,.5,1); }
  33.333% { transform: translate(239.14px,-4.80px) rotate(20.04deg);  animation-timing-function: cubic-bezier(.5,0,.5,1); }
  38.333% { transform: translate(234.73px,-4.72px) rotate(19.67deg);  animation-timing-function: cubic-bezier(.5,0,.5,1); }
  41.600% { transform: translate(232.14px,-4.66px) rotate(19.46deg);  animation-timing-function: cubic-bezier(.7,0,.9,.3); }
  46.667% { transform: translate(168.59px,-1.19px) rotate(14.13deg);  animation-timing-function: linear; }
  52.000% { transform: translate(88.19px,0.83px) rotate(7.39deg);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  56.667% { transform: translate(-9.00px,1.30px) rotate(-2.80deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  60.000% { transform: translate(3.40px,-0.60px) rotate(1.10deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  63.333% { transform: translate(-1.20px,0.20px) rotate(-0.40deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  66.667% { transform: translate(0.00px,0.00px) rotate(0.00deg);  animation-timing-function: linear; }
  100% { transform: translate(0.00px,0.00px) rotate(0.00deg); }
}

@keyframes wk-half-r {
  0.000% { transform: translate(-301.64px,-9.04px) rotate(-20.21deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  3.200% { transform: translate(-304.24px,-8.34px) rotate(-21.31deg);  animation-timing-function: cubic-bezier(.7,0,.9,.3); }
  7.200% { transform: translate(-305.04px,-8.04px) rotate(-21.81deg);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  18.400% { transform: translate(-275.81px,-4.86px) rotate(-20.21deg);  animation-timing-function: cubic-bezier(.3,0,.7,1); }
  21.600% { transform: translate(-277.50px,-5.13px) rotate(-20.21deg);  animation-timing-function: cubic-bezier(.1,.75,.35,1); }
  27.333% { transform: translate(-262.24px,-4.85px) rotate(-19.10deg);  animation-timing-function: cubic-bezier(.5,0,.5,1); }
  33.333% { transform: translate(-255.85px,-4.73px) rotate(-18.63deg);  animation-timing-function: cubic-bezier(.5,0,.5,1); }
  38.333% { transform: translate(-251.14px,-4.64px) rotate(-18.29deg);  animation-timing-function: cubic-bezier(.5,0,.5,1); }
  41.600% { transform: translate(-248.36px,-4.59px) rotate(-18.09deg);  animation-timing-function: cubic-bezier(.7,0,.9,.3); }
  46.667% { transform: translate(-180.38px,-1.13px) rotate(-13.14deg);  animation-timing-function: linear; }
  52.000% { transform: translate(-94.35px,0.86px) rotate(-6.87deg);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  56.667% { transform: translate(9.00px,1.30px) rotate(2.80deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  60.000% { transform: translate(-3.40px,-0.60px) rotate(-1.10deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  63.333% { transform: translate(1.20px,0.20px) rotate(0.40deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  66.667% { transform: translate(0.00px,0.00px) rotate(0.00deg);  animation-timing-function: linear; }
  100% { transform: translate(0.00px,0.00px) rotate(0.00deg); }
}

@keyframes wk-jit-l {
  0.000% { transform: translate(0.00px,0.00px) rotate(0.00deg);  animation-timing-function: linear; }
  7.200% { transform: translate(0.00px,0.00px) rotate(0.00deg);  animation-timing-function: linear; }
  9.000% { transform: translate(1.60px,0.70px) rotate(0.90deg);  animation-timing-function: linear; }
  10.667% { transform: translate(-1.20px,-0.50px) rotate(-0.60deg);  animation-timing-function: linear; }
  12.333% { transform: translate(0.90px,-0.60px) rotate(0.45deg);  animation-timing-function: linear; }
  14.667% { transform: translate(-1.00px,0.45px) rotate(-0.55deg);  animation-timing-function: linear; }
  17.000% { transform: translate(0.70px,0.35px) rotate(0.35deg);  animation-timing-function: linear; }
  19.667% { transform: translate(-0.60px,-0.40px) rotate(-0.30deg);  animation-timing-function: linear; }
  23.333% { transform: translate(0.50px,0.30px) rotate(0.28deg);  animation-timing-function: linear; }
  25.333% { transform: translate(-0.55px,-0.30px) rotate(-0.30deg);  animation-timing-function: linear; }
  27.333% { transform: translate(0.60px,0.35px) rotate(0.34deg);  animation-timing-function: linear; }
  28.867% { transform: translate(-0.62px,-0.32px) rotate(-0.36deg);  animation-timing-function: linear; }
  30.333% { transform: translate(0.66px,0.34px) rotate(0.38deg);  animation-timing-function: linear; }
  31.800% { transform: translate(-0.70px,-0.36px) rotate(-0.40deg);  animation-timing-function: linear; }
  33.267% { transform: translate(0.74px,0.38px) rotate(0.42deg);  animation-timing-function: linear; }
  34.733% { transform: translate(-0.78px,-0.40px) rotate(-0.44deg);  animation-timing-function: linear; }
  36.200% { transform: translate(0.82px,0.42px) rotate(0.46deg);  animation-timing-function: linear; }
  37.667% { transform: translate(-0.86px,-0.44px) rotate(-0.48deg);  animation-timing-function: linear; }
  39.133% { transform: translate(0.90px,0.46px) rotate(0.50deg);  animation-timing-function: linear; }
  40.333% { transform: translate(-0.94px,-0.48px) rotate(-0.52deg);  animation-timing-function: linear; }
  41.600% { transform: translate(1.10px,0.55px) rotate(0.62deg);  animation-timing-function: linear; }
  44.333% { transform: translate(-0.80px,-0.35px) rotate(-0.40deg);  animation-timing-function: linear; }
  48.000% { transform: translate(0.50px,0.30px) rotate(0.25deg);  animation-timing-function: linear; }
  52.000% { transform: translate(-0.35px,-0.20px) rotate(-0.18deg);  animation-timing-function: linear; }
  56.000% { transform: translate(0.20px,0.14px) rotate(0.10deg);  animation-timing-function: linear; }
  60.000% { transform: translate(-0.10px,-0.08px) rotate(-0.05deg);  animation-timing-function: linear; }
  64.000% { transform: translate(0.00px,0.00px) rotate(0.00deg);  animation-timing-function: linear; }
  100% { transform: translate(0.00px,0.00px) rotate(0.00deg);  animation-timing-function: linear; }
}

@keyframes wk-jit-r {
  0.000% { transform: translate(0.00px,0.00px) rotate(0.00deg);  animation-timing-function: linear; }
  7.200% { transform: translate(0.00px,0.00px) rotate(0.00deg);  animation-timing-function: linear; }
  9.000% { transform: translate(-1.60px,0.70px) rotate(-0.90deg);  animation-timing-function: linear; }
  10.667% { transform: translate(1.20px,-0.50px) rotate(0.60deg);  animation-timing-function: linear; }
  12.333% { transform: translate(-0.90px,-0.60px) rotate(-0.45deg);  animation-timing-function: linear; }
  14.667% { transform: translate(1.00px,0.45px) rotate(0.55deg);  animation-timing-function: linear; }
  17.000% { transform: translate(-0.70px,0.35px) rotate(-0.35deg);  animation-timing-function: linear; }
  19.667% { transform: translate(0.60px,-0.40px) rotate(0.30deg);  animation-timing-function: linear; }
  23.333% { transform: translate(-0.50px,0.30px) rotate(-0.28deg);  animation-timing-function: linear; }
  25.333% { transform: translate(0.55px,-0.30px) rotate(0.30deg);  animation-timing-function: linear; }
  27.333% { transform: translate(-0.60px,0.35px) rotate(-0.34deg);  animation-timing-function: linear; }
  28.867% { transform: translate(0.62px,-0.32px) rotate(0.36deg);  animation-timing-function: linear; }
  30.333% { transform: translate(-0.66px,0.34px) rotate(-0.38deg);  animation-timing-function: linear; }
  31.800% { transform: translate(0.70px,-0.36px) rotate(0.40deg);  animation-timing-function: linear; }
  33.267% { transform: translate(-0.74px,0.38px) rotate(-0.42deg);  animation-timing-function: linear; }
  34.733% { transform: translate(0.78px,-0.40px) rotate(0.44deg);  animation-timing-function: linear; }
  36.200% { transform: translate(-0.82px,0.42px) rotate(-0.46deg);  animation-timing-function: linear; }
  37.667% { transform: translate(0.86px,-0.44px) rotate(0.48deg);  animation-timing-function: linear; }
  39.133% { transform: translate(-0.90px,0.46px) rotate(-0.50deg);  animation-timing-function: linear; }
  40.333% { transform: translate(0.94px,-0.48px) rotate(0.52deg);  animation-timing-function: linear; }
  41.600% { transform: translate(-1.10px,0.55px) rotate(-0.62deg);  animation-timing-function: linear; }
  44.333% { transform: translate(0.80px,-0.35px) rotate(0.40deg);  animation-timing-function: linear; }
  48.000% { transform: translate(-0.50px,0.30px) rotate(-0.25deg);  animation-timing-function: linear; }
  52.000% { transform: translate(0.35px,-0.20px) rotate(0.18deg);  animation-timing-function: linear; }
  56.000% { transform: translate(-0.20px,0.14px) rotate(-0.10deg);  animation-timing-function: linear; }
  60.000% { transform: translate(0.10px,-0.08px) rotate(0.05deg);  animation-timing-function: linear; }
  64.000% { transform: translate(0.00px,0.00px) rotate(0.00deg);  animation-timing-function: linear; }
  100% { transform: translate(0.00px,0.00px) rotate(0.00deg);  animation-timing-function: linear; }
}

@keyframes wk-squash {
  0.000% { transform: scale(1.000,1.000);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  3.200% { transform: scale(1.050,0.930);  animation-timing-function: cubic-bezier(.7,0,.9,.3); }
  7.200% { transform: scale(0.950,1.070);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  13.333% { transform: scale(1.070,0.940);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  21.600% { transform: scale(1.030,0.980);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  27.333% { transform: scale(1.040,0.970);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  41.600% { transform: scale(1.060,0.950);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  50.000% { transform: scale(1.050,0.960);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  56.667% { transform: scale(0.920,1.080);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  60.000% { transform: scale(1.050,0.960);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  63.333% { transform: scale(0.980,1.020);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  66.667% { transform: scale(1.000,1.000);  animation-timing-function: linear; }
  100% { transform: scale(1.000,1.000); }
}

@keyframes wk-seam-r {
  0.000% { transform: translateX(0);  animation-timing-function: linear; }
  7.200% { transform: translateX(0);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  21.600% { transform: translateX(-5.40px);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  27.333% { transform: translateX(-64.80px);  animation-timing-function: linear; }
  100% { transform: translateX(-64.80px); }
}

@keyframes wk-plate {
  0.000% { opacity: 0; transform: scale(0.68);  animation-timing-function: linear; }
  63.333% { opacity: 0; transform: scale(0.68);  animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  68.965% { opacity: 1; transform: scale(1.075);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  73.013% { transform: scale(0.976);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  76.885% { transform: scale(1.008);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  80.933% { opacity: 1; transform: scale(1);  animation-timing-function: linear; }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes wk-sub {
  0.000% { opacity: 0; transform: scale(0.74);  animation-timing-function: linear; }
  68.333% { opacity: 0; transform: scale(0.74);  animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  73.965% { opacity: 1; transform: scale(1.060);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  78.013% { transform: scale(0.981);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  81.885% { transform: scale(1.006);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  85.933% { opacity: 1; transform: scale(1);  animation-timing-function: linear; }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes wk-deco {
  0.000% { opacity: 0; transform: scale(.3) rotate(-14deg);  animation-timing-function: linear; }
  73.333% { opacity: 0; transform: scale(.3) rotate(-14deg);  animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  79.669% { opacity: 1; transform: scale(1.18) rotate(4deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  85.301% { transform: scale(.95) rotate(-1.5deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  90.933% { opacity: 1; transform: scale(1) rotate(0);  animation-timing-function: linear; }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes wk-hase {
  0% { transform: rotate(0deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  2.57% { transform: translate(0.60px,-0.15px) rotate(3.40deg);  animation-timing-function: cubic-bezier(.7,0,.9,.3); }
  6.60% { transform: translate(-1.50px,0.40px) rotate(-6.60deg);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  11.73% { transform: translate(0.57px,-0.14px) rotate(3.21deg);  animation-timing-function: cubic-bezier(.7,0,.9,.3); }
  15.77% { transform: translate(-1.42px,0.38px) rotate(-6.24deg);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  20.90% { transform: translate(0.53px,-0.13px) rotate(3.03deg);  animation-timing-function: cubic-bezier(.7,0,.9,.3); }
  24.93% { transform: translate(-1.33px,0.36px) rotate(-5.87deg);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  30.07% { transform: translate(0.50px,-0.13px) rotate(2.84deg);  animation-timing-function: cubic-bezier(.7,0,.9,.3); }
  34.10% { transform: translate(-1.25px,0.33px) rotate(-5.51deg);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  39.23% { transform: translate(0.47px,-0.12px) rotate(2.65deg);  animation-timing-function: cubic-bezier(.7,0,.9,.3); }
  43.27% { transform: translate(-1.17px,0.31px) rotate(-5.15deg);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  48.40% { transform: translate(0.43px,-0.11px) rotate(2.46deg);  animation-timing-function: cubic-bezier(.7,0,.9,.3); }
  52.43% { transform: translate(-1.09px,0.29px) rotate(-4.78deg);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  57.57% { transform: translate(0.40px,-0.10px) rotate(2.28deg);  animation-timing-function: cubic-bezier(.7,0,.9,.3); }
  61.60% { transform: translate(-1.00px,0.27px) rotate(-4.42deg);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  66.73% { transform: translate(0.37px,-0.09px) rotate(2.09deg);  animation-timing-function: cubic-bezier(.7,0,.9,.3); }
  70.77% { transform: translate(-0.92px,0.25px) rotate(-4.06deg);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  75.90% { transform: translate(0.34px,-0.08px) rotate(1.90deg);  animation-timing-function: cubic-bezier(.7,0,.9,.3); }
  79.93% { transform: translate(-0.84px,0.22px) rotate(-3.70deg);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  87.40% { transform: translate(.4px,-.1px) rotate(2deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  92.12% { transform: translate(-.3px,.1px) rotate(-1.1deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  96.15% { transform: rotate(.4deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  100% { transform: rotate(0deg); }
}

@keyframes wk-ruck {
  0.000% { transform: translate(0,0);  animation-timing-function: linear; }
  41.600% { transform: translate(0,0);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  43.100% { transform: translate(0,1.6px);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  45.100% { transform: translate(0,-.9px);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  47.100% { transform: translate(0,.35px);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  49.267% { transform: translate(0,0);  animation-timing-function: linear; }
  100% { transform: translate(0,0); }
}

@keyframes wk-faden-0l {
  0.000% { opacity: 0; transform: translate(363.20px,62.00px) rotate(160.67deg) scale(0.151,1.400);  animation-timing-function: linear; }
  24.333% { opacity: 0; transform: translate(351.19px,61.50px) rotate(5.96deg) scale(0.480,0.834);  animation-timing-function: linear; }
  27.333% { opacity: 1; transform: translate(348.52px,61.39px) rotate(4.63deg) scale(0.617,0.648);  animation-timing-function: cubic-bezier(.45,0,.55,1); }
  33.333% { opacity: 1; transform: translate(342.38px,61.14px) rotate(3.05deg) scale(0.933,0.429);  animation-timing-function: cubic-bezier(.45,0,.55,1); }
  38.333% { opacity: 1; transform: translate(337.83px,60.96px) rotate(2.43deg) scale(1.167,0.343);  animation-timing-function: cubic-bezier(.45,0,.55,1); }
  40.900% { opacity: 1; transform: translate(335.16px,60.85px) rotate(2.18deg) scale(1.305,0.307);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  42.900% { opacity: .85; transform: translate(347.79px,61.36px) rotate(4.36deg) scale(0.655,0.611);  animation-timing-function: linear; }
  45.900% { opacity: 0; transform: translate(363.20px,62.00px) rotate(160.67deg) scale(0.151,1.400); }
  100% { opacity: 0; }
}

@keyframes wk-faden-0r {
  0.000% { opacity: 0; transform: translate(357.50px,64.00px) rotate(160.67deg) scale(-0.151,1.400);  animation-timing-function: linear; }
  24.333% { opacity: 0; transform: translate(370.27px,63.50px) rotate(5.96deg) scale(-0.480,0.834);  animation-timing-function: linear; }
  27.333% { opacity: 1; transform: translate(373.11px,63.38px) rotate(4.63deg) scale(-0.617,0.648);  animation-timing-function: cubic-bezier(.45,0,.55,1); }
  33.333% { opacity: 1; transform: translate(379.65px,63.13px) rotate(3.05deg) scale(-0.933,0.429);  animation-timing-function: cubic-bezier(.45,0,.55,1); }
  38.333% { opacity: 1; transform: translate(384.48px,62.94px) rotate(2.43deg) scale(-1.167,0.343);  animation-timing-function: cubic-bezier(.45,0,.55,1); }
  40.900% { opacity: 1; transform: translate(387.32px,62.83px) rotate(2.18deg) scale(-1.305,0.307);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  42.900% { opacity: .85; transform: translate(373.90px,63.35px) rotate(4.36deg) scale(-0.655,0.611);  animation-timing-function: linear; }
  45.900% { opacity: 0; transform: translate(357.50px,64.00px) rotate(160.67deg) scale(-0.151,1.400); }
  100% { opacity: 0; }
}

@keyframes wk-faden-1l {
  0.000% { opacity: 0; transform: translate(364.40px,82.00px) rotate(-168.69deg) scale(0.127,1.400);  animation-timing-function: linear; }
  24.333% { opacity: 0; transform: translate(352.73px,81.48px) rotate(-2.85deg) scale(0.480,0.834);  animation-timing-function: linear; }
  27.333% { opacity: 1; transform: translate(350.14px,81.36px) rotate(-2.21deg) scale(0.614,0.651);  animation-timing-function: cubic-bezier(.45,0,.55,1); }
  33.333% { opacity: 1; transform: translate(344.17px,81.10px) rotate(-1.43deg) scale(0.923,0.433);  animation-timing-function: cubic-bezier(.45,0,.55,1); }
  38.333% { opacity: 1; transform: translate(339.75px,80.90px) rotate(-1.13deg) scale(1.152,0.347);  animation-timing-function: cubic-bezier(.45,0,.55,1); }
  41.367% { opacity: 1; transform: translate(337.16px,80.78px) rotate(-1.00deg) scale(1.286,0.311);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  43.367% { opacity: .85; transform: translate(349.42px,81.33px) rotate(-2.08deg) scale(0.651,0.614);  animation-timing-function: linear; }
  46.367% { opacity: 0; transform: translate(364.40px,82.00px) rotate(-168.69deg) scale(0.127,1.400); }
  100% { opacity: 0; }
}

@keyframes wk-faden-1r {
  0.000% { opacity: 0; transform: translate(359.40px,81.00px) rotate(-168.69deg) scale(-0.127,1.400);  animation-timing-function: linear; }
  24.333% { opacity: 0; transform: translate(371.90px,80.52px) rotate(-2.85deg) scale(-0.480,0.834);  animation-timing-function: linear; }
  27.333% { opacity: 1; transform: translate(374.68px,80.42px) rotate(-2.21deg) scale(-0.614,0.651);  animation-timing-function: cubic-bezier(.45,0,.55,1); }
  33.333% { opacity: 1; transform: translate(381.08px,80.17px) rotate(-1.43deg) scale(-0.923,0.433);  animation-timing-function: cubic-bezier(.45,0,.55,1); }
  38.333% { opacity: 1; transform: translate(385.81px,79.99px) rotate(-1.13deg) scale(-1.152,0.347);  animation-timing-function: cubic-bezier(.45,0,.55,1); }
  41.367% { opacity: 1; transform: translate(388.59px,79.89px) rotate(-1.00deg) scale(-1.286,0.311);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  43.367% { opacity: .85; transform: translate(375.45px,80.39px) rotate(-2.08deg) scale(-0.651,0.614);  animation-timing-function: linear; }
  46.367% { opacity: 0; transform: translate(359.40px,81.00px) rotate(-168.69deg) scale(-0.127,1.400); }
  100% { opacity: 0; }
}

@keyframes wk-faden-2l {
  0.000% { opacity: 0; transform: translate(365.40px,100.00px) rotate(153.43deg) scale(0.112,1.400);  animation-timing-function: linear; }
  24.333% { opacity: 0; transform: translate(354.04px,99.46px) rotate(6.12deg) scale(0.491,0.815);  animation-timing-function: linear; }
  27.333% { opacity: 1; transform: translate(351.51px,99.34px) rotate(4.88deg) scale(0.621,0.644);  animation-timing-function: cubic-bezier(.45,0,.55,1); }
  33.333% { opacity: 1; transform: translate(345.70px,99.06px) rotate(3.36deg) scale(0.922,0.434);  animation-timing-function: cubic-bezier(.45,0,.55,1); }
  38.333% { opacity: 1; transform: translate(341.40px,98.85px) rotate(2.75deg) scale(1.144,0.350);  animation-timing-function: cubic-bezier(.45,0,.55,1); }
  41.833% { opacity: 1; transform: translate(338.87px,98.73px) rotate(2.49deg) scale(1.275,0.314);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  43.833% { opacity: .85; transform: translate(350.82px,99.31px) rotate(4.62deg) scale(0.657,0.609);  animation-timing-function: linear; }
  46.833% { opacity: 0; transform: translate(365.40px,100.00px) rotate(153.43deg) scale(0.112,1.400); }
  100% { opacity: 0; }
}

@keyframes wk-faden-2r {
  0.000% { opacity: 0; transform: translate(361.40px,102.00px) rotate(153.43deg) scale(-0.112,1.400);  animation-timing-function: linear; }
  24.333% { opacity: 0; transform: translate(373.57px,101.55px) rotate(6.12deg) scale(-0.491,0.815);  animation-timing-function: linear; }
  27.333% { opacity: 1; transform: translate(376.28px,101.45px) rotate(4.88deg) scale(-0.621,0.644);  animation-timing-function: cubic-bezier(.45,0,.55,1); }
  33.333% { opacity: 1; transform: translate(382.50px,101.22px) rotate(3.36deg) scale(-0.922,0.434);  animation-timing-function: cubic-bezier(.45,0,.55,1); }
  38.333% { opacity: 1; transform: translate(387.11px,101.05px) rotate(2.75deg) scale(-1.144,0.350);  animation-timing-function: cubic-bezier(.45,0,.55,1); }
  41.833% { opacity: 1; transform: translate(389.81px,100.95px) rotate(2.49deg) scale(-1.275,0.314);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  43.833% { opacity: .85; transform: translate(377.02px,101.42px) rotate(4.62deg) scale(-0.657,0.609);  animation-timing-function: linear; }
  46.833% { opacity: 0; transform: translate(361.40px,102.00px) rotate(153.43deg) scale(-0.112,1.400); }
  100% { opacity: 0; }
}

@keyframes wk-funkel0 {
  0.000% { opacity: 0; transform: scale(.15) rotate(-55deg);  animation-timing-function: linear; }
  73.333% { opacity: 0; transform: scale(.15) rotate(-55deg);  animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  78.333% { opacity: 1; transform: scale(1.3) rotate(9deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  82.000% { transform: scale(.93) rotate(-3deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  85.333% { opacity: 1; transform: scale(1) rotate(0);  animation-timing-function: linear; }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes wk-funkel1 {
  0.000% { opacity: 0; transform: scale(.15) rotate(-55deg);  animation-timing-function: linear; }
  78.333% { opacity: 0; transform: scale(.15) rotate(-55deg);  animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  83.333% { opacity: 1; transform: scale(1.3) rotate(9deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  87.000% { transform: scale(.93) rotate(-3deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  90.333% { opacity: 1; transform: scale(1) rotate(0);  animation-timing-function: linear; }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes wk-funkel2 {
  0.000% { opacity: 0; transform: scale(.15) rotate(-55deg);  animation-timing-function: linear; }
  81.667% { opacity: 0; transform: scale(.15) rotate(-55deg);  animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  86.667% { opacity: 1; transform: scale(1.3) rotate(9deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  90.333% { transform: scale(.93) rotate(-3deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  93.667% { opacity: 1; transform: scale(1) rotate(0);  animation-timing-function: linear; }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes wk-funkel3 {
  0.000% { opacity: 0; transform: scale(.15) rotate(-55deg);  animation-timing-function: linear; }
  75.833% { opacity: 0; transform: scale(.15) rotate(-55deg);  animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  80.833% { opacity: 1; transform: scale(1.3) rotate(9deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  84.500% { transform: scale(.93) rotate(-3deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  87.833% { opacity: 1; transform: scale(1) rotate(0);  animation-timing-function: linear; }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes wk-funkel4 {
  0.000% { opacity: 0; transform: scale(.15) rotate(-55deg);  animation-timing-function: linear; }
  80.167% { opacity: 0; transform: scale(.15) rotate(-55deg);  animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  85.167% { opacity: 1; transform: scale(1.3) rotate(9deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  88.833% { transform: scale(.93) rotate(-3deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  92.167% { opacity: 1; transform: scale(1) rotate(0);  animation-timing-function: linear; }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes wk-funkel5 {
  0.000% { opacity: 0; transform: scale(.15) rotate(-55deg);  animation-timing-function: linear; }
  83.667% { opacity: 0; transform: scale(.15) rotate(-55deg);  animation-timing-function: cubic-bezier(.34,1.56,.64,1); }
  88.667% { opacity: 1; transform: scale(1.3) rotate(9deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  92.333% { transform: scale(.93) rotate(-3deg);  animation-timing-function: cubic-bezier(.4,0,.2,1); }
  95.667% { opacity: 1; transform: scale(1) rotate(0);  animation-timing-function: linear; }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}

@keyframes wk-splash0 {
  0.000% { opacity: 0; transform: translate(0,0) scale(.25);  animation-timing-function: linear; }
  7.200% { opacity: 0; transform: translate(0,0) scale(.25);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  9.533% { opacity: 1; transform: translate(-17.1px,-6.1px) scale(0.85);  animation-timing-function: cubic-bezier(.2,.6,.4,1); }
  22.600% { opacity: 0; transform: translate(-37.9px,-17.0px) scale(0.33) rotate(-26deg);  animation-timing-function: linear; }
  100% { opacity: 0; }
}

@keyframes wk-splash1 {
  0.000% { opacity: 0; transform: translate(0,0) scale(.25);  animation-timing-function: linear; }
  7.933% { opacity: 0; transform: translate(0,0) scale(.25);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  10.267% { opacity: 1; transform: translate(14.7px,-3.4px) scale(0.63);  animation-timing-function: cubic-bezier(.2,.6,.4,1); }
  23.333% { opacity: 0; transform: translate(32.6px,-9.5px) scale(0.24) rotate(21deg);  animation-timing-function: linear; }
  100% { opacity: 0; }
}

@keyframes wk-splash2 {
  0.000% { opacity: 0; transform: translate(0,0) scale(.25);  animation-timing-function: linear; }
  8.667% { opacity: 0; transform: translate(0,0) scale(.25);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  11.000% { opacity: 1; transform: translate(-12.6px,-1.1px) scale(0.99);  animation-timing-function: cubic-bezier(.2,.6,.4,1); }
  24.067% { opacity: 0; transform: translate(-28.1px,-3.0px) scale(0.39) rotate(-31deg);  animation-timing-function: linear; }
  100% { opacity: 0; }
}

@keyframes wk-splash3 {
  0.000% { opacity: 0; transform: translate(0,0) scale(.25);  animation-timing-function: linear; }
  9.400% { opacity: 0; transform: translate(0,0) scale(.25);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  11.733% { opacity: 1; transform: translate(12.8px,1.3px) scale(0.72);  animation-timing-function: cubic-bezier(.2,.6,.4,1); }
  24.800% { opacity: 0; transform: translate(28.4px,3.5px) scale(0.28) rotate(24deg);  animation-timing-function: linear; }
  100% { opacity: 0; }
}

@keyframes wk-splash4 {
  0.000% { opacity: 0; transform: translate(0,0) scale(.25);  animation-timing-function: linear; }
  10.133% { opacity: 0; transform: translate(0,0) scale(.25);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  12.467% { opacity: 1; transform: translate(-14.7px,3.4px) scale(0.59);  animation-timing-function: cubic-bezier(.2,.6,.4,1); }
  25.533% { opacity: 0; transform: translate(-32.6px,9.5px) scale(0.23) rotate(-18deg);  animation-timing-function: linear; }
  100% { opacity: 0; }
}

@keyframes wk-splash5 {
  0.000% { opacity: 0; transform: translate(0,0) scale(.25);  animation-timing-function: linear; }
  10.867% { opacity: 0; transform: translate(0,0) scale(.25);  animation-timing-function: cubic-bezier(.14,.9,.28,1); }
  13.200% { opacity: 1; transform: translate(16.6px,5.6px) scale(0.85);  animation-timing-function: cubic-bezier(.2,.6,.4,1); }
  26.267% { opacity: 0; transform: translate(36.9px,15.5px) scale(0.33) rotate(28deg);  animation-timing-function: linear; }
  100% { opacity: 0; }
}