Add "Kurzfilme" page and component; Update "Letzte Gelegenheit" page; Update "Ueber uns" page; Fix links pointing to incorrect pages

src/components/info-box.vue

@@ -32,7 +32,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawaua9"></span>
+                  <span v-html="rawdrn9"></span>
                 </span>
                 <span>
                   Intensive Momente und Emotionen ermöglichen, die in Erinnerung
@@ -42,7 +42,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="raw7vxx"></span>
+                  <span v-html="rawew4j"></span>
                 </span>
                 <span>
                   Persönliche Auseinandersetzungen der Spieler mit nicht
@@ -53,7 +53,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="raw87ls"></span>
+                  <span v-html="rawmfzi"></span>
                 </span>
                 <span>
                   Interne Charakterentwicklung oder -verfestigung durch externe
@@ -63,14 +63,14 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawxibr"></span>
+                  <span v-html="raw3blz"></span>
                 </span>
                 <span>Dilemmata mit sich selbst und mit anderen.</span>
                 <br />
                 <br />
                 <span>
                    ·
-                  <span v-html="rawebwi"></span>
+                  <span v-html="rawbmgg"></span>
                 </span>
                 <span>
                   Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
@@ -254,7 +254,7 @@
                 <br />
                 <span>
                   Wir werden das
-                  <span v-html="rawjyua"></span>
+                  <span v-html="raw34my"></span>
                 </span>
                 <router-link to="/larpkonzept" class="info-box-navlink">
                   Open Visor Larpkonzept
@@ -518,7 +518,7 @@
                 <br />
                 <span>
                   Parkplatz:
-                  <span v-html="rawui73"></span>
+                  <span v-html="rawdj7p"></span>
                 </span>
                 <a
                   href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
@@ -1458,13 +1458,13 @@ export default {
   },
   data() {
     return {
-      rawaua9: ' ',
+      rawdrn9: ' ',
-      raw7vxx: ' ',
+      rawew4j: ' ',
-      raw87ls: ' ',
+      rawmfzi: ' ',
-      rawxibr: ' ',
+      raw3blz: ' ',
-      rawebwi: ' ',
+      rawbmgg: ' ',
-      rawjyua: ' ',
+      raw34my: ' ',
-      rawui73: ' ',
+      rawdj7p: ' ',
     }
   },
 }

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

@@ -1,32 +1,23 @@
 <template>
   <div class="event-list" v-bind:class="rootClassName">
     <div class="event-entry">
-      <h3 class="event-title">{{ run5 }}</h3>
+      <h3 class="event-title">Run 7 (Schweiz)</h3>
+      <div><p class="event-section">in Abklärung</p></div>
+      <p class="event-section">{{ standortWeisslingen }}</p>
       <div>
-        <p class="event-section">
+        <p class="event-green event-section">15 von 15 freie Plätze</p>
-          25. Mai 2024, 10:00 Uhr bis
+        <p class="event-red event-section">Anmeldung noch nicht offen</p>
-          <span v-html="rawvckd"></span>
-        </p>
-        <p class="event-section">26. Mai 2024, 14:00 Uhr</p>
-      </div>
-      <p class="event-section">{{ standortWeisslingen1 }}</p>
-      <div>
-        <p class="event-red event-section">0 von 15 freie Plätze</p>
-        <p class="event-green event-section">0 Personen auf Warteliste</p>
       </div>
     </div>
     <div
-      class="kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run6 event-entry"
+      class="kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run8 event-entry"
     >
-      <h3 class="event-title">{{ run6 }}</h3>
+      <h3 class="event-title">Run 8 (Schweiz)</h3>
-      <div>
+      <div><p class="event-section">in Abklärung</p></div>
-        <p class="event-section">01. Juni 2024, 10:00 Uhr bis</p>
-        <p class="event-section">02. Juni 2024, 14:00 Uhr</p>
-      </div>
       <p class="event-section">{{ standortWeisslingen }}</p>
       <div>
-        <p class="event-red event-section">0 von 15 freie Plätze</p>
+        <p class="event-green event-section">15 von 15 freie Plätze</p>
-        <p class="event-green event-section">3 Personen auf Warteliste</p>
+        <p class="event-red event-section">Anmeldung noch nicht offen</p>
       </div>
     </div>
   </div>
@@ -54,18 +45,14 @@ export default {
       default: 'Run  5 (Schweiz)',
     },
   },
-  data() {
-    return {
-      rawvckd: ' ',
-    }
-  },
 }
 </script>
 
 <style scoped>
-.kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run6 {
+.kommende-letzte-gelegenheit-runs-letzte-gelegenheit-run8 {
   border-bottom-width: 3px;
 }
 
 
+
 </style>

src/components/kontakt.vue

@@ -125,6 +125,8 @@ export default {
 
 
 
+
+
 
 
 

src/components/navigation.vue

@@ -97,6 +97,109 @@
               </router-link>
             </ul>
           </div>
+          <div
+            data-thq="thq-dropdown"
+            class="navigation-games-dropdown list-item"
+          >
+            <div
+              data-thq="thq-dropdown-toggle"
+              class="desktop-menu-dropdown-toggle"
+            >
+              <router-link
+                to="/games"
+                class="navigation-games desktop-menu-dropdown-header nav-link"
+              >
+                {{ games }}
+              </router-link>
+              <div
+                data-thq="thq-dropdown-arrow"
+                class="desktop-menu-arrow-container"
+              >
+                <svg viewBox="0 0 1024 1024" class="desktop-menu-arrow">
+                  <path d="M426 726v-428l214 214z"></path>
+                </svg>
+              </div>
+            </div>
+            <ul
+              data-thq="thq-dropdown-list"
+              class="navigation-dropdown-list1 desktop-menu-dropdown-list"
+            >
+              <router-link to="/games/assemblatron">
+                <li
+                  data-thq="thq-dropdown"
+                  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-toggle05"
+                  >
+                    <span class="desktop-menu-dropdown-option">
+                      {{ assemblatron }}
+                    </span>
+                  </div>
+                </li>
+              </router-link>
+              <router-link to="/games/murphys-larp">
+                <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-toggle06"
+                  >
+                    <span class="desktop-menu-dropdown-option">
+                      {{ murphysLarp }}
+                    </span>
+                  </div>
+                </li>
+              </router-link>
+            </ul>
+          </div>
+          <div
+            data-thq="thq-dropdown"
+            class="navigation-kurzfilme-dropdown list-item"
+          >
+            <div
+              data-thq="thq-dropdown-toggle"
+              class="desktop-menu-dropdown-toggle"
+            >
+              <router-link
+                to="/kurzfilme"
+                class="navigation-kurzfilme desktop-menu-dropdown-header nav-link"
+              >
+                Kurzfilme
+              </router-link>
+              <div
+                data-thq="thq-dropdown-arrow"
+                class="desktop-menu-arrow-container"
+              >
+                <svg viewBox="0 0 1024 1024" class="desktop-menu-arrow">
+                  <path d="M426 726v-428l214 214z"></path>
+                </svg>
+              </div>
+            </div>
+            <ul
+              data-thq="thq-dropdown-list"
+              class="navigation-dropdown-list2 desktop-menu-dropdown-list"
+            >
+              <router-link to="/kurzfilme/wolf-des-suedens">
+                <li
+                  data-thq="thq-dropdown"
+                  class="navigation-wolf-des-suedens-dropdown desktop-menu-list-item list-item"
+                >
+                  <div
+                    data-thq="thq-dropdown-toggle"
+                    class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle08"
+                  >
+                    <span class="desktop-menu-dropdown-option">
+                      Die Legende vom Wolf des Südens (Trailer)
+                    </span>
+                  </div>
+                </li>
+              </router-link>
+            </ul>
+          </div>
           <div
             data-thq="thq-dropdown"
             class="navigation-kurzgeschichten-dropdown list-item"
@@ -122,7 +225,7 @@
             </div>
             <ul
               data-thq="thq-dropdown-list"
-              class="navigation-dropdown-list1 desktop-menu-dropdown-list"
+              class="navigation-dropdown-list3 desktop-menu-dropdown-list"
             >
               <router-link to="/kurzgeschichten/ein-orden-fuer-eine-gute-tat">
                 <li
@@ -131,7 +234,7 @@
                 >
                   <div
                     data-thq="thq-dropdown-toggle"
-                    class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle05"
+                    class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle10"
                   >
                     <span class="desktop-menu-dropdown-option">
                       {{ einOrdenFuerEineGuteTat }}
@@ -413,68 +516,10 @@
               </router-link>
             </ul>
           </div>
-          <div
-            data-thq="thq-dropdown"
-            class="navigation-games-dropdown list-item"
-          >
-            <div
-              data-thq="thq-dropdown-toggle"
-              class="desktop-menu-dropdown-toggle"
-            >
-              <span
-                class="navigation-games desktop-menu-dropdown-header nav-link"
-              >
-                {{ games }}
-              </span>
-              <div
-                data-thq="thq-dropdown-arrow"
-                class="desktop-menu-arrow-container"
-              >
-                <svg viewBox="0 0 1024 1024" class="desktop-menu-arrow">
-                  <path d="M426 726v-428l214 214z"></path>
-                </svg>
-              </div>
-            </div>
-            <ul
-              data-thq="thq-dropdown-list"
-              class="navigation-dropdown-list2 desktop-menu-dropdown-list"
-            >
-              <router-link to="/games/assemblatron">
-                <li
-                  data-thq="thq-dropdown"
-                  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-toggle25"
-                  >
-                    <span class="desktop-menu-dropdown-option">
-                      {{ assemblatron }}
-                    </span>
-                  </div>
-                </li>
-              </router-link>
-              <router-link to="/games/murphys-larp">
-                <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-toggle26"
-                  >
-                    <span class="desktop-menu-dropdown-option">
-                      {{ murphysLarp }}
-                    </span>
-                  </div>
-                </li>
-              </router-link>
-            </ul>
-          </div>
         </nav>
       </div>
       <div data-thq="thq-burger-menu" class="navigation-burger-menu">
-        <svg viewBox="0 0 1024 1024" class="navigation-icon06">
+        <svg viewBox="0 0 1024 1024" class="navigation-icon08">
           <path
             d="M128 554.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 298.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667zM128 810.667h768c23.552 0 42.667-19.115 42.667-42.667s-19.115-42.667-42.667-42.667h-768c-23.552 0-42.667 19.115-42.667 42.667s19.115 42.667 42.667 42.667z"
           ></path>
@@ -488,7 +533,7 @@
         >
           <div class="navigation-nav-top">
             <div data-thq="thq-close-menu" class="navigation-menu-close">
-              <svg viewBox="0 0 1024 1024" class="navigation-icon08">
+              <svg viewBox="0 0 1024 1024" class="navigation-icon10">
                 <path
                   d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z"
                 ></path>
@@ -540,7 +585,7 @@
                   >
                     <div
                       data-thq="thq-dropdown-toggle"
-                      class="navigation-dropdown-toggle28"
+                      class="navigation-dropdown-toggle30"
                     >
                       <span class="navigation-suesse-traeume1 nav-link">
                         {{ suesseTraeume }}
@@ -555,7 +600,7 @@
                   >
                     <div
                       data-thq="thq-dropdown-toggle"
-                      class="navigation-dropdown-toggle29"
+                      class="navigation-dropdown-toggle31"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ letzteGelegenheit }}
@@ -570,7 +615,7 @@
                   >
                     <div
                       data-thq="thq-dropdown-toggle"
-                      class="navigation-dropdown-toggle30"
+                      class="navigation-dropdown-toggle32"
                     >
                       <span
                         class="navigation-conundrum-schatten-ueber-ostmerkopa1 nav-link"
@@ -582,6 +627,103 @@
                 </router-link>
               </ul>
             </div>
+            <div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item">
+              <div
+                data-thq="thq-dropdown-toggle"
+                class="mobile-menu-dropdown-toggle"
+              >
+                <router-link
+                  to="/games"
+                  class="navigation-games1 mobile-menu-dropdown-header nav-link"
+                >
+                  {{ games }}
+                </router-link>
+                <div
+                  data-thq="thq-dropdown-arrow"
+                  class="mobile-menu-dropdown-arrow-container"
+                >
+                  <svg viewBox="0 0 1024 1024" class="mobile-menu-dropdown-arrow">
+                    <path d="M426 726v-428l214 214z"></path>
+                  </svg>
+                </div>
+              </div>
+              <ul
+                data-thq="thq-dropdown-list"
+                class="navigation-games-dropdown-list dropdown-list"
+              >
+                <router-link to="/games/assemblatron">
+                  <li
+                    data-thq="thq-dropdown"
+                    class="navigation-assemblatron1 mobile-menu-list-item list-item"
+                  >
+                    <div
+                      data-thq="thq-dropdown-toggle"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle"
+                    >
+                      <span class="mobile-menu-dropdown-option nav-link">
+                        {{ assemblatron }}
+                      </span>
+                    </div>
+                  </li>
+                </router-link>
+                <router-link to="/games/murphys-larp">
+                  <li
+                    data-thq="thq-dropdown"
+                    class="mobile-menu-list-item list-item"
+                  >
+                    <div
+                      data-thq="thq-dropdown-toggle"
+                      class="navigation-dropdown-toggle35"
+                    >
+                      <span class="mobile-menu-dropdown-option nav-link">
+                        {{ murphysLarp }}
+                      </span>
+                    </div>
+                  </li>
+                </router-link>
+              </ul>
+            </div>
+            <div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item">
+              <div
+                data-thq="thq-dropdown-toggle"
+                class="mobile-menu-dropdown-toggle"
+              >
+                <router-link
+                  to="/kurzfilme"
+                  class="navigation-kurzfilme1 mobile-menu-dropdown-header nav-link"
+                >
+                  Kurzfilme
+                </router-link>
+                <div
+                  data-thq="thq-dropdown-arrow"
+                  class="mobile-menu-dropdown-arrow-container"
+                >
+                  <svg viewBox="0 0 1024 1024" class="mobile-menu-dropdown-arrow">
+                    <path d="M426 726v-428l214 214z"></path>
+                  </svg>
+                </div>
+              </div>
+              <ul
+                data-thq="thq-dropdown-list"
+                class="navigation-games-dropdown-list1 dropdown-list"
+              >
+                <router-link to="/kurzfilme/wolf-des-suedens">
+                  <li
+                    data-thq="thq-dropdown"
+                    class="navigation-wolf-des-suedens1 mobile-menu-list-item list-item"
+                  >
+                    <div
+                      data-thq="thq-dropdown-toggle"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle"
+                    >
+                      <span class="mobile-menu-dropdown-option nav-link">
+                        Die Legende vom Wolf des Südens (Trailer)
+                      </span>
+                    </div>
+                  </li>
+                </router-link>
+              </ul>
+            </div>
             <div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item">
               <div
                 data-thq="thq-dropdown-toggle"
@@ -628,7 +770,7 @@
                   >
                     <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-toggle40"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ rosenteufel }}
@@ -643,7 +785,7 @@
                   >
                     <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-toggle41"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ einsamesSchaf }}
@@ -658,7 +800,7 @@
                   >
                     <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-toggle42"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ gefangenerGorilla }}
@@ -673,7 +815,7 @@
                   >
                     <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-toggle43"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ lasstMichRuhen }}
@@ -688,7 +830,7 @@
                   >
                     <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-toggle44"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ dieLoesungGegenLeid }}
@@ -703,7 +845,7 @@
                   >
                     <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-toggle45"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ infiniteDeathsEnglish }}Die Lösung Gegen Leid
@@ -718,7 +860,7 @@
                   >
                     <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-toggle46"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ versetztesBeduerfnis }}Die Lösung Gegen Leid
@@ -735,7 +877,7 @@
                   >
                     <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-toggle47"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ wasUnterscheidetHimmelVonHoelle }}Die Lösung Gegen Leid
@@ -750,7 +892,7 @@
                   >
                     <div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle41"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle48"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ lebenStattUeberleben }}Die Lösung Gegen Leid
@@ -765,7 +907,7 @@
                   >
                     <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-toggle49"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ getraeumtesGlueck }}Ein Orden für eine gute Tat
@@ -780,7 +922,7 @@
                   >
                     <div
                       data-thq="thq-dropdown-toggle"
-                      class="navigation-dropdown-toggle43 mobile-menu-dropdown-element mobile-menu-dropdown-toggle"
+                      class="navigation-dropdown-toggle50 mobile-menu-dropdown-element mobile-menu-dropdown-toggle"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ klonOderLeid }}Lasst mich Ruhen!
@@ -795,7 +937,7 @@
                   >
                     <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-toggle51"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ ichWillKeinHammerSein }}Lasst mich Ruhen!
@@ -810,7 +952,7 @@
                   >
                     <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-toggle52"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ teilungZweierWelten }}Lasst mich Ruhen!
@@ -825,7 +967,7 @@
                   >
                     <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-toggle53"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ huhnRammtHuhn }}Lasst mich Ruhen!
@@ -840,7 +982,7 @@
                   >
                     <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-toggle54"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ heiligerSteinkrieg }}Lasst mich Ruhen!
@@ -855,7 +997,7 @@
                   >
                     <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-toggle55"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ unwichtigsterMensch }}Lasst mich Ruhen!
@@ -870,7 +1012,7 @@
                   >
                     <div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle49"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle56"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ superkraftImStarbucks }}Lasst mich Ruhen!
@@ -885,7 +1027,7 @@
                   >
                     <div
                       data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle50"
+                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle navigation-dropdown-toggle57"
                     >
                       <span class="mobile-menu-dropdown-option nav-link">
                         {{ themOrUsEnglish }}Lasst mich Ruhen!
@@ -895,62 +1037,6 @@
                 </router-link>
               </ul>
             </div>
-            <div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item">
-              <div
-                data-thq="thq-dropdown-toggle"
-                class="mobile-menu-dropdown-toggle"
-              >
-                <router-link
-                  to="/kurzgeschichten"
-                  class="navigation-kurzgeschichten2 mobile-menu-dropdown-header nav-link"
-                >
-                  {{ games }}
-                </router-link>
-                <div
-                  data-thq="thq-dropdown-arrow"
-                  class="mobile-menu-dropdown-arrow-container"
-                >
-                  <svg viewBox="0 0 1024 1024" class="mobile-menu-dropdown-arrow">
-                    <path d="M426 726v-428l214 214z"></path>
-                  </svg>
-                </div>
-              </div>
-              <ul
-                data-thq="thq-dropdown-list"
-                class="navigation-games-dropdown-list dropdown-list"
-              >
-                <router-link to="/games/assemblatron">
-                  <li
-                    data-thq="thq-dropdown"
-                    class="navigation-assemblatron1 mobile-menu-list-item list-item"
-                  >
-                    <div
-                      data-thq="thq-dropdown-toggle"
-                      class="mobile-menu-dropdown-element mobile-menu-dropdown-toggle"
-                    >
-                      <span class="mobile-menu-dropdown-option nav-link">
-                        {{ assemblatron }}
-                      </span>
-                    </div>
-                  </li>
-                </router-link>
-                <router-link to="/games/murphys-larp">
-                  <li
-                    data-thq="thq-dropdown"
-                    class="mobile-menu-list-item list-item"
-                  >
-                    <div
-                      data-thq="thq-dropdown-toggle"
-                      class="navigation-dropdown-toggle53"
-                    >
-                      <span class="mobile-menu-dropdown-option nav-link">
-                        {{ murphysLarp }}
-                      </span>
-                    </div>
-                  </li>
-                </router-link>
-              </ul>
-            </div>
           </nav>
         </div>
       </div>
@@ -1121,7 +1207,7 @@ export default {
   display: flex;
 }
 .navigation-nav {
-  gap: 50px;
+  gap: 38px;
   flex: 0 0 auto;
   display: flex;
   align-items: center;
@@ -1157,23 +1243,6 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.navigation-kurzgeschichten-dropdown {
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  border-radius: var(--dl-radius-radius-radius2);
-}
-.navigation-kurzgeschichten {
-  text-decoration: none;
-}
-.navigation-dropdown-list1 {
-  display: none;
-}
-.navigation-dropdown-toggle05:hover {
-  fill: #fff;
-  color: #fff;
-  background-color: #595959;
-}
 .navigation-games-dropdown {
   cursor: pointer;
   display: inline-block;
@@ -1183,18 +1252,55 @@ export default {
 .navigation-games {
   text-decoration: none;
 }
-.navigation-dropdown-list2 {
+.navigation-dropdown-list1 {
   display: none;
 }
 .navigation-assemblatron-dropdown {
   text-decoration: none;
 }
-.navigation-dropdown-toggle25:hover {
+.navigation-dropdown-toggle05:hover {
   fill: #fff;
   color: #fff;
   background-color: #595959;
 }
-.navigation-dropdown-toggle26:hover {
+.navigation-dropdown-toggle06:hover {
+  fill: #fff;
+  color: #fff;
+  background-color: #595959;
+}
+.navigation-kurzfilme-dropdown {
+  cursor: pointer;
+  display: inline-block;
+  position: relative;
+  border-radius: var(--dl-radius-radius-radius2);
+}
+.navigation-kurzfilme {
+  text-decoration: none;
+}
+.navigation-dropdown-list2 {
+  display: none;
+}
+.navigation-wolf-des-suedens-dropdown {
+  text-decoration: none;
+}
+.navigation-dropdown-toggle08:hover {
+  fill: #fff;
+  color: #fff;
+  background-color: #595959;
+}
+.navigation-kurzgeschichten-dropdown {
+  cursor: pointer;
+  display: inline-block;
+  position: relative;
+  border-radius: var(--dl-radius-radius-radius2);
+}
+.navigation-kurzgeschichten {
+  text-decoration: none;
+}
+.navigation-dropdown-list3 {
+  display: none;
+}
+.navigation-dropdown-toggle10:hover {
   fill: #fff;
   color: #fff;
   background-color: #595959;
@@ -1204,7 +1310,7 @@ export default {
   align-items: center;
   justify-content: center;
 }
-.navigation-icon06 {
+.navigation-icon08 {
   fill: #ffffff;
   width: 36px;
   cursor: pointer;
@@ -1214,7 +1320,7 @@ export default {
   border-radius: 18px;
   background-color: rgba(100, 100, 100, 0.4);
 }
-.navigation-icon06:hover {
+.navigation-icon08:hover {
   opacity: 0.5;
 }
 .navigation-mobile-menu {
@@ -1246,7 +1352,7 @@ export default {
 .navigation-menu-close {
   display: flex;
 }
-.navigation-icon08 {
+.navigation-icon10 {
   fill: #ffffff;
   width: 30px;
   cursor: pointer;
@@ -1255,7 +1361,7 @@ export default {
   transition: 0.3s;
   margin-left: -30px;
 }
-.navigation-icon08:hover {
+.navigation-icon10:hover {
   opacity: 0.5;
 }
 .navigation-larps1 {
@@ -1264,51 +1370,6 @@ export default {
 .navigation-larps-dropdown-list {
   display: none;
 }
-.navigation-dropdown-toggle28 {
-  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-toggle28:hover {
-  fill: #fff;
-  color: #fff;
-  background-color: #595959;
-}
-.navigation-suesse-traeume1 {
-  width: 100%;
-  cursor: pointer;
-  display: flex;
-  font-size: 14px;
-  font-style: normal;
-  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;
@@ -1327,6 +1388,51 @@ export default {
   color: #fff;
   background-color: #595959;
 }
+.navigation-suesse-traeume1 {
+  width: 100%;
+  cursor: pointer;
+  display: flex;
+  font-size: 14px;
+  font-style: normal;
+  font-family: Poppins;
+  font-weight: 400;
+}
+.navigation-dropdown-toggle31 {
+  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-toggle31:hover {
+  fill: #fff;
+  color: #fff;
+  background-color: #595959;
+}
+.navigation-dropdown-toggle32 {
+  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-toggle32:hover {
+  fill: #fff;
+  color: #fff;
+  background-color: #595959;
+}
 .navigation-conundrum-schatten-ueber-ostmerkopa1 {
   width: 100%;
   cursor: pointer;
@@ -1336,46 +1442,47 @@ export default {
   font-family: Poppins;
   font-weight: 400;
 }
-.navigation-kurzgeschichten1 {
+.navigation-games1 {
   text-decoration: none;
 }
-.navigation-kurzgeschichten-dropdown-list {
+.navigation-games-dropdown-list {
   display: none;
 }
-.navigation-dropdown-toggle33:hover {
+.navigation-assemblatron1 {
-  fill: #fff;
+  text-decoration: none;
-  color: #fff;
-  background-color: #595959;
 }
-.navigation-dropdown-toggle34:hover {
+.navigation-dropdown-toggle35 {
-  fill: #fff;
+  fill: #595959;
-  color: #fff;
+  color: #595959;
-  background-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-toggle35:hover {
   fill: #fff;
   color: #fff;
   background-color: #595959;
 }
-.navigation-dropdown-toggle36:hover {
+.navigation-kurzfilme1 {
-  fill: #fff;
+  text-decoration: none;
-  color: #fff;
-  background-color: #595959;
 }
-.navigation-dropdown-toggle37:hover {
+.navigation-games-dropdown-list1 {
-  fill: #fff;
+  display: none;
-  color: #fff;
-  background-color: #595959;
 }
-.navigation-dropdown-toggle38:hover {
+.navigation-wolf-des-suedens1 {
-  fill: #fff;
+  text-decoration: none;
-  color: #fff;
-  background-color: #595959;
 }
-.navigation-dropdown-toggle39:hover {
+.navigation-kurzgeschichten1 {
-  fill: #fff;
+  text-decoration: none;
-  color: #fff;
+}
-  background-color: #595959;
+.navigation-kurzgeschichten-dropdown-list {
+  display: none;
 }
 .navigation-dropdown-toggle40:hover {
   fill: #fff;
@@ -1392,9 +1499,6 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.navigation-dropdown-toggle43 {
-  position: relative;
-}
 .navigation-dropdown-toggle43:hover {
   fill: #fff;
   color: #fff;
@@ -1430,38 +1534,49 @@ export default {
   color: #fff;
   background-color: #595959;
 }
+.navigation-dropdown-toggle50 {
+  position: relative;
+}
 .navigation-dropdown-toggle50:hover {
   fill: #fff;
   color: #fff;
   background-color: #595959;
 }
-.navigation-kurzgeschichten2 {
+.navigation-dropdown-toggle51:hover {
-  text-decoration: none;
+  fill: #fff;
+  color: #fff;
+  background-color: #595959;
 }
-.navigation-games-dropdown-list {
+.navigation-dropdown-toggle52:hover {
-  display: none;
+  fill: #fff;
-}
+  color: #fff;
-.navigation-assemblatron1 {
+  background-color: #595959;
-  text-decoration: none;
-}
-.navigation-dropdown-toggle53 {
-  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-toggle53:hover {
   fill: #fff;
   color: #fff;
   background-color: #595959;
 }
+.navigation-dropdown-toggle54:hover {
+  fill: #fff;
+  color: #fff;
+  background-color: #595959;
+}
+.navigation-dropdown-toggle55:hover {
+  fill: #fff;
+  color: #fff;
+  background-color: #595959;
+}
+.navigation-dropdown-toggle56:hover {
+  fill: #fff;
+  color: #fff;
+  background-color: #595959;
+}
+.navigation-dropdown-toggle57:hover {
+  fill: #fff;
+  color: #fff;
+  background-color: #595959;
+}
 .navigation-root-class-name {
   max-width: 1200px;
 }
@@ -1575,6 +1690,12 @@ export default {
 .navigation-root-class-name40 {
   max-width: 1200px;
 }
+.navigation-root-class-name41 {
+  max-width: 1200px;
+}
+.navigation-root-class-name42 {
+  max-width: 1200px;
+}
 @media(max-width: 991px) {
   .navigation-navbar-interactive {
     padding-bottom: var(--dl-space-space-twounits);

src/components/summary-games.vue

@@ -30,7 +30,7 @@ export default {
     assemblatronBeschreibung: {
       type: String,
       default:
-        'Alles was nur schiefgehen konnte, ging bei einem LARP schief. Ihr spielt die frustrierte Orga/SL (Organisation/Spielleitung) die sich über die “doofen” SC (Spielercharaktere) auslässt und die frustrierten SC, die sich über die “doofe” SL auslassen.',
+        'Ein Videospiel in einer von George Orwells "Nineteen Eighty-Four" inspirierten Dystopie, in der die Bevölkerung ununterbrochen in Fabriken Kampfroboter baut, welche die anderen, feindlichen Städte zerstören.',
     },
     assemblatron: {
       type: String,

src/components/summary-shortfilms.vue

@@ -0,0 +1,72 @@
+<template>
+  <main class="card-rows-container" v-bind:class="rootClassName">
+    <div class="card-row">
+      <section class="character-teaser-container">
+        <h1 class="card-heading">{{ wolfDesSuedens }}</h1>
+        <p class="card-text">
+          <span>
+            &quot;Nachdem Langeweile sie dazu bringt, ihre Pflichten zu
+            vernachlässigen, finden uralte, geächtete Kräfte ihren Weg zurück ins
+            Licht. Solei, eine aussergewöhnliche Schülerin der arkanen Künste,
+            flieht in eine Welt voller Angst und Verzweiflung. Auf einer Reise zu
+            sich selbst lernt die junge Frau die Geister der Natur kennen und
+            entdeckt ihre wahren magischen Kräfte.&quot;
+          </span>
+          <br />
+          <br />
+          <span>
+            In diesem Trailer zu einem hypothetischen Kurzfilm experimentierten
+            Freunde und ich mit low-budget Virtual Production.
+          </span>
+        </p>
+        <router-link to="/kurzfilme/wolf-des-suedens">
+          <div class="summary-shortfilms-button more-link">
+            <p class="card-link">{{ mehrLink }}</p>
+          </div>
+        </router-link>
+      </section>
+    </div>
+  </main>
+</template>
+
+<script>
+export default {
+  name: 'SummaryShortfilms',
+  props: {
+    assemblatronBeschreibung: {
+      type: String,
+      default:
+        'Alles was nur schiefgehen konnte, ging bei einem LARP schief. Ihr spielt die frustrierte Orga/SL (Organisation/Spielleitung) die sich über die “doofen” SC (Spielercharaktere) auslässt und die frustrierten SC, die sich über die “doofe” SL auslassen.',
+    },
+    wolfDesSuedensBeschreibung: {
+      type: String,
+      default:
+        'Nachdem Langeweile sie dazu bringt, ihre Pflichten zu vernachlässigen, finden uralte, geächtete Kräfte ihren Weg zurück ins Licht. Solei, eine außergewöhnliche Schülerin der arkanen Künste, flieht in eine Welt voller Angst und Verzweiflung. Auf einer Reise zu sich selbst lernt die junge Frau die Geister der Natur kennen und entdeckt ihre wahren magischen Kräfte. In diesem Kurzfilm experimentieren wir mit neuen Technologien und gehen an die Grenzen dessen, was eine virtuelle Produktion mit einem geringen Budget leisten kann.',
+    },
+    assemblatron: {
+      type: String,
+      default: 'Assemblatron (Video Game)',
+    },
+    rootClassName: String,
+    mehrLink: {
+      type: String,
+      default: 'Mehr ->',
+    },
+    wolfDesSuedens: {
+      type: String,
+      default: 'Die Legende vom Wolf des Südens (Trailer)',
+    },
+  },
+}
+</script>
+
+<style scoped>
+.summary-shortfilms-button {
+  text-decoration: none;
+}
+.summary-shortfilms-button:hover {
+  opacity: 0.5;
+}
+
+
+</style>

src/components/veranstaltungen-liste.vue

@@ -17,7 +17,7 @@
         <div>
           <p class="event-section event-done">
             13. Mai 2023, 10:00 Uhr bis
-            <span v-html="rawtqgd"></span>
+            <span v-html="rawvn37"></span>
           </p>
           <p class="event-section event-done">14. Mai 2023, 14:00 Uhr</p>
         </div>
@@ -31,7 +31,7 @@
         <div>
           <p class="event-section event-done">
             1. Juli 2023, 10:00 Uhr bis
-            <span v-html="rawi023"></span>
+            <span v-html="raw423x"></span>
           </p>
           <p class="event-section event-done">2. Juli 2023, 14:00 Uhr</p>
         </div>
@@ -51,8 +51,35 @@
           durchgeführt mit 15 Teilnehmenden
         </p>
       </div>
+      <div class="event-entry">
+        <h3 class="event-title event-done">{{ run5 }}</h3>
+        <div>
+          <p class="event-section event-done">
+            25. Mai 2024, 10:00 Uhr bis
+            <span v-html="rawfc42"></span>
+          </p>
+          <p class="event-section event-done">26. Mai 2024, 14:00 Uhr</p>
         </div>
-    <kommende-letzte-gelegenheit-runs></kommende-letzte-gelegenheit-runs>
+        <p class="event-section event-done">{{ standortWeisslingen1 }}</p>
+        <p class="event-section event-done-green">
+          durchgeführt mit 15 Teilnehmenden
+        </p>
+      </div>
+      <div class="event-entry">
+        <h3 class="event-title event-done">{{ run6 }}</h3>
+        <div>
+          <p class="event-section event-done">01. Juni 2024, 10:00 Uhr bis</p>
+          <p class="event-section event-done">02. Juni 2024, 14:00 Uhr</p>
+        </div>
+        <p class="event-section event-done">{{ standortWeisslingen2 }}</p>
+        <p class="event-section event-done-green">
+          durchgeführt mit 15 Teilnehmenden
+        </p>
+      </div>
+    </div>
+    <kommende-letzte-gelegenheit-runs
+      rootClassName="kommende-letzte-gelegenheit-runs-root-class-name2"
+    ></kommende-letzte-gelegenheit-runs>
   </div>
 </template>
 
@@ -66,10 +93,35 @@ export default {
       type: String,
       default: 'Waldritter e.V. (im Raumschiff) Ewaldstrasse 20, 45699 Herten',
     },
+    standortWeisslingen1: {
+      type: String,
+      default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
+    },
+    rootClassName1: String,
+    standortWeisslingen4: {
+      type: String,
+      default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
+    },
+    run5: {
+      type: String,
+      default: 'Run  5 (Schweiz)',
+    },
+    run6: {
+      type: String,
+      default: 'Run  6 (Schweiz)',
+    },
+    standortWeisslingen2: {
+      type: String,
+      default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
+    },
     standortHerten1: {
       type: String,
       default: 'Waldritter e.V. (im Raumschiff) Ewaldstrasse 20, 45699 Herten',
     },
+    standortWeisslingen3: {
+      type: String,
+      default: 'Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen',
+    },
     run1: {
       type: String,
       default: 'Run 1 (Schweiz)',
@@ -101,8 +153,9 @@ export default {
   },
   data() {
     return {
-      rawtqgd: ' ',
+      rawvn37: ' ',
-      rawi023: ' ',
+      raw423x: ' ',
+      rawfc42: ' ',
     }
   },
 }

src/router.js

@@ -6,6 +6,7 @@ import KlonOderLeid from './views/kurzgeschichten/klon-oder-leid'
 import Games from './views/games'
 import HuhnRammtHuhn from './views/kurzgeschichten/huhn-rammt-huhn'
 import HeiligerSteinkrieg from './views/kurzgeschichten/heiliger-steinkrieg'
+import DieLegendeVomWolfDesSdens from './views/kurzfilme/die-legende-vom-wolf-des-sdens'
 import VersetztesBedrfnis from './views/kurzgeschichten/versetztes-bedrfnis'
 import Assemblatron from './views/games/assemblatron'
 import EinsamesSchaf from './views/kurzgeschichten/einsames-schaf'
@@ -26,6 +27,7 @@ import TeilungZweierWelten from './views/kurzgeschichten/teilung-zweier-welten'
 import Page from './views/page'
 import LARPs from './views/lar-ps'
 import IchWillKeinHammerSein from './views/kurzgeschichten/ich-will-kein-hammer-sein'
+import Kurzfilme from './views/kurzfilme'
 import SsseTrume from './views/larps/ssse-trume'
 import BerUns from './views/ber-uns'
 import Larpkonzept from './views/larpkonzept'
@@ -48,7 +50,7 @@ export default new Router({
     },
     {
       name: 'Games',
-      path: '/drama-games',
+      path: '/games',
       component: Games,
     },
     {
@@ -61,6 +63,11 @@ export default new Router({
       path: '/kurzgeschichten/heiliger-steinkrieg',
       component: HeiligerSteinkrieg,
     },
+    {
+      name: 'Die-Legende-vom-Wolf-des-Sdens',
+      path: '/kurzfilme/wolf-des-suedens',
+      component: DieLegendeVomWolfDesSdens,
+    },
     {
       name: 'Versetztes-Bedrfnis',
       path: '/kurzgeschichten/versetztes-beduerfnis',
@@ -161,6 +168,11 @@ export default new Router({
       path: '/kurzgeschichten/ich-will-kein-hammer-sein',
       component: IchWillKeinHammerSein,
     },
+    {
+      name: 'Kurzfilme',
+      path: '/kurzfilme',
+      component: Kurzfilme,
+    },
     {
       name: 'Ssse-Trume',
       path: '/larps/suesse-traeume',

src/style.css

@@ -712,6 +712,15 @@
   display: flex;
   flex-direction: column;
 }
+.embedded-video {
+  width: 640px;
+  height: 360px;
+  align-self: center;
+  margin-top: 20px;
+  margin-left: 0px;
+  margin-right: 0px;
+  margin-bottom: -40px;
+}
 .Heading {
   font-size: 32px;
   font-family: Inter;
@@ -802,6 +811,10 @@
   .desktop-menu-dropdown-list {
     display: none;
   }
+  .embedded-video {
+    width: 480px;
+    height: 270px;
+  }
 }
 @media(max-width: 479px) {
   .section-head {
@@ -835,4 +848,8 @@
   .event-list {
     width: 90%;
   }
+  .embedded-video {
+    width: 400px;
+    height: 225px;
+  }
 }

src/views/ber-uns.vue

@@ -8,23 +8,25 @@
     <div class="text-body">
       <span>
         <span>
-          OpenVisor ist eine non-profit Marke unter welcher wir Geschichten
+          OpenVisor ist eine non-profit Marke unter welcher Geschichten erfunden
-          erfinden und erzählen und allerlei damit verbundene Kunst erschaffen.
+          und erzählt werden und allerlei damit verbundene Kunst. OpenVisor
+          garantiert, dass alle ihre Inhalte frei verfügbar bleiben. Bei LARPs die
+          noch kommende Veranstaltungen haben werden die Inhalte erst nach der
+          letzten Durchführung veröffentlicht um Spoilter zu vermeiden.
         </span>
         <br />
         <br />
         <span>
-          Bis jetzt ist Hermann das einzige offizielle Mitglied vom OpenVisor
+          Bis jetzt hat nur Hermann Werke unter der OpenVisor Marke erstellt aber
-          Team. In Zukunft wird es sicher mehr Mitglieder im Team geben. Wenn es
+          man darf gerne mit ihm in Kontakt treten wenn man hier etwas
-          soweit ist, wird OpenVisor wahrscheinlich in einem Verein organisiert
+          veröffentlichen möchte.
-          werden.
         </span>
         <br />
         <br />
         <span>
           Vielleicht sind wir uns ja schonmal über den Weg gelaufen, ohne es zu
-          merken. Folgend ist eine Liste von Larps und ähnlichen Veranstaltungen
+          merken. Folgend ist eine Liste von LARPs und ähnlichen Veranstaltungen
-          an denen Hermann teilgenommen hat und teilnehmen wird. :)
+          an denen Hermann teilgenommen hat oder noch teilnehmen wird. :)
         </span>
         <br />
       </span>

src/views/games.vue

@@ -34,7 +34,7 @@ export default {
     AppKontakt,
   },
   metaInfo: {
-    title: 'OpenVisor - Drama Games',
+    title: 'OpenVisor - Games',
     meta: [
       {
         name: 'description',
@@ -43,7 +43,7 @@ export default {
       },
       {
         property: 'og:title',
-        content: 'OpenVisor - Drama Games',
+        content: 'OpenVisor - Games',
       },
       {
         property: 'og:description',

src/views/games/assemblatron.vue

@@ -10,18 +10,15 @@
       <br />
     </span>
     <div class="text-body">
-      <span>
       <span>
         Ein Videospiel in einer von George Orwells &quot;Nineteen
-          Eighty-Four&quot; inspirierten Dystopie in der die Bevölkerung
+        Eighty-Four&quot; inspirierten Dystopie, in der die Bevölkerung
-          ununterbrochen in Fabriken Kampfroboter baut welche die anderen,
+        ununterbrochen in Fabriken Kampfroboter baut, welche die anderen,
-          feindlichen Städte zerstören. Man spielt aber nur die Arbeitskraft im
+        feindlichen Städte zerstören. Man spielt aber nur die Arbeitskraft im Kran
-          Kran und muss ähnlich wie bei dem klassischen Arcade-Klauen-Spiel
+        und muss ähnlich wie bei der klassischen Arcade-Klauenmaschine Gegenstände
-          Gegenstände hochhiefen, im Spiel dann aber an die richtige Stelle tragen
+        hochhieven, im Spiel dann aber an die richtige Stelle tragen, um den
-          um den jeweiligen Roboter Stück für Stück fertigzustellen. Der Kunststil
+        jeweiligen Roboter Stück für Stück fertigzustellen. Der Kunststil der
-          der Texturen ist stark von Metropolis inspiriert.
+        Texturen ist stark von Metropolis inspiriert.
-        </span>
-        <br />
       </span>
     </div>
     <a

src/views/home.vue

@@ -6,8 +6,8 @@
       src="/openvisor_logo_only_text_compressed-200h.png"
       class="home-image"
     />
-    <section class="home-veranstaltungen-kapitel">
+    <section class="home-kapitel-veranstaltungen">
-      <header class="home-veranstaltungen-titel">
+      <header class="home-titel-veranstaltungen">
         <h2 class="uppercase section-head home-section">
           Kommende Veranstaltungen
         </h2>
@@ -17,21 +17,38 @@
       ></kommende-letzte-gelegenheit-runs>
     </section>
     <section class="card-container">
-      <h2 class="section-head">LARPs</h2>
+      <router-link to="/larps">
+        <h2 class="home-titel-larps section-head">LARPs</h2>
+      </router-link>
       <summary-larps></summary-larps>
     </section>
     <section class="card-container">
-      <h2 class="section-head">
+      <router-link to="/games">
+        <h2 class="home-titel-games section-head">
           <span>GAMES</span>
           <br />
         </h2>
+      </router-link>
       <summary-games></summary-games>
     </section>
     <section class="card-container">
-      <h2 class="uppercase section-head">
+      <router-link to="/kurzfilme">
+        <h2 class="home-titel-kurzfilme section-head">
+          <span>KURZFILME</span>
+          <br />
+        </h2>
+      </router-link>
+      <summary-shortfilms
+        rootClassName="summary-shortfilms-root-class-name"
+      ></summary-shortfilms>
+    </section>
+    <section class="card-container">
+      <router-link to="/kurzgeschichten">
+        <h2 class="home-titel-kurzgeschichten uppercase section-head">
           <span>Kurzgeschichten</span>
           <br />
         </h2>
+      </router-link>
       <summary-shortstories></summary-shortstories>
     </section>
     <app-kontakt></app-kontakt>
@@ -43,6 +60,7 @@ import AppNavigation from '../components/navigation'
 import KommendeLetzteGelegenheitRuns from '../components/kommende-letzte-gelegenheit-runs'
 import SummaryLarps from '../components/summary-larps'
 import SummaryGames from '../components/summary-games'
+import SummaryShortfilms from '../components/summary-shortfilms'
 import SummaryShortstories from '../components/summary-shortstories'
 import AppKontakt from '../components/kontakt'
 
@@ -54,6 +72,7 @@ export default {
     KommendeLetzteGelegenheitRuns,
     SummaryLarps,
     SummaryGames,
+    SummaryShortfilms,
     SummaryShortstories,
     AppKontakt,
   },
@@ -88,7 +107,7 @@ export default {
 .home-image {
   width: 640px;
 }
-.home-veranstaltungen-kapitel {
+.home-kapitel-veranstaltungen {
   gap: var(--dl-space-space-halfunit);
   flex: 1;
   width: 100%;
@@ -102,7 +121,7 @@ export default {
   justify-content: center;
   border-top-width: 0px;
 }
-.home-veranstaltungen-titel {
+.home-titel-veranstaltungen {
   gap: var(--dl-space-space-oneandhalfunits);
   width: 100%;
   display: flex;
@@ -112,6 +131,18 @@ export default {
   padding-bottom: var(--dl-space-space-oneandhalfunits);
   justify-content: center;
 }
+.home-titel-larps {
+  text-decoration: none;
+}
+.home-titel-games {
+  text-decoration: none;
+}
+.home-titel-kurzfilme {
+  text-decoration: none;
+}
+.home-titel-kurzgeschichten {
+  text-decoration: none;
+}
 @media(max-width: 991px) {
   .home-image {
     width: 420px;
@@ -121,13 +152,13 @@ export default {
   .home-image {
     margin-top: var(--dl-space-space-unit);
   }
-  .home-veranstaltungen-kapitel {
+  .home-kapitel-veranstaltungen {
     width: auto;
     border-color: transparent;
   }
 }
 @media(max-width: 479px) {
-  .home-veranstaltungen-titel {
+  .home-titel-veranstaltungen {
     width: auto;
     height: auto;
     max-width: auto;

src/views/kurzfilme.vue

@@ -0,0 +1,71 @@
+<template>
+  <div class="kurzfilme-container">
+    <app-navigation rootClassName="navigation-root-class-name42"></app-navigation>
+    <h1 class="page-title">Kurzfilme</h1>
+    <div class="text-body">
+      <span>
+        Hermann hat derzeit mehrere Drehbücher parallel in Planung für kommende
+        Kurzfilmprojekte. Wenn Du Interesse hast mitzumachen als schauspielende
+        Person oder Statist, bei der Bedienung der Kamera, Lichter und/oder dem
+        Mikrofon oder dem Make-up der Schauspielenden kannst Du Dich gerne bei ihm
+        melden.
+      </span>
+    </div>
+    <div class="card-container">
+      <summary-shortfilms
+        rootClassName="summary-shortfilms-root-class-name1"
+      ></summary-shortfilms>
+    </div>
+    <app-kontakt rootClassName="kontakt-root-class-name30"></app-kontakt>
+  </div>
+</template>
+
+<script>
+import AppNavigation from '../components/navigation'
+import SummaryShortfilms from '../components/summary-shortfilms'
+import AppKontakt from '../components/kontakt'
+
+export default {
+  name: 'Kurzfilme',
+  props: {},
+  components: {
+    AppNavigation,
+    SummaryShortfilms,
+    AppKontakt,
+  },
+  metaInfo: {
+    title: 'OpenVisor - Kurzfilme',
+    meta: [
+      {
+        name: 'description',
+        content:
+          'Hermann hat derzeit mehrere Drehbücher parallel in Planung für kommende Kurzfilmprojekte. Wenn Du Interesse hast, mitzumachen, melde Dich gerne bei ihm.',
+      },
+      {
+        property: 'og:title',
+        content: 'OpenVisor - Kurzfilme',
+      },
+      {
+        property: 'og:description',
+        content:
+          'Hermann hat derzeit mehrere Drehbücher parallel in Planung für kommende Kurzfilmprojekte. Wenn Du Interesse hast, mitzumachen, melde Dich gerne bei ihm.',
+      },
+    ],
+  },
+}
+</script>
+
+<style scoped>
+.kurzfilme-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");
+  background-position: bottom right;
+}
+</style>

src/views/kurzfilme/die-legende-vom-wolf-des-sdens.vue

@@ -0,0 +1,108 @@
+<template>
+  <div class="die-legende-vom-wolf-des-sdens-container">
+    <app-navigation rootClassName="navigation-root-class-name41"></app-navigation>
+    <h1 class="page-title">
+      <span>Die Legende vom Wolf des Südens</span>
+      <br />
+    </h1>
+    <span class="page-subtitle">
+      <span>Trailer als low-budget Virtual Production Proof of Concept</span>
+      <br />
+    </span>
+    <iframe
+      src="https://www.youtube.com/embed/gaaC1lg-qYU?si=9lNTQKMdJcN-wBTy"
+      class="die-legende-vom-wolf-des-sdens-trailer-video embedded-video"
+    ></iframe>
+    <div class="text-body">
+      <span>
+        <span>
+          &quot;Nachdem Langeweile sie dazu bringt, ihre Pflichten zu
+          vernachlässigen, finden uralte, geächtete Kräfte ihren Weg zurück ins
+          Licht. Solei, eine aussergewöhnliche Schülerin der arkanen Künste,
+          flieht in eine Welt voller Angst und Verzweiflung. Auf einer Reise zu
+          sich selbst lernt die junge Frau die Geister der Natur kennen und
+          entdeckt ihre wahren magischen Kräfte.&quot;
+        </span>
+        <br />
+        <br />
+        <span>
+          In diesem Trailer zu einem hypothetischen Kurzfilm experimentierten
+          Freunde und ich mit low-budget Virtual Production.
+        </span>
+        <br />
+        <br />
+        <span>
+          Hermann war zuständig für die Gestaltung, Ausrüstung und Animationen der
+          virtuellen Charaktere, stellte Teile der Ausrüstung, machte das Make-Up
+          für die Schauspielenden und durfte auch noch ein wenig Statist spielen.
+        </span>
+        <br />
+      </span>
+    </div>
+    <a
+      href="https://visuation.ch/films/wolf-des-s%C3%BCdens"
+      target="_blank"
+      rel="noreferrer noopener"
+      class="die-legende-vom-wolf-des-sdens-download-button button"
+    >
+      <span class="button-text">offizielle Seite zum Projekt</span>
+    </a>
+    <app-kontakt rootClassName="kontakt-root-class-name29"></app-kontakt>
+  </div>
+</template>
+
+<script>
+import AppNavigation from '../../components/navigation'
+import AppKontakt from '../../components/kontakt'
+
+export default {
+  name: 'DieLegendeVomWolfDesSdens',
+  props: {},
+  components: {
+    AppNavigation,
+    AppKontakt,
+  },
+  metaInfo: {
+    title: 'OpenVisor - Die Legende vom Wolf des Südens',
+    meta: [
+      {
+        name: 'description',
+        content:
+          'In diesem Trailer zu einem hypothetischen Kurzfilm experimentierten Freunde und ich mit low-budget Virtual Production.',
+      },
+      {
+        property: 'og:title',
+        content: 'OpenVisor - Die Legende vom Wolf des Südens',
+      },
+      {
+        property: 'og:description',
+        content:
+          'In diesem Trailer zu einem hypothetischen Kurzfilm experimentierten Freunde und ich mit low-budget Virtual Production.',
+      },
+    ],
+  },
+}
+</script>
+
+<style scoped>
+.die-legende-vom-wolf-des-sdens-container {
+  width: 100%;
+  display: flex;
+  z-index: 100;
+  overflow: auto;
+  box-shadow: 5px 5px 10px 0px #d4d4d4;
+  min-height: 100vh;
+  overflow-x: hidden;
+  align-items: center;
+  flex-direction: column;
+  background-size: cover;
+  background-image: url("/forest-background-luca-dross-1500w.jpg");
+  background-position: top left;
+}
+.die-legende-vom-wolf-des-sdens-trailer-video {
+  margin-bottom: 0px;
+}
+.die-legende-vom-wolf-des-sdens-download-button {
+  text-decoration: none;
+}
+</style>

src/views/kurzgeschichten/rosenteufel.vue

@@ -79,7 +79,7 @@
           Aber... Edler, bei Gotts Gnad, ich wärt kein gut Christ Euch ohne Warn
           lass schreiten. Seit Geschehnem ist hie kein einzger entlang. Wer weiss
           was
-          <span v-html="rawwtzq"></span>
+          <span v-html="raw4ubi"></span>
         </span>
         <span>Geziefer dort treibt...”</span>
         <br />
@@ -247,7 +247,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="rawv7rj"></span>
+          <span v-html="rawkigv"></span>
         </span>
         <span>
           noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen
@@ -298,7 +298,7 @@
           zuher. Sie starrten; auch kalt und hilflos wie Kind. Ich schritt nach
           vorn: In die Händ des Toten seh, weiss Ros. Ins Gesicht des Toten blick.
           Beulen zierten’s. Hässliche Beulen. Der Teufel aber wart woanders...
-          <span v-html="rawe3wy"></span>
+          <span v-html="rawe85u"></span>
         </span>
       </span>
     </div>
@@ -319,9 +319,9 @@ export default {
   },
   data() {
     return {
-      rawwtzq: ' ',
+      raw4ubi: ' ',
-      rawv7rj: ' ',
+      rawkigv: ' ',
-      rawe3wy: ' ',
+      rawe85u: ' ',
     }
   },
   metaInfo: {

src/views/kurzgeschichten/unwichtigster-mensch.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="unwichtigster-mensch-container">
     <app-navigation rootClassName="navigation-root-class-name34"></app-navigation>
-    <h1 class="page-title">Teilung zweier Welten</h1>
+    <h1 class="page-title">Unwichtigster Mensch</h1>
     <span class="page-subtitle">
       <span>Kurzgeschichte zum Thema Konflikt, Oktober 2023</span>
       <br />

src/views/larps/letzte-gelegenheit.vue

@@ -11,7 +11,7 @@
     </span>
     <iframe
       src="https://www.youtube-nocookie.com/embed/7cH4QuUSUaU"
-      class="letzte-gelegenheit-teaser-video"
+      class="embedded-video"
     ></iframe>
     <h1 class="uppercase character-title section-head">
       <span>Setting</span>
@@ -91,7 +91,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="rawrqf0"></span>
+          <span v-html="rawpfun"></span>
         </span>
         <span>Spiel startet.</span>
         <br />
@@ -127,7 +127,7 @@
             <span class="character-function">
               <span>
                 Leitung der Justizvollzugsanstalt
-                <span v-html="rawm0z7"></span>
+                <span v-html="rawff7c"></span>
               </span>
               <br />
             </span>
@@ -276,8 +276,8 @@
         </p>
         <p class="character-teaser-text">
           <span>
-            Wärter Krüger arbeitet seit 4 Jahren im Gefängnis Schwarzbach. Krüger
+            Wärter*in Krüger arbeitet seit 4 Jahren im Gefängnis Schwarzbach.
-            ist für die Bunkerelektrik
+            Krüger ist für die Bunkerelektrik
           </span>
           <span>
             zuständig, weil sich Krüger damit am besten auskennt. Krüger
@@ -471,7 +471,7 @@
             Tabellen und Graphen auf Notizzettel. Die Wärter mussten Jenatsch
             schon mehrmals dafür bestrafen, als Jenatsch diese trotz Warnungen
             überall wieder liegen liess.
-            <span v-html="rawdhsp"></span>
+            <span v-html="rawpej1"></span>
           </span>
           <span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
           <br />
@@ -538,7 +538,7 @@
           <div class="character-description">
             <h2 class="character-name">
               Lindbeck
-              <span v-html="rawokz1"></span>
+              <span v-html="raw4a8v"></span>
             </h2>
             <span class="character-function">
               <span>Häftling</span>
@@ -667,8 +667,11 @@
       <p>
         <span>
           Konzipiert und organisiert wurde und wird das gesamte LARP von Hermann.
-          Bei Runs 3 und 4 haben Robin Plötzwich und Annabelle Bitzmann als
+          Bei Runs 3, 4, 5 und 6 haben Robin Plötzwich und Annabelle Bitzmann beim
-          Spielleitung geholfen und Sydney Mikosch bei Run 4 bei der Verpflegung.
+          Aufbau und als Spielleitung geholfen und Sydney Mikosch bei Run 4 bei
+          der Verpflegung. Weitere Helfende haben selbst zusätzliche Funksprüche
+          für den Militärfunk geschrieben und/oder vertont. Diese sind hier (noch)
+          nicht gelistet um die Immersion während dem Spiel zu wahren.
         </span>
         <br />
         <br />
@@ -707,7 +710,7 @@
         <br />
         <span>
           -
-          <span v-html="rawhftz"></span>
+          <span v-html="rawn3xc"></span>
         </span>
         <span>Phil U.</span>
         <br />
@@ -734,11 +737,11 @@ export default {
   },
   data() {
     return {
-      rawrqf0: ' ',
+      rawpfun: ' ',
-      rawm0z7: ' ',
+      rawff7c: ' ',
-      rawdhsp: ' ',
+      rawpej1: ' ',
-      rawokz1: ' ',
+      raw4a8v: ' ',
-      rawhftz: ' ',
+      rawn3xc: ' ',
     }
   },
   metaInfo: {
@@ -783,14 +786,6 @@ export default {
   background-image: url("/forest-background-luca-dross-1500w.jpg");
   background-position: top left;
 }
-.letzte-gelegenheit-teaser-video {
-  width: 640px;
-  height: 360px;
-  margin-top: 20px;
-  margin-left: 0px;
-  margin-right: 0px;
-  margin-bottom: -40px;
-}
 .letzte-gelegenheit-setting-container {
   width: 95%;
 }
@@ -844,19 +839,11 @@ export default {
   }
 }
 @media(max-width: 767px) {
-  .letzte-gelegenheit-teaser-video {
-    width: 480px;
-    height: 270px;
-  }
   .letzte-gelegenheit-veranstaltungen-kapitel {
     border-color: transparent;
   }
 }
 @media(max-width: 479px) {
-  .letzte-gelegenheit-teaser-video {
-    width: 400px;
-    height: 225px;
-  }
   .letzte-gelegenheit-veranstaltungen-titel {
     width: auto;
     height: auto;