ds17 css: glitch the .free-admission

content/datenspuren/index.xml

@@ -26,7 +26,7 @@
           <span itemprop="addressLocality" class="locality">Dresden</span>
         </span>
       </div>
-      <div>
+      <div class="free-admission">
         Eintritt: frei!
       </div>
     </span>

content/static/datenspuren/2017/style/style.css

@@ -113,3 +113,40 @@ footer {
 		width: 50%;
 	}
 }
+
+.free-admission {
+    margin: 1em 0;
+    color: #ff0000;
+    font-weight: bold;
+    animation-name: glitch;
+    animation-duration: 10s;
+    animation-iteration-count: infinite;
+    transform-origin: 0% 50%;
+}
+
+@keyframes glitch {
+    0% {
+        color: #ff0000;
+        transform: translate(1em, 0) rotate(-90deg);
+    }
+    24.9% {
+        color: #ff0000;
+        transform: translate(1em, 0) rotate(-90deg);
+    }
+    25% {
+        color: #738588;
+        transform: none;
+    }
+    74.9% {
+        color: #738588;
+        transform: none;
+    }
+    75% {
+        color: #fe0080;
+        transform: rotate(45deg) scale(1.5, 1.5);
+    }
+    100% {
+        color: #fe0080;
+        transform: rotate(45deg) scale(1.5, 1.5);
+    }
+}