Add LARP "Conundrum: Schatten über Ostmerkopa"

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="rawu6io"></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="rawmg5j"></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="rawei0q"></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="raw1sjl"></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="rawztah"></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="rawlh39"></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="rawt37f"></span></span
                 ><a
                   href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
                   target="_blank"
@@ -966,13 +966,13 @@ export default {
   },
   data() {
     return {
-      rawyvn7: ' ',
+      rawu6io: ' ',
-      rawgskm: ' ',
+      rawmg5j: ' ',
-      rawvapt: ' ',
+      rawei0q: ' ',
-      rawup85: ' ',
+      raw1sjl: ' ',
-      rawbgbc: ' ',
+      rawztah: ' ',
-      rawoe1y: ' ',
+      rawlh39: ' ',
-      rawhyif: ' ',
+      rawt37f: ' ',
     }
   },
 }

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="rawdgpb"></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: ' ',
+      rawdgpb: ' ',
     }
   },
 }

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

@@ -10,7 +10,7 @@
           ><span class="character-function"
             ><span
               >Leitung der Justizvollzugsanstalt
-              <span v-html="rawptpf"></span></span
+              <span v-html="rawjh4p"></span></span
             ><br /></span></div
         ><div></div></div
       ><p class="character-trigger"><span>OT-Trigger:  Tod</span><br /></p
@@ -78,7 +78,7 @@ export default {
   },
   data() {
     return {
-      rawptpf: ' ',
+      rawjh4p: ' ',
     }
   },
 }

src/components/row4.vue

@@ -42,7 +42,7 @@
           >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
+          wieder liegen liess. <span v-html="raw7j7s"></span></span
         ><span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span
         ><br /></p
       ><p class="character-teaser-text"
@@ -85,7 +85,7 @@ export default {
   },
   data() {
     return {
-      rawvtce: ' ',
+      raw7j7s: ' ',
     }
   },
 }

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

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="raw6uhz"></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="rawobr3"></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="rawrml5"></span></span></span></div
     ><app-kontakt rootClassName="kontakt-root-class-name1"></app-kontakt
   ></div>
 </template>
@@ -197,9 +197,9 @@ export default {
   },
   data() {
     return {
-      rawbua6: ' ',
+      raw6uhz: ' ',
-      rawk24c: ' ',
+      rawobr3: ' ',
-      raw9a43: ' ',
+      rawrml5: ' ',
     }
   },
   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="rawu3k6"></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
@@ -109,7 +109,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="raw79i7"></span></span
         ><span>Phil U.</span><br /><span>- Sue</span><br /></p></div
     ><app-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt
   ></div>
@@ -142,8 +142,8 @@ export default {
   },
   data() {
     return {
-      rawf211: ' ',
+      rawu3k6: ' ',
-      raw7fxk: ' ',
+      raw79i7: ' ',
     }
   },
   metaInfo: {