diff --git a/html/images/Sub_Factory_2024_Banner_web.jpg b/html/images/Sub_Factory_2024_Banner_web.jpg
new file mode 100644
index 0000000..368433f
Binary files /dev/null and b/html/images/Sub_Factory_2024_Banner_web.jpg differ
diff --git a/html/images/Sub_Factory_2024_Banner_web.webp b/html/images/Sub_Factory_2024_Banner_web.webp
new file mode 100644
index 0000000..2a4dc00
Binary files /dev/null and b/html/images/Sub_Factory_2024_Banner_web.webp differ
diff --git a/html/images/Sub_Factory_2024_Facebook_Banner.xcf b/html/images/Sub_Factory_2024_Facebook_Banner.xcf
new file mode 100644
index 0000000..3d11a2a
Binary files /dev/null and b/html/images/Sub_Factory_2024_Facebook_Banner.xcf differ
diff --git a/html/images/texture.webp b/html/images/texture.webp
new file mode 100644
index 0000000..389c590
Binary files /dev/null and b/html/images/texture.webp differ
diff --git a/html/index.html b/html/index.html
index 37c4cbf..0d14e69 100644
--- a/html/index.html
+++ b/html/index.html
@@ -2,6 +2,7 @@
 <html lang="de">
 <head>
     <title>Sub Factory</title>
+    <a id="focus" href="#focus"></a>
     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -11,7 +12,7 @@
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css">
 
 
-    <!--    Shaders -->
+    <!--    Shaders 
     <script id="vertexShader" type="x-shader/x-vertex">
         varying vec2 vUv;
 
@@ -71,10 +72,12 @@
             mainImage(gl_FragColor, gl_FragCoord.xy);
         }
     </script>
-
+-->
     <style>
         body {
-            background-color: #5fa873;
+            background-color: #e0c897;
+            background-image: url('images/texture.webp');
+            background-repeat: repeat;
         }
 
         #hecksshader {
@@ -92,14 +95,14 @@
             font-family: 'Lato black', sans-serif;
             font-size: 2.0rem;
             text-transform: uppercase;
-            color: #FFFFFF;
+            color: #cd332e;
             margin-top: 4vh;
             margin-bottom: 4vh;
         }
 
         .card-title {
             font-family: 'Lato black', sans-serif;
-            color: #F5F5F5;
+            color: #cd332e;
             font-size: 1.5rem;
         }
 
@@ -107,7 +110,7 @@
             font-family: 'Lato', sans-serif;
             letter-spacing: 0.05em;
             font-size: 1.4em;
-            color: #F0F0F0;
+            color: #205397;
             hyphens: auto;
         }
 
@@ -116,11 +119,11 @@
         }
 
         a:link {
-            color:  #d6e1b7;
+            color:  #cd332e;
         }
 
         a:visited {
-            color: #b2c778;
+            color: #ff534d;
         }
 
         a:hover {
@@ -128,28 +131,27 @@
         }
 
         a:active {
-            color: #b2c778;
+            color: #ff534d;
         }
 
         .card {
             width: 100%;
-            background-color: #5fa873;
-            border: 0px solid #dee2e6!important;
+            background-color: transparent !important;
+            border: 0px solid #335077!important;
         }
 
         .card-body {
             border-style: solid;
-            border-top: 1px solid #dee2e6!important;
-            border-bottom: 1px solid #dee2e6!important;
+            border-top: 1px solid #335077!important;
+            border-bottom: 1px solid #335077!important;
             border-left: 0;
             border-right: 0;
         }
 
         .container {
-            background-color: #5fa873;
             width: 100%;
-            border-left: 1px solid #dee2e6!important;
-            border-right: 1px solid #dee2e6!important;
+            border-left: 1px solid #335077!important;
+            border-right: 1px solid #335077!important;
             margin-right: auto;
             margin-left: auto;
             padding: 0;
@@ -166,13 +168,13 @@
         }
 
         .fas, .fab {
-            color: white;
+            color: #335077;
             font-size: 2em;
         }
 
         .section, .cardcontainer {
             margin-bottom: 5vh;
-            border-top: 1px solid #dee2e6!important;
+            border-top: 1px solid #335077!important;
         }
 
         .logo {
@@ -192,7 +194,7 @@
 <div class="container">
     <div class="row">
         <div class="img">
-            <img src="images/230518_subfactory_flyer_0.4.webp" alt="Subfactory Banner">
+            <img src="images/Sub_Factory_2024_Banner_web.webp" alt="Subfactory Banner">
         </div>
     </div>
 
@@ -260,7 +262,7 @@
         <div class="col-12 section">
             <h2 class="text-center">Info</h2>
             <p>
-                Streiche dir den <b>17. Juni im Kalender fett</b> an! Von 13:00 bis
+                Streiche dir den <b>15. Juni im Kalender fett</b> an! Von 13:00 bis
                 22:00 findet auf dem Zeughausareal in Winterthur erstmalig ein Drum and
                 Bass Day Rave statt. Präsentiert werden internationale DnB Grössen wie
                 Benny Page (UK), Amoss (UK), FD (UK), und Creatures (UK). Unterstützt
@@ -291,7 +293,7 @@
             <h2 class="text-center">Tickets</h2>
             <p>
                 Tickets sind auf
-                <a href="https://embed.eventfrog.ch/de/p/party/electro/sub-factory-with-benny-page-amoss-fd-creatures-7054797958168861153.html" target="_blank">
+                <a href="https://eventfrog.ch/de/p/party/electro/sub-factory-with-annix-selecta-j-man-dazee-fd-7185628944070047955.html" target="_blank">
                     Eventfrog
                 </a>
                 verfügbar.<br>
@@ -299,7 +301,7 @@
                 Eintritt ab Alter 18 Jahre. Minderjärige in Begleitung einer erwachsenen Person.
             </p>
             <iframe allowpaymentrequest="true"
-                    src="https://embed.eventfrog.ch/de/p/party/electro/sub-factory-with-benny-page-amoss-fd-creatures-7054797958168861153.html?color=60BF00&infobox=0&description=0&location=0&organisator=0&sponsors=0"
+                    src="https://eventfrog.ch/de/p/party/electro/sub-factory-with-annix-selecta-j-man-dazee-fd-7185628944070047955.html?color=60BF00&infobox=0&description=0&location=0&organisator=0&sponsors=0"
                     width="100%"
                     height="500"
                     style="border: 1px solid black"
@@ -342,21 +344,6 @@
                 Technikum und dann zu Fuss. Auf dem Gelände stehen keine Parkplätze zur
                 Verfügung.
             </p>
-
-            <iframe
-                    width="100%"
-                    height="350"
-                    frameborder="0"
-                    scrolling="no"
-                    marginheight="0"
-                    marginwidth="0"
-                    src="https://facilmap.org/mymap#q=w315995935%20to%2047.49364%2C8.7348%20by%20pedestrian%20details"
-                    style="border: 1px solid black">
-            </iframe>
-            <br/>
-            <small><a href="https://www.openstreetmap.org/#map=19/47.49401/8.73429" target="_blank">View Larger Map</a></small>
-<!--            <iframe style="border: 1px solid black" width="100%" height="250" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=8.732620775699617%2C47.49334170186654%2C8.736456334590914%2C47.49489482337585&amp;layer=mapnik&amp;marker=47.49411917450164%2C8.734538555145264"></iframe>-->
-<!--            <br/><small><a href="https://www.openstreetmap.org/?mlat=47.49412&amp;mlon=8.73454#map=19/47.49412/8.73454">View Larger Map</a></small>-->
         </div>
     </div>
 
@@ -404,8 +391,10 @@
         </div>
     </div>
 </div>
-
-
+<script>
+document.getElementById("focus").focus();
+</script>
+<!--
 <script type="module">
     import * as THREE from 'https://unpkg.com/three/build/three.module.js';
 
@@ -476,5 +465,6 @@
         renderer.render( scene, camera );
     }
 </script>
+-->
 </body>
 </html>
