diff --git a/public/letzte-gelegenheit/charaktere/aubert-200h.png b/public/Charaktere/aubert-200h.png
similarity index 100%
rename from public/letzte-gelegenheit/charaktere/aubert-200h.png
rename to public/Charaktere/aubert-200h.png
diff --git a/public/letzte-gelegenheit/charaktere/bellucci-200h.png b/public/Charaktere/bellucci-200h.png
similarity index 100%
rename from public/letzte-gelegenheit/charaktere/bellucci-200h.png
rename to public/Charaktere/bellucci-200h.png
diff --git a/public/letzte-gelegenheit/charaktere/collins-200h.png b/public/Charaktere/collins-200h.png
similarity index 100%
rename from public/letzte-gelegenheit/charaktere/collins-200h.png
rename to public/Charaktere/collins-200h.png
diff --git a/public/letzte-gelegenheit/charaktere/hagiro-200h.png b/public/Charaktere/hagiro-200h.png
similarity index 100%
rename from public/letzte-gelegenheit/charaktere/hagiro-200h.png
rename to public/Charaktere/hagiro-200h.png
diff --git a/public/Charaktere/jankovic-200h.png b/public/Charaktere/jankovic-200h.png
new file mode 100644
index 0000000..4aa02e3
Binary files /dev/null and b/public/Charaktere/jankovic-200h.png differ
diff --git a/public/Charaktere/jenatsch-min-200h.png b/public/Charaktere/jenatsch-min-200h.png
new file mode 100644
index 0000000..c95da6c
Binary files /dev/null and b/public/Charaktere/jenatsch-min-200h.png differ
diff --git a/public/Charaktere/krueger-min-200h.png b/public/Charaktere/krueger-min-200h.png
new file mode 100644
index 0000000..0d2756b
Binary files /dev/null and b/public/Charaktere/krueger-min-200h.png differ
diff --git a/public/letzte-gelegenheit/charaktere/lindbeck-200h.png b/public/Charaktere/lindbeck-200h.png
similarity index 100%
rename from public/letzte-gelegenheit/charaktere/lindbeck-200h.png
rename to public/Charaktere/lindbeck-200h.png
diff --git a/public/letzte-gelegenheit/charaktere/pavone-200h.png b/public/Charaktere/pavone-200h.png
similarity index 100%
rename from public/letzte-gelegenheit/charaktere/pavone-200h.png
rename to public/Charaktere/pavone-200h.png
diff --git a/public/letzte-gelegenheit/charaktere/rodriguez-min-200h.png b/public/Charaktere/rodriguez-min-200h.png
similarity index 100%
rename from public/letzte-gelegenheit/charaktere/rodriguez-min-200h.png
rename to public/Charaktere/rodriguez-min-200h.png
diff --git a/public/letzte-gelegenheit/charaktere/sartre-200h.png b/public/Charaktere/sartre-200h.png
similarity index 100%
rename from public/letzte-gelegenheit/charaktere/sartre-200h.png
rename to public/Charaktere/sartre-200h.png
diff --git a/public/letzte-gelegenheit/charaktere/schmidt-min-200h.png b/public/Charaktere/schmidt-min-200h.png
similarity index 100%
rename from public/letzte-gelegenheit/charaktere/schmidt-min-200h.png
rename to public/Charaktere/schmidt-min-200h.png
diff --git a/public/denied-800w.png b/public/denied-800w.png
new file mode 100644
index 0000000..0c0b844
Binary files /dev/null and b/public/denied-800w.png differ
diff --git a/public/letzte-gelegenheit/charaktere/jankovic-200h.png b/public/letzte-gelegenheit/charaktere/jankovic-200h.png
deleted file mode 100644
index d2b1460..0000000
Binary files a/public/letzte-gelegenheit/charaktere/jankovic-200h.png and /dev/null differ
diff --git a/public/letzte-gelegenheit/charaktere/jenatsch-min-200h.png b/public/letzte-gelegenheit/charaktere/jenatsch-min-200h.png
deleted file mode 100644
index b5f7e75..0000000
Binary files a/public/letzte-gelegenheit/charaktere/jenatsch-min-200h.png and /dev/null differ
diff --git a/public/letzte-gelegenheit/charaktere/krueger-min-200h.png b/public/letzte-gelegenheit/charaktere/krueger-min-200h.png
deleted file mode 100644
index 7023439..0000000
Binary files a/public/letzte-gelegenheit/charaktere/krueger-min-200h.png and /dev/null differ
diff --git a/public/letzte-gelegenheit/zsa_weisslingen-1000w.png b/public/zsa_weisslingen-1000w.png
similarity index 100%
rename from public/letzte-gelegenheit/zsa_weisslingen-1000w.png
rename to public/zsa_weisslingen-1000w.png
diff --git a/public/letzte-gelegenheit/zsa_weisslingen-1100w.png b/public/zsa_weisslingen-1100w.png
similarity index 100%
rename from public/letzte-gelegenheit/zsa_weisslingen-1100w.png
rename to public/zsa_weisslingen-1100w.png
diff --git a/src/components/info-box.vue b/src/components/info-box.vue
index 1a2c435..4d2e31d 100644
--- a/src/components/info-box.vue
+++ b/src/components/info-box.vue
@@ -32,7 +32,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawtrjh"></span>
+                  <span v-html="raw5yhg"></span>
                 </span>
                 <span>
                   Intensive Momente und Emotionen ermöglichen, die in Erinnerung
@@ -42,7 +42,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawx8eu"></span>
+                  <span v-html="raw9bj6"></span>
                 </span>
                 <span>
                   Persönliche Auseinandersetzungen der Spieler mit nicht
@@ -53,7 +53,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawbnyl"></span>
+                  <span v-html="rawhf3e"></span>
                 </span>
                 <span>
                   Interne Charakterentwicklung oder -verfestigung durch externe
@@ -63,14 +63,14 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawxwj0"></span>
+                  <span v-html="rawz4nf"></span>
                 </span>
                 <span>Dilemmata mit sich selbst und mit anderen.</span>
                 <br />
                 <br />
                 <span>
                    ·
-                  <span v-html="rawedge"></span>
+                  <span v-html="rawkvu1"></span>
                 </span>
                 <span>
                   Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
@@ -254,7 +254,7 @@
                 <br />
                 <span>
                   Wir werden das
-                  <span v-html="rawii6w"></span>
+                  <span v-html="raw2a4d"></span>
                 </span>
                 <router-link to="/larpkonzept" class="info-box-navlink">
                   Open Visor Larpkonzept
@@ -518,7 +518,7 @@
                 <br />
                 <span>
                   Parkplatz:
-                  <span v-html="raw3bvl"></span>
+                  <span v-html="raww5cs"></span>
                 </span>
                 <a
                   href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
@@ -1387,7 +1387,7 @@ export default {
   props: {
     image_src: {
       type: String,
-      default: '/letzte-gelegenheit/zsa_weisslingen-1100w.png',
+      default: '/zsa_weisslingen-1100w.png',
     },
     Text2: {
       type: String,
@@ -1458,13 +1458,13 @@ export default {
   },
   data() {
     return {
-      rawtrjh: ' ',
-      rawx8eu: ' ',
-      rawbnyl: ' ',
-      rawxwj0: ' ',
-      rawedge: ' ',
-      rawii6w: ' ',
-      raw3bvl: ' ',
+      raw5yhg: ' ',
+      raw9bj6: ' ',
+      rawhf3e: ' ',
+      rawz4nf: ' ',
+      rawkvu1: ' ',
+      raw2a4d: ' ',
+      raww5cs: ' ',
     }
   },
 }
diff --git a/src/components/footer.vue b/src/components/kontakt.vue
similarity index 81%
rename from src/components/footer.vue
rename to src/components/kontakt.vue
index 91d4fc7..05732bb 100644
--- a/src/components/footer.vue
+++ b/src/components/kontakt.vue
@@ -15,7 +15,7 @@
 
 <script>
 export default {
-  name: 'Footer',
+  name: 'Kontakt',
   props: {
     Text: {
       type: String,
@@ -32,7 +32,8 @@ export default {
 
 <style scoped>
 .footer-footer {
-  gap: 20%;
+  gap: var(--dl-space-space-unit);
+  flex: 1;
   width: 100%;
   display: flex;
   position: relative;
@@ -41,24 +42,16 @@ export default {
   padding-left: var(--dl-space-space-oneandhalfunits);
   margin-bottom: 10%;
   padding-right: var(--dl-space-space-oneandhalfunits);
-  flex-direction: row;
+  flex-direction: column;
   justify-content: center;
 }
 .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;
 }
-.footer-email {
+.footer-kontakt1 {
   color: #ffff00;
   font-size: 18px;
   align-self: center;
@@ -66,11 +59,6 @@ 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/row1.vue b/src/components/row1.vue
index 7b4e58b..74d24ec 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="raw1wcw"></span>
+              <span v-html="raw7lbp"></span>
             </span>
             <br />
           </h1>
@@ -104,7 +104,7 @@ export default {
     },
     image_src: {
       type: String,
-      default: '/letzte-gelegenheit/charaktere/aubert-200h.png',
+      default: '/Charaktere/aubert-200h.png',
     },
     Themes1: {
       type: String,
@@ -112,7 +112,7 @@ export default {
     },
     image_src1: {
       type: String,
-      default: '/letzte-gelegenheit/charaktere/bellucci-200h.png',
+      default: '/Charaktere/bellucci-200h.png',
     },
     image_alt: {
       type: String,
@@ -125,7 +125,7 @@ export default {
   },
   data() {
     return {
-      raw1wcw: ' ',
+      raw7lbp: ' ',
     }
   },
 }
diff --git a/src/components/row2.vue b/src/components/row2.vue
index 586f93b..05a2e88 100644
--- a/src/components/row2.vue
+++ b/src/components/row2.vue
@@ -103,7 +103,7 @@ export default {
     },
     image_src: {
       type: String,
-      default: '/letzte-gelegenheit/charaktere/jankovic-200h.png',
+      default: '/Charaktere/jankovic-200h.png',
     },
     Header1: {
       type: String,
@@ -119,7 +119,7 @@ export default {
     },
     image_src1: {
       type: String,
-      default: '/letzte-gelegenheit/charaktere/krueger-min-200h.png',
+      default: '/Charaktere/krueger-min-200h.png',
     },
   },
 }
diff --git a/src/components/row3.vue b/src/components/row3.vue
index cf50241..2bffbc1 100644
--- a/src/components/row3.vue
+++ b/src/components/row3.vue
@@ -61,7 +61,7 @@ export default {
     },
     image_src1: {
       type: String,
-      default: '/letzte-gelegenheit/charaktere/hagiro-200h.png',
+      default: '/Charaktere/hagiro-200h.png',
     },
     text11: {
       type: String,
@@ -79,7 +79,7 @@ export default {
     },
     image_src: {
       type: String,
-      default: '/letzte-gelegenheit/charaktere/schmidt-min-200h.png',
+      default: '/Charaktere/schmidt-min-200h.png',
     },
     image_alt: {
       type: String,
diff --git a/src/components/row4.vue b/src/components/row4.vue
index 634092a..90ccd92 100644
--- a/src/components/row4.vue
+++ b/src/components/row4.vue
@@ -67,7 +67,7 @@ export default {
     },
     image_src1: {
       type: String,
-      default: '/letzte-gelegenheit/charaktere/collins-200h.png',
+      default: '/Charaktere/collins-200h.png',
     },
     Header1: {
       type: String,
@@ -80,7 +80,7 @@ export default {
     },
     image_src: {
       type: String,
-      default: '/letzte-gelegenheit/charaktere/rodriguez-min-200h.png',
+      default: '/Charaktere/rodriguez-min-200h.png',
     },
     text1: {
       type: String,
diff --git a/src/components/row5.vue b/src/components/row5.vue
index 4108cc2..6fa9778 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="rawfh0e"></span>
+          <span v-html="rawveyy"></span>
         </span>
         <span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
         <br />
@@ -105,7 +105,7 @@ export default {
     },
     image_src: {
       type: String,
-      default: '/letzte-gelegenheit/charaktere/lindbeck-200h.png',
+      default: '/Charaktere/lindbeck-200h.png',
     },
     Header1: {
       type: String,
@@ -113,7 +113,7 @@ export default {
     },
     image_src1: {
       type: String,
-      default: '/letzte-gelegenheit/charaktere/jenatsch-min-200h.png',
+      default: '/Charaktere/jenatsch-min-200h.png',
     },
     image_alt: {
       type: String,
@@ -122,7 +122,7 @@ export default {
   },
   data() {
     return {
-      rawfh0e: ' ',
+      rawveyy: ' ',
     }
   },
 }
diff --git a/src/components/row6.vue b/src/components/row6.vue
index 2add8b5..8088130 100644
--- a/src/components/row6.vue
+++ b/src/components/row6.vue
@@ -65,7 +65,7 @@ export default {
     },
     image_src1: {
       type: String,
-      default: '/letzte-gelegenheit/charaktere/pavone-200h.png',
+      default: '/Charaktere/pavone-200h.png',
     },
     text1: {
       type: String,
@@ -89,7 +89,7 @@ export default {
     },
     image_src: {
       type: String,
-      default: '/letzte-gelegenheit/charaktere/sartre-200h.png',
+      default: '/Charaktere/sartre-200h.png',
     },
     text32: {
       type: String,
diff --git a/src/components/veranstaltungen-liste.vue b/src/components/veranstaltungen-liste.vue
index e6ed6c0..74b55c2 100644
--- a/src/components/veranstaltungen-liste.vue
+++ b/src/components/veranstaltungen-liste.vue
@@ -7,9 +7,11 @@
       <h3 class="veranstaltungen-liste-run1 event-title">{{ Run1 }}</h3>
       <p class="veranstaltungen-liste-datum event-date">{{ Datum1 }}</p>
       <p class="veranstaltungen-liste-standort event-location">{{ Standort1 }}</p>
-      <p class="veranstaltungen-liste-warteliste event-location">
-        durchgeführt mit 15 Personen
-      </p>
+      <div class="veranstaltungen-liste-container">
+        <p class="veranstaltungen-liste-warteliste event-location">
+          durchgeführt mit 15 Personen
+        </p>
+      </div>
     </div>
     <div class="veranstaltungen-liste-letzte-gelegenheit-run2 event-entry">
       <h3 class="veranstaltungen-liste-run2 event-title">{{ Run2 }}</h3>
@@ -23,9 +25,11 @@
         <span>Ewaldstrasse 20, 45699 Herten</span>
         <br />
       </p>
-      <p class="veranstaltungen-liste-plaetze event-location">
-        durchgeführt mit 15 Personen
-      </p>
+      <div class="veranstaltungen-liste-container1">
+        <p class="veranstaltungen-liste-plaetze event-location">
+          durchgeführt mit 15 Personen
+        </p>
+      </div>
     </div>
     <div class="veranstaltungen-liste-letzte-gelegenheit-run3 event-entry">
       <h3 class="veranstaltungen-liste-run3 event-title">{{ Run3 }}</h3>
@@ -39,9 +43,11 @@
         <span>Ewaldstrasse 20, 45699 Herten</span>
         <br />
       </p>
-      <p class="veranstaltungen-liste-plaetze1 event-location">
-        durchgeführt mit 15 Personen
-      </p>
+      <div class="veranstaltungen-liste-container2">
+        <p class="veranstaltungen-liste-plaetze1 event-location">
+          durchgeführt mit 15 Personen
+        </p>
+      </div>
     </div>
     <div class="veranstaltungen-liste-letzte-gelegenheit-run4 event-entry">
       <h3 class="veranstaltungen-liste-run4 event-title">{{ Run4 }}</h3>
@@ -123,7 +129,7 @@ export default {
     },
     Run41: {
       type: String,
-      default: 'Run  5',
+      default: 'Run  5 (Deutschland)',
     },
   },
 }
@@ -150,6 +156,13 @@ export default {
 .veranstaltungen-liste-standort {
   color: var(--dl-color-gray-700);
 }
+.veranstaltungen-liste-container {
+  flex: 0 0 auto;
+  width: 200px;
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+}
 .veranstaltungen-liste-warteliste {
   color: var(--dl-color-success-700);
   text-align: left;
@@ -166,6 +179,13 @@ export default {
 .veranstaltungen-liste-standort1 {
   color: var(--dl-color-gray-700);
 }
+.veranstaltungen-liste-container1 {
+  flex: 0 0 auto;
+  width: 200px;
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+}
 .veranstaltungen-liste-plaetze {
   color: var(--dl-color-success-700);
   text-align: left;
@@ -182,6 +202,13 @@ export default {
 .veranstaltungen-liste-standort2 {
   color: var(--dl-color-gray-700);
 }
+.veranstaltungen-liste-container2 {
+  flex: 0 0 auto;
+  width: 200px;
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+}
 .veranstaltungen-liste-plaetze1 {
   color: var(--dl-color-success-700);
   text-align: left;
@@ -189,17 +216,19 @@ export default {
 .veranstaltungen-liste-letzte-gelegenheit-run4 {
   border-bottom-width: 0px;
 }
-.veranstaltungen-liste-run4 {
-  color: var(--dl-color-gray-700);
-}
-.veranstaltungen-liste-datum3 {
-  color: var(--dl-color-gray-700);
-}
-.veranstaltungen-liste-standort3 {
-  color: var(--dl-color-gray-700);
+.veranstaltungen-liste-container3 {
+  flex: 0 0 auto;
+  width: 200px;
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
 }
 .veranstaltungen-liste-plaetze2 {
-  color: var(--dl-color-success-700);
+  color: rgb(221, 0, 0);
+  text-align: left;
+}
+.veranstaltungen-liste-warteliste1 {
+  color: rgb(0, 221, 0);
   text-align: left;
 }
 .veranstaltungen-liste-letzte-gelegenheit-run5 {
diff --git a/src/router.js b/src/router.js
index 9c8d18f..cd15ccf 100644
--- a/src/router.js
+++ b/src/router.js
@@ -2,11 +2,14 @@ import Vue from 'vue'
 import Router from 'vue-router'
 import Meta from 'vue-meta'
 
-import NotFound from './views/not-found'
+import Bologna from './views/bologna'
 import SsseTrume from './views/ssse-trume'
+import Tauglichkeitsexamen from './views/tauglichkeitsexamen'
 import Larpkonzept from './views/larpkonzept'
 import EinOrdenFrEineGuteTat from './views/ein-orden-fr-eine-gute-tat'
 import LetzteGelegenheit from './views/letzte-gelegenheit'
+import Urlaubsantrag from './views/urlaubsantrag'
+import Alptraum from './views/alptraum'
 import Rosenteufel from './views/rosenteufel'
 import Home from './views/home'
 import './style.css'
@@ -17,15 +20,20 @@ export default new Router({
   mode: 'history',
   routes: [
     {
-      name: '404 - Not Found',
-      path: '**',
-      component: NotFound,
+      name: 'Bologna',
+      path: '/bologna',
+      component: Bologna,
     },
     {
       name: 'Ssse-Trume',
       path: '/suesse-traeume',
       component: SsseTrume,
     },
+    {
+      name: 'Tauglichkeitsexamen',
+      path: '/tauglichkeitsexamen',
+      component: Tauglichkeitsexamen,
+    },
     {
       name: 'Larpkonzept',
       path: '/larpkonzept',
@@ -41,6 +49,16 @@ export default new Router({
       path: '/letzte-gelegenheit',
       component: LetzteGelegenheit,
     },
+    {
+      name: 'Urlaubsantrag',
+      path: '/urlaubsantrag',
+      component: Urlaubsantrag,
+    },
+    {
+      name: 'Alptraum',
+      path: '/alptraum',
+      component: Alptraum,
+    },
     {
       name: 'Rosenteufel',
       path: '/rosenteufel',
diff --git a/src/views/alptraum.vue b/src/views/alptraum.vue
new file mode 100644
index 0000000..557df41
--- /dev/null
+++ b/src/views/alptraum.vue
@@ -0,0 +1,95 @@
+<template>
+  <div class="alptraum-container">
+    <app-navigation rootClassName="navigation-root-class-name7"></app-navigation>
+    <span class="site-title">Alptraum</span>
+    <span class="alptraum-caption1">
+      <span>Abyssus abyssum invocat, Anni...</span>
+      <br />
+    </span>
+    <div class="alptraum-container1">
+      <iframe
+        src="https://www.youtube.com/embed/chh_x1NT8x4"
+        class="alptraum-iframe"
+      ></iframe>
+    </div>
+    <app-kontakt></app-kontakt>
+  </div>
+</template>
+
+<script>
+import AppNavigation from '../components/navigation'
+import AppKontakt from '../components/kontakt'
+
+export default {
+  name: 'Alptraum',
+  components: {
+    AppNavigation,
+    AppKontakt,
+  },
+  metaInfo: {
+    title: 'Alptraum',
+    meta: [
+      {
+        property: 'og:title',
+        content: 'Alptraum',
+      },
+    ],
+  },
+}
+</script>
+
+<style scoped>
+.alptraum-container {
+  width: 100%;
+  display: flex;
+  overflow: auto;
+  min-height: 100vh;
+  overflow-x: hidden;
+  align-items: center;
+  flex-direction: column;
+  background-size: cover;
+  background-image: url("/forest-background-luca-dross-1500w.jpg");
+}
+.alptraum-caption1 {
+  color: rgb(255, 255, 255);
+  font-size: 20px;
+  font-family: Fira Sans;
+  line-height: 30px;
+}
+.alptraum-container1 {
+  gap: var(--dl-space-space-twounits);
+  flex: 0 0 auto;
+  width: 100%;
+  height: auto;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+}
+.alptraum-iframe {
+  width: 640px;
+  height: 360px;
+  margin-top: 20px;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-bottom: -40px;
+}
+@media(max-width: 991px) {
+  .alptraum-caption1 {
+    text-align: left;
+  }
+}
+@media(max-width: 767px) {
+  .alptraum-caption1 {
+    color: rgb(255, 255, 255);
+    font-size: 16px;
+    font-family: Poppins;
+    line-height: 24px;
+  }
+}
+@media(max-width: 479px) {
+  .alptraum-caption1 {
+    font-family: Poppins;
+  }
+}
+</style>
diff --git a/src/views/bologna.vue b/src/views/bologna.vue
new file mode 100644
index 0000000..02f3bbb
--- /dev/null
+++ b/src/views/bologna.vue
@@ -0,0 +1,110 @@
+<template>
+  <div class="bologna-container">
+    <app-navigation rootClassName="navigation-root-class-name6"></app-navigation>
+    <span class="site-title">
+      <span>Bologna meine Stadt</span>
+      <br />
+    </span>
+    <span class="bologna-caption1">
+      <span>Nunc est bibendum</span>
+      <br />
+    </span>
+    <div class="bologna-container1">
+      <a
+        href="https://forms.gle/szigMcMga1hRrxh89"
+        target="_blank"
+        rel="noreferrer noopener"
+        class="bologna-link"
+      >
+        <div class="bologna-geheim button">
+          <span class="bologna-geheim1">Geheim</span>
+        </div>
+      </a>
+    </div>
+    <app-kontakt></app-kontakt>
+  </div>
+</template>
+
+<script>
+import AppNavigation from '../components/navigation'
+import AppKontakt from '../components/kontakt'
+
+export default {
+  name: 'Bologna',
+  components: {
+    AppNavigation,
+    AppKontakt,
+  },
+  metaInfo: {
+    title: 'Bologna',
+    meta: [
+      {
+        property: 'og:title',
+        content: 'Bologna',
+      },
+    ],
+  },
+}
+</script>
+
+<style scoped>
+.bologna-container {
+  width: 100%;
+  display: flex;
+  overflow: auto;
+  min-height: 100vh;
+  overflow-x: hidden;
+  align-items: center;
+  flex-direction: column;
+  background-size: cover;
+  background-image: url("/forest-background-luca-dross-1500w.jpg");
+}
+.bologna-caption1 {
+  color: rgb(255, 255, 255);
+  font-size: 20px;
+  font-family: Fira Sans;
+  line-height: 30px;
+}
+.bologna-container1 {
+  gap: var(--dl-space-space-twounits);
+  flex: 0 0 auto;
+  width: 100%;
+  height: auto;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+}
+.bologna-link {
+  display: contents;
+}
+.bologna-geheim {
+  width: 200px;
+}
+.bologna-geheim1 {
+  color: rgb(12, 16, 12);
+  font-size: 20px;
+  font-style: normal;
+  font-family: Poppins;
+  font-weight: 500;
+  line-height: 24px;
+}
+@media(max-width: 991px) {
+  .bologna-caption1 {
+    text-align: left;
+  }
+}
+@media(max-width: 767px) {
+  .bologna-caption1 {
+    color: rgb(255, 255, 255);
+    font-size: 16px;
+    font-family: Poppins;
+    line-height: 24px;
+  }
+}
+@media(max-width: 479px) {
+  .bologna-caption1 {
+    font-family: Poppins;
+  }
+}
+</style>
diff --git a/src/views/ein-orden-fr-eine-gute-tat.vue b/src/views/ein-orden-fr-eine-gute-tat.vue
index fdc7cd2..1da0101 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-footer rootClassName="footer-root-class-name4"></app-footer>
+    <app-kontakt rootClassName="kontakt-root-class-name4"></app-kontakt>
   </div>
 </template>
 
 <script>
 import AppNavigation from '../components/navigation'
-import AppFooter from '../components/footer'
+import AppKontakt from '../components/kontakt'
 
 export default {
   name: 'EinOrdenFrEineGuteTat',
   components: {
     AppNavigation,
-    AppFooter,
+    AppKontakt,
   },
   metaInfo: {
     title: 'OpenVisor - Ein Orden für eine gute Tat',
diff --git a/src/views/home.vue b/src/views/home.vue
index 641db96..5d19f85 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -106,21 +106,21 @@
         </div>
       </main>
     </section>
-    <app-footer></app-footer>
+    <app-kontakt></app-kontakt>
   </div>
 </template>
 
 <script>
 import AppNavigation from '../components/navigation'
 import VeranstaltungenListe from '../components/veranstaltungen-liste'
-import AppFooter from '../components/footer'
+import AppKontakt from '../components/kontakt'
 
 export default {
   name: 'Home',
   components: {
     AppNavigation,
     VeranstaltungenListe,
-    AppFooter,
+    AppKontakt,
   },
   metaInfo: {
     title: 'OpenVisor',
@@ -129,10 +129,6 @@ export default {
         property: 'og:title',
         content: 'OpenVisor',
       },
-      {
-        name: 'robots',
-        content: 'noindex',
-      },
     ],
   },
 }
diff --git a/src/views/larpkonzept.vue b/src/views/larpkonzept.vue
index 9bb359b..e67a577 100644
--- a/src/views/larpkonzept.vue
+++ b/src/views/larpkonzept.vue
@@ -20,19 +20,19 @@
     >
       zum Larpkonzept
     </a>
-    <app-footer rootClassName="footer-root-class-name2"></app-footer>
+    <app-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt>
   </div>
 </template>
 
 <script>
 import AppNavigation from '../components/navigation'
-import AppFooter from '../components/footer'
+import AppKontakt from '../components/kontakt'
 
 export default {
   name: 'Larpkonzept',
   components: {
     AppNavigation,
-    AppFooter,
+    AppKontakt,
   },
   metaInfo: {
     title: 'OpenVisor - Larpkonzept',
diff --git a/src/views/letzte-gelegenheit.vue b/src/views/letzte-gelegenheit.vue
index c593409..795d95a 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-buttons">
+    <div class="letzte-gelegenheit-container2">
       <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-container2 text-body">
+    <div class="letzte-gelegenheit-container3 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="raw9hkk"></span>
+          <span v-html="rawwxzv"></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-footer rootClassName="footer-root-class-name2"></app-footer>
+    <app-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt>
   </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 AppFooter from '../components/footer'
+import AppKontakt from '../components/kontakt'
 
 export default {
   name: 'LetzteGelegenheit',
@@ -149,11 +149,11 @@ export default {
     AppRow4,
     AppRow5,
     AppRow6,
-    AppFooter,
+    AppKontakt,
   },
   data() {
     return {
-      raw9hkk: ' ',
+      rawwxzv: ' ',
     }
   },
   metaInfo: {
@@ -248,7 +248,7 @@ export default {
   color: rgb(255, 255, 255);
   font-size: 36px;
 }
-.letzte-gelegenheit-buttons {
+.letzte-gelegenheit-container2 {
   gap: 10%;
   flex: 0 0 auto;
   width: 100%;
@@ -299,7 +299,7 @@ export default {
   font-weight: 500;
   line-height: 24px;
 }
-.letzte-gelegenheit-container2 {
+.letzte-gelegenheit-container3 {
   width: 95%;
 }
 @media(max-width: 767px) {
diff --git a/src/views/not-found.vue b/src/views/not-found.vue
deleted file mode 100644
index ca33a84..0000000
--- a/src/views/not-found.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-  <div class="not-found-container">
-    <h3>OOPS! PAGE NOT FOUND</h3>
-    <div class="not-found-container1"><h1 class="not-found-text1">404</h1></div>
-    <div class="not-found-container2">
-      <h2 class="not-found-text2">
-        WE ARE SORRY, BUT THE PAGE YOU REQUESTED WAS NOT FOUND
-      </h2>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'NotFound',
-  metaInfo: {
-    title: '404 - Not Found',
-  },
-}
-</script>
-
-<style scoped>
-.not-found-container {
-  width: 100%;
-  display: flex;
-  overflow: auto;
-  min-height: 100vh;
-  align-items: center;
-  flex-direction: column;
-  justify-content: center;
-}
-.not-found-container1 {
-  display: flex;
-  position: relative;
-  align-items: center;
-  flex-direction: column;
-  justify-content: center;
-}
-.not-found-text1 {
-  color: rgb(38, 38, 38);
-  font-size: 252px;
-  margin-top: -20px;
-  font-weight: 900;
-  margin-bottom: -20px;
-  letter-spacing: -20px;
-}
-.not-found-container2 {
-  width: 421px;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  justify-content: center;
-}
-.not-found-text2 {
-  text-align: center;
-  font-weight: 400;
-}
-</style>
diff --git a/src/views/rosenteufel.vue b/src/views/rosenteufel.vue
index ee86860..d4e662f 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="raw6ux3"></span>
+          <span v-html="rawv3xl"></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="rawczxn"></span>
+          <span v-html="rawdog1"></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="rawtoqy"></span>
+          <span v-html="rawtyzd"></span>
         </span>
       </span>
     </div>
-    <app-footer rootClassName="footer-root-class-name1"></app-footer>
+    <app-kontakt rootClassName="kontakt-root-class-name1"></app-kontakt>
   </div>
 </template>
 
 <script>
 import AppNavigation from '../components/navigation'
-import AppFooter from '../components/footer'
+import AppKontakt from '../components/kontakt'
 
 export default {
   name: 'Rosenteufel',
   components: {
     AppNavigation,
-    AppFooter,
+    AppKontakt,
   },
   data() {
     return {
-      raw6ux3: ' ',
-      rawczxn: ' ',
-      rawtoqy: ' ',
+      rawv3xl: ' ',
+      rawdog1: ' ',
+      rawtyzd: ' ',
     }
   },
   metaInfo: {
diff --git a/src/views/ssse-trume.vue b/src/views/ssse-trume.vue
index ca23cf0..9a2453f 100644
--- a/src/views/ssse-trume.vue
+++ b/src/views/ssse-trume.vue
@@ -86,7 +86,7 @@
     </div>
     <h1 class="character-title section-head">Süsse Träume Run 1 Fotos</h1>
     <span class="ssse-trume-credits">63 Fotos von Claudia Chiodi</span>
-    <div class="ssse-trume-run1gallerie">
+    <div class="ssse-trume-run-gallerie">
       <DangerousHTML
         html="<script src='https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js' async></script>
   <div class='pa-carousel-widget' style='width:100%; height:480px;'
@@ -241,7 +241,7 @@
   "
       ></DangerousHTML>
     </div>
-    <app-footer rootClassName="footer-root-class-name"></app-footer>
+    <app-kontakt rootClassName="kontakt-root-class-name"></app-kontakt>
   </div>
 </template>
 
@@ -249,14 +249,14 @@
 import DangerousHTML from 'dangerous-html/vue'
 
 import AppNavigation from '../components/navigation'
-import AppFooter from '../components/footer'
+import AppKontakt from '../components/kontakt'
 
 export default {
   name: 'SsseTrume',
   components: {
     AppNavigation,
     DangerousHTML,
-    AppFooter,
+    AppKontakt,
   },
   metaInfo: {
     title: 'OpenVisor - Süsse Träume',
@@ -384,7 +384,7 @@ export default {
   line-height: 30px;
   margin-bottom: var(--dl-space-space-twounits);
 }
-.ssse-trume-run1gallerie {
+.ssse-trume-run-gallerie {
   width: 100%;
 }
 .ssse-trume-credits1 {
diff --git a/src/views/tauglichkeitsexamen.vue b/src/views/tauglichkeitsexamen.vue
new file mode 100644
index 0000000..9d9cb30
--- /dev/null
+++ b/src/views/tauglichkeitsexamen.vue
@@ -0,0 +1,95 @@
+<template>
+  <div class="tauglichkeitsexamen-container">
+    <app-navigation rootClassName="navigation-root-class-name8"></app-navigation>
+    <span class="site-title">Tauglichkeitsexamen</span>
+    <span class="tauglichkeitsexamen-caption1">
+      <span>Si vis promotio, para plulus.</span>
+      <br />
+    </span>
+    <div class="tauglichkeitsexamen-container1">
+      <iframe
+        src="https://www.youtube.com/embed/UMeJuq0gnjM"
+        class="tauglichkeitsexamen-iframe"
+      ></iframe>
+    </div>
+    <app-kontakt></app-kontakt>
+  </div>
+</template>
+
+<script>
+import AppNavigation from '../components/navigation'
+import AppKontakt from '../components/kontakt'
+
+export default {
+  name: 'Tauglichkeitsexamen',
+  components: {
+    AppNavigation,
+    AppKontakt,
+  },
+  metaInfo: {
+    title: 'Tauglichkeitsexamen',
+    meta: [
+      {
+        property: 'og:title',
+        content: 'Tauglichkeitsexamen',
+      },
+    ],
+  },
+}
+</script>
+
+<style scoped>
+.tauglichkeitsexamen-container {
+  width: 100%;
+  display: flex;
+  overflow: auto;
+  min-height: 100vh;
+  overflow-x: hidden;
+  align-items: center;
+  flex-direction: column;
+  background-size: cover;
+  background-image: url("/forest-background-luca-dross-1500w.jpg");
+}
+.tauglichkeitsexamen-caption1 {
+  color: rgb(255, 255, 255);
+  font-size: 20px;
+  font-family: Fira Sans;
+  line-height: 30px;
+}
+.tauglichkeitsexamen-container1 {
+  gap: var(--dl-space-space-twounits);
+  flex: 0 0 auto;
+  width: 100%;
+  height: auto;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+}
+.tauglichkeitsexamen-iframe {
+  width: 640px;
+  height: 360px;
+  margin-top: 20px;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-bottom: -40px;
+}
+@media(max-width: 991px) {
+  .tauglichkeitsexamen-caption1 {
+    text-align: left;
+  }
+}
+@media(max-width: 767px) {
+  .tauglichkeitsexamen-caption1 {
+    color: rgb(255, 255, 255);
+    font-size: 16px;
+    font-family: Poppins;
+    line-height: 24px;
+  }
+}
+@media(max-width: 479px) {
+  .tauglichkeitsexamen-caption1 {
+    font-family: Poppins;
+  }
+}
+</style>
diff --git a/src/views/urlaubsantrag.vue b/src/views/urlaubsantrag.vue
new file mode 100644
index 0000000..9ed1f66
--- /dev/null
+++ b/src/views/urlaubsantrag.vue
@@ -0,0 +1,88 @@
+<template>
+  <div class="urlaubsantrag-container">
+    <app-navigation rootClassName="navigation-root-class-name9"></app-navigation>
+    <span class="site-title">Urlaubsantrag</span>
+    <span class="urlaubsantrag-caption1">
+      <span>Si vis commeatum, para spes irrita.</span>
+      <br />
+    </span>
+    <div class="urlaubsantrag-container1">
+      <img alt="image" src="/denied-800w.png" class="urlaubsantrag-image" />
+    </div>
+    <app-kontakt></app-kontakt>
+  </div>
+</template>
+
+<script>
+import AppNavigation from '../components/navigation'
+import AppKontakt from '../components/kontakt'
+
+export default {
+  name: 'Urlaubsantrag',
+  components: {
+    AppNavigation,
+    AppKontakt,
+  },
+  metaInfo: {
+    title: 'Urlaubsantrag',
+    meta: [
+      {
+        property: 'og:title',
+        content: 'Urlaubsantrag',
+      },
+    ],
+  },
+}
+</script>
+
+<style scoped>
+.urlaubsantrag-container {
+  width: 100%;
+  display: flex;
+  overflow: auto;
+  min-height: 100vh;
+  overflow-x: hidden;
+  align-items: center;
+  flex-direction: column;
+  background-size: cover;
+  background-image: url("/forest-background-luca-dross-1500w.jpg");
+}
+.urlaubsantrag-caption1 {
+  color: rgb(255, 255, 255);
+  font-size: 20px;
+  font-family: Fira Sans;
+  line-height: 30px;
+}
+.urlaubsantrag-container1 {
+  gap: var(--dl-space-space-twounits);
+  flex: 0 0 auto;
+  width: 100%;
+  height: auto;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+}
+.urlaubsantrag-image {
+  width: 50%;
+  object-fit: cover;
+}
+@media(max-width: 991px) {
+  .urlaubsantrag-caption1 {
+    text-align: left;
+  }
+}
+@media(max-width: 767px) {
+  .urlaubsantrag-caption1 {
+    color: rgb(255, 255, 255);
+    font-size: 16px;
+    font-family: Poppins;
+    line-height: 24px;
+  }
+}
+@media(max-width: 479px) {
+  .urlaubsantrag-caption1 {
+    font-family: Poppins;
+  }
+}
+</style>