Reattempt updating Run 4 as finished and adding Newsletter Form

src/components/footer.vue

@@ -1,15 +1,21 @@
 <template>
-  <footer class="kontakt-footer" v-bind:class="rootClassName">
+  <footer class="footer-footer" v-bind:class="rootClassName">
-    <span class="kontakt-text">{{ Text }}</span>
+    <div class="footer-kontakt">
-    <a href="mailto:info@openvisor.ch?subject=" class="kontakt-text1">
+      <span class="footer-kontakt1">{{ Text }}</span>
-      {{ Text1 }}
+      <a href="mailto:info@openvisor.ch?subject=" class="footer-email">
-    </a>
+        {{ 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 {
+.footer-footer {
-  gap: var(--dl-space-space-unit);
+  gap: 20%;
-  flex: 1;
   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);
+}
 
 
 

src/components/info-box.vue

@@ -32,7 +32,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="raw5yhg"></span>
+                  <span v-html="rawdb0x"></span>
                 </span>
                 <span>
                   Intensive Momente und Emotionen ermöglichen, die in Erinnerung
@@ -42,7 +42,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="raw9bj6"></span>
+                  <span v-html="rawul0m"></span>
                 </span>
                 <span>
                   Persönliche Auseinandersetzungen der Spieler mit nicht
@@ -53,7 +53,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawhf3e"></span>
+                  <span v-html="rawob27"></span>
                 </span>
                 <span>
                   Interne Charakterentwicklung oder -verfestigung durch externe
@@ -63,14 +63,14 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawz4nf"></span>
+                  <span v-html="rawmhbm"></span>
                 </span>
                 <span>Dilemmata mit sich selbst und mit anderen.</span>
                 <br />
                 <br />
                 <span>
                    ·
-                  <span v-html="rawkvu1"></span>
+                  <span v-html="raw8y7t"></span>
                 </span>
                 <span>
                   Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
@@ -254,7 +254,7 @@
                 <br />
                 <span>
                   Wir werden das
-                  <span v-html="raw2a4d"></span>
+                  <span v-html="rawlhfl"></span>
                 </span>
                 <router-link to="/larpkonzept" class="info-box-navlink">
                   Open Visor Larpkonzept
@@ -518,7 +518,7 @@
                 <br />
                 <span>
                   Parkplatz:
-                  <span v-html="raww5cs"></span>
+                  <span v-html="rawqize"></span>
                 </span>
                 <a
                   href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
@@ -1458,13 +1458,13 @@ export default {
   },
   data() {
     return {
-      raw5yhg: ' ',
+      rawdb0x: ' ',
-      raw9bj6: ' ',
+      rawul0m: ' ',
-      rawhf3e: ' ',
+      rawob27: ' ',
-      rawz4nf: ' ',
+      rawmhbm: ' ',
-      rawkvu1: ' ',
+      raw8y7t: ' ',
-      raw2a4d: ' ',
+      rawlhfl: ' ',
-      raww5cs: ' ',
+      rawqize: ' ',
     }
   },
 }

src/components/row1.vue

@@ -8,7 +8,7 @@
           <h1 class="row1-header1">
             <span>
               Leitung der Justizvollzugsanstalt
-              <span v-html="raw7lbp"></span>
+              <span v-html="rawtllp"></span>
             </span>
             <br />
           </h1>
@@ -125,7 +125,7 @@ export default {
   },
   data() {
     return {
-      raw7lbp: ' ',
+      rawtllp: ' ',
     }
   },
 }

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="rawveyy"></span>
+          <span v-html="rawhz6i"></span>
         </span>
         <span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
         <br />
@@ -122,7 +122,7 @@ export default {
   },
   data() {
     return {
-      rawveyy: ' ',
+      rawhz6i: ' ',
     }
   },
 }

src/components/veranstaltungen-liste.vue

@@ -50,12 +50,12 @@
       </div>
     </div>
     <div class="veranstaltungen-liste-letzte-gelegenheit-run4 event-entry">
-      <h3 class="event-title">{{ Run4 }}</h3>
+      <h3 class="veranstaltungen-liste-run4 event-title">{{ Run4 }}</h3>
-      <p class="event-date">
+      <p class="veranstaltungen-liste-datum3 event-date">
         <span>26.08.2023, 10:00 Uhr bis 27.08.2023, 14:00 Uhr</span>
         <br />
       </p>
-      <p class="event-location">
+      <p class="veranstaltungen-liste-standort3 event-location">
         <span>Waldritter e.V. (im Raumschiff)</span>
         <br />
         <span>Ewaldstrasse 20, 45699 Herten</span>
@@ -63,12 +63,7 @@
       </p>
       <div class="veranstaltungen-liste-container3">
         <p class="veranstaltungen-liste-plaetze2 event-location">
-          <span>0 von 15 Plätzen frei</span>
+          durchgeführt mit 15 Personen
-          <br />
-        </p>
-        <p class="veranstaltungen-liste-warteliste1 event-location">
-          <span>1 Person in Warteliste (Stand 10.07.2023)</span>
-          <br />
         </p>
       </div>
     </div>
@@ -136,7 +131,7 @@ export default {
     },
     Run41: {
       type: String,
-      default: 'Run  5 (Deutschland)',
+      default: 'Run  5',
     },
   },
 }
@@ -223,6 +218,15 @@ 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;
@@ -231,11 +235,7 @@ export default {
   flex-direction: column;
 }
 .veranstaltungen-liste-plaetze2 {
-  color: rgb(221, 0, 0);
+  color: var(--dl-color-success-700);
-  text-align: left;
-}
-.veranstaltungen-liste-warteliste1 {
-  color: rgb(0, 221, 0);
   text-align: left;
 }
 .veranstaltungen-liste-letzte-gelegenheit-run5 {

src/router.js

@@ -2,14 +2,11 @@ import Vue from 'vue'
 import Router from 'vue-router'
 import Meta from 'vue-meta'
 
-import Bologna from './views/bologna'
+import NotFound from './views/not-found'
 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'
@@ -20,20 +17,15 @@ export default new Router({
   mode: 'history',
   routes: [
     {
-      name: 'Bologna',
+      name: '404 - Not Found',
-      path: '/bologna',
+      path: '**',
-      component: Bologna,
+      component: NotFound,
     },
     {
       name: 'Ssse-Trume',
       path: '/suesse-traeume',
       component: SsseTrume,
     },
-    {
-      name: 'Tauglichkeitsexamen',
-      path: '/tauglichkeitsexamen',
-      component: Tauglichkeitsexamen,
-    },
     {
       name: 'Larpkonzept',
       path: '/larpkonzept',
@@ -49,16 +41,6 @@ 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',

src/views/alptraum.vue

@@ -1,95 +0,0 @@
-<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>

src/views/bologna.vue

@@ -1,110 +0,0 @@
-<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>

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',

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',

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',

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="rawwxzv"></span>
+          <span v-html="rawrvm2"></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 {
-      rawwxzv: ' ',
+      rawrvm2: ' ',
     }
   },
   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) {

src/views/not-found.vue

@@ -0,0 +1,58 @@
+<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>

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="rawv3xl"></span>
+          <span v-html="rawojfp"></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="rawdog1"></span>
+          <span v-html="rawphyp"></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="rawtyzd"></span>
+          <span v-html="rawvt0g"></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 {
-      rawv3xl: ' ',
+      rawojfp: ' ',
-      rawdog1: ' ',
+      rawphyp: ' ',
-      rawtyzd: ' ',
+      rawvt0g: ' ',
     }
   },
   metaInfo: {

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-run-gallerie">
+    <div class="ssse-trume-run1gallerie">
       <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-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',
@@ -384,7 +384,7 @@ export default {
   line-height: 30px;
   margin-bottom: var(--dl-space-space-twounits);
 }
-.ssse-trume-run-gallerie {
+.ssse-trume-run1gallerie {
   width: 100%;
 }
 .ssse-trume-credits1 {

src/views/tauglichkeitsexamen.vue

@@ -1,95 +0,0 @@
-<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>

src/views/urlaubsantrag.vue

@@ -1,88 +0,0 @@
-<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>