Delete character teaser row components

src/components/info-box.vue

@@ -18,22 +18,22 @@
               class="info-box-dropdown-toggle01"
               ><span class="larp-text"
                 ><span> · Gemeinsam eine Geschichte erleben und entwickeln</span
-                ><br /><br /><span> · <span v-html="rawyvn7"></span></span
+                ><br /><br /><span> · <span v-html="raw7lei"></span></span
                 ><span
                   >Intensive Momente und Emotionen ermöglichen, die in Erinnerung
                   bleiben.</span
-                ><br /><br /><span> · <span v-html="rawgskm"></span></span
+                ><br /><br /><span> · <span v-html="rawswpf"></span></span
                 ><span
                   >Persönliche Auseinandersetzungen der Spieler mit nicht
                   alltäglichen Situationen, Denkweisen und Weltanschauungen
                   ermöglichen.</span
-                ><br /><br /><span> · <span v-html="rawvapt"></span></span
+                ><br /><br /><span> · <span v-html="rawczr5"></span></span
                 ><span
                   >Interne Charakterentwicklung oder -verfestigung durch externe
                   Faktoren.</span
-                ><br /><br /><span> · <span v-html="rawup85"></span></span
+                ><br /><br /><span> · <span v-html="rawkfcl"></span></span
                 ><span>Dilemmata mit sich selbst und mit anderen.</span
-                ><br /><br /><span> · <span v-html="rawbgbc"></span></span
+                ><br /><br /><span> · <span v-html="rawu2vh"></span></span
                 ><span
                   >Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
                   Variation und Kontrast.</span
@@ -146,7 +146,7 @@
                   Musikstücken eingeleitet werden. Das Spiel wird dazwischen aber
                   nicht unterbrochen.</span
                 ><br /><br /><span
-                  >Wir werden das <span v-html="rawoe1y"></span></span
+                  >Wir werden das <span v-html="rawisv2"></span></span
                 ><router-link to="/larpkonzept" class="info-box-navlink"
                   >Open Visor Larpkonzept</router-link
                 ><span>
@@ -314,7 +314,7 @@
                 ><span>Zivilschutzanlage Sonnenblock</span><br /><span
                   >Chilegass 8</span
                 ><br /><span>8484 Weisslingen</span><br /><br /><span
-                  >Parkplatz: <span v-html="rawhyif"></span></span
+                  >Parkplatz: <span v-html="raw2rlf"></span></span
                 ><a
                   href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
                   target="_blank"
@@ -966,13 +966,13 @@ export default {
   },
   data() {
     return {
-      rawyvn7: ' ',
+      raw7lei: ' ',
-      rawgskm: ' ',
+      rawswpf: ' ',
-      rawvapt: ' ',
+      rawczr5: ' ',
-      rawup85: ' ',
+      rawkfcl: ' ',
-      rawbgbc: ' ',
+      rawu2vh: ' ',
-      rawoe1y: ' ',
+      rawisv2: ' ',
-      rawhyif: ' ',
+      raw2rlf: ' ',
     }
   },
 }

src/components/kommende-letzte-gelegenheit-runs.vue

@@ -4,7 +4,7 @@
       ><h3 class="event-title">{{ run5 }}</h3
       ><div
         ><p class="event-section"
-          >25. Mai 2024, 10:00 Uhr bis <span v-html="rawt535"></span></p
+          >25. Mai 2024, 10:00 Uhr bis <span v-html="raw0192"></span></p
         ><p class="event-section">26. Mai 2024, 14:00 Uhr</p></div
       ><p class="event-section">{{ standortWeisslingen1 }}</p
       ><div
@@ -50,7 +50,7 @@ export default {
   },
   data() {
     return {
-      rawt535: ' ',
+      raw0192: ' ',
     }
   },
 }

src/components/kontakt.vue

@@ -120,6 +120,7 @@ export default {
 
 
 
+
 
 
 @media(max-width: 767px) {

src/components/mehr-button.vue

@@ -0,0 +1,28 @@
+<template>
+  <router-link to="/larps/suesse-traeume"
+    ><div class="mehr-button-mehr-button more-link"
+      ><p class="card-link">{{ mehrLink }}</p></div
+    ></router-link
+  >
+</template>
+
+<script>
+export default {
+  name: 'MehrButton',
+  props: {
+    mehrLink: {
+      type: String,
+      default: 'Mehr ->',
+    },
+  },
+}
+</script>
+
+<style scoped>
+.mehr-button-mehr-button {
+  position: relative;
+}
+.mehr-button-mehr-button:hover {
+  opacity: 0.5;
+}
+</style>

src/components/navigation.vue

@@ -38,7 +38,7 @@
             ><ul
               data-thq="thq-dropdown-list"
               class="navigation-dropdown-list desktop-menu-dropdown-list"
-              ><router-link to="/larps/letzte-gelegenheit"
+              ><router-link to="/larps/suesse-traeume"
                 ><li
                   data-thq="thq-dropdown"
                   class="desktop-menu-list-item list-item"
@@ -46,11 +46,11 @@
                     data-thq="thq-dropdown-toggle"
                     class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle01"
                     ><span class="desktop-menu-dropdown-option"
-                      >{{ letzteGelegenheit }}</span
+                      >{{ suesseTraeume }}</span
                     ></div
                   ></li
                 ></router-link
-              ><router-link to="/larps/suesse-traeume"
+              ><router-link to="/larps/letzte-gelegenheit"
                 ><li
                   data-thq="thq-dropdown"
                   class="desktop-menu-list-item list-item"
@@ -58,7 +58,19 @@
                     data-thq="thq-dropdown-toggle"
                     class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle02"
                     ><span class="desktop-menu-dropdown-option"
-                      >{{ suesseTraeume }}</span
+                      >{{ letzteGelegenheit }}</span
+                    ></div
+                  ></li
+                ></router-link
+              ><router-link to="/larps/conundrum-schatten-ueber-ostmerkopa"
+                ><li
+                  data-thq="thq-dropdown"
+                  class="desktop-menu-list-item list-item"
+                  ><div
+                    data-thq="thq-dropdown-toggle"
+                    class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle03"
+                    ><span class="desktop-menu-dropdown-option"
+                      >{{ conundrumSchattenUeberOstmerkopa }}</span
                     ></div
                   ></li
                 ></router-link
@@ -88,7 +100,7 @@
                   class="desktop-menu-list-item list-item"
                   ><div
                     data-thq="thq-dropdown-toggle"
-                    class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle04"
+                    class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle05"
                     ><span class="desktop-menu-dropdown-option"
                       >{{ einOrdenFuerEineGuteTat }}</span
                     ></div
@@ -336,7 +348,7 @@
                   class="navigation-assemblatron-dropdown desktop-menu-list-item list-item"
                   ><div
                     data-thq="thq-dropdown-toggle"
-                    class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle24"
+                    class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle25"
                     ><span class="desktop-menu-dropdown-option"
                       >{{ assemblatron }}</span
                     ></div
@@ -348,7 +360,7 @@
                   class="desktop-menu-list-item list-item"
                   ><div
                     data-thq="thq-dropdown-toggle"
-                    class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle25"
+                    class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle26"
                     ><span class="desktop-menu-dropdown-option"
                       >{{ murphysLarp }}</span
                     ></div
@@ -403,13 +415,25 @@
               ><ul
                 data-thq="thq-dropdown-list"
                 class="navigation-larps-dropdown-list dropdown-list"
+                ><router-link to="/larps/suesse-traeume"
+                  ><li
+                    data-thq="thq-dropdown"
+                    class="mobile-menu-list-item list-item"
+                    ><div
+                      data-thq="thq-dropdown-toggle"
+                      class="navigation-dropdown-toggle28"
+                      ><span class="navigation-suesse-traeume1 nav-link"
+                        >{{ suesseTraeume }}</span
+                      ></div
+                    ></li
+                  ></router-link
                 ><router-link to="/larps/letzte-gelegenheit"
                   ><li
                     data-thq="thq-dropdown"
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="navigation-dropdown-toggle27"
+                      class="navigation-dropdown-toggle29"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ letzteGelegenheit }}</span
                       ></div
@@ -421,9 +445,10 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="navigation-dropdown-toggle28"
+                      class="navigation-dropdown-toggle30"
-                      ><span class="navigation-suesse-traeume1 nav-link"
+                      ><span
-                        >{{ suesseTraeume }}</span
+                        class="navigation-conundrum-schatten-ueber-ostmerkopa1 nav-link"
+                        >{{ conundrumSchattenUeberOstmerkopa }}</span
                       ></div
                     ></li
                   ></router-link
@@ -466,7 +491,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle31"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle33"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ rosenteufel }}</span
                       ></div
@@ -478,7 +503,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle32"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle34"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ einsamesSchaf }}</span
                       ></div
@@ -490,7 +515,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle33"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle35"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ gefangenerGorilla }}</span
                       ></div
@@ -502,7 +527,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle34"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle36"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ lasstMichRuhen }}</span
                       ></div
@@ -514,7 +539,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle35"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle37"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ dieLoesungGegenLeid }}</span
                       ></div
@@ -526,7 +551,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle36"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle38"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ infiniteDeathsEnglish }}Die Lösung Gegen Leid</span
                       ></div
@@ -538,7 +563,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle37"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle39"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ versetztesBeduerfnis }}Die Lösung Gegen Leid</span
                       ></div
@@ -551,7 +576,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle38"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle40"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ wasUnterscheidetHimmelVonHoelle }}Die Lösung Gegen
                         Leid</span
@@ -564,7 +589,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle39"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle41"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ lebenStattUeberleben }}Die Lösung Gegen Leid</span
                       ></div
@@ -576,7 +601,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle40"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle42"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ getraeumtesGlueck }}Ein Orden für eine gute Tat</span
                       ></div
@@ -588,7 +613,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="navigation-dropdown-toggle41 mobile-menu-dropdown-element mobile-menu-dropdown-toggle"
+                      class="navigation-dropdown-toggle43 mobile-menu-dropdown-element mobile-menu-dropdown-toggle"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ klonOderLeid }}Lasst mich Ruhen!</span
                       ></div
@@ -600,7 +625,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle42"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle44"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ ichWillKeinHammerSein }}Lasst mich Ruhen!</span
                       ></div
@@ -612,7 +637,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle43"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle45"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ teilungZweierWelten }}Lasst mich Ruhen!</span
                       ></div
@@ -624,7 +649,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle44"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle46"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ huhnRammtHuhn }}Lasst mich Ruhen!</span
                       ></div
@@ -636,7 +661,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle45"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle47"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ heiligerSteinkrieg }}Lasst mich Ruhen!</span
                       ></div
@@ -648,7 +673,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle46"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle48"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ unwichtigsterMensch }}Lasst mich Ruhen!</span
                       ></div
@@ -660,7 +685,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle47"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle49"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ superkraftImStarbucks }}Lasst mich Ruhen!</span
                       ></div
@@ -672,7 +697,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle48"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle50"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ themOrUsEnglish }}Lasst mich Ruhen!</span
                       ></div
@@ -717,7 +742,7 @@
                     class="mobile-menu-list-item list-item"
                     ><div
                       data-thq="thq-dropdown-toggle"
-                      class="navigation-dropdown-toggle51"
+                      class="navigation-dropdown-toggle53"
                       ><span class="mobile-menu-dropdown-option nav-link"
                         >{{ murphysLarp }}</span
                       ></div
@@ -805,6 +830,10 @@ export default {
       type: String,
       default: 'Geträumtes Glück',
     },
+    conundrumSchattenUeberOstmerkopa: {
+      type: String,
+      default: 'Conundrum: Schatten über Ostmerkopa',
+    },
     einsamesSchaf: {
       type: String,
       default: 'Einsames Schaf',
@@ -923,6 +952,11 @@ export default {
   color: #fff;
   background-color: #595959;
 }
+.navigation-dropdown-toggle03:hover {
+  fill: #fff;
+  color: #fff;
+  background-color: #595959;
+}
 .navigation-kurzgeschichten-dropdown {
   cursor: pointer;
   display: inline-block;
@@ -935,7 +969,7 @@ export default {
 .navigation-dropdown-list1 {
   display: none;
 }
-.navigation-dropdown-toggle04:hover {
+.navigation-dropdown-toggle05:hover {
   fill: #fff;
   color: #fff;
   background-color: #595959;
@@ -955,12 +989,12 @@ export default {
 .navigation-assemblatron-dropdown {
   text-decoration: none;
 }
-.navigation-dropdown-toggle24:hover {
+.navigation-dropdown-toggle25:hover {
   fill: #fff;
   color: #fff;
   background-color: #595959;
 }
-.navigation-dropdown-toggle25:hover {
+.navigation-dropdown-toggle26:hover {
   fill: #fff;
   color: #fff;
   background-color: #595959;
@@ -1030,24 +1064,6 @@ export default {
 .navigation-larps-dropdown-list {
   display: none;
 }
-.navigation-dropdown-toggle27 {
-  fill: #595959;
-  color: #595959;
-  width: 100%;
-  display: inline-flex;
-  transition: 0.3s;
-  align-items: center;
-  padding-top: var(--dl-space-space-halfunit);
-  padding-left: var(--dl-space-space-unit);
-  border-radius: var(--dl-radius-radius-radius4);
-  padding-right: var(--dl-space-space-unit);
-  padding-bottom: var(--dl-space-space-halfunit);
-}
-.navigation-dropdown-toggle27:hover {
-  fill: #fff;
-  color: #fff;
-  background-color: #595959;
-}
 .navigation-dropdown-toggle28 {
   fill: #595959;
   color: #595959;
@@ -1075,22 +1091,57 @@ export default {
   font-family: Poppins;
   font-weight: 400;
 }
+.navigation-dropdown-toggle29 {
+  fill: #595959;
+  color: #595959;
+  width: 100%;
+  display: inline-flex;
+  transition: 0.3s;
+  align-items: center;
+  padding-top: var(--dl-space-space-halfunit);
+  padding-left: var(--dl-space-space-unit);
+  border-radius: var(--dl-radius-radius-radius4);
+  padding-right: var(--dl-space-space-unit);
+  padding-bottom: var(--dl-space-space-halfunit);
+}
+.navigation-dropdown-toggle29:hover {
+  fill: #fff;
+  color: #fff;
+  background-color: #595959;
+}
+.navigation-dropdown-toggle30 {
+  fill: #595959;
+  color: #595959;
+  width: 100%;
+  display: inline-flex;
+  transition: 0.3s;
+  align-items: center;
+  padding-top: var(--dl-space-space-halfunit);
+  padding-left: var(--dl-space-space-unit);
+  border-radius: var(--dl-radius-radius-radius4);
+  padding-right: var(--dl-space-space-unit);
+  padding-bottom: var(--dl-space-space-halfunit);
+}
+.navigation-dropdown-toggle30:hover {
+  fill: #fff;
+  color: #fff;
+  background-color: #595959;
+}
+.navigation-conundrum-schatten-ueber-ostmerkopa1 {
+  width: 100%;
+  cursor: pointer;
+  display: flex;
+  font-size: 14px;
+  font-style: normal;
+  font-family: Poppins;
+  font-weight: 400;
+}
 .navigation-kurzgeschichten1 {
   text-decoration: none;
 }
 .navigation-kurzgeschichten-dropdown-list {
   display: none;
 }
-.navigation-dropdown-toggle31:hover {
-  fill: #fff;
-  color: #fff;
-  background-color: #595959;
-}
-.navigation-dropdown-toggle32:hover {
-  fill: #fff;
-  color: #fff;
-  background-color: #595959;
-}
 .navigation-dropdown-toggle33:hover {
   fill: #fff;
   color: #fff;
@@ -1131,9 +1182,6 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.navigation-dropdown-toggle41 {
-  position: relative;
-}
 .navigation-dropdown-toggle41:hover {
   fill: #fff;
   color: #fff;
@@ -1144,6 +1192,9 @@ export default {
   color: #fff;
   background-color: #595959;
 }
+.navigation-dropdown-toggle43 {
+  position: relative;
+}
 .navigation-dropdown-toggle43:hover {
   fill: #fff;
   color: #fff;
@@ -1174,6 +1225,16 @@ export default {
   color: #fff;
   background-color: #595959;
 }
+.navigation-dropdown-toggle49:hover {
+  fill: #fff;
+  color: #fff;
+  background-color: #595959;
+}
+.navigation-dropdown-toggle50:hover {
+  fill: #fff;
+  color: #fff;
+  background-color: #595959;
+}
 .navigation-kurzgeschichten2 {
   text-decoration: none;
 }
@@ -1183,7 +1244,7 @@ export default {
 .navigation-assemblatron1 {
   text-decoration: none;
 }
-.navigation-dropdown-toggle51 {
+.navigation-dropdown-toggle53 {
   fill: #595959;
   color: #595959;
   width: 100%;
@@ -1196,7 +1257,7 @@ export default {
   padding-right: var(--dl-space-space-unit);
   padding-bottom: var(--dl-space-space-halfunit);
 }
-.navigation-dropdown-toggle51:hover {
+.navigation-dropdown-toggle53:hover {
   fill: #fff;
   color: #fff;
   background-color: #595959;
@@ -1311,6 +1372,9 @@ export default {
 .navigation-root-class-name39 {
   max-width: 1200px;
 }
+.navigation-root-class-name40 {
+  max-width: 1200px;
+}
 @media(max-width: 991px) {
   .navigation-navbar-interactive {
     padding-bottom: var(--dl-space-space-twounits);
@@ -1326,6 +1390,9 @@ export default {
   .navigation-suesse-traeume1 {
     color: #ffffff;
   }
+  .navigation-conundrum-schatten-ueber-ostmerkopa1 {
+    color: #ffffff;
+  }
 }
 @media(max-width: 479px) {
   .navigation-navbar-interactive {

src/components/row1.vue

@@ -1,85 +0,0 @@
-<template>
-  <div class="character-row"
-    ><section class="character-teaser-container"
-      ><div class="character-header"
-        ><img
-          alt="Symbolbild"
-          src="/letzte-gelegenheit/charaktere/fortier-200h.png"
-          class="character-image" /><div class="character-description"
-          ><h2 class="character-name">{{ fortier }}</h2
-          ><span class="character-function"
-            ><span
-              >Leitung der Justizvollzugsanstalt
-              <span v-html="rawptpf"></span></span
-            ><br /></span></div
-        ><div></div></div
-      ><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
-      ><p class="character-themes">{{ fortierThemes }}</p
-      ><p class="character-teaser-text"
-        >Fortier (gesprochen &quot;Fortjeeh&quot;) übernahm vor 3 Jahren das
-        Gefängnis Schwarzbach, nachdem die vorherige Leitung (Zoe Rheineck) wegen
-        mutmasslicher Korruption zurücktrat. Kurz nach Fortiers Übernahme kam es
-        in der JVA zum Mord des Häftlings Sadowski durch Rodriguez.</p
-      ><p class="character-teaser-text"
-        ><span
-          >Fortier ist im Bunker weiterhin für das Gefängnispersonal direkt
-          zuständig führt den Bunker mit Dr. Bellucci und Wm Sartre.</span
-        ><br /></p
-      ><p class="character-teaser-text"
-        >Fortier ist bekannt dafür tendenziell direkter zu sein als angenehm ist.
-        Ausserdem scheint Fortier seit der Zeit im Bunker nicht vor scharfen und
-        pragmatischen Massnahmen zurückzuschrecken.</p
-      ></section
-    ><section class="character-teaser-container"
-      ><div class="character-header"
-        ><img
-          alt="Symbolbild"
-          src="/letzte-gelegenheit/charaktere/bellucci-200h.png"
-          class="character-image" /><div class="character-description"
-          ><h2 class="character-name"><span>Dr. Bellucci</span><br /></h2
-          ><span class="character-function"
-            ><span>Psychologische Sachverständigung</span><br /></span></div
-        ><div></div></div
-      ><p class="character-trigger"><span>OT-Trigger:  Kindertod</span><br /></p
-      ><p class="character-themes">{{ bellucciThemes }}</p
-      ><p class="character-teaser-text"
-        >Dr. Bellucci (gesprochen &quot;Beluhtschi&quot;) wurde vor 2 Jahren
-        psychologische Sachverständigung im Gefängnis, als Rodriguez Sadowski
-        ermordete. Belluccis Aufgabe war langfristige Massnahmen zu entwickeln, um
-        dies in Zukunft zu verhindern.</p
-      ><p class="character-teaser-text"
-        >Bellucci führt verschiedene Therapien mit den Bunkerinsassen durch um
-        diese bei Verstand zu halten. Bellucci führt mit Dr. Jankovic täglich
-        Checkups an allen Bewohnern durch, auch gegenseitig. Bellucci berät
-        Fortier mit Jankovic.</p
-      ><p class="character-teaser-text"
-        >Bellucci ist bekannt dafür mindestens gegen aussen empathisch zu sein.</p
-      ></section
-    ></div
-  >
-</template>
-
-<script>
-export default {
-  name: 'Row1',
-  props: {
-    fortierThemes: {
-      type: String,
-      default: 'Themes: Macht, Gewissensbisse, Ängste',
-    },
-    bellucciThemes: {
-      type: String,
-      default: 'Themes: Trauma, Manipulation, Suche, Schuld',
-    },
-    fortier: {
-      type: String,
-      default: 'Fortier',
-    },
-  },
-  data() {
-    return {
-      rawptpf: ' ',
-    }
-  },
-}
-</script>

src/components/row2.vue

@@ -1,93 +0,0 @@
-<template>
-  <div class="character-row"
-    ><section class="character-teaser-container"
-      ><div class="character-header"
-        ><img
-          alt="Symbolbild"
-          src="/letzte-gelegenheit/charaktere/jankovic-200h.png"
-          class="character-image" /><div class="character-description"
-          ><h2 class="character-name">{{ jankovic }}</h2
-          ><span class="character-function">{{ jankovicFunktion }}</span></div
-        ><div></div></div
-      ><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
-      ><p class="character-themes"
-        ><span>Themes: Zerrissenheit, Liebe, Gewissensbisse</span><br /></p
-      ><p class="character-teaser-text"
-        ><span
-          >Dr. Jankovic (gesprochen &quot;Jankovitsch&quot;) ist der/die
-          Gefängnisarzt/-ärztin. Jankovic behandelt</span
-        ><span>
-          das Personal und die Häftlinge medizinisch und macht mit Dr. Bellucci
-          tägliche Checkups. Jankovic entscheidet wer welche Medizin erhält, da
-          diese limitiert ist.</span
-        ><span> Ausserdem berät Jankovic Fortier mit Bellucci.</span><br /></p
-      ><p class="character-teaser-text"
-        ><span
-          >Vor drei Jahren wurden Jankovics medizinischen Instrumente von
-          Rodriguez manipuliert was durch eine Überdosis Opioide den Häftling
-          Sadowski tötete.</span
-        ><br /></p
-      ><p class="character-teaser-text"
-        ><span
-          >Jankovic ist bekannt dafür freundlich aber, was die Gesundheit der
-          Bunkerbewohner angeht, auch sehr streng zu sein.</span
-        ><br /></p></section
-    ><section class="character-teaser-container"
-      ><div class="character-header"
-        ><img
-          alt="Symbolbild"
-          src="/letzte-gelegenheit/charaktere/krueger-1500w.png"
-          class="character-image" /><div class="character-description"
-          ><h2 class="character-name">{{ krueger }}</h2
-          ><span class="character-function">{{ kruegerFunktion }}</span></div
-        ><div></div></div
-      ><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
-      ><p class="character-themes"
-        ><span>Themes: Gewissensbisse, Freundschaft, Suche, Sehnsucht</span
-        ><span>, Hass</span><br /></p
-      ><p class="character-teaser-text"
-        ><span
-          >Wärter Krüger arbeitet seit 4 Jahren im Gefängnis Schwarzbach. Krüger
-          ist für die Bunkerelektrik</span
-        ><span>
-          zuständig, weil sich Krüger damit am besten auskennt. Krüger instruiert
-          dabei Häftlinge, welche die Arbeit entsprechend erledigen.</span
-        ><span> Krüger spielt ab und zu Karten mit Dr. Jenatsch und Collins.</span
-        ><br /></p
-      ><p class="character-teaser-text"
-        ><span
-          >In der Zivilschutzanlage hilft Krüger Dr. Jankovic bei der
-          medizinischen Versorgung der Bunkerinsassen.</span
-        ><br /></p
-      ><p class="character-teaser-text"
-        ><span>Krüger ist bekannt dafür etwas grummelig und rastlos zu sein.</span
-        ><span>
-          Krüger hat hohe Standards was die eigene Arbeit und die Arbeit von
-          anderen angeht.</span
-        ><br /></p></section
-  ></div>
-</template>
-
-<script>
-export default {
-  name: 'Row2',
-  props: {
-    kruegerFunktion: {
-      type: String,
-      default: 'Wärter*in & Bunkerelektrik',
-    },
-    jankovic: {
-      type: String,
-      default: 'Dr. Jankovic',
-    },
-    krueger: {
-      type: String,
-      default: 'Krüger',
-    },
-    jankovicFunktion: {
-      type: String,
-      default: 'Arzt*Ärztin',
-    },
-  },
-}
-</script>

src/components/row3.vue

@@ -1,72 +0,0 @@
-<template>
-  <div class="character-row"
-    ><section class="character-teaser-container"
-      ><div class="character-header"
-        ><img
-          alt="Symbolbild"
-          src="/letzte-gelegenheit/charaktere/schmidt-200h.png"
-          class="character-image" /><div class="character-description"
-          ><h2 class="character-name">{{ schmidt }}</h2
-          ><span class="character-function"
-            ><span>Wärter*in &amp; Zeugwart</span><br /></span></div
-        ><div></div></div
-      ><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
-      ><p class="character-themes"
-        ><span>Themes: Paranoia, Macht, Ängste, Verlust, Hass</span><br /></p
-      ><p class="character-teaser-text">{{ schmidtAbsatz1 }}</p
-      ><p class="character-teaser-text">{{ schmidtAbsatz2 }}</p></section
-    ><section class="character-teaser-container"
-      ><div class="character-header"
-        ><img
-          alt="Symbolbild"
-          src="/letzte-gelegenheit/charaktere/hagiro-200h.png"
-          class="character-image" /><div class="character-description"
-          ><h2 class="character-name">{{ hagiro }}</h2
-          ><span class="character-function"
-            ><span>dienstälteste*r Wärter*in</span><br /></span></div
-        ><div></div></div
-      ><p class="character-trigger"
-        ><span>OT-Trigger:  Tod</span><span>, Drogen</span><br /></p
-      ><p class="character-themes"
-        ><span>Themes: Gerechtigkeit, Gewalt, Druck, Hass</span><br /></p
-      ><p class="character-teaser-text">{{ hagiroAbsatz1 }}</p
-      ><p class="character-teaser-text">{{ hagiroAbsatz2 }}</p></section
-    ></div
-  >
-</template>
-
-<script>
-export default {
-  name: 'Row3',
-  props: {
-    hagiroAbsatz2: {
-      type: String,
-      default:
-        'Hagiro ist bekannt für einen konsequenten Gerechtigkeitssinn und für einen Raucherhusten. Hagiro ist streng zu den Häftlingen und freundlich zu den anderen.',
-    },
-    hagiroAbsatz1: {
-      type: String,
-      default:
-        'Hagiro ist mit 7 Jahren Dienst von den Wärter*innen am längsten im Gefängnis Schwarzbach. Hagiro setzt die Massnahmen von Fortier meist rigoros durch, zögert aber auch nicht die Meinung zu äussern, wenn Hagiro etwas missfällt. Hagiro hilft im Bunker Fortier bei der Aktenverwaltung und hat Häftling Lindbeck dafür als Unterstützung.',
-    },
-    schmidtAbsatz2: {
-      type: String,
-      default:
-        'Schmidt ist bekannt dafür, unangenehme Fragen zu stellen und geht eher grob mit den Häftlingen um. Dafür hat niemand die Aufgaben des Zeugwarts besser im Griff als Schmidt.',
-    },
-    schmidtAbsatz1: {
-      type: String,
-      default:
-        'Wärter*in Schmidt arbeitet seit 3 Jahren im Gefängnis Schwarzbach. Schmidt kam ziemlich zeitgleich mit Fortier zu der Stelle. Schmidt ist Zeugwart und damit verantwortlich für die Lagerung und Wartung der Materialien, Werkzeuge, Geräte, Medizin und Waffen der JVA. Schmidt nutzt die Häftlinge um diese zu warten und zu reinigen. Wenn Krüger mit Häftlingen etwas an der Elektrik arbeiten möchte braucht Krüger die Werkzeuge von Schmidt.',
-    },
-    schmidt: {
-      type: String,
-      default: 'Schmidt',
-    },
-    hagiro: {
-      type: String,
-      default: 'Hagiro',
-    },
-  },
-}
-</script>

src/components/row4.vue

@@ -1,98 +0,0 @@
-<template>
-  <div class="character-row"
-    ><section class="character-teaser-container"
-      ><div class="character-header"
-        ><img
-          alt="Symbolbild"
-          src="/letzte-gelegenheit/charaktere/rodriguez-200h.png"
-          class="character-image" /><div class="character-description"
-          ><h2 class="character-name">{{ rodriguez }}</h2
-          ><span class="character-function"
-            ><span>Häftling</span><br /></span></div
-        ><div></div></div
-      ><p class="character-trigger"><span>OT-Trigger:  Tod, Drogen</span><br /></p
-      ><p class="character-themes"
-        ><span>Themes: Unterdrückung, Sehnsucht, Suche, Gewissensbisse</span
-        ><br /></p
-      ><p class="character-teaser-text">{{ rodriguezAbsatz1 }}</p
-      ><p class="character-teaser-text">{{ rodriguezAbsatz2 }}</p
-      ><p class="character-teaser-text">{{ rodriguezAbsatz3 }}</p></section
-    ><section class="row4-jenatsch character-teaser-container"
-      ><div class="character-header"
-        ><img
-          alt="Symbolbild"
-          src="/letzte-gelegenheit/charaktere/jenatsch-1500w.png"
-          class="character-image" /><div class="character-description"
-          ><h2 class="character-name">{{ jenatsch }}</h2
-          ><span class="character-function"
-            ><span>Häftling</span><br /></span></div
-        ><div></div></div
-      ><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
-      ><p class="character-themes"
-        ><span>Themes: Verzweiflung, Druck, Commitment, Einsamkeit</span><br /></p
-      ><p class="character-teaser-text"
-        ><span
-          >Prof. Dr. Jenatsch ist der neuste Häftling und kam erst eine Woche vor
-          der Katastrophe ins Gefängnis Schwarzbach. Jenatsch war zwei Monate vor
-          der Katastrophe im Fernsehen zu sehen, wie Jenatsch den Parteichef der
-          &quot;Silbernen Partei&quot; erschossen hatte.</span
-        ><br /></p
-      ><p class="character-teaser-text"
-        ><span
-          >Wenn Jenatsch grade nichts anderes macht, schreibt Jenatsch Formeln,
-          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="rawvtce"></span></span
-        ><span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span
-        ><br /></p
-      ><p class="character-teaser-text"
-        ><span
-          >Jenatsch ist bekannt für eine chaotische, pragmatische und schnelle
-          Vorgehensweise. Wenn Jenatsch sich etwas in den Kopf setzt haben die
-          Wärter Mühe Jenatsch zu bändigen.</span
-        ><br /></p></section
-  ></div>
-</template>
-
-<script>
-export default {
-  name: 'Row4',
-  props: {
-    rodriguezAbsatz3: {
-      type: String,
-      default:
-        'Rodriguez ist bekannt für eine raue aber zuvorkommende Art. Wegen dem Mord vor drei Jahren verlor Rodriguez aber bei den meisten das Vertrauen.',
-    },
-    rodriguezAbsatz2: {
-      type: String,
-      default:
-        'Rodriguez war vor dem Gefängnis Handwerker/in und arbeitete auch 3 Jahre in der Gefängnisschreinerei. Rodriguez ist daher besonders geeignet, mechanische Apparaturen zu reparieren.',
-    },
-    jenatsch: {
-      type: String,
-      default: 'Prof. Dr. Jenatsch',
-    },
-    rodriguez: {
-      type: String,
-      default: 'Rodriguez',
-    },
-    rootClassName: String,
-    rodriguezAbsatz1: {
-      type: String,
-      default:
-        'Rodriguez (gesprochen "Rodrigess") sitzt bereits seit 6 Jahren im Gefängnis Schwarzbach und damit von den anwesenden Häftlingen am längsten. Eigentlich hätte Rodriguez letztes Jahr entlassen werden sollen, doch vor 2 Jahren brachte Rodriguez den Häftling Sadowski (gesprochen "Sadofski") um, indem Rodriguez die medizinischen Instrumente von Jankovic manipulierte. Deswegen sitzte Rodriguez 3 Jahre lang in Isolationshaft bis die Sirenen losheulten.',
-    },
-  },
-  data() {
-    return {
-      rawvtce: ' ',
-    }
-  },
-}
-</script>
-
-<style scoped>
-.row4-jenatsch {
-  position: relative;
-}
-</style>

src/components/row5.vue

@@ -1,86 +0,0 @@
-<template>
-  <div class="character-row"
-    ><section class="row5-collins character-teaser-container"
-      ><div class="character-header"
-        ><img
-          alt="Symbolbild"
-          src="/letzte-gelegenheit/charaktere/collins-200h.png"
-          class="character-image" /><div class="character-description"
-          ><h2 class="character-name">{{ collins }}</h2
-          ><span class="character-function"
-            ><span>Häftling</span><br /></span></div
-        ><div></div></div
-      ><p class="character-trigger"
-        ><span>OT-Trigger:  Tod</span><span>, Drogen</span><br /></p
-      ><p class="character-themes"
-        ><span>Themes: Ungerechtigkeit, Pflicht, Gewissensbisse, Familie</span
-        ><br /></p
-      ><p class="character-teaser-text">{{ collinsAbsatz1 }}</p
-      ><p class="character-teaser-text">{{ collinsAbsatz2 }}</p></section
-    ><section class="character-teaser-container"
-      ><div class="character-header"
-        ><img
-          alt="Symbolbild"
-          src="/letzte-gelegenheit/charaktere/lindbeck-200h.png"
-          class="character-image" /><div class="character-description"
-          ><h2 class="character-name">{{ lindbeck }}</h2
-          ><span class="character-function"
-            ><span>Häftling</span><br /></span></div
-        ><div></div></div
-      ><p class="character-trigger"
-        ><span>OT-Trigger:  Tod, Sexualität zwischen Schüler und Lehrer</span
-        ><br /></p
-      ><p class="character-themes"
-        ><span>Themes: Gewissensbisse, Suche, Sehnsucht, Verzweiflung</span
-        ><br /></p
-      ><p class="character-teaser-text"
-        ><span
-          >Lindbeck sitzt seit 2 Jahren im Gefängnis Schwarzbach. Lindbeck war die
-          einzige</span
-        ><span>
-          Person, welche trotz der Eile bei der Katastrophe Bücher in den Bunker
-          mitbrachte. Während den 2 Jahren im Gefängnis arbeitete Lindbeck im
-          Postbüro. Im Bunker schrieb Lindbeck einige Literatur nieder, an die
-          Lindbeck sich noch erinnern konnte bevor alle in den Bunker gingen.
-          Lindbeck liest davon manchmal vor und hat auch schon zu speziellen
-          Anlässen wie Geburtstage ein Lied angestimmt.</span
-        ><br /></p
-      ><p class="character-teaser-text"
-        ><span
-          >Lindbeck ist bekannt dafür, eine eher traurige Stimmung zu haben.</span
-        ><br /></p></section
-  ></div>
-</template>
-
-<script>
-export default {
-  name: 'Row5',
-  props: {
-    lindbeck: {
-      type: String,
-      default: 'Lindbeck ',
-    },
-    rootClassName: String,
-    collins: {
-      type: String,
-      default: 'Collins',
-    },
-    collinsAbsatz1: {
-      type: String,
-      default:
-        'Collins ist seit 5 Jahren im Gefängnis. Bevor alle im Bunker waren hörte man selten was von Collins. Collins war nicht jemand, der Krawall machte. Doch seit sie im Bunker sind, hat Collins immer wieder Ärger mit den Wärtern. Collins bezweifelt, dass es Zufall ist, dass Collins die meisten anstrengenden Aufgaben übernehmen muss. Collins war nach eigenen Berechnungen schon mindestens fünf mal länger an der Lüftungskurbel als alle anderen.',
-    },
-    collinsAbsatz2: {
-      type: String,
-      default:
-        'Collins ist bekannt für eine reservierte Art und eine kurze Lunte wenn Collins provoziert wird. Ansonsten schluckt Collins die Unannehmlichkeiten im Bunker runter und spielt Karten mit Krüger und Prof. Dr. Jenatsch.',
-    },
-  },
-}
-</script>
-
-<style scoped>
-.row5-collins {
-  position: relative;
-}
-</style>

src/components/row6.vue

@@ -1,92 +0,0 @@
-<template>
-  <div class="character-row"
-    ><section class="character-teaser-container"
-      ><div class="character-header"
-        ><img
-          alt="Symbolbild"
-          src="/letzte-gelegenheit/charaktere/sartre-200h.png"
-          class="character-image" /><div class="character-description"
-          ><h2 class="character-name">{{ sartre }}</h2
-          ><span class="character-function"
-            ><span>Gruppenführer*in</span><br /></span></div
-        ><div></div></div
-      ><p class="character-trigger"><span>OT-Trigger: Tod, Drogen</span><br /></p
-      ><p class="character-themes"
-        ><span>Themes: Familie, Sucht, Scham, Schutz</span><br /></p
-      ><p class="character-teaser-text">{{ sartreAbsatz1 }}</p
-      ><p class="character-teaser-text">{{ sartreAbsatz2 }}</p
-      ><p class="row6-paragraph3 character-teaser-text"
-        >{{ sartreAbsatz3 }}</p
-      ></section
-    ><section class="character-teaser-container"
-      ><div class="character-header"
-        ><img
-          alt="Symbolbild"
-          src="/letzte-gelegenheit/charaktere/pavone-200h.png"
-          class="character-image" /><div class="character-description"
-          ><h2 class="character-name"><span>Sdt Pavone</span><br /></h2
-          ><span class="character-function"
-            ><span>Funker*in</span><br /></span></div
-        ><div></div></div
-      ><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
-      ><p class="character-themes"
-        ><span>Themes: Ängste, Gewissensbisse, Verzweiflung</span><br /></p
-      ><p class="character-teaser-text">{{ pavoneAbsatz1 }}</p
-      ><p class="character-teaser-text">{{ pavoneAbsatz2 }}</p
-      ><p class="row6-paragraph31 character-teaser-text"
-        >{{ pavoneAbsatz3 }}</p
-      ></section
-    ></div
-  >
-</template>
-
-<script>
-export default {
-  name: 'Row6',
-  props: {
-    sartreAbsatz2: {
-      type: String,
-      default:
-        'Sartre ist bekannt dafür, eine besorgte Mimik zu haben. Sartres Redensweise ist trotzdem befehlerisch.',
-    },
-    sartreAbsatz1: {
-      type: String,
-      default:
-        'Wm (Wachtmeister [militärische Ränge sind Geschlechtsneutral], das ist ein Unteroffiziersrang) Sartre kam mit Pavone in den Bunker. Sartre leitet Pavone an und integriert sich und Pavone auch bei dem Rest der Bunkerbesatzung. Sartre bespricht sich gelegentlich mit Fortier.',
-    },
-    pavoneAbsatz3: {
-      type: String,
-      default:
-        '(Nur ein paar Charaktere wissen mehr zu diesem Charakter, entsprechend steht hier wenig.)',
-    },
-    sartreAbsatz3: {
-      type: String,
-      default:
-        '(Nur ein paar Charaktere wissen mehr zu diesem Charakter, entsprechend steht hier wenig.)',
-    },
-    pavoneAbsatz1: {
-      type: String,
-      default:
-        'Sdt (Soldat [militärische Ränge sind Geschlechtsneutral]) Pavone brachte das militärische Funkgerät in den Bunker, das Pavone mit Sartre bedient. Pavone bittet immer wieder Häftlinge um bei der Bedienung des Funkgeräts zu helfen.',
-    },
-    pavoneAbsatz2: {
-      type: String,
-      default:
-        'Pavone wirkt unruhig, hat aber eine freundliche Art und bestechenden Charme.',
-    },
-    sartre: {
-      type: String,
-      default: 'Wm Sartre',
-    },
-  },
-}
-</script>
-
-<style scoped>
-.row6-paragraph3 {
-  font-style: italic;
-}
-.row6-paragraph31 {
-  font-style: italic;
-}
-</style>

src/components/summary-games.vue

@@ -1,21 +1,23 @@
 <template>
-  <main class="card-row" v-bind:class="rootClassName"
+  <main class="card-rows-container" v-bind:class="rootClassName"
-    ><section class="character-teaser-container"
+    ><div class="card-row"
-      ><h1 class="card-heading">{{ assemblatron }}</h1
+      ><section class="character-teaser-container"
-      ><p class="card-text">{{ assemblatronBeschreibung }}</p
+        ><h1 class="card-heading">{{ murphysLarp }}</h1
-      ><router-link to="/games/assemblatron"
+        ><p class="card-text">{{ murphyLarpBeschreibung }}</p
-        ><div class="more-link summary-games-button"
+        ><router-link to="/games/murphys-larp"
-          ><p class="card-link">{{ mehrLink }}</p></div
+          ><div class="more-link summary-games-button"
-        ></router-link
+            ><p class="card-link">{{ mehrLink }}</p></div
-      ></section
+          ></router-link
-    ><section class="character-teaser-container"
+        ></section
-      ><h1 class="card-heading">{{ murphysLarp }}</h1
+      ><section class="character-teaser-container"
-      ><p class="card-text">{{ murphyLarpBeschreibung }}</p
+        ><h1 class="card-heading">{{ assemblatron }}</h1
-      ><router-link to="/games/murphys-larp"
+        ><p class="card-text">{{ assemblatronBeschreibung }}</p
-        ><div class="more-link summary-games-button1"
+        ><router-link to="/games/assemblatron"
-          ><p class="card-link">{{ mehrLink }}</p></div
+          ><div class="more-link summary-games-button1"
-        ></router-link
+            ><p class="card-link">{{ mehrLink }}</p></div
-      ></section
+          ></router-link
+        ></section
+      ></div
     ></main
   >
 </template>

src/components/summary-larps.vue

@@ -1,45 +1,46 @@
 <template>
-  <main class="card-row" v-bind:class="rootClassName"
+  <main class="card-rows-container" v-bind:class="rootClassName"
-    ><section class="character-teaser-container"
+    ><div class="card-row"
-      ><h1 class="card-heading">{{ letzteGelegenheit }}</h1
+      ><div class="character-teaser-container"
-      ><p class="card-text"
+        ><h3 class="card-heading">Süsse Träume</h3
-        >Das Nordic LARP “Letzte Gelegenheit” spielt in der heutigen Zeit in einer
+        ><p class="card-text"
-        alternativen Realität: Vor 10 Tagen fiel plötzlich der Strom aus und
+          ><span
-        dichte Nebelschwaden überzogen einige Städte. Sirenen führten die Menschen
+            >&quot;Weisst du, wer du bist? Was du bereust, befürchtest, vergessen
-        in Bunker. Radios, die noch funktionierten, meldeten die sofortige
+            möchtest? Was du erreichen möchtest und was dir alles recht ist um
-        Mobilisierung der Milizarmee und des Zivilschutzes. Was genau passierte,
+            dies zu erreichen? Zeit, deine Antworten auf diese Fragen auf die
-        ist noch immer ungeklärt. In der Zivilschutzanlage der
+            Probe zu stellen...&quot;</span
-        Justizvollzugsanstalt Schwarzbach versucht man den Alltag beizubehalten,
+          ><br /><br /><span
-        doch langsam gehen die Ressourcen aus und die Lage verschärft sich.</p
+            >Süsse Träume war ein Fantasy Minilarp (nicht Nordic) im Wald von
-      ><router-link to="/larps/letzte-gelegenheit"
+            Eschikon (8315 Lindau, Schweiz) das Sue und Hermann organisierten. Es
-        ><div class="more-link summary-larps-button"
+            ging darum, dass ein Hexer Trajar die Spielercharaktere als diese sich
-          ><p class="card-link">{{ mehrLink }}</p></div
+            schlafen legten in seine Traumwelt entführte.</span
-        ></router-link
+          ></p
-      ></section
+        ><mehr-button></mehr-button></div
-    ><div class="character-teaser-container"
+      ><section class="character-teaser-container"
-      ><h1 class="card-heading">{{ suesseTraeume }}</h1
+        ><h3 class="card-heading">Letzte Gelegenheit</h3
-      ><p class="card-text"
+        ><p class="card-text"
-        ><span
+          >Das Nordic LARP “Letzte Gelegenheit” spielt in der heutigen Zeit in
-          >&quot;Weisst du, wer du bist? Was du bereust, befürchtest, vergessen
+          einer alternativen Realität: Vor 10 Tagen fiel plötzlich der Strom aus
-          möchtest? Was du erreichen möchtest und was dir alles recht ist um dies
+          und dichte Nebelschwaden überzogen einige Städte. Sirenen führten die
-          zu erreichen? Zeit, deine Antworten auf diese Fragen auf die Probe zu
+          Menschen in Bunker. Radios, die noch funktionierten, meldeten die
-          stellen...&quot;</span
+          sofortige Mobilisierung der Milizarmee und des Zivilschutzes. Was genau
-        ><br /><br /><span
+          passierte, ist noch immer ungeklärt. In der Zivilschutzanlage der
-          >Süsse Träume war ein Fantasy Minilarp (nicht Nordic) im Wald von
+          Justizvollzugsanstalt Schwarzbach versucht man den Alltag beizubehalten,
-          Eschikon (8315 Lindau, Schweiz) das Sue und Hermann organisierten. Es
+          doch langsam gehen die Ressourcen aus und die Lage verschärft sich.</p
-          ging darum, dass ein Hexer Trajar die Spielercharaktere als diese sich
+        ><mehr-button></mehr-button></section></div
-          schlafen legten in seine Traumwelt entführte.</span
+    ><div class="card-row"
-        ></p
+      ><div class="character-teaser-container"
-      ><router-link to="/larps/suesse-traeume"
+        ><h3 class="card-heading">Conundrum: Schatten über Ostmerkopa</h3
-        ><div class="more-link summary-larps-button1"
+        ><p class="card-text"
-          ><p class="card-link">{{ mehrLink }}</p></div
+          >Hermann stellt mit Robin die Headorga von &quot;Conundrum: Schatten
-        ></router-link
+          über Ostmerkopa&quot;.</p
-      ></div
+        ><mehr-button></mehr-button></div></div
-    ></main
+  ></main>
-  >
 </template>
 
 <script>
+import MehrButton from './mehr-button'
+
 export default {
   name: 'SummaryLarps',
   props: {
@@ -57,15 +58,8 @@ export default {
     },
     rootClassName: String,
   },
+  components: {
+    MehrButton,
+  },
 }
 </script>
-
-<style scoped>
-.summary-larps-button:hover {
-  opacity: 0.5;
-}
-.summary-larps-button1:hover {
-  opacity: 0.5;
-}
-
-</style>

src/components/summary-shortstories.vue

@@ -1,5 +1,5 @@
 <template>
-  <main v-bind:class="rootClassName"
+  <main class="card-rows-container"
     ><div class="card-row"
       ><div class="character-teaser-container"
         ><h3 class="card-heading">Ein Orden für eine gute Tat</h3
@@ -36,7 +36,7 @@
           ><app-lesen
             class="summary-shortstories-component01"
           ></app-lesen></router-link></div></div
-    ><div class="summary-shortstories-row2 card-row"
+    ><div class="card-row"
       ><div class="character-teaser-container"
         ><h3 class="card-heading">Einsames Schaf</h3
         ><p class="card-text"
@@ -68,7 +68,7 @@
           ><app-lesen
             class="summary-shortstories-component03"
           ></app-lesen></router-link></div></div
-    ><div class="summary-shortstories-row3 card-row"
+    ><div class="card-row"
       ><div class="character-teaser-container"
         ><h3 class="card-heading">Lasst mich Ruhen!</h3
         ><p class="card-text"
@@ -98,7 +98,7 @@
           ><app-lesen
             class="summary-shortstories-component05"
           ></app-lesen></router-link></div></div
-    ><div class="summary-shortstories-row4 card-row"
+    ><div class="card-row"
       ><div class="character-teaser-container"
         ><h3 class="card-heading">Infinite Deaths (English)</h3
         ><p class="card-text"
@@ -131,7 +131,7 @@
           ><app-lesen
             class="summary-shortstories-component07"
           ></app-lesen></router-link></div></div
-    ><div class="summary-shortstories-row5 card-row"
+    ><div class="card-row"
       ><div class="character-teaser-container"
         ><h3 class="card-heading">Was unterscheidet Himmel von Hölle?</h3
         ><p class="card-text"
@@ -161,7 +161,7 @@
           ><app-lesen
             class="summary-shortstories-component09"
           ></app-lesen></router-link></div></div
-    ><div class="summary-shortstories-row6 card-row"
+    ><div class="card-row"
       ><div class="character-teaser-container"
         ><h3 class="card-heading">Geträumtes Glück</h3
         ><p class="card-text">Kurzgeschichte zum Thema Liebe, Oktober 2023</p
@@ -176,7 +176,7 @@
           ><app-lesen
             class="summary-shortstories-component11"
           ></app-lesen></router-link></div></div
-    ><div class="summary-shortstories-row7 card-row"
+    ><div class="card-row"
       ><div class="character-teaser-container"
         ><h3 class="card-heading">Ich will kein Hammer sein</h3
         ><p class="card-text"
@@ -192,7 +192,7 @@
           ><app-lesen
             class="summary-shortstories-component13"
           ></app-lesen></router-link></div></div
-    ><div class="summary-shortstories-row8 card-row"
+    ><div class="card-row"
       ><div class="character-teaser-container"
         ><h3 class="card-heading">Huhn rammt Huhn</h3
         ><p class="card-text">Kurzgeschichte zum Thema Konflikt, Oktober 2023</p
@@ -207,7 +207,7 @@
           ><app-lesen
             class="summary-shortstories-component15"
           ></app-lesen></router-link></div></div
-    ><div class="summary-shortstories-row9 card-row"
+    ><div class="card-row"
       ><div class="character-teaser-container"
         ><h3 class="card-heading">Unwichtigster Mensch</h3
         ><p class="card-text">Kurzgeschichte zum Thema Konflikt, Oktober 2023</p
@@ -242,10 +242,6 @@ export default {
   name: 'SummaryShortstories',
   props: {
     rootClassName: String,
-    lesenLink: {
-      type: String,
-      default: 'Lesen ->',
-    },
   },
   components: {
     AppLesen,
@@ -260,72 +256,48 @@ export default {
 .summary-shortstories-component01 {
   text-decoration: none;
 }
-.summary-shortstories-row2 {
-  margin-top: var(--dl-space-space-twounits);
-}
 .summary-shortstories-component02 {
   text-decoration: none;
 }
 .summary-shortstories-component03 {
   text-decoration: none;
 }
-.summary-shortstories-row3 {
-  margin-top: var(--dl-space-space-twounits);
-}
 .summary-shortstories-component04 {
   text-decoration: none;
 }
 .summary-shortstories-component05 {
   text-decoration: none;
 }
-.summary-shortstories-row4 {
-  margin-top: var(--dl-space-space-twounits);
-}
 .summary-shortstories-component06 {
   text-decoration: none;
 }
 .summary-shortstories-component07 {
   text-decoration: none;
 }
-.summary-shortstories-row5 {
-  margin-top: var(--dl-space-space-twounits);
-}
 .summary-shortstories-component08 {
   text-decoration: none;
 }
 .summary-shortstories-component09 {
   text-decoration: none;
 }
-.summary-shortstories-row6 {
-  margin-top: var(--dl-space-space-twounits);
-}
 .summary-shortstories-component10 {
   text-decoration: none;
 }
 .summary-shortstories-component11 {
   text-decoration: none;
 }
-.summary-shortstories-row7 {
-  margin-top: var(--dl-space-space-twounits);
-}
 .summary-shortstories-component12 {
   text-decoration: none;
 }
 .summary-shortstories-component13 {
   text-decoration: none;
 }
-.summary-shortstories-row8 {
-  margin-top: var(--dl-space-space-twounits);
-}
 .summary-shortstories-component14 {
   text-decoration: none;
 }
 .summary-shortstories-component15 {
   text-decoration: none;
 }
-.summary-shortstories-row9 {
-  margin-top: var(--dl-space-space-twounits);
-}
 .summary-shortstories-component16 {
   text-decoration: none;
 }
@@ -340,30 +312,6 @@ export default {
 }
 
 @media(max-width: 991px) {
-  .summary-shortstories-row2 {
-    margin-top: var(--dl-space-space-halfunit);
-  }
-  .summary-shortstories-row3 {
-    margin-top: var(--dl-space-space-halfunit);
-  }
-  .summary-shortstories-row4 {
-    margin-top: var(--dl-space-space-halfunit);
-  }
-  .summary-shortstories-row5 {
-    margin-top: var(--dl-space-space-halfunit);
-  }
-  .summary-shortstories-row6 {
-    margin-top: var(--dl-space-space-halfunit);
-  }
-  .summary-shortstories-row7 {
-    margin-top: var(--dl-space-space-halfunit);
-  }
-  .summary-shortstories-row8 {
-    margin-top: var(--dl-space-space-halfunit);
-  }
-  .summary-shortstories-row9 {
-    margin-top: var(--dl-space-space-halfunit);
-  }
   .summary-shortstories-row10 {
     margin-top: var(--dl-space-space-halfunit);
   }

src/components/veranstaltungen-liste.vue

@@ -14,7 +14,7 @@
         ><h3 class="event-title event-done">{{ run2 }}</h3
         ><div
           ><p class="event-section event-done"
-            >13. Mai 2023, 10:00 Uhr bis <span v-html="rawd9wt"></span></p
+            >13. Mai 2023, 10:00 Uhr bis <span v-html="raw1qdf"></span></p
           ><p class="event-section event-done">14. Mai 2023, 14:00 Uhr</p></div
         ><p class="event-section event-done">{{ standortHerten }}</p
         ><p class="event-section event-done-green"
@@ -24,7 +24,7 @@
         ><h3 class="event-title event-done">{{ run3 }}</h3
         ><div
           ><p class="event-section event-done"
-            >1. Juli 2023, 10:00 Uhr bis <span v-html="raw54zs"></span></p
+            >1. Juli 2023, 10:00 Uhr bis <span v-html="rawoej0"></span></p
           ><p class="event-section event-done">2. Juli 2023, 14:00 Uhr</p></div
         ><p class="event-section event-done">{{ standortHerten1 }}</p
         ><p class="event-section event-done-green"
@@ -89,8 +89,8 @@ export default {
   },
   data() {
     return {
-      rawd9wt: ' ',
+      raw1qdf: ' ',
-      raw54zs: ' ',
+      rawoej0: ' ',
     }
   },
 }

src/router.js

@@ -15,6 +15,7 @@ import MeinLieblingsmensch from './views/mein-lieblingsmensch'
 import ThemOrUs from './views/kurzgeschichten/them-or-us'
 import GetrumtesGlck from './views/kurzgeschichten/getrumtes-glck'
 import WasUnterscheidetHimmelVonHlle from './views/kurzgeschichten/was-unterscheidet-himmel-von-hlle'
+import ConundrumSchattenBerOstmerkopa from './views/larps/conundrum-schatten-ber-ostmerkopa'
 import MurphysLARP from './views/games/murphys-larp'
 import LasstMichRuhen from './views/kurzgeschichten/lasst-mich-ruhen'
 import Kurzgeschichten from './views/kurzgeschichten'
@@ -106,6 +107,11 @@ export default new Router({
       path: '/kurzgeschichten/was-unterscheidet-himmel-von-hoelle',
       component: WasUnterscheidetHimmelVonHlle,
     },
+    {
+      name: 'Conundrum-Schatten-ber-Ostmerkopa',
+      path: '/larps/conundrum-schatten-ueber-ostmerkopa',
+      component: ConundrumSchattenBerOstmerkopa,
+    },
     {
       name: 'Murphys-LARP',
       path: '/games/murphys-larp',

src/style.css

@@ -707,6 +707,11 @@
   margin-right: auto;
   background-color: rgba(41, 41, 41, 0.8);
 }
+.card-rows-container {
+  gap: var(--dl-space-space-twounits);
+  display: flex;
+  flex-direction: column;
+}
 .Heading {
   font-size: 32px;
   font-family: Inter;
@@ -747,6 +752,9 @@
   .event-list {
     max-width: 300px;
   }
+  .card-rows-container {
+    gap: var(--dl-space-space-halfunit);
+  }
 }
 @media(max-width: 767px) {
   .round-borders {

src/views/kurzgeschichten/rosenteufel.vue

@@ -50,7 +50,7 @@
           durch den Kammertwald. Hie wo ich zeig überm Pfad. Zwei Tag, ein Nacht.
           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="rawbua6"></span></span
+          was <span v-html="rawrhtb"></span></span
         ><span>Geziefer dort treibt...”</span><br /><br /><span
           >Ritter von Petz: “Tieft den Zinken nun. Hast getan was gesagt. Wartet
           mein Antlitz in einem Dutzend Tag – nicht spät. Sollt ich kehr, so ritz
@@ -148,7 +148,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="rawk24c"></span></span
+          <span v-html="raww6ud"></span></span
         ><span
           >noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen
           der Verschwundenen.</span
@@ -179,7 +179,7 @@
           trat 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="raw9a43"></span></span></span></div
+          woanders... <span v-html="raww3qq"></span></span></span></div
     ><app-kontakt rootClassName="kontakt-root-class-name1"></app-kontakt
   ></div>
 </template>
@@ -197,9 +197,9 @@ export default {
   },
   data() {
     return {
-      rawbua6: ' ',
+      rawrhtb: ' ',
-      rawk24c: ' ',
+      raww6ud: ' ',
-      raw9a43: ' ',
+      raww3qq: ' ',
     }
   },
   metaInfo: {

src/views/larps/conundrum-schatten-ber-ostmerkopa.vue

@@ -0,0 +1,76 @@
+<template>
+  <div class="conundrum-schatten-ber-ostmerkopa-container"
+    ><app-navigation rootClassName="navigation-root-class-name40"></app-navigation
+    ><span class="page-title">Conundrum: Schatten über Ostmerkopa</span
+    ><span class="page-subtitle"><span>Nordic LARP, März 2025</span><br /></span
+    ><div class="text-body"
+      ><p
+        ><span
+          >Hermann stellt mit Robin die Headorga von &quot;Conundrum: Schatten
+          über Ostmerkopa&quot;.</span
+        ><br /></p></div
+    ><a
+      href="https://notgreatnotterrible.de"
+      target="_blank"
+      rel="noreferrer noopener"
+      class="conundrum-schatten-ber-ostmerkopa-link"
+      ><div class="conundrum-schatten-ber-ostmerkopa-plot button"
+        ><span class="button-text"
+          ><span>Infos (Not Great Not Terrible Webseite)</span
+          ><br /></span></div></a
+    ><app-kontakt rootClassName="kontakt-root-class-name28"></app-kontakt
+  ></div>
+</template>
+
+<script>
+import AppNavigation from '../../components/navigation'
+import AppKontakt from '../../components/kontakt'
+
+export default {
+  name: 'ConundrumSchattenBerOstmerkopa',
+  props: {},
+  components: {
+    AppNavigation,
+    AppKontakt,
+  },
+  metaInfo: {
+    title: 'OpenVisor - Conundrum: Schatten über Ostmerkopa',
+    meta: [
+      {
+        name: 'description',
+        content:
+          'Hermann stellt mit Robin die Headorga von "Conundrum: Schatten über Ostmerkopa": https://notgreatnotterrible.de',
+      },
+      {
+        property: 'og:title',
+        content: 'OpenVisor - Conundrum: Schatten über Ostmerkopa',
+      },
+      {
+        property: 'og:description',
+        content:
+          'Hermann stellt mit Robin die Headorga von "Conundrum: Schatten über Ostmerkopa": https://notgreatnotterrible.de',
+      },
+    ],
+  },
+}
+</script>
+
+<style scoped>
+.conundrum-schatten-ber-ostmerkopa-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");
+}
+.conundrum-schatten-ber-ostmerkopa-link {
+  display: contents;
+}
+.conundrum-schatten-ber-ostmerkopa-plot {
+  text-decoration: none;
+}
+</style>

src/views/larps/letzte-gelegenheit.vue

@@ -70,7 +70,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="rawf211"></span></span
+          <span v-html="raws8bc"></span></span
         ><span>Spiel startet.</span><br /><br /><span
           >Alle Charaktere haben einige Geheimnisse und verdeckte Verknüpfungen
           die hier nicht ausgeschrieben sind um die Spielimmersion zu wahren. Die
@@ -83,11 +83,376 @@
           entsprechend verschickt.</span
         ><br /></p></div
     ><h2 class="uppercase character-group section-head">Gefängnispersonal</h2
-    ><app-row1></app-row1><app-row2></app-row2><app-row3></app-row3
+    ><div class="character-row"
+      ><section class="character-teaser-container"
+        ><div class="character-header"
+          ><img
+            alt="Symbolbild"
+            src="/letzte-gelegenheit/charaktere/fortier-200h.png"
+            class="character-image" /><div class="character-description"
+            ><h2 class="character-name">Fortier</h2
+            ><span class="character-function"
+              ><span
+                >Leitung der Justizvollzugsanstalt
+                <span v-html="rawbywj"></span></span
+              ><br /></span></div
+          ><div></div></div
+        ><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
+        ><p class="character-themes">Themes: Macht, Gewissensbisse, Ängste</p
+        ><p class="character-teaser-text"
+          >Fortier (gesprochen &quot;Fortjeeh&quot;) übernahm vor 3 Jahren das
+          Gefängnis Schwarzbach, nachdem die vorherige Leitung (Zoe Rheineck)
+          wegen mutmasslicher Korruption zurücktrat. Kurz nach Fortiers Übernahme
+          kam es in der JVA zum Mord des Häftlings Sadowski durch Rodriguez.</p
+        ><p class="character-teaser-text"
+          ><span
+            >Fortier ist im Bunker weiterhin für das Gefängnispersonal direkt
+            zuständig führt den Bunker mit Dr. Bellucci und Wm Sartre.</span
+          ><br /></p
+        ><p class="character-teaser-text"
+          >Fortier ist bekannt dafür tendenziell direkter zu sein als angenehm
+          ist. Ausserdem scheint Fortier seit der Zeit im Bunker nicht vor
+          scharfen und pragmatischen Massnahmen zurückzuschrecken.</p
+        ></section
+      ><section class="character-teaser-container"
+        ><div class="character-header"
+          ><img
+            alt="Symbolbild"
+            src="/letzte-gelegenheit/charaktere/bellucci-200h.png"
+            class="character-image" /><div class="character-description"
+            ><h2 class="character-name"><span>Dr. Bellucci</span><br /></h2
+            ><span class="character-function"
+              ><span>Psychologische Sachverständigung</span><br /></span></div
+          ><div></div></div
+        ><p class="character-trigger"><span>OT-Trigger:  Kindertod</span><br /></p
+        ><p class="character-themes"
+          >Themes: Trauma, Manipulation, Suche, Schuld</p
+        ><p class="character-teaser-text"
+          >Dr. Bellucci (gesprochen &quot;Beluhtschi&quot;) wurde vor 2 Jahren
+          psychologische Sachverständigung im Gefängnis, als Rodriguez Sadowski
+          ermordete. Belluccis Aufgabe war langfristige Massnahmen zu entwickeln,
+          um dies in Zukunft zu verhindern.</p
+        ><p class="character-teaser-text"
+          >Bellucci führt verschiedene Therapien mit den Bunkerinsassen durch um
+          diese bei Verstand zu halten. Bellucci führt mit Dr. Jankovic täglich
+          Checkups an allen Bewohnern durch, auch gegenseitig. Bellucci berät
+          Fortier mit Jankovic.</p
+        ><p class="character-teaser-text"
+          >Bellucci ist bekannt dafür mindestens gegen aussen empathisch zu
+          sein.</p
+        ></section
+      ></div
+    ><div class="character-row"
+      ><section class="character-teaser-container"
+        ><div class="character-header"
+          ><img
+            alt="Symbolbild"
+            src="/letzte-gelegenheit/charaktere/jankovic-200h.png"
+            class="character-image" /><div class="character-description"
+            ><h2 class="character-name">Dr. Jankovic</h2
+            ><span class="character-function">Arzt*Ärztin</span></div
+          ><div></div></div
+        ><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
+        ><p class="character-themes"
+          ><span>Themes: Zerrissenheit, Liebe, Gewissensbisse</span><br /></p
+        ><p class="character-teaser-text"
+          ><span
+            >Dr. Jankovic (gesprochen &quot;Jankovitsch&quot;) ist der/die
+            Gefängnisarzt/-ärztin. Jankovic behandelt</span
+          ><span>
+            das Personal und die Häftlinge medizinisch und macht mit Dr. Bellucci
+            tägliche Checkups. Jankovic entscheidet wer welche Medizin erhält, da
+            diese limitiert ist.</span
+          ><span> Ausserdem berät Jankovic Fortier mit Bellucci.</span><br /></p
+        ><p class="character-teaser-text"
+          ><span
+            >Vor drei Jahren wurden Jankovics medizinischen Instrumente von
+            Rodriguez manipuliert was durch eine Überdosis Opioide den Häftling
+            Sadowski tötete.</span
+          ><br /></p
+        ><p class="character-teaser-text"
+          ><span
+            >Jankovic ist bekannt dafür freundlich aber, was die Gesundheit der
+            Bunkerbewohner angeht, auch sehr streng zu sein.</span
+          ><br /></p></section
+      ><section class="character-teaser-container"
+        ><div class="character-header"
+          ><img
+            alt="Symbolbild"
+            src="/letzte-gelegenheit/charaktere/krueger-200h.png"
+            class="character-image" /><div class="character-description"
+            ><h2 class="character-name">Krüger</h2
+            ><span class="character-function"
+              >Wärter*in &amp; Bunkerelektrik</span
+            ></div
+          ><div></div></div
+        ><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
+        ><p class="character-themes"
+          ><span>Themes: Gewissensbisse, Freundschaft, Suche, Sehnsucht</span
+          ><span>, Hass</span><br /></p
+        ><p class="character-teaser-text"
+          ><span
+            >Wärter Krüger arbeitet seit 4 Jahren im Gefängnis Schwarzbach. Krüger
+            ist für die Bunkerelektrik</span
+          ><span>
+            zuständig, weil sich Krüger damit am besten auskennt. Krüger
+            instruiert dabei Häftlinge, welche die Arbeit entsprechend
+            erledigen.</span
+          ><span>
+            Krüger spielt ab und zu Karten mit Dr. Jenatsch und Collins.</span
+          ><br /></p
+        ><p class="character-teaser-text"
+          ><span
+            >In der Zivilschutzanlage hilft Krüger Dr. Jankovic bei der
+            medizinischen Versorgung der Bunkerinsassen.</span
+          ><br /></p
+        ><p class="character-teaser-text"
+          ><span
+            >Krüger ist bekannt dafür etwas grummelig und rastlos zu sein.</span
+          ><span>
+            Krüger hat hohe Standards was die eigene Arbeit und die Arbeit von
+            anderen angeht.</span
+          ><br /></p></section></div
+    ><div class="character-row"
+      ><section class="character-teaser-container"
+        ><div class="character-header"
+          ><img
+            alt="Symbolbild"
+            src="/letzte-gelegenheit/charaktere/schmidt-200h.png"
+            class="character-image" /><div class="character-description"
+            ><h2 class="character-name">Schmidt</h2
+            ><span class="character-function"
+              ><span>Wärter*in &amp; Zeugwart</span><br /></span></div
+          ><div></div></div
+        ><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
+        ><p class="character-themes"
+          ><span>Themes: Paranoia, Macht, Ängste, Verlust, Hass</span><br /></p
+        ><p class="character-teaser-text"
+          >Wärter*in Schmidt arbeitet seit 3 Jahren im Gefängnis Schwarzbach.
+          Schmidt kam ziemlich zeitgleich mit Fortier zu der Stelle. Schmidt ist
+          Zeugwart und damit verantwortlich für die Lagerung und Wartung der
+          Materialien, Werkzeuge, Geräte, Medizin und Waffen der JVA. Schmidt
+          nutzt die Häftlinge um diese zu warten und zu reinigen. Wenn Krüger mit
+          Häftlingen etwas an der Elektrik arbeiten möchte braucht Krüger die
+          Werkzeuge von Schmidt.</p
+        ><p class="character-teaser-text"
+          >Schmidt ist bekannt dafür, unangenehme Fragen zu stellen und geht eher
+          grob mit den Häftlingen um. Dafür hat niemand die Aufgaben des Zeugwarts
+          besser im Griff als Schmidt.</p
+        ></section
+      ><section class="character-teaser-container"
+        ><div class="character-header"
+          ><img
+            alt="Symbolbild"
+            src="/letzte-gelegenheit/charaktere/hagiro-200h.png"
+            class="character-image" /><div class="character-description"
+            ><h2 class="character-name">Hagiro</h2
+            ><span class="character-function"
+              ><span>dienstälteste*r Wärter*in</span><br /></span></div
+          ><div></div></div
+        ><p class="character-trigger"
+          ><span>OT-Trigger:  Tod</span><span>, Drogen</span><br /></p
+        ><p class="character-themes"
+          ><span>Themes: Gerechtigkeit, Gewalt, Druck, Hass</span><br /></p
+        ><p class="character-teaser-text"
+          >Hagiro ist mit 7 Jahren Dienst von den Wärter*innen am längsten im
+          Gefängnis Schwarzbach. Hagiro setzt die Massnahmen von Fortier meist
+          rigoros durch, zögert aber auch nicht die Meinung zu äussern, wenn
+          Hagiro etwas missfällt. Hagiro hilft im Bunker Fortier bei der
+          Aktenverwaltung und hat Häftling Lindbeck dafür als Unterstützung.</p
+        ><p class="character-teaser-text"
+          >Hagiro ist bekannt für einen konsequenten Gerechtigkeitssinn und für
+          einen Raucherhusten. Hagiro ist streng zu den Häftlingen und freundlich
+          zu den anderen.</p
+        ></section
+      ></div
     ><h2 class="uppercase character-group section-head">Häftlinge</h2
-    ><app-row4></app-row4><app-row5></app-row5
+    ><div class="character-row"
+      ><section class="character-teaser-container"
+        ><div class="character-header"
+          ><img
+            alt="Symbolbild"
+            src="/letzte-gelegenheit/charaktere/rodriguez-200h.png"
+            class="character-image" /><div class="character-description"
+            ><h2 class="character-name">Rodriguez</h2
+            ><span class="character-function"
+              ><span>Häftling</span><br /></span></div
+          ><div></div></div
+        ><p class="character-trigger"
+          ><span>OT-Trigger:  Tod, Drogen</span><br /></p
+        ><p class="character-themes"
+          ><span>Themes: Unterdrückung, Sehnsucht, Suche, Gewissensbisse</span
+          ><br /></p
+        ><p class="character-teaser-text"
+          >Rodriguez (gesprochen &quot;Rodrigess&quot;) sitzt bereits seit 6
+          Jahren im Gefängnis Schwarzbach und damit von den anwesenden Häftlingen
+          am längsten. Eigentlich hätte Rodriguez letztes Jahr entlassen werden
+          sollen, doch vor 2 Jahren brachte Rodriguez den Häftling Sadowski
+          (gesprochen &quot;Sadofski&quot;) um, indem Rodriguez die medizinischen
+          Instrumente von Jankovic manipulierte. Deswegen sitzte Rodriguez 3 Jahre
+          lang in Isolationshaft bis die Sirenen losheulten.</p
+        ><p class="character-teaser-text"
+          >Rodriguez war vor dem Gefängnis Handwerker/in und arbeitete auch 3
+          Jahre in der Gefängnisschreinerei. Rodriguez ist daher besonders
+          geeignet, mechanische Apparaturen zu reparieren.</p
+        ><p class="character-teaser-text"
+          >Rodriguez ist bekannt für eine raue aber zuvorkommende Art. Wegen dem
+          Mord vor drei Jahren verlor Rodriguez aber bei den meisten das
+          Vertrauen.</p
+        ></section
+      ><section class="letzte-gelegenheit-jenatsch character-teaser-container"
+        ><div class="character-header"
+          ><img
+            alt="Symbolbild"
+            src="/letzte-gelegenheit/charaktere/jenatsch-200h.png"
+            class="character-image" /><div class="character-description"
+            ><h2 class="character-name">Prof. Dr. Jenatsch</h2
+            ><span class="character-function"
+              ><span>Häftling</span><br /></span></div
+          ><div></div></div
+        ><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
+        ><p class="character-themes"
+          ><span>Themes: Verzweiflung, Druck, Commitment, Einsamkeit</span
+          ><br /></p
+        ><p class="character-teaser-text"
+          ><span
+            >Prof. Dr. Jenatsch ist der neuste Häftling und kam erst eine Woche
+            vor der Katastrophe ins Gefängnis Schwarzbach. Jenatsch war zwei
+            Monate vor der Katastrophe im Fernsehen zu sehen, wie Jenatsch den
+            Parteichef der &quot;Silbernen Partei&quot; erschossen hatte.</span
+          ><br /></p
+        ><p class="character-teaser-text"
+          ><span
+            >Wenn Jenatsch grade nichts anderes macht, schreibt Jenatsch Formeln,
+            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="rawsl4m"></span></span
+          ><span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span
+          ><br /></p
+        ><p class="character-teaser-text"
+          ><span
+            >Jenatsch ist bekannt für eine chaotische, pragmatische und schnelle
+            Vorgehensweise. Wenn Jenatsch sich etwas in den Kopf setzt haben die
+            Wärter Mühe Jenatsch zu bändigen.</span
+          ><br /></p></section></div
+    ><div class="character-row"
+      ><section class="letzte-gelegenheit-collins character-teaser-container"
+        ><div class="character-header"
+          ><img
+            alt="Symbolbild"
+            src="/letzte-gelegenheit/charaktere/collins-200h.png"
+            class="character-image" /><div class="character-description"
+            ><h2 class="character-name">Collins</h2
+            ><span class="character-function"
+              ><span>Häftling</span><br /></span></div
+          ><div></div></div
+        ><p class="character-trigger"
+          ><span>OT-Trigger:  Tod</span><span>, Drogen</span><br /></p
+        ><p class="character-themes"
+          ><span>Themes: Ungerechtigkeit, Pflicht, Gewissensbisse, Familie</span
+          ><br /></p
+        ><p class="character-teaser-text"
+          >Collins ist seit 5 Jahren im Gefängnis. Bevor alle im Bunker waren
+          hörte man selten was von Collins. Collins war nicht jemand, der Krawall
+          machte. Doch seit sie im Bunker sind, hat Collins immer wieder Ärger mit
+          den Wärtern. Collins bezweifelt, dass es Zufall ist, dass Collins die
+          meisten anstrengenden Aufgaben übernehmen muss. Collins war nach eigenen
+          Berechnungen schon mindestens fünf mal länger an der Lüftungskurbel als
+          alle anderen.</p
+        ><p class="character-teaser-text"
+          >Collins ist bekannt für eine reservierte Art und eine kurze Lunte wenn
+          Collins provoziert wird. Ansonsten schluckt Collins die
+          Unannehmlichkeiten im Bunker runter und spielt Karten mit Krüger und
+          Prof. Dr. Jenatsch.</p
+        ></section
+      ><section class="character-teaser-container"
+        ><div class="character-header"
+          ><img
+            alt="Symbolbild"
+            src="/letzte-gelegenheit/charaktere/lindbeck-200h.png"
+            class="character-image" /><div class="character-description"
+            ><h2 class="character-name"
+              >Lindbeck <span v-html="rawhoof"></span></h2
+            ><span class="character-function"
+              ><span>Häftling</span><br /></span></div
+          ><div></div></div
+        ><p class="character-trigger"
+          ><span>OT-Trigger:  Tod, Sexualität zwischen Schüler und Lehrer</span
+          ><br /></p
+        ><p class="character-themes"
+          ><span>Themes: Gewissensbisse, Suche, Sehnsucht, Verzweiflung</span
+          ><br /></p
+        ><p class="character-teaser-text"
+          ><span
+            >Lindbeck sitzt seit 2 Jahren im Gefängnis Schwarzbach. Lindbeck war
+            die einzige</span
+          ><span>
+            Person, welche trotz der Eile bei der Katastrophe Bücher in den Bunker
+            mitbrachte. Während den 2 Jahren im Gefängnis arbeitete Lindbeck im
+            Postbüro. Im Bunker schrieb Lindbeck einige Literatur nieder, an die
+            Lindbeck sich noch erinnern konnte bevor alle in den Bunker gingen.
+            Lindbeck liest davon manchmal vor und hat auch schon zu speziellen
+            Anlässen wie Geburtstage ein Lied angestimmt.</span
+          ><br /></p
+        ><p class="character-teaser-text"
+          ><span
+            >Lindbeck ist bekannt dafür, eine eher traurige Stimmung zu
+            haben.</span
+          ><br /></p></section></div
     ><h2 class="uppercase character-group section-head">Militär</h2
-    ><app-row6></app-row6
+    ><div class="character-row"
+      ><section class="character-teaser-container"
+        ><div class="character-header"
+          ><img
+            alt="Symbolbild"
+            src="/letzte-gelegenheit/charaktere/sartre-200h.png"
+            class="character-image" /><div class="character-description"
+            ><h2 class="character-name">Wm Sartre</h2
+            ><span class="character-function"
+              ><span>Gruppenführer*in</span><br /></span></div
+          ><div></div></div
+        ><p class="character-trigger"
+          ><span>OT-Trigger: Tod, Drogen</span><br /></p
+        ><p class="character-themes"
+          ><span>Themes: Familie, Sucht, Scham, Schutz</span><br /></p
+        ><p class="character-teaser-text"
+          >Wm (Wachtmeister [militärische Ränge sind Geschlechtsneutral], das ist
+          ein Unteroffiziersrang) Sartre kam mit Pavone in den Bunker. Sartre
+          leitet Pavone an und integriert sich und Pavone auch bei dem Rest der
+          Bunkerbesatzung. Sartre bespricht sich gelegentlich mit Fortier.</p
+        ><p class="character-teaser-text"
+          >Sartre ist bekannt dafür, eine besorgte Mimik zu haben. Sartres
+          Redensweise ist trotzdem befehlerisch.</p
+        ><p class="letzte-gelegenheit-paragraph36 character-teaser-text"
+          >(Nur ein paar Charaktere wissen mehr zu diesem Charakter, entsprechend
+          steht hier wenig.)</p
+        ></section
+      ><section class="character-teaser-container"
+        ><div class="character-header"
+          ><img
+            alt="Symbolbild"
+            src="/letzte-gelegenheit/charaktere/pavone-200h.png"
+            class="character-image" /><div class="character-description"
+            ><h2 class="character-name"><span>Sdt Pavone</span><br /></h2
+            ><span class="character-function"
+              ><span>Funker*in</span><br /></span></div
+          ><div></div></div
+        ><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
+        ><p class="character-themes"
+          ><span>Themes: Ängste, Gewissensbisse, Verzweiflung</span><br /></p
+        ><p class="character-teaser-text"
+          >Sdt (Soldat [militärische Ränge sind Geschlechtsneutral]) Pavone
+          brachte das militärische Funkgerät in den Bunker, das Pavone mit Sartre
+          bedient. Pavone bittet immer wieder Häftlinge um bei der Bedienung des
+          Funkgeräts zu helfen.</p
+        ><p class="character-teaser-text"
+          >Pavone wirkt unruhig, hat aber eine freundliche Art und bestechenden
+          Charme.</p
+        ><p class="letzte-gelegenheit-paragraph37 character-teaser-text"
+          >(Nur ein paar Charaktere wissen mehr zu diesem Charakter, entsprechend
+          steht hier wenig.)</p
+        ></section
+      ></div
     ><h2 class="uppercase character-title section-head">Unterstützung</h2
     ><div class="letzte-gelegenheit-unterstuetzung-container text-body"
       ><p
@@ -109,7 +474,7 @@
         ><br /><span>- Björn</span><br /><span>- Florian H.</span><br /><span
           >- Jan R.</span
         ><br /><span>- Mai</span><br /><span>- PeFox</span><br /><span
-          >- <span v-html="raw7fxk"></span></span
+          >- <span v-html="rawtels"></span></span
         ><span>Phil U.</span><br /><span>- Sue</span><br /></p></div
     ><app-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt
   ></div>
@@ -118,12 +483,6 @@
 <script>
 import AppNavigation from '../../components/navigation'
 import VeranstaltungenListe from '../../components/veranstaltungen-liste'
-import AppRow1 from '../../components/row1'
-import AppRow2 from '../../components/row2'
-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'
 
 export default {
@@ -132,18 +491,15 @@ export default {
   components: {
     AppNavigation,
     VeranstaltungenListe,
-    AppRow1,
-    AppRow2,
-    AppRow3,
-    AppRow4,
-    AppRow5,
-    AppRow6,
     AppKontakt,
   },
   data() {
     return {
-      rawf211: ' ',
+      raws8bc: ' ',
-      raw7fxk: ' ',
+      rawbywj: ' ',
+      rawsl4m: ' ',
+      rawhoof: ' ',
+      rawtels: ' ',
     }
   },
   metaInfo: {
@@ -228,6 +584,18 @@ export default {
 .letzte-gelegenheit-charaktere-container {
   width: 95%;
 }
+.letzte-gelegenheit-jenatsch {
+  position: relative;
+}
+.letzte-gelegenheit-collins {
+  position: relative;
+}
+.letzte-gelegenheit-paragraph36 {
+  font-style: italic;
+}
+.letzte-gelegenheit-paragraph37 {
+  font-style: italic;
+}
 .letzte-gelegenheit-unterstuetzung-container {
   width: 95%;
 }