diff --git a/public/bunkeransichtcompressed.jpg b/public/bunkeransichtcompressed.jpg
index a0413e7..0a0bcaa 100644
Binary files a/public/bunkeransichtcompressed.jpg and b/public/bunkeransichtcompressed.jpg differ
diff --git a/public/denied-800w.png b/public/denied-800w.png
index 4a1fceb..0c0b844 100644
Binary files a/public/denied-800w.png and b/public/denied-800w.png differ
diff --git a/src/components/kontakt.vue b/src/components/footer.vue
similarity index 51%
rename from src/components/kontakt.vue
rename to src/components/footer.vue
index 962f91f..91d4fc7 100644
--- a/src/components/kontakt.vue
+++ b/src/components/footer.vue
@@ -1,15 +1,21 @@
 <template>
-  <footer class="kontakt-footer" v-bind:class="rootClassName">
-    <span class="kontakt-text">{{ Text }}</span>
-    <a href="mailto:info@openvisor.ch?subject=" class="kontakt-text1">
-      {{ Text1 }}
-    </a>
+  <footer class="footer-footer" v-bind:class="rootClassName">
+    <div class="footer-kontakt">
+      <span class="footer-kontakt1">{{ Text }}</span>
+      <a href="mailto:info@openvisor.ch?subject=" class="footer-email">
+        {{ Text1 }}
+      </a>
+    </div>
+    <iframe
+      src="https://dashboard.mailerlite.com/forms/582593/98301649820321679/share"
+      class="footer-newsletter-form"
+    ></iframe>
   </footer>
 </template>
 
 <script>
 export default {
-  name: 'Kontakt',
+  name: 'Footer',
   props: {
     Text: {
       type: String,
@@ -25,9 +31,8 @@ export default {
 </script>
 
 <style scoped>
-.kontakt-footer {
-  gap: var(--dl-space-space-unit);
-  flex: 1;
+.footer-footer {
+  gap: 20%;
   width: 100%;
   display: flex;
   position: relative;
@@ -36,16 +41,24 @@ export default {
   padding-left: var(--dl-space-space-oneandhalfunits);
   margin-bottom: 10%;
   padding-right: var(--dl-space-space-oneandhalfunits);
-  flex-direction: column;
+  flex-direction: row;
   justify-content: center;
 }
-.kontakt-text {
+.footer-kontakt {
+  flex: 0 0 auto;
+  width: 200px;
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+}
+.footer-kontakt1 {
   color: #ffffff;
   font-size: 36px;
+  align-self: center;
   text-align: center;
   text-transform: uppercase;
 }
-.kontakt-text1 {
+.footer-email {
   color: #ffff00;
   font-size: 18px;
   align-self: center;
@@ -53,6 +66,11 @@ export default {
   font-weight: 300;
   text-decoration: underline;
 }
+.footer-newsletter-form {
+  width: 320px;
+  height: 360px;
+  margin-bottom: var(--dl-space-space-twounits);
+}
 
 
 
diff --git a/src/components/info-box.vue b/src/components/info-box.vue
index 899af0e..348224d 100644
--- a/src/components/info-box.vue
+++ b/src/components/info-box.vue
@@ -32,7 +32,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawuo04"></span>
+                  <span v-html="rawga4d"></span>
                 </span>
                 <span>
                   Intensive Momente und Emotionen ermöglichen, die in Erinnerung
@@ -42,7 +42,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawl4b1"></span>
+                  <span v-html="raw7vca"></span>
                 </span>
                 <span>
                   Persönliche Auseinandersetzungen der Spieler mit nicht
@@ -53,7 +53,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawtnqa"></span>
+                  <span v-html="rawj7iw"></span>
                 </span>
                 <span>
                   Interne Charakterentwicklung oder -verfestigung durch externe
@@ -63,14 +63,14 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawmi52"></span>
+                  <span v-html="rawt1nz"></span>
                 </span>
                 <span>Dilemmata mit sich selbst und mit anderen.</span>
                 <br />
                 <br />
                 <span>
                    ·
-                  <span v-html="rawtxr0"></span>
+                  <span v-html="raw7rzk"></span>
                 </span>
                 <span>
                   Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
@@ -254,7 +254,7 @@
                 <br />
                 <span>
                   Wir werden das
-                  <span v-html="rawz1y1"></span>
+                  <span v-html="rawha5j"></span>
                 </span>
                 <router-link to="/larpkonzept" class="info-box-navlink">
                   Open Visor Larpkonzept
@@ -518,7 +518,7 @@
                 <br />
                 <span>
                   Parkplatz:
-                  <span v-html="rawnc6r"></span>
+                  <span v-html="rawby4p"></span>
                 </span>
                 <a
                   href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
@@ -1458,13 +1458,13 @@ export default {
   },
   data() {
     return {
-      rawuo04: ' ',
-      rawl4b1: ' ',
-      rawtnqa: ' ',
-      rawmi52: ' ',
-      rawtxr0: ' ',
-      rawz1y1: ' ',
-      rawnc6r: ' ',
+      rawga4d: ' ',
+      raw7vca: ' ',
+      rawj7iw: ' ',
+      rawt1nz: ' ',
+      raw7rzk: ' ',
+      rawha5j: ' ',
+      rawby4p: ' ',
     }
   },
 }
diff --git a/src/components/row1.vue b/src/components/row1.vue
index c58d3a5..5ba912a 100644
--- a/src/components/row1.vue
+++ b/src/components/row1.vue
@@ -8,7 +8,7 @@
           <h1 class="row1-header1">
             <span>
               Leitung der Justizvollzugsanstalt
-              <span v-html="rawyyam"></span>
+              <span v-html="rawb0i1"></span>
             </span>
             <br />
           </h1>
@@ -125,7 +125,7 @@ export default {
   },
   data() {
     return {
-      rawyyam: ' ',
+      rawb0i1: ' ',
     }
   },
 }
diff --git a/src/components/row5.vue b/src/components/row5.vue
index 23c9e75..12bfa96 100644
--- a/src/components/row5.vue
+++ b/src/components/row5.vue
@@ -75,7 +75,7 @@
           Tabellen und Graphen auf Notizzettel. Die Wärter mussten Jenatsch schon
           mehrmals dafür bestrafen, als Jenatsch diese trotz Warnungen überall
           wieder liegen liess.
-          <span v-html="raw33fx"></span>
+          <span v-html="raww43f"></span>
         </span>
         <span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
         <br />
@@ -122,7 +122,7 @@ export default {
   },
   data() {
     return {
-      raw33fx: ' ',
+      raww43f: ' ',
     }
   },
 }
diff --git a/src/views/alptraum.vue b/src/views/alptraum.vue
index 557df41..70663e8 100644
--- a/src/views/alptraum.vue
+++ b/src/views/alptraum.vue
@@ -12,19 +12,19 @@
         class="alptraum-iframe"
       ></iframe>
     </div>
-    <app-kontakt></app-kontakt>
+    <app-footer></app-footer>
   </div>
 </template>
 
 <script>
 import AppNavigation from '../components/navigation'
-import AppKontakt from '../components/kontakt'
+import AppFooter from '../components/footer'
 
 export default {
   name: 'Alptraum',
   components: {
     AppNavigation,
-    AppKontakt,
+    AppFooter,
   },
   metaInfo: {
     title: 'Alptraum',
diff --git a/src/views/bologna.vue b/src/views/bologna.vue
index 02f3bbb..e2435a6 100644
--- a/src/views/bologna.vue
+++ b/src/views/bologna.vue
@@ -21,19 +21,19 @@
         </div>
       </a>
     </div>
-    <app-kontakt></app-kontakt>
+    <app-footer></app-footer>
   </div>
 </template>
 
 <script>
 import AppNavigation from '../components/navigation'
-import AppKontakt from '../components/kontakt'
+import AppFooter from '../components/footer'
 
 export default {
   name: 'Bologna',
   components: {
     AppNavigation,
-    AppKontakt,
+    AppFooter,
   },
   metaInfo: {
     title: 'Bologna',
diff --git a/src/views/ein-orden-fr-eine-gute-tat.vue b/src/views/ein-orden-fr-eine-gute-tat.vue
index 1da0101..fdc7cd2 100644
--- a/src/views/ein-orden-fr-eine-gute-tat.vue
+++ b/src/views/ein-orden-fr-eine-gute-tat.vue
@@ -50,19 +50,19 @@
         class="ein-orden-fr-eine-gute-tat-image"
       />
     </div>
-    <app-kontakt rootClassName="kontakt-root-class-name4"></app-kontakt>
+    <app-footer rootClassName="footer-root-class-name4"></app-footer>
   </div>
 </template>
 
 <script>
 import AppNavigation from '../components/navigation'
-import AppKontakt from '../components/kontakt'
+import AppFooter from '../components/footer'
 
 export default {
   name: 'EinOrdenFrEineGuteTat',
   components: {
     AppNavigation,
-    AppKontakt,
+    AppFooter,
   },
   metaInfo: {
     title: 'OpenVisor - Ein Orden für eine gute Tat',
diff --git a/src/views/home.vue b/src/views/home.vue
index 5d19f85..01079b2 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -106,21 +106,21 @@
         </div>
       </main>
     </section>
-    <app-kontakt></app-kontakt>
+    <app-footer></app-footer>
   </div>
 </template>
 
 <script>
 import AppNavigation from '../components/navigation'
 import VeranstaltungenListe from '../components/veranstaltungen-liste'
-import AppKontakt from '../components/kontakt'
+import AppFooter from '../components/footer'
 
 export default {
   name: 'Home',
   components: {
     AppNavigation,
     VeranstaltungenListe,
-    AppKontakt,
+    AppFooter,
   },
   metaInfo: {
     title: 'OpenVisor',
diff --git a/src/views/larpkonzept.vue b/src/views/larpkonzept.vue
index e67a577..9bb359b 100644
--- a/src/views/larpkonzept.vue
+++ b/src/views/larpkonzept.vue
@@ -20,19 +20,19 @@
     >
       zum Larpkonzept
     </a>
-    <app-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt>
+    <app-footer rootClassName="footer-root-class-name2"></app-footer>
   </div>
 </template>
 
 <script>
 import AppNavigation from '../components/navigation'
-import AppKontakt from '../components/kontakt'
+import AppFooter from '../components/footer'
 
 export default {
   name: 'Larpkonzept',
   components: {
     AppNavigation,
-    AppKontakt,
+    AppFooter,
   },
   metaInfo: {
     title: 'OpenVisor - Larpkonzept',
diff --git a/src/views/letzte-gelegenheit.vue b/src/views/letzte-gelegenheit.vue
index 42726e6..6fea3aa 100644
--- a/src/views/letzte-gelegenheit.vue
+++ b/src/views/letzte-gelegenheit.vue
@@ -51,7 +51,7 @@
       </header>
       <veranstaltungen-liste></veranstaltungen-liste>
     </section>
-    <div class="letzte-gelegenheit-container2">
+    <div class="letzte-gelegenheit-buttons">
       <a
         href="https://docs.google.com/document/d/1i-cVj809RqJtO-VaXjUsPew67gtylkIzL_3qc6mI_kE/edit?usp=sharing"
         target="_blank"
@@ -84,7 +84,7 @@
       </a>
     </div>
     <h2 class="character-title section-head">Charaktere</h2>
-    <div class="letzte-gelegenheit-container3 text-body">
+    <div class="letzte-gelegenheit-container2 text-body">
       <p>
         <span>
           Die Charaktere sind so geschrieben und verknüpft um intensives,
@@ -93,7 +93,7 @@
           Geschlecht definiert die spielende Person. Es wird ein paar
           Nichtspielercharaktere geben die von Helfern bespielt werden, zum
           Beispiel Häftling Summers, der/die mit euch ins
-          <span v-html="rawvix6"></span>
+          <span v-html="rawb6d4"></span>
         </span>
         <span>Spiel startet.</span>
         <br />
@@ -123,7 +123,7 @@
     <app-row5></app-row5>
     <h2 class="character-group section-head">Militär</h2>
     <app-row6></app-row6>
-    <app-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt>
+    <app-footer rootClassName="footer-root-class-name2"></app-footer>
   </div>
 </template>
 
@@ -136,7 +136,7 @@ import AppRow3 from '../components/row3'
 import AppRow4 from '../components/row4'
 import AppRow5 from '../components/row5'
 import AppRow6 from '../components/row6'
-import AppKontakt from '../components/kontakt'
+import AppFooter from '../components/footer'
 
 export default {
   name: 'LetzteGelegenheit',
@@ -149,11 +149,11 @@ export default {
     AppRow4,
     AppRow5,
     AppRow6,
-    AppKontakt,
+    AppFooter,
   },
   data() {
     return {
-      rawvix6: ' ',
+      rawb6d4: ' ',
     }
   },
   metaInfo: {
@@ -248,7 +248,7 @@ export default {
   color: rgb(255, 255, 255);
   font-size: 36px;
 }
-.letzte-gelegenheit-container2 {
+.letzte-gelegenheit-buttons {
   gap: 10%;
   flex: 0 0 auto;
   width: 100%;
@@ -299,7 +299,7 @@ export default {
   font-weight: 500;
   line-height: 24px;
 }
-.letzte-gelegenheit-container3 {
+.letzte-gelegenheit-container2 {
   width: 95%;
 }
 @media(max-width: 767px) {
diff --git a/src/views/rosenteufel.vue b/src/views/rosenteufel.vue
index fdb1f39..3eafd20 100644
--- a/src/views/rosenteufel.vue
+++ b/src/views/rosenteufel.vue
@@ -68,7 +68,7 @@
           Aber... Edler, bei Gotts Gnad, ich wärt kein gut Christ Euch ohne Warn
           lass schreiten. Seit Geschehnem ist hie kein einzger entlang. Wer weiss
           was
-          <span v-html="rawd8fu"></span>
+          <span v-html="raw2skb"></span>
         </span>
         <span>Geziefer dort treibt...”</span>
         <br />
@@ -236,7 +236,7 @@
           nicht sauber gefragt und der Knecht viel zu blass als ihm vorzukommen.
           Letztlich doch die Augen sich schlossen. Doch wachten nur noch Ritter
           und Knecht. Des Ritters Petz Kling noch immer rot; des Knechts Haut
-          <span v-html="raw02x5"></span>
+          <span v-html="raw5b58"></span>
         </span>
         <span>
           noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen
@@ -287,29 +287,29 @@
           zuher. Sie starrten; auch kalt und hilflos wie Kind. Ich schritt nach
           vorn: In die Händ des Toten seh, weiss Ros. Ins Gesicht des Toten blick.
           Beulen zierten’s. Hässliche Beulen. Der Teufel aber wart woanders...
-          <span v-html="rawc1gw"></span>
+          <span v-html="raw3zto"></span>
         </span>
       </span>
     </div>
-    <app-kontakt rootClassName="kontakt-root-class-name1"></app-kontakt>
+    <app-footer rootClassName="footer-root-class-name1"></app-footer>
   </div>
 </template>
 
 <script>
 import AppNavigation from '../components/navigation'
-import AppKontakt from '../components/kontakt'
+import AppFooter from '../components/footer'
 
 export default {
   name: 'Rosenteufel',
   components: {
     AppNavigation,
-    AppKontakt,
+    AppFooter,
   },
   data() {
     return {
-      rawd8fu: ' ',
-      raw02x5: ' ',
-      rawc1gw: ' ',
+      raw2skb: ' ',
+      raw5b58: ' ',
+      raw3zto: ' ',
     }
   },
   metaInfo: {
diff --git a/src/views/ssse-trume.vue b/src/views/ssse-trume.vue
index 82d03d7..ca23cf0 100644
--- a/src/views/ssse-trume.vue
+++ b/src/views/ssse-trume.vue
@@ -241,7 +241,7 @@
   "
       ></DangerousHTML>
     </div>
-    <app-kontakt rootClassName="kontakt-root-class-name"></app-kontakt>
+    <app-footer rootClassName="footer-root-class-name"></app-footer>
   </div>
 </template>
 
@@ -249,14 +249,14 @@
 import DangerousHTML from 'dangerous-html/vue'
 
 import AppNavigation from '../components/navigation'
-import AppKontakt from '../components/kontakt'
+import AppFooter from '../components/footer'
 
 export default {
   name: 'SsseTrume',
   components: {
     AppNavigation,
     DangerousHTML,
-    AppKontakt,
+    AppFooter,
   },
   metaInfo: {
     title: 'OpenVisor - Süsse Träume',
diff --git a/src/views/tauglichkeitsexamen.vue b/src/views/tauglichkeitsexamen.vue
index 9d9cb30..7142b59 100644
--- a/src/views/tauglichkeitsexamen.vue
+++ b/src/views/tauglichkeitsexamen.vue
@@ -12,19 +12,19 @@
         class="tauglichkeitsexamen-iframe"
       ></iframe>
     </div>
-    <app-kontakt></app-kontakt>
+    <app-footer></app-footer>
   </div>
 </template>
 
 <script>
 import AppNavigation from '../components/navigation'
-import AppKontakt from '../components/kontakt'
+import AppFooter from '../components/footer'
 
 export default {
   name: 'Tauglichkeitsexamen',
   components: {
     AppNavigation,
-    AppKontakt,
+    AppFooter,
   },
   metaInfo: {
     title: 'Tauglichkeitsexamen',
diff --git a/src/views/urlaubsantrag.vue b/src/views/urlaubsantrag.vue
index 9ed1f66..8015bdf 100644
--- a/src/views/urlaubsantrag.vue
+++ b/src/views/urlaubsantrag.vue
@@ -9,19 +9,19 @@
     <div class="urlaubsantrag-container1">
       <img alt="image" src="/denied-800w.png" class="urlaubsantrag-image" />
     </div>
-    <app-kontakt></app-kontakt>
+    <app-footer></app-footer>
   </div>
 </template>
 
 <script>
 import AppNavigation from '../components/navigation'
-import AppKontakt from '../components/kontakt'
+import AppFooter from '../components/footer'
 
 export default {
   name: 'Urlaubsantrag',
   components: {
     AppNavigation,
-    AppKontakt,
+    AppFooter,
   },
   metaInfo: {
     title: 'Urlaubsantrag',