Upload für erste instanz

inst01/pan-animation.css

@@ -0,0 +1,59 @@
+@keyframes backgroundScroll {
+  0% {
+    background-position: 99% 1%; opacity: 0;
+  }
+  2% {
+    opacity: 1;
+  }
+  20% {
+    background-position: 1% 50%;
+  }
+  40% {
+    background-position: 99% 99%;
+  }
+  60% {
+    background-position: 1% 1%;
+  }
+  80% {
+    background-position: 50% 99%;
+  }
+  100% {
+    background-position: 99% 1%;
+  }
+}
+
+
+@keyframes backgroundScrollmob {
+  0% {
+    background-position: 99% 1%; opacity: 0;
+  }
+  12% {
+    opacity: 1;
+  }
+  88% {
+    opacity: 1;
+  }
+  100% {
+    background-position: 50% 50%; opacity: 0;
+  }
+}
+
+
+
+@media all and (min-width: 100em){
+  .backdropImage {
+    background-size: 150% 150%;
+    background-position: 99% 1%;
+    animation: backgroundScroll 630s ease;
+    animation-iteration-count: infinite;
+  }
+}
+
+@media all and (max-width: 100em){
+  .backdropImage {
+    /*background-size: 150% 150%;*/
+    background-position: 99% 1%;
+    animation: backgroundScrollmob 25s ease;
+    animation-iteration-count: infinite;
+  }
+}