diff --git a/public/playground_assets/bunkeransichtcompressed.jpg b/public/playground_assets/bunkeransichtcompressed.jpg
index a0413e7..4c54672 100644
Binary files a/public/playground_assets/bunkeransichtcompressed.jpg and b/public/playground_assets/bunkeransichtcompressed.jpg differ
diff --git a/public/playground_assets/krueger-min-200h.png b/public/playground_assets/krueger-min-200h.png
index 0d2756b..7023439 100644
Binary files a/public/playground_assets/krueger-min-200h.png and b/public/playground_assets/krueger-min-200h.png differ
diff --git a/src/components/veranstaltungen-liste.vue b/src/components/veranstaltungen-liste.vue
new file mode 100644
index 0000000..41794c5
--- /dev/null
+++ b/src/components/veranstaltungen-liste.vue
@@ -0,0 +1,180 @@
+<template>
+  <div
+    class="veranstaltungen-liste-veranstaltungen-liste"
+    v-bind:class="rootClassName"
+  >
+    <div class="event-entry veranstaltungen-liste-letzte-gelegenheit-run1">
+      <h3 class="event-title">{{ Run1 }}</h3>
+      <p class="event-date">{{ Datum }}</p>
+      <p class="event-location">{{ Standort }}</p>
+      <p class="veranstaltungen-liste-plaetze event-location">{{ Plaetze }}</p>
+    </div>
+    <div class="veranstaltungen-liste-letzte-gelegenheit-run2 event-entry">
+      <h3 class="event-title">{{ Run2 }}</h3>
+      <p class="event-date">
+        <span>13. Mai 2023, 10:00 Uhr bis 14. Mai 2023, 14:00 Uhr</span>
+        <br />
+      </p>
+      <p class="event-location">
+        <span>Waldritter e.V. (im Raumschiff)</span>
+        <br />
+        <span>Ewaldstrasse 20, 45699 Herten</span>
+        <br />
+      </p>
+      <div class="veranstaltungen-liste-container">
+        <p class="veranstaltungen-liste-plaetze1 event-location">
+          0 von 15 Plätzen frei
+        </p>
+        <p class="veranstaltungen-liste-warteliste event-location">
+          0 Personen in Warteliste
+        </p>
+      </div>
+    </div>
+    <div class="veranstaltungen-liste-letzte-gelegenheit-run21 event-entry">
+      <h3 class="event-title">{{ Run3 }}</h3>
+      <p class="event-date">
+        <span>1. Juli 2023, 10:00 Uhr bis 2. Juli 2023, 14:00 Uhr</span>
+        <br />
+      </p>
+      <p class="event-location">
+        <span>Waldritter e.V. (im Raumschiff)</span>
+        <br />
+        <span>Ewaldstrasse 20, 45699 Herten</span>
+        <br />
+      </p>
+      <p class="veranstaltungen-liste-plaetze2 event-location">{{ Plaetze1 }}</p>
+    </div>
+    <div class="veranstaltungen-liste-letzte-gelegenheit-run22 event-entry">
+      <h3 class="event-title">{{ Run43 }}</h3>
+      <p class="event-date">
+        <span>2. Sep. 2023, 10:00 Uhr bis 3. Sep. 2023, 14:00 Uhr</span>
+        <br />
+      </p>
+      <p class="event-location">
+        <span>Waldritter e.V. (im Raumschiff)</span>
+        <br />
+        <span>Ewaldstrasse 20, 45699 Herten</span>
+        <br />
+      </p>
+      <p class="veranstaltungen-liste-plaetze3 event-location">{{ Plaetze2 }}</p>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'VeranstaltungenListe',
+  props: {
+    Run1: {
+      type: String,
+      default: 'Run 1 (Schweiz)',
+    },
+    Datum: {
+      type: String,
+      default: '1. April 2023, 10:00 Uhr bis 2. April 2023, 14:00 Uhr',
+    },
+    Standort: {
+      type: String,
+      default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
+    },
+    Plaetze: {
+      type: String,
+      default: '1 von 15 Plätzen frei (Stand: 25.01.2023)',
+    },
+    Run2: {
+      type: String,
+      default: 'Run  2 (Deutschland)',
+    },
+    Run3: {
+      type: String,
+      default: 'Run  3 (Deutschland)',
+    },
+    Plaetze1: {
+      type: String,
+      default: '15 von 15 Plätzen frei (Stand: 25.01.2023)',
+    },
+    Run43: {
+      type: String,
+      default: 'Run  4 (Deutschland)',
+    },
+    Plaetze2: {
+      type: String,
+      default: '15 von 15 Plätzen frei (Stand: 25.01.2023)',
+    },
+    rootClassName: String,
+  },
+}
+</script>
+
+<style scoped>
+.veranstaltungen-liste-veranstaltungen-liste {
+  flex: 0 0 auto;
+  width: 95%;
+  display: flex;
+  position: relative;
+  max-width: 1200px;
+  align-self: center;
+  align-items: stretch;
+  flex-direction: column;
+  background-color: rgba(41, 41, 41, 0.8);
+}
+.veranstaltungen-liste-plaetze {
+  color: #dd8800;
+  text-align: left;
+}
+.veranstaltungen-liste-letzte-gelegenheit-run2 {
+  border-bottom-width: 0px;
+}
+.veranstaltungen-liste-container {
+  flex: 0 0 auto;
+  width: 200px;
+  display: flex;
+  align-items: flex-start;
+  flex-direction: column;
+}
+.veranstaltungen-liste-plaetze1 {
+  color: rgb(221, 0, 0);
+  text-align: left;
+}
+.veranstaltungen-liste-warteliste {
+  color: rgb(0, 221, 0);
+  text-align: left;
+}
+.veranstaltungen-liste-letzte-gelegenheit-run21 {
+  border-bottom-width: 0px;
+}
+.veranstaltungen-liste-plaetze2 {
+  color: rgb(0, 221, 0);
+  text-align: left;
+}
+.veranstaltungen-liste-letzte-gelegenheit-run22 {
+  border-bottom-width: 3px;
+}
+.veranstaltungen-liste-plaetze3 {
+  color: rgb(0, 221, 0);
+  text-align: left;
+}
+
+@media(max-width: 767px) {
+  .veranstaltungen-liste-veranstaltungen-liste {
+    flex-wrap: wrap;
+  }
+  .veranstaltungen-liste-letzte-gelegenheit-run1 {
+    flex-direction: column;
+  }
+  .veranstaltungen-liste-letzte-gelegenheit-run2 {
+    flex-direction: column;
+  }
+  .veranstaltungen-liste-letzte-gelegenheit-run21 {
+    flex-direction: column;
+  }
+  .veranstaltungen-liste-letzte-gelegenheit-run22 {
+    flex-direction: column;
+  }
+}
+@media(max-width: 479px) {
+  .veranstaltungen-liste-veranstaltungen-liste {
+    width: 90%;
+  }
+}
+</style>
diff --git a/src/style.css b/src/style.css
index 9b80d1f..e78f96c 100644
--- a/src/style.css
+++ b/src/style.css
@@ -224,7 +224,7 @@
 }
 .event-date {
   color: #ffffff;
-  width: 210px;
+  width: 200px;
   height: auto;
   font-family: Poppins;
   line-height: 28px;
diff --git a/src/views/home.vue b/src/views/home.vue
index d315c32..f6250d8 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -13,41 +13,9 @@
       <header class="home-veranstaltungen-titel">
         <h2 class="home-section section-head">Kommende Veranstaltungen</h2>
       </header>
-      <div class="home-veranstaltungen-liste">
-        <div class="event-entry">
-          <h3 class="event-title">Letzte Gelegenheit Run 1 (Schweiz)</h3>
-          <p class="event-date">
-            1. April 2023, 10:00 Uhr bis 2. April 2023, 14:00 Uhr
-          </p>
-          <p class="event-location">
-            Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen
-          </p>
-          <p class="home-standort1 event-location">
-            1 von 15 Plätzen frei (Stand: 24.01.2023)
-          </p>
-          <router-link to="/letzte-gelegenheit">
-            <div class="home-mehr-link"><p class="home-mehr">Mehr -&gt;</p></div>
-          </router-link>
-        </div>
-        <div class="home-letzte-gelegenheit-run2 event-entry">
-          <h3 class="event-title">Letzte Gelegenheit Run 2 (Deutschland)</h3>
-          <p class="event-date home-datum1">
-            13. Mai 2023, 10:00 Uhr bis 14. Mai 2023, 14:00 Uhr
-          </p>
-          <p class="event-location">
-            Waldritter e.V. (Raumschiff) Ewaldstr. 20, 45699 Herten
-          </p>
-          <p class="home-standort3 event-location">
-            <span>Anmeldung öffnet im Januar 2023</span>
-            <br />
-          </p>
-          <router-link to="/letzte-gelegenheit">
-            <div class="home-mehr-link1">
-              <p class="home-mehr1">Mehr -&gt;</p>
-            </div>
-          </router-link>
-        </div>
-      </div>
+      <veranstaltungen-liste
+        rootClassName="veranstaltungen-liste-root-class-name"
+      ></veranstaltungen-liste>
     </section>
     <section class="home-larps-kapitel">
       <h2 class="home-larps-titel section-head">LARPs</h2>
@@ -66,7 +34,7 @@
             verschärft sich.
           </p>
           <router-link to="/letzte-gelegenheit">
-            <div class="home-button"><p class="home-text06">Mehr -&gt;</p></div>
+            <div class="home-button"><p class="home-text04">Mehr -&gt;</p></div>
           </router-link>
         </section>
         <div class="card">
@@ -88,7 +56,7 @@
             </span>
           </p>
           <router-link to="/suesse-traeume">
-            <div class="home-button1"><p class="home-text11">Mehr -&gt;</p></div>
+            <div class="home-button1"><p class="home-text09">Mehr -&gt;</p></div>
           </router-link>
         </div>
       </main>
@@ -112,7 +80,7 @@
             Fragestellung bilden.
           </p>
           <router-link to="/ein-orden-fuer-eine-gute-tat">
-            <div class="home-button2"><p class="home-text14">Lesen -&gt;</p></div>
+            <div class="home-button2"><p class="home-text12">Lesen -&gt;</p></div>
           </router-link>
         </div>
         <div class="card">
@@ -133,7 +101,7 @@
             </span>
           </p>
           <router-link to="/rosenteufel">
-            <div class="home-button3"><p class="home-text19">Lesen -&gt;</p></div>
+            <div class="home-button3"><p class="home-text17">Lesen -&gt;</p></div>
           </router-link>
         </div>
       </main>
@@ -144,12 +112,14 @@
 
 <script>
 import AppNavigation from '../components/navigation'
+import VeranstaltungenListe from '../components/veranstaltungen-liste'
 import AppKontakt from '../components/kontakt'
 
 export default {
   name: 'Home',
   components: {
     AppNavigation,
+    VeranstaltungenListe,
     AppKontakt,
   },
   metaInfo: {
@@ -213,81 +183,6 @@ export default {
   color: #ffffff;
   font-size: 36px;
 }
-.home-veranstaltungen-liste {
-  flex: 0 0 auto;
-  width: 95%;
-  display: flex;
-  max-width: 1200px;
-  align-self: center;
-  align-items: stretch;
-  flex-direction: column;
-  background-color: rgba(41, 41, 41, 0.8);
-}
-.home-standort1 {
-  color: #00dd00;
-  text-align: left;
-}
-.home-mehr-link {
-  gap: var(--dl-space-space-oneandhalfunits);
-  width: 60px;
-  cursor: pointer;
-  display: flex;
-  transition: 0.3s;
-  align-items: center;
-  border-color: #FFFF00;
-  margin-right: var(--dl-space-space-unit);
-  flex-direction: column;
-  padding-bottom: var(--dl-space-space-halfunit);
-  justify-content: center;
-  text-decoration: none;
-  border-bottom-width: 1px;
-}
-.home-mehr-link:hover {
-  opacity: 0.5;
-}
-.home-mehr {
-  color: #FFFF00;
-  width: auto;
-  height: auto;
-  align-self: center;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 24px;
-}
-.home-letzte-gelegenheit-run2 {
-  border-bottom-width: 3px;
-}
-.home-standort3 {
-  color: rgb(221, 0, 0);
-  text-align: left;
-}
-.home-mehr-link1 {
-  gap: var(--dl-space-space-oneandhalfunits);
-  width: 60px;
-  cursor: pointer;
-  display: flex;
-  transition: 0.3s;
-  align-items: center;
-  border-color: #ffff00;
-  margin-right: var(--dl-space-space-unit);
-  flex-direction: column;
-  padding-bottom: var(--dl-space-space-halfunit);
-  justify-content: center;
-  text-decoration: none;
-  border-bottom-width: 1px;
-}
-.home-mehr-link1:hover {
-  opacity: 0.5;
-}
-.home-mehr1 {
-  color: #ffff00;
-  width: 60px;
-  height: auto;
-  align-self: center;
-  font-style: normal;
-  font-weight: 500;
-  line-height: 24px;
-}
 .home-larps-kapitel {
   gap: var(--dl-space-space-twounits);
   flex: 1;
@@ -336,7 +231,7 @@ export default {
 .home-button:hover {
   opacity: 0.5;
 }
-.home-text06 {
+.home-text04 {
   color: #ffff00;
   font-style: normal;
   font-weight: 500;
@@ -372,7 +267,7 @@ export default {
 .home-button1:hover {
   opacity: 0.5;
 }
-.home-text11 {
+.home-text09 {
   color: #FFFF00;
   font-style: normal;
   font-weight: 500;
@@ -425,7 +320,7 @@ export default {
 .home-button2:hover {
   opacity: 0.5;
 }
-.home-text14 {
+.home-text12 {
   color: #ffff00;
   font-style: normal;
   font-weight: 500;
@@ -461,7 +356,7 @@ export default {
 .home-button3:hover {
   opacity: 0.5;
 }
-.home-text19 {
+.home-text17 {
   color: #ffff00;
   font-style: normal;
   font-weight: 500;
@@ -483,12 +378,6 @@ export default {
     width: auto;
     border-color: transparent;
   }
-  .home-veranstaltungen-liste {
-    flex-wrap: wrap;
-  }
-  .home-datum1 {
-    margin-left: 0;
-  }
 }
 @media(max-width: 479px) {
   .home-caption {
diff --git a/src/views/larpkonzept.vue b/src/views/larpkonzept.vue
index 1ce7f83..f5918e8 100644
--- a/src/views/larpkonzept.vue
+++ b/src/views/larpkonzept.vue
@@ -134,7 +134,7 @@
         <br class="larpkonzept-text36" />
         <span>
           Zu guter Letzt benutzen wir am “Letzte Gelegenheit” auch die
-          <span v-html="rawfx8r"></span>
+          <span v-html="rawec1v"></span>
         </span>
         <a
           href="https://en.wikipedia.org/wiki/OK_gesture"
@@ -151,7 +151,7 @@
           schlecht). Nur wenn der Daumen nach oben zeigt, soll man die
           Spielintensität beibehalten, ansonsten soll man sie verringern, um
           sicherzustellen, dass es der Person wieder besser geht.
-          <span v-html="rawaquk"></span>
+          <span v-html="raw2hv2"></span>
         </span>
         <br class="larpkonzept-text39" />
         <br class="larpkonzept-text40" />
@@ -193,8 +193,8 @@ export default {
 
   data() {
     return {
-      rawfx8r: ' ',
-      rawaquk: ' ',
+      rawec1v: ' ',
+      raw2hv2: ' ',
     }
   },
 
diff --git a/src/views/letzte-gelegenheit.vue b/src/views/letzte-gelegenheit.vue
index df6f442..15df07e 100644
--- a/src/views/letzte-gelegenheit.vue
+++ b/src/views/letzte-gelegenheit.vue
@@ -13,39 +13,7 @@
       <header class="letzte-gelegenheit-veranstaltungen-titel">
         <h2 class="letzte-gelegenheit-section section-head">Kommende Runs</h2>
       </header>
-      <div class="letzte-gelegenheit-veranstaltungen-liste">
-        <div class="event-entry letzte-gelegenheit-letzte-gelegenheit-run1">
-          <h3 class="event-title">Run 1 (Schweiz)</h3>
-          <p class="event-date">
-            1. April 2023, 10:00 Uhr bis 2. April 2023, 14:00 Uhr
-          </p>
-          <p class="event-location">
-            Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen
-          </p>
-          <p class="letzte-gelegenheit-standort1 event-location">
-            1 von 15 Plätzen frei (Stand: 24.01.2023)
-          </p>
-        </div>
-        <div class="letzte-gelegenheit-letzte-gelegenheit-run2 event-entry">
-          <h3 class="event-title">Run 2 (Deutschland)</h3>
-          <p class="event-date">
-            <span>13. Mai 2023, 10:00 Uhr bis 14. Mai 2023, 14:00 Uhr</span>
-            <br />
-          </p>
-          <p class="event-location">
-            <span>
-              Waldritter e.V. (Raumschiff)
-              <span v-html="rawhmc5"></span>
-            </span>
-            <span>Ewaldstr. 20, 45699 Herten</span>
-            <br />
-          </p>
-          <p class="letzte-gelegenheit-standort3 event-location">
-            <span>Anmeldung öffnet im Januar 2023</span>
-            <br />
-          </p>
-        </div>
-      </div>
+      <veranstaltungen-liste></veranstaltungen-liste>
     </section>
     <div class="character-row letzte-gelegenheit-container01">
       <div class="letzte-gelegenheit-infos text-body">
@@ -55,7 +23,7 @@
         </h2>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text013">
+            <span class="letzte-gelegenheit-text006">
               <span>1. Setting</span>
               <br />
             </span>
@@ -95,7 +63,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text017">
+            <span class="letzte-gelegenheit-text010">
               <span>2. Was dieses Larp bewirken will</span>
               <br />
             </span>
@@ -126,7 +94,7 @@
                   <br />
                   <span>
                      ·
-                    <span v-html="rawkt1x"></span>
+                    <span v-html="rawraao"></span>
                   </span>
                   <span>
                     Intensive Momente und Emotionen ermöglichen, die in Erinnerung
@@ -136,7 +104,7 @@
                   <br />
                   <span>
                      ·
-                    <span v-html="raw19x1"></span>
+                    <span v-html="rawuxz2"></span>
                   </span>
                   <span>
                     Persönliche Auseinandersetzungen der Spieler mit nicht
@@ -147,7 +115,7 @@
                   <br />
                   <span>
                      ·
-                    <span v-html="rawklz9"></span>
+                    <span v-html="raw161d"></span>
                   </span>
                   <span>
                     Interne Charakterentwicklung oder -verfestigung durch externe
@@ -157,14 +125,14 @@
                   <br />
                   <span>
                      ·
-                    <span v-html="rawzcm4"></span>
+                    <span v-html="rawiurp"></span>
                   </span>
                   <span>Dilemmata mit sich selbst und mit anderen.</span>
                   <br />
                   <br />
                   <span>
                      ·
-                    <span v-html="rawzps1"></span>
+                    <span v-html="rawf4ja"></span>
                   </span>
                   <span>
                     Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
@@ -177,7 +145,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text042">
+            <span class="letzte-gelegenheit-text035">
               <span>3. Wie es das bewirken will</span>
               <br />
             </span>
@@ -235,7 +203,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text056">4. Was bespielt wird</span>
+            <span class="letzte-gelegenheit-text049">4. Was bespielt wird</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow03"
@@ -298,7 +266,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text091">
+            <span class="letzte-gelegenheit-text084">
               <span>5. Was nicht bespielt wird</span>
               <br />
             </span>
@@ -334,7 +302,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text098">6. Spielkonzept</span>
+            <span class="letzte-gelegenheit-text091">6. Spielkonzept</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow05"
@@ -366,7 +334,7 @@
                   <br />
                   <span>
                     Wir werden das
-                    <span v-html="rawavw7"></span>
+                    <span v-html="raw8bam"></span>
                   </span>
                   <router-link
                     to="/larpkonzept"
@@ -386,7 +354,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text105">
+            <span class="letzte-gelegenheit-text098">
               <span>7. OT-Bereich</span>
               <br />
             </span>
@@ -445,7 +413,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text117">
+            <span class="letzte-gelegenheit-text110">
               <span>8. Verpflegung</span>
               <br />
             </span>
@@ -511,7 +479,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text134">
+            <span class="letzte-gelegenheit-text127">
               <span>9. Ausrüstung</span>
               <br />
             </span>
@@ -578,7 +546,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text157">10. Preise</span>
+            <span class="letzte-gelegenheit-text150">10. Preise</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow09"
@@ -631,7 +599,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text175">
+            <span class="letzte-gelegenheit-text168">
               <span>11. Standort Run 1</span>
               <br />
             </span>
@@ -666,7 +634,7 @@
                   <br />
                   <span>
                     Parkplatz:
-                    <span v-html="rawib84"></span>
+                    <span v-html="rawbpf3"></span>
                   </span>
                   <a
                     href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
@@ -688,7 +656,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text187">
+            <span class="letzte-gelegenheit-text180">
               <span>12. Standort Run 2</span>
               <br />
             </span>
@@ -729,7 +697,7 @@
         <h2 class="section-head">SpielangebotE</h2>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text196">13. Waffen</span>
+            <span class="letzte-gelegenheit-text189">13. Waffen</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow12"
@@ -801,7 +769,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text210">14. Elektrik</span>
+            <span class="letzte-gelegenheit-text203">14. Elektrik</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow13"
@@ -842,7 +810,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text214">15. Reinigung</span>
+            <span class="letzte-gelegenheit-text207">15. Reinigung</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow14"
@@ -879,7 +847,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text216">16. Lüftung</span>
+            <span class="letzte-gelegenheit-text209">16. Lüftung</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow15"
@@ -927,7 +895,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text223">17. Medizinspiel</span>
+            <span class="letzte-gelegenheit-text216">17. Medizinspiel</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow16"
@@ -980,7 +948,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text240">
+            <span class="letzte-gelegenheit-text233">
               <span>18. Drogen und Gift</span>
               <br />
             </span>
@@ -1042,7 +1010,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text251">19. Funkgeräte</span>
+            <span class="letzte-gelegenheit-text244">19. Funkgeräte</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow18"
@@ -1086,7 +1054,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text257">20. Gefängnisakten</span>
+            <span class="letzte-gelegenheit-text250">20. Gefängnisakten</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow19"
@@ -1138,7 +1106,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text263">
+            <span class="letzte-gelegenheit-text256">
               21. Ressourcenmangel &amp; Lager
             </span>
             <div
@@ -1197,7 +1165,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text269">22. Zeitgefühl</span>
+            <span class="letzte-gelegenheit-text262">22. Zeitgefühl</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow21"
@@ -1259,7 +1227,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text279">23. Tod</span>
+            <span class="letzte-gelegenheit-text272">23. Tod</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow22"
@@ -1312,7 +1280,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text285">24. IT vs. OT Feuer</span>
+            <span class="letzte-gelegenheit-text278">24. IT vs. OT Feuer</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow23"
@@ -1423,7 +1391,7 @@
             <h1 class="letzte-gelegenheit-header01">
               <span>
                 Leitung der Justizvollzugsanstalt
-                <span v-html="raw887b"></span>
+                <span v-html="raw5291"></span>
               </span>
               <br />
             </h1>
@@ -1442,7 +1410,7 @@
             Fortier (gesprochen &quot;Fortjeeh&quot;) übernahm vor 3 Jahren das
             Gefängnis Schwarzbach, nachdem die vorherige Leitung aus ungeklärten
             Gründen zurücktrat.
-            <span v-html="raw7yi1"></span>
+            <span v-html="rawin90"></span>
           </span>
           <span>
             Kurz nach Fortiers Übernahme kam es im Gefängnis zum Mord des
@@ -1509,7 +1477,7 @@
           <br />
           <span>
             Bellucci ist
-            <span v-html="raw73mj"></span>
+            <span v-html="raw4shh"></span>
           </span>
           <span>
             bekannt dafür, etwas sozial unbeholfen zu sein und äusserst akademisch
@@ -1821,7 +1789,7 @@
           <div class="character-description">
             <h1 class="letzte-gelegenheit-header16">
               Lindbeck
-              <span v-html="rawafhw"></span>
+              <span v-html="rawjqx4"></span>
             </h1>
             <h1 class="letzte-gelegenheit-header17">
               <span>Häftling</span>
@@ -1897,7 +1865,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="rawwg4x"></span>
+            <span v-html="rawsu07"></span>
           </span>
           <span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
           <br />
@@ -1951,8 +1919,8 @@
             Redensweise ist trotzdem befehlerisch.
           </span>
           <br />
-          <br class="letzte-gelegenheit-text444" />
-          <span class="letzte-gelegenheit-text445">
+          <br class="letzte-gelegenheit-text437" />
+          <span class="letzte-gelegenheit-text438">
             (Nur ein paar Charaktere wissen mehr zu diesem Charakter, entsprechend
             steht hier wenig.)
           </span>
@@ -2004,10 +1972,10 @@
           </span>
           <br />
           <br />
-          <span class="letzte-gelegenheit-text462">
+          <span class="letzte-gelegenheit-text455">
             (Nur ein paar Charaktere wissen mehr zu diesem Charakter, entsprechend
           </span>
-          <span class="letzte-gelegenheit-text463">steht hier wenig.)</span>
+          <span class="letzte-gelegenheit-text456">steht hier wenig.)</span>
           <br />
         </p>
       </section>
@@ -2018,30 +1986,31 @@
 
 <script>
 import AppNavigation from '../components/navigation'
+import VeranstaltungenListe from '../components/veranstaltungen-liste'
 import AppKontakt from '../components/kontakt'
 
 export default {
   name: 'LetzteGelegenheit',
   components: {
     AppNavigation,
+    VeranstaltungenListe,
     AppKontakt,
   },
 
   data() {
     return {
-      rawhmc5: ' ',
-      rawkt1x: ' ',
-      raw19x1: ' ',
-      rawklz9: ' ',
-      rawzcm4: ' ',
-      rawzps1: ' ',
-      rawavw7: ' ',
-      rawib84: ' ',
-      raw887b: ' ',
-      raw7yi1: ' ',
-      raw73mj: ' ',
-      rawafhw: ' ',
-      rawwg4x: ' ',
+      rawraao: ' ',
+      rawuxz2: ' ',
+      raw161d: ' ',
+      rawiurp: ' ',
+      rawf4ja: ' ',
+      raw8bam: ' ',
+      rawbpf3: ' ',
+      raw5291: ' ',
+      rawin90: ' ',
+      raw4shh: ' ',
+      rawjqx4: ' ',
+      rawsu07: ' ',
     }
   },
 
@@ -2126,33 +2095,12 @@ export default {
   color: rgb(255, 255, 255);
   font-size: 36px;
 }
-.letzte-gelegenheit-veranstaltungen-liste {
-  flex: 0 0 auto;
-  width: 95%;
-  display: flex;
-  max-width: 1200px;
-  align-self: center;
-  align-items: stretch;
-  flex-direction: column;
-  background-color: rgba(41, 41, 41, 0.8);
-}
-.letzte-gelegenheit-standort1 {
-  color: #00dd00;
-  text-align: left;
-}
-.letzte-gelegenheit-letzte-gelegenheit-run2 {
-  border-bottom-width: 3px;
-}
-.letzte-gelegenheit-standort3 {
-  color: rgb(221, 0, 0);
-  text-align: left;
-}
 .letzte-gelegenheit-infos {
   gap: var(--dl-space-space-unit);
   padding: var(--dl-space-space-unit);
   align-items: flex-start;
 }
-.letzte-gelegenheit-text013 {
+.letzte-gelegenheit-text006 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2194,7 +2142,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text017 {
+.letzte-gelegenheit-text010 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2239,7 +2187,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text042 {
+.letzte-gelegenheit-text035 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2284,7 +2232,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text056 {
+.letzte-gelegenheit-text049 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2329,7 +2277,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text091 {
+.letzte-gelegenheit-text084 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2374,7 +2322,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text098 {
+.letzte-gelegenheit-text091 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2425,7 +2373,7 @@ export default {
   font-weight: 500;
   text-decoration: underline;
 }
-.letzte-gelegenheit-text105 {
+.letzte-gelegenheit-text098 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2470,7 +2418,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text117 {
+.letzte-gelegenheit-text110 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2515,7 +2463,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text134 {
+.letzte-gelegenheit-text127 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2560,7 +2508,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text157 {
+.letzte-gelegenheit-text150 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2605,7 +2553,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text175 {
+.letzte-gelegenheit-text168 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2660,7 +2608,7 @@ export default {
   height: 100%;
   object-fit: cover;
 }
-.letzte-gelegenheit-text187 {
+.letzte-gelegenheit-text180 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2710,7 +2658,7 @@ export default {
   padding: var(--dl-space-space-unit);
   align-items: flex-start;
 }
-.letzte-gelegenheit-text196 {
+.letzte-gelegenheit-text189 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2755,7 +2703,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text210 {
+.letzte-gelegenheit-text203 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2800,7 +2748,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text214 {
+.letzte-gelegenheit-text207 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2845,7 +2793,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text216 {
+.letzte-gelegenheit-text209 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2890,7 +2838,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text223 {
+.letzte-gelegenheit-text216 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2935,7 +2883,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text240 {
+.letzte-gelegenheit-text233 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2980,7 +2928,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text251 {
+.letzte-gelegenheit-text244 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -3025,7 +2973,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text257 {
+.letzte-gelegenheit-text250 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -3070,7 +3018,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text263 {
+.letzte-gelegenheit-text256 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -3115,7 +3063,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text269 {
+.letzte-gelegenheit-text262 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -3160,7 +3108,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text279 {
+.letzte-gelegenheit-text272 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -3205,7 +3153,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text285 {
+.letzte-gelegenheit-text278 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -3707,10 +3655,10 @@ export default {
   font-family: Poppins;
   line-height: 28px;
 }
-.letzte-gelegenheit-text444 {
+.letzte-gelegenheit-text437 {
   font-style: italic;
 }
-.letzte-gelegenheit-text445 {
+.letzte-gelegenheit-text438 {
   font-style: italic;
 }
 .letzte-gelegenheit-image12 {
@@ -3751,10 +3699,10 @@ export default {
   font-family: Poppins;
   line-height: 28px;
 }
-.letzte-gelegenheit-text462 {
+.letzte-gelegenheit-text455 {
   font-style: italic;
 }
-.letzte-gelegenheit-text463 {
+.letzte-gelegenheit-text456 {
   font-style: italic;
 }
 @media(max-width: 991px) {
@@ -3776,64 +3724,55 @@ export default {
   .letzte-gelegenheit-veranstaltungen-kapitel {
     border-color: transparent;
   }
-  .letzte-gelegenheit-veranstaltungen-liste {
-    flex-wrap: wrap;
-  }
-  .letzte-gelegenheit-letzte-gelegenheit-run1 {
-    flex-direction: column;
-  }
-  .letzte-gelegenheit-letzte-gelegenheit-run2 {
-    flex-direction: column;
-  }
   .letzte-gelegenheit-container01 {
     flex-flow: column;
   }
-  .letzte-gelegenheit-text196 {
+  .letzte-gelegenheit-text189 {
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
   }
-  .letzte-gelegenheit-text210 {
+  .letzte-gelegenheit-text203 {
     font-size: 24px;
   }
-  .letzte-gelegenheit-text214 {
+  .letzte-gelegenheit-text207 {
+    font-size: 24px;
+    font-style: normal;
+    font-weight: 500;
+  }
+  .letzte-gelegenheit-text209 {
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
   }
   .letzte-gelegenheit-text216 {
     font-size: 24px;
-    font-style: normal;
-    font-weight: 500;
   }
-  .letzte-gelegenheit-text223 {
+  .letzte-gelegenheit-text233 {
     font-size: 24px;
   }
-  .letzte-gelegenheit-text240 {
-    font-size: 24px;
-  }
-  .letzte-gelegenheit-text251 {
+  .letzte-gelegenheit-text244 {
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
   }
-  .letzte-gelegenheit-text257 {
+  .letzte-gelegenheit-text250 {
     font-size: 24px;
   }
-  .letzte-gelegenheit-text263 {
+  .letzte-gelegenheit-text256 {
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
   }
-  .letzte-gelegenheit-text269 {
+  .letzte-gelegenheit-text262 {
     font-size: 24px;
   }
-  .letzte-gelegenheit-text279 {
+  .letzte-gelegenheit-text272 {
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
   }
-  .letzte-gelegenheit-text285 {
+  .letzte-gelegenheit-text278 {
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
@@ -3910,9 +3849,6 @@ export default {
     height: auto;
     line-height: 36px;
   }
-  .letzte-gelegenheit-veranstaltungen-liste {
-    width: 90%;
-  }
   .letzte-gelegenheit-trigger {
     font-size: 18px;
   }
diff --git a/src/views/rosenteufel.vue b/src/views/rosenteufel.vue
index 1678004..a3964bb 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="rawe9ac"></span>
+          <span v-html="raw2h2a"></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="rawnazw"></span>
+          <span v-html="rawkk52"></span>
         </span>
         <span>
           noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen
@@ -287,7 +287,7 @@
           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="raw3lpc"></span>
+          <span v-html="rawdosq"></span>
         </span>
       </span>
     </div>
@@ -308,9 +308,9 @@ export default {
 
   data() {
     return {
-      rawe9ac: ' ',
-      rawnazw: ' ',
-      raw3lpc: ' ',
+      raw2h2a: ' ',
+      rawkk52: ' ',
+      rawdosq: ' ',
     }
   },