diff --git a/src/components/info-box.vue b/src/components/info-box.vue
index 004f39f..3d703b7 100644
--- a/src/components/info-box.vue
+++ b/src/components/info-box.vue
@@ -32,7 +32,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="raw571z"></span>
+                  <span v-html="rawprj6"></span>
                 </span>
                 <span>
                   Intensive Momente und Emotionen ermöglichen, die in Erinnerung
@@ -42,7 +42,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="raw3mel"></span>
+                  <span v-html="raw8m0r"></span>
                 </span>
                 <span>
                   Persönliche Auseinandersetzungen der Spieler mit nicht
@@ -53,7 +53,7 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="raw2sm9"></span>
+                  <span v-html="rawbfv8"></span>
                 </span>
                 <span>
                   Interne Charakterentwicklung oder -verfestigung durch externe
@@ -63,14 +63,14 @@
                 <br />
                 <span>
                    ·
-                  <span v-html="rawbefa"></span>
+                  <span v-html="raw8utu"></span>
                 </span>
                 <span>Dilemmata mit sich selbst und mit anderen.</span>
                 <br />
                 <br />
                 <span>
                    ·
-                  <span v-html="raww03e"></span>
+                  <span v-html="raw884l"></span>
                 </span>
                 <span>
                   Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
@@ -254,7 +254,7 @@
                 <br />
                 <span>
                   Wir werden das
-                  <span v-html="rawduec"></span>
+                  <span v-html="rawxq53"></span>
                 </span>
                 <router-link to="/larpkonzept" class="info-box-navlink">
                   Open Visor Larpkonzept
@@ -518,7 +518,7 @@
                 <br />
                 <span>
                   Parkplatz:
-                  <span v-html="rawiwq6"></span>
+                  <span v-html="raw0a6r"></span>
                 </span>
                 <a
                   href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
@@ -1458,13 +1458,13 @@ export default {
   },
   data() {
     return {
-      raw571z: ' ',
-      raw3mel: ' ',
-      raw2sm9: ' ',
-      rawbefa: ' ',
-      raww03e: ' ',
-      rawduec: ' ',
-      rawiwq6: ' ',
+      rawprj6: ' ',
+      raw8m0r: ' ',
+      rawbfv8: ' ',
+      raw8utu: ' ',
+      raw884l: ' ',
+      rawxq53: ' ',
+      raw0a6r: ' ',
     }
   },
 }
diff --git a/src/components/navigation.vue b/src/components/navigation.vue
index 7babec8..dd375d9 100644
--- a/src/components/navigation.vue
+++ b/src/components/navigation.vue
@@ -29,26 +29,31 @@
           >
             <div
               data-thq="thq-dropdown-toggle"
-              class="navigation-dropdown-toggle"
+              class="mobile-menu-dropdown-toggle desktop-menu-dropdown-toggle"
             >
-              <span class="navigation-larps nav-link">{{ larps }}</span>
+              <span class="nav-link desktop-menu-dropdown-header">
+                {{ larps }}
+              </span>
               <div
                 data-thq="thq-dropdown-arrow"
-                class="navigation-dropdown-arrow"
+                class="desktop-menu-arrow-container"
               >
-                <svg viewBox="0 0 1024 1024" class="navigation-icon">
+                <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-list">
+            <ul data-thq="thq-dropdown-list" class="desktop-menu-dropdown-list">
               <router-link to="/letzte-gelegenheit">
-                <li data-thq="thq-dropdown" class="navigation-dropdown list-item">
+                <li
+                  data-thq="thq-dropdown"
+                  class="list-item desktop-menu-list-item"
+                >
                   <div
                     data-thq="thq-dropdown-toggle"
-                    class="navigation-dropdown-toggle01"
+                    class="desktop-menu-dropdown-toggle desktop-menu-dropdown-element navigation-dropdown-toggle01"
                   >
-                    <span class="desktop-menu-dropdown-text">
+                    <span class="desktop-menu-dropdown-option">
                       {{ letzteGelegenheit }}
                     </span>
                   </div>
@@ -57,13 +62,13 @@
               <router-link to="/suesse-traeume">
                 <li
                   data-thq="thq-dropdown"
-                  class="navigation-dropdown1 list-item"
+                  class="list-item desktop-menu-list-item"
                 >
                   <div
                     data-thq="thq-dropdown-toggle"
-                    class="navigation-dropdown-toggle02"
+                    class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle02"
                   >
-                    <span class="desktop-menu-dropdown-text">
+                    <span class="desktop-menu-dropdown-option">
                       {{ suesseTraeume }}
                     </span>
                   </div>
@@ -77,31 +82,31 @@
           >
             <div
               data-thq="thq-dropdown-toggle"
-              class="navigation-dropdown-toggle03"
+              class="desktop-menu-dropdown-toggle"
             >
-              <span class="navigation-drama-games nav-link">
+              <span class="nav-link desktop-menu-dropdown-header">
                 {{ dramaGames }}
               </span>
               <div
                 data-thq="thq-dropdown-arrow"
-                class="navigation-dropdown-arrow1"
+                class="desktop-menu-arrow-container"
               >
-                <svg viewBox="0 0 1024 1024" class="navigation-icon02">
+                <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">
+            <ul data-thq="thq-dropdown-list" class="desktop-menu-dropdown-list">
               <router-link to="/murphys-larp">
                 <li
                   data-thq="thq-dropdown"
-                  class="navigation-dropdown2 list-item"
+                  class="list-item desktop-menu-list-item"
                 >
                   <div
                     data-thq="thq-dropdown-toggle"
-                    class="navigation-dropdown-toggle04"
+                    class="desktop-menu-dropdown-toggle desktop-menu-dropdown-element navigation-dropdown-toggle04"
                   >
-                    <span class="desktop-menu-dropdown-text">
+                    <span class="desktop-menu-dropdown-option">
                       {{ murphysLarp }}
                     </span>
                   </div>
@@ -115,31 +120,31 @@
           >
             <div
               data-thq="thq-dropdown-toggle"
-              class="navigation-dropdown-toggle05"
+              class="desktop-menu-dropdown-toggle"
             >
-              <span class="navigation-kurzgeschichten nav-link">
+              <span class="nav-link desktop-menu-dropdown-header">
                 {{ kurzgeschichten }}
               </span>
               <div
                 data-thq="thq-dropdown-arrow"
-                class="navigation-dropdown-arrow2"
+                class="desktop-menu-arrow-container"
               >
-                <svg viewBox="0 0 1024 1024" class="navigation-icon04">
+                <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">
+            <ul data-thq="thq-dropdown-list" class="desktop-menu-dropdown-list">
               <router-link to="/ein-orden-fuer-eine-gute-tat">
                 <li
                   data-thq="thq-dropdown"
-                  class="navigation-dropdown3 list-item"
+                  class="list-item desktop-menu-list-item"
                 >
                   <div
                     data-thq="thq-dropdown-toggle"
-                    class="navigation-dropdown-toggle06"
+                    class="desktop-menu-dropdown-element desktop-menu-dropdown-toggle navigation-dropdown-toggle06"
                   >
-                    <span class="desktop-menu-dropdown-text">
+                    <span class="desktop-menu-dropdown-option">
                       {{ einOrdenFuerEineGuteTat }}
                     </span>
                   </div>
@@ -148,13 +153,13 @@
               <router-link to="/rosenteufel">
                 <li
                   data-thq="thq-dropdown"
-                  class="navigation-dropdown4 list-item"
+                  class="list-item desktop-menu-list-item"
                 >
                   <div
                     data-thq="thq-dropdown-toggle"
-                    class="navigation-dropdown-toggle07"
+                    class="desktop-menu-dropdown-toggle desktop-menu-dropdown-element"
                   >
-                    <span class="desktop-menu-dropdown-text">
+                    <span class="desktop-menu-dropdown-option">
                       {{ rosenteufel }}
                     </span>
                   </div>
@@ -162,9 +167,6 @@
               </router-link>
             </ul>
           </div>
-          <a href="https://shop.openvisor.ch" class="desktop-menu-text nav-link">
-            {{ shop }}
-          </a>
         </nav>
       </div>
       <div data-thq="thq-burger-menu" class="navigation-burger-menu">
@@ -192,7 +194,7 @@
           <nav
             data-thq="thq-mobile-menu-nav-links"
             data-role="Nav"
-            class="navigation-nav-body"
+            class="mobile-menu-nav-body"
           >
             <router-link to="/" class="mobile-menu-text nav-link">
               {{ home }}
@@ -206,32 +208,31 @@
             <div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item">
               <div
                 data-thq="thq-dropdown-toggle"
-                class="navigation-dropdown-toggle08"
+                class="mobile-menu-dropdown-toggle"
               >
-                <span class="navigation-larps1 nav-link">{{ larps }}</span>
+                <span class="nav-link mobile-menu-dropdown-header">
+                  {{ larps }}
+                </span>
                 <div
                   data-thq="thq-dropdown-arrow"
-                  class="navigation-dropdown-arrow3"
+                  class="mobile-menu-dropdown-arrow-container"
                 >
-                  <svg viewBox="0 0 1024 1024" class="navigation-icon10">
+                  <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-larps-dropdown-list"
-              >
+              <ul data-thq="thq-dropdown-list" class="dropdown-list">
                 <router-link to="/letzte-gelegenheit">
                   <li
                     data-thq="thq-dropdown"
-                    class="navigation-letzte-gelegenheit-dropdown list-item"
+                    class="list-item mobile-menu-list-item"
                   >
                     <div
                       data-thq="thq-dropdown-toggle"
                       class="navigation-dropdown-toggle09"
                     >
-                      <span class="mobile-menu-dropdown-text nav-link">
+                      <span class="mobile-menu-dropdown-option nav-link">
                         {{ letzteGelegenheit }}
                       </span>
                     </div>
@@ -240,7 +241,7 @@
                 <router-link to="/suesse-traeume">
                   <li
                     data-thq="thq-dropdown"
-                    class="navigation-suesse-traeume-dropdown list-item"
+                    class="list-item mobile-menu-list-item"
                   >
                     <div
                       data-thq="thq-dropdown-toggle"
@@ -257,32 +258,31 @@
             <div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item">
               <div
                 data-thq="thq-dropdown-toggle"
-                class="navigation-dropdown-toggle11"
+                class="mobile-menu-dropdown-toggle"
               >
-                <span class="navigation-larps2 nav-link">{{ dramaGames }}</span>
+                <span class="nav-link mobile-menu-dropdown-header">
+                  {{ dramaGames }}
+                </span>
                 <div
                   data-thq="thq-dropdown-arrow"
-                  class="navigation-dropdown-arrow4"
+                  class="mobile-menu-dropdown-arrow-container"
                 >
-                  <svg viewBox="0 0 1024 1024" class="navigation-icon12">
+                  <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-drama-games-dropdown-list"
-              >
+              <ul data-thq="thq-dropdown-list" class="dropdown-list">
                 <router-link to="/murphys-larp">
                   <li
                     data-thq="thq-dropdown"
-                    class="navigation-murphys-larp-dropdown list-item"
+                    class="list-item mobile-menu-list-item"
                   >
                     <div
                       data-thq="thq-dropdown-toggle"
                       class="navigation-dropdown-toggle12"
                     >
-                      <span class="mobile-menu-dropdown-text nav-link">
+                      <span class="mobile-menu-dropdown-option nav-link">
                         {{ murphysLarp }}
                       </span>
                     </div>
@@ -293,34 +293,31 @@
             <div data-thq="thq-dropdown" class="mobile-menu-dropdown list-item">
               <div
                 data-thq="thq-dropdown-toggle"
-                class="navigation-dropdown-toggle13"
+                class="mobile-menu-dropdown-toggle"
               >
-                <span class="navigation-kurzgeschichten1 nav-link">
+                <span class="nav-link mobile-menu-dropdown-header">
                   {{ kurzgeschichten }}
                 </span>
                 <div
                   data-thq="thq-dropdown-arrow"
-                  class="navigation-dropdown-arrow5"
+                  class="mobile-menu-dropdown-arrow-container"
                 >
-                  <svg viewBox="0 0 1024 1024" class="navigation-icon14">
+                  <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-kurzgeschichten-dropdown-list"
-              >
+              <ul data-thq="thq-dropdown-list" class="dropdown-list">
                 <router-link to="/ein-orden-fuer-eine-gute-tat">
                   <li
                     data-thq="thq-dropdown"
-                    class="navigation-ein-orden-fuer-eine-gute-tat-dropdown list-item"
+                    class="list-item mobile-menu-list-item"
                   >
                     <div
                       data-thq="thq-dropdown-toggle"
-                      class="navigation-dropdown-toggle14"
+                      class="mobile-menu-dropdown-toggle mobile-menu-dropdown-element"
                     >
-                      <span class="mobile-menu-dropdown-text nav-link">
+                      <span class="mobile-menu-dropdown-option nav-link">
                         {{ einOrdenFuerEineGuteTat }}
                       </span>
                     </div>
@@ -329,13 +326,13 @@
                 <router-link to="/rosenteufel">
                   <li
                     data-thq="thq-dropdown"
-                    class="navigation-rosenteufel-dropdown list-item"
+                    class="list-item mobile-menu-list-item"
                   >
                     <div
                       data-thq="thq-dropdown-toggle"
-                      class="navigation-dropdown-toggle15"
+                      class="mobile-menu-dropdown-toggle mobile-menu-dropdown-element navigation-dropdown-toggle15"
                     >
-                      <span class="mobile-menu-dropdown-text nav-link">
+                      <span class="mobile-menu-dropdown-option nav-link">
                         {{ rosenteufel }}
                       </span>
                     </div>
@@ -343,9 +340,6 @@
                 </router-link>
               </ul>
             </div>
-            <a href="https://shop.openvisor.ch" class="mobile-menu-text nav-link">
-              {{ shop }}Shop
-            </a>
           </nav>
         </div>
       </div>
@@ -444,7 +438,7 @@ export default {
   display: flex;
 }
 .navigation-nav {
-  gap: var(--dl-space-space-twounits);
+  gap: 40px;
   flex: 0 0 auto;
   display: flex;
   align-items: center;
@@ -456,100 +450,11 @@ export default {
   position: relative;
   border-radius: var(--dl-radius-radius-radius2);
 }
-.navigation-dropdown-toggle {
-  fill: #595959;
-  color: #595959;
-  width: 100%;
-  display: inline-flex;
-  align-items: center;
-  padding-top: var(--dl-space-space-halfunit);
-  padding-left: 0px;
-  border-radius: var(--dl-radius-radius-radius2);
-  padding-right: 0px;
-  padding-bottom: var(--dl-space-space-halfunit);
-}
-.navigation-larps {
-  color: #ffffff;
-  font-style: normal;
-  text-align: center;
-  font-family: Poppins;
-  font-weight: 500;
-  margin-right: 4px;
-  vertical-align: middle;
-}
-.navigation-dropdown-arrow {
-  transition: 0.3s;
-}
-.navigation-icon {
-  fill: #ffffff;
-  width: 18px;
-  height: 18px;
-  margin-top: auto;
-  transition: 0.3s;
-  margin-bottom: auto;
-}
-.navigation-dropdown-list {
-  left: 0%;
-  width: max-content;
-  display: none;
-  z-index: 100;
-  position: absolute;
-  min-width: 100%;
-  transition: 0.3s;
-  align-items: stretch;
-  border-color: #D9D9D9;
-  border-width: 1px;
-  border-radius: var(--dl-radius-radius-radius4);
-  flex-direction: column;
-  list-style-type: none;
-  background-color: var(--dl-color-gray-white);
-  list-style-position: inside;
-}
-.navigation-dropdown {
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  border-radius: var(--dl-radius-radius-radius2);
-  text-decoration: none;
-}
-.navigation-dropdown-toggle01 {
-  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-toggle01:hover {
   fill: #fff;
   color: #fff;
   background-color: #595959;
 }
-.navigation-dropdown1 {
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  border-radius: var(--dl-radius-radius-radius2);
-  text-decoration: none;
-}
-.navigation-dropdown-toggle02 {
-  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-toggle02:hover {
   fill: #fff;
   color: #fff;
@@ -561,75 +466,6 @@ export default {
   position: relative;
   border-radius: var(--dl-radius-radius-radius2);
 }
-.navigation-dropdown-toggle03 {
-  fill: #595959;
-  color: #595959;
-  width: 100%;
-  display: inline-flex;
-  align-items: center;
-  padding-top: var(--dl-space-space-halfunit);
-  padding-left: 0px;
-  border-radius: var(--dl-radius-radius-radius2);
-  padding-right: 0px;
-  padding-bottom: var(--dl-space-space-halfunit);
-}
-.navigation-drama-games {
-  color: #ffffff;
-  font-style: normal;
-  text-align: center;
-  font-family: Poppins;
-  font-weight: 500;
-  margin-right: 4px;
-  vertical-align: middle;
-}
-.navigation-dropdown-arrow1 {
-  transition: 0.3s;
-}
-.navigation-icon02 {
-  fill: #ffffff;
-  width: 18px;
-  height: 18px;
-  margin-top: auto;
-  transition: 0.3s;
-  margin-bottom: auto;
-}
-.navigation-dropdown-list1 {
-  left: 0%;
-  width: max-content;
-  display: none;
-  z-index: 100;
-  position: absolute;
-  min-width: 100%;
-  transition: 0.3s;
-  align-items: stretch;
-  border-color: #D9D9D9;
-  border-width: 1px;
-  border-radius: var(--dl-radius-radius-radius4);
-  flex-direction: column;
-  list-style-type: none;
-  background-color: var(--dl-color-gray-white);
-  list-style-position: inside;
-}
-.navigation-dropdown2 {
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  border-radius: var(--dl-radius-radius-radius2);
-  text-decoration: none;
-}
-.navigation-dropdown-toggle04 {
-  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-toggle04:hover {
   fill: #fff;
   color: #fff;
@@ -641,105 +477,11 @@ export default {
   position: relative;
   border-radius: var(--dl-radius-radius-radius2);
 }
-.navigation-dropdown-toggle05 {
-  fill: #595959;
-  color: #595959;
-  width: 100%;
-  display: inline-flex;
-  align-items: center;
-  padding-top: var(--dl-space-space-halfunit);
-  padding-left: 0px;
-  border-radius: var(--dl-radius-radius-radius2);
-  padding-right: 0px;
-  padding-bottom: var(--dl-space-space-halfunit);
-}
-.navigation-kurzgeschichten {
-  color: #ffffff;
-  font-style: normal;
-  text-align: center;
-  font-family: Poppins;
-  font-weight: 500;
-  margin-right: 4px;
-  vertical-align: middle;
-}
-.navigation-dropdown-arrow2 {
-  transition: 0.3s;
-}
-.navigation-icon04 {
-  fill: #ffffff;
-  width: 18px;
-  height: 18px;
-  margin-top: auto;
-  transition: 0.3s;
-  margin-bottom: auto;
-}
-.navigation-dropdown-list2 {
-  left: 0%;
-  width: max-content;
-  display: none;
-  z-index: 100;
-  position: absolute;
-  min-width: 100%;
-  transition: 0.3s;
-  align-items: stretch;
-  border-color: #D9D9D9;
-  border-width: 1px;
-  border-radius: var(--dl-radius-radius-radius4);
-  flex-direction: column;
-  list-style-type: none;
-  background-color: var(--dl-color-gray-white);
-  list-style-position: inside;
-}
-.navigation-dropdown3 {
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  border-radius: var(--dl-radius-radius-radius2);
-  text-decoration: none;
-}
-.navigation-dropdown-toggle06 {
-  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-toggle06:hover {
   fill: #fff;
   color: #fff;
   background-color: #595959;
 }
-.navigation-dropdown4 {
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  border-radius: var(--dl-radius-radius-radius2);
-  text-decoration: none;
-}
-.navigation-dropdown-toggle07 {
-  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-toggle07:hover {
-  fill: #fff;
-  color: #fff;
-  background-color: #595959;
-}
 .navigation-burger-menu {
   display: none;
   align-items: center;
@@ -765,7 +507,7 @@ export default {
   height: 100vh;
   display: none;
   padding: 32px;
-  z-index: 100;
+  z-index: 99;
   position: absolute;
   flex-direction: column;
   justify-content: space-between;
@@ -799,69 +541,6 @@ export default {
 .navigation-icon08:hover {
   opacity: 0.5;
 }
-.navigation-nav-body {
-  flex: 0 0 auto;
-  display: flex;
-  margin-top: -30px;
-  align-items: flex-start;
-  margin-left: 30px;
-  flex-direction: column;
-}
-.navigation-dropdown-toggle08 {
-  fill: #595959;
-  color: #595959;
-  width: 100%;
-  display: inline-flex;
-  align-items: center;
-  padding-top: var(--dl-space-space-halfunit);
-  padding-left: var(--dl-space-space-unit);
-  border-radius: var(--dl-radius-radius-radius2);
-  padding-right: var(--dl-space-space-unit);
-  padding-bottom: var(--dl-space-space-halfunit);
-}
-.navigation-larps1 {
-  font-size: 14px;
-  font-style: normal;
-  text-align: center;
-  font-family: Poppins;
-  font-weight: 500;
-  margin-right: 4px;
-  vertical-align: middle;
-}
-.navigation-dropdown-arrow3 {
-  transition: 0.3s;
-}
-.navigation-icon10 {
-  width: 18px;
-  height: 18px;
-  margin-top: auto;
-  transition: 0.3s;
-  margin-bottom: auto;
-}
-.navigation-larps-dropdown-list {
-  left: 0%;
-  width: max-content;
-  display: none;
-  z-index: 100;
-  position: absolute;
-  min-width: 100%;
-  transition: 0.3s;
-  align-items: stretch;
-  border-color: #D9D9D9;
-  border-width: 1px;
-  border-radius: var(--dl-radius-radius-radius4);
-  flex-direction: column;
-  list-style-type: none;
-  background-color: var(--dl-color-gray-white);
-  list-style-position: inside;
-}
-.navigation-letzte-gelegenheit-dropdown {
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  border-radius: var(--dl-radius-radius-radius2);
-  text-decoration: none;
-}
 .navigation-dropdown-toggle09 {
   fill: #595959;
   color: #595959;
@@ -880,13 +559,6 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.navigation-suesse-traeume-dropdown {
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  border-radius: var(--dl-radius-radius-radius2);
-  text-decoration: none;
-}
 .navigation-dropdown-toggle10 {
   fill: #595959;
   color: #595959;
@@ -914,61 +586,6 @@ export default {
   font-family: Poppins;
   font-weight: 400;
 }
-.navigation-dropdown-toggle11 {
-  fill: #595959;
-  color: #595959;
-  width: 100%;
-  display: inline-flex;
-  align-items: center;
-  padding-top: var(--dl-space-space-halfunit);
-  padding-left: var(--dl-space-space-unit);
-  border-radius: var(--dl-radius-radius-radius2);
-  padding-right: var(--dl-space-space-unit);
-  padding-bottom: var(--dl-space-space-halfunit);
-}
-.navigation-larps2 {
-  font-size: 14px;
-  font-style: normal;
-  text-align: center;
-  font-family: Poppins;
-  font-weight: 500;
-  margin-right: 4px;
-  vertical-align: middle;
-}
-.navigation-dropdown-arrow4 {
-  transition: 0.3s;
-}
-.navigation-icon12 {
-  width: 18px;
-  height: 18px;
-  margin-top: auto;
-  transition: 0.3s;
-  margin-bottom: auto;
-}
-.navigation-drama-games-dropdown-list {
-  left: 0%;
-  width: max-content;
-  display: none;
-  z-index: 100;
-  position: absolute;
-  min-width: 100%;
-  transition: 0.3s;
-  align-items: stretch;
-  border-color: #D9D9D9;
-  border-width: 1px;
-  border-radius: var(--dl-radius-radius-radius4);
-  flex-direction: column;
-  list-style-type: none;
-  background-color: var(--dl-color-gray-white);
-  list-style-position: inside;
-}
-.navigation-murphys-larp-dropdown {
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  border-radius: var(--dl-radius-radius-radius2);
-  text-decoration: none;
-}
 .navigation-dropdown-toggle12 {
   fill: #595959;
   color: #595959;
@@ -987,99 +604,6 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.navigation-dropdown-toggle13 {
-  fill: #595959;
-  color: #595959;
-  width: 100%;
-  display: inline-flex;
-  align-items: center;
-  padding-top: var(--dl-space-space-halfunit);
-  padding-left: var(--dl-space-space-unit);
-  border-radius: var(--dl-radius-radius-radius2);
-  padding-right: var(--dl-space-space-unit);
-  padding-bottom: var(--dl-space-space-halfunit);
-}
-.navigation-kurzgeschichten1 {
-  font-size: 14px;
-  font-style: normal;
-  text-align: center;
-  font-family: Poppins;
-  font-weight: 500;
-  margin-right: 4px;
-  vertical-align: middle;
-}
-.navigation-dropdown-arrow5 {
-  transition: 0.3s;
-}
-.navigation-icon14 {
-  width: 18px;
-  height: 18px;
-  margin-top: auto;
-  transition: 0.3s;
-  margin-bottom: auto;
-}
-.navigation-kurzgeschichten-dropdown-list {
-  left: 0%;
-  width: max-content;
-  display: none;
-  z-index: 100;
-  position: absolute;
-  min-width: 100%;
-  transition: 0.3s;
-  align-items: stretch;
-  border-color: #D9D9D9;
-  border-width: 1px;
-  border-radius: var(--dl-radius-radius-radius4);
-  flex-direction: column;
-  list-style-type: none;
-  background-color: var(--dl-color-gray-white);
-  list-style-position: inside;
-}
-.navigation-ein-orden-fuer-eine-gute-tat-dropdown {
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  border-radius: var(--dl-radius-radius-radius2);
-  text-decoration: none;
-}
-.navigation-dropdown-toggle14 {
-  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-toggle14:hover {
-  fill: #fff;
-  color: #fff;
-  background-color: #595959;
-}
-.navigation-rosenteufel-dropdown {
-  cursor: pointer;
-  display: inline-block;
-  position: relative;
-  border-radius: var(--dl-radius-radius-radius2);
-  text-decoration: none;
-}
-.navigation-dropdown-toggle15 {
-  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-toggle15:hover {
   fill: #fff;
   color: #fff;
@@ -1130,67 +654,13 @@ export default {
   }
 }
 @media(max-width: 767px) {
-  .navigation-dropdown-list {
-    display: none;
-  }
-  .navigation-dropdown-list1 {
-    display: none;
-  }
-  .navigation-dropdown-list2 {
-    display: none;
-  }
-  .navigation-larps1 {
-    color: #ffffff;
-    font-size: 16px;
-  }
-  .navigation-icon10 {
-    fill: #ffffff;
-  }
-  .navigation-larps-dropdown-list {
-    display: none;
-    border-color: #000000;
-    background-color: rgb(41, 41, 41);
-  }
   .navigation-suesse-traeume1 {
     color: #ffffff;
   }
-  .navigation-larps2 {
-    color: #ffffff;
-    font-size: 16px;
-  }
-  .navigation-icon12 {
-    fill: #ffffff;
-  }
-  .navigation-drama-games-dropdown-list {
-    display: none;
-    border-color: #000000;
-    background-color: rgb(41, 41, 41);
-  }
-  .navigation-kurzgeschichten1 {
-    color: #ffffff;
-    font-size: 16px;
-  }
-  .navigation-icon14 {
-    fill: #ffffff;
-  }
-  .navigation-kurzgeschichten-dropdown-list {
-    display: none;
-    border-color: #000000;
-    background-color: rgb(41, 41, 41);
-  }
 }
 @media(max-width: 479px) {
   .navigation-navbar-interactive {
     padding: var(--dl-space-space-unit);
   }
-  .navigation-icon10 {
-    fill: #ffffff;
-  }
-  .navigation-icon12 {
-    fill: #ffffff;
-  }
-  .navigation-icon14 {
-    fill: #ffffff;
-  }
 }
 </style>
diff --git a/src/components/row1.vue b/src/components/row1.vue
index c5af530..e452757 100644
--- a/src/components/row1.vue
+++ b/src/components/row1.vue
@@ -12,7 +12,7 @@
           <h1 class="row1-header1">
             <span>
               Leitung der Justizvollzugsanstalt
-              <span v-html="rawlrtl"></span>
+              <span v-html="raw048v"></span>
             </span>
             <br />
           </h1>
@@ -105,7 +105,7 @@ export default {
   },
   data() {
     return {
-      rawlrtl: ' ',
+      raw048v: ' ',
     }
   },
 }
diff --git a/src/components/row4.vue b/src/components/row4.vue
index 1e9c2c7..f239e47 100644
--- a/src/components/row4.vue
+++ b/src/components/row4.vue
@@ -66,7 +66,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="rawcvmg"></span>
+          <span v-html="rawpxu6"></span>
         </span>
         <span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
         <br />
@@ -113,7 +113,7 @@ export default {
   },
   data() {
     return {
-      rawcvmg: ' ',
+      rawpxu6: ' ',
     }
   },
 }
diff --git a/src/style.css b/src/style.css
index dc7912f..cbca99a 100644
--- a/src/style.css
+++ b/src/style.css
@@ -79,7 +79,7 @@
   display: flex !important;
 }
 .nav-link {
-  color: #fff;
+  color: #ffffff;
   font-size: 16px;
   font-style: Medium;
   text-align: left;
@@ -121,8 +121,9 @@
   font-family: Poppins;
   font-weight: 500;
   line-height: 36px;
+  padding-left: 12px;
+  padding-right: 12px;
   letter-spacing: 2px;
-  text-transform: uppercase;
 }
 .section-heading {
   color: rgb(255, 255, 255);
@@ -398,7 +399,7 @@
 .event-yellow {
   color: #ffff00;
 }
-.desktop-menu-dropdown-text {
+.desktop-menu-dropdown-option {
   width: 100%;
   cursor: pointer;
   display: flex;
@@ -407,7 +408,7 @@
   font-family: "Poppins";
   font-weight: 400;
 }
-.mobile-menu-dropdown-text {
+.mobile-menu-dropdown-option {
   width: 100%;
   cursor: pointer;
   display: flex;
@@ -417,6 +418,7 @@
   font-weight: 400;
 }
 .mobile-menu-text {
+  cursor: pointer;
   font-style: normal;
   font-family: Poppins;
   font-weight: 500;
@@ -440,8 +442,8 @@
   margin-bottom: var(--dl-space-space-halfunit);
   padding-right: 12px;
 }
-.page-heading {
-  text-transform: capitalize;
+.uppercase {
+  text-transform: uppercase;
 }
 .card-heading {
   color: #ffffff;
@@ -501,11 +503,151 @@
   justify-content: center;
 }
 .mobile-menu-dropdown {
+  display: inline-block;
+  position: relative;
+  font-weight: 500;
+  border-radius: var(--dl-radius-radius-radius2);
+  margin-bottom: 12px;
+}
+.mobile-menu-dropdown-toggle {
+  fill: #595959;
+  color: #595959;
+  width: 100%;
+  display: inline-flex;
+  align-items: center;
+  padding-top: var(--dl-space-space-halfunit);
+  padding-left: var(--dl-space-space-unit);
+  border-radius: var(--dl-radius-radius-radius2);
+  padding-right: var(--dl-space-space-unit);
+  padding-bottom: var(--dl-space-space-halfunit);
+}
+.dropdown-list {
+  left: 0%;
+  width: max-content;
+  display: none;
+  z-index: 100;
+  position: absolute;
+  min-width: 100%;
+  transition: 0.3s;
+  align-items: stretch;
+  border-color: #D9D9D9;
+  border-width: 1px;
+  border-radius: var(--dl-radius-radius-radius4);
+  flex-direction: column;
+  list-style-type: none;
+  background-color: White (Gray);
+  list-style-position: inside;
+}
+.mobile-menu-list-item {
   cursor: pointer;
   display: inline-block;
   position: relative;
   border-radius: var(--dl-radius-radius-radius2);
-  margin-bottom: 12px;
+  text-decoration: none;
+}
+.mobile-menu-dropdown-element {
+  transition: 0.3s;
+  border-radius: var(--dl-radius-radius-radius4);
+}
+.mobile-menu-dropdown-element:hover {
+  fill: #fff;
+  color: #fff;
+  background-color: #595959;
+}
+.mobile-menu-dropdown-header {
+  font-size: 16px;
+  font-style: normal;
+  text-align: center;
+  font-family: Poppins;
+  font-weight: 500;
+  margin-right: 4px;
+  vertical-align: middle;
+}
+.mobile-menu-dropdown-arrow-container {
+  transition: 0.3s;
+}
+.mobile-menu-dropdown-arrow {
+  fill: #ffffff;
+  width: 18px;
+  height: 18px;
+  margin-top: auto;
+  transition: 0.3s;
+  margin-bottom: auto;
+}
+.mobile-menu-nav-body {
+  flex: 0 0 auto;
+  display: flex;
+  margin-top: -30px;
+  align-items: flex-start;
+  margin-left: 30px;
+  flex-direction: column;
+}
+.desktop-menu-dropdown-toggle {
+  fill: #595959;
+  color: #595959;
+  width: 100%;
+  display: inline-flex;
+  align-items: center;
+  padding-top: var(--dl-space-space-halfunit);
+  padding-left: 0px;
+  border-radius: var(--dl-radius-radius-radius2);
+  padding-right: 0px;
+  padding-bottom: var(--dl-space-space-halfunit);
+}
+.desktop-menu-dropdown-header {
+  color: #ffffff;
+  font-style: normal;
+  text-align: center;
+  font-family: Poppins;
+  font-weight: 500;
+  margin-right: 4px;
+  vertical-align: middle;
+}
+.desktop-menu-arrow-container {
+  transition: 0.3s;
+}
+.desktop-menu-arrow {
+  fill: #ffffff;
+  width: 18px;
+  height: 18px;
+  margin-top: auto;
+  transition: 0.3s;
+  margin-bottom: auto;
+}
+.desktop-menu-dropdown-list {
+  left: 0%;
+  width: max-content;
+  display: none;
+  z-index: 100;
+  position: absolute;
+  min-width: 100%;
+  transition: 0.3s;
+  align-items: stretch;
+  border-color: #D9D9D9;
+  border-width: 1px;
+  border-radius: var(--dl-radius-radius-radius4);
+  flex-direction: column;
+  list-style-type: none;
+  background-color: var(--dl-color-gray-white);
+  list-style-position: inside;
+}
+.desktop-menu-list-item {
+  cursor: pointer;
+  display: inline-block;
+  position: relative;
+  border-radius: var(--dl-radius-radius-radius2);
+  text-decoration: none;
+}
+.desktop-menu-dropdown-element {
+  transition: 0.3s;
+  padding-left: var(--dl-space-space-unit);
+  border-radius: var(--dl-radius-radius-radius4);
+  padding-right: var(--dl-space-space-unit);
+}
+.desktop-menu-dropdown-element:hover {
+  fill: #fff;
+  color: #fff;
+  background-color: #595959;
 }
 .Heading {
   font-size: 32px;
@@ -595,6 +737,14 @@
   .buttons {
     flex-direction: column;
   }
+  .dropdown-list {
+    display: none;
+    border-color: #000000;
+    background-color: rgb(41, 41, 41);
+  }
+  .desktop-menu-dropdown-list {
+    display: none;
+  }
 }
 @media(max-width: 479px) {
   .section-head {
diff --git a/src/views/home.vue b/src/views/home.vue
index 11bda62..43ad2b9 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -8,14 +8,16 @@
     />
     <section class="home-veranstaltungen-kapitel">
       <header class="home-veranstaltungen-titel">
-        <h2 class="home-section section-head">Kommende Veranstaltungen</h2>
+        <h2 class="section-head uppercase home-section">
+          Kommende Veranstaltungen
+        </h2>
       </header>
       <veranstaltungen-liste
         rootClassName="veranstaltungen-liste-root-class-name"
       ></veranstaltungen-liste>
     </section>
     <section class="card-container">
-      <h2 class="page-heading section-head">LARPs</h2>
+      <h2 class="section-head">LARPs</h2>
       <main class="card-row">
         <section class="card">
           <h1 class="card-heading">Letzte Gelegenheit</h1>
@@ -59,7 +61,7 @@
       </main>
     </section>
     <section class="card-container">
-      <h2 class="section-head">
+      <h2 class="section-head uppercase">
         <span>Kurzgeschichten</span>
         <br />
       </h2>
@@ -175,12 +177,6 @@ export default {
   padding-bottom: var(--dl-space-space-oneandhalfunits);
   justify-content: center;
 }
-.home-section {
-  color: #ffffff;
-  font-size: 36px;
-  padding-left: 12px;
-  padding-right: 12px;
-}
 .home-button {
   gap: var(--dl-space-space-oneandhalfunits);
   cursor: pointer;
diff --git a/src/views/letzte-gelegenheit.vue b/src/views/letzte-gelegenheit.vue
index b986bfd..afb83fc 100644
--- a/src/views/letzte-gelegenheit.vue
+++ b/src/views/letzte-gelegenheit.vue
@@ -11,13 +11,13 @@
     </span>
     <iframe
       src="https://www.youtube-nocookie.com/embed/7cH4QuUSUaU"
-      class="letzte-gelegenheit-teaser"
+      class="letzte-gelegenheit-teaser-video"
     ></iframe>
-    <h1 class="character-title section-head">
+    <h1 class="section-head character-title uppercase">
       <span>Setting</span>
       <br />
     </h1>
-    <div class="letzte-gelegenheit-container1 text-body">
+    <div class="letzte-gelegenheit-setting-container text-body">
       <p>
         <span>
           Plötzlich fällt der Strom aus und eine dichte Nebelwand nähert sich von
@@ -41,7 +41,7 @@
     </div>
     <section class="letzte-gelegenheit-veranstaltungen-kapitel">
       <header class="letzte-gelegenheit-veranstaltungen-titel">
-        <h2 class="letzte-gelegenheit-section section-head">Kommende Runs</h2>
+        <h2 class="section-head uppercase">Kommende Runs</h2>
       </header>
       <veranstaltungen-liste></veranstaltungen-liste>
     </section>
@@ -56,18 +56,13 @@
             <span class="button-text">Infos Deutschland</span>
           </div>
         </a>
-        <div class="letzte-gelegenheit-container2">
-          <a
-            href="https://docs.google.com/document/d/1K8iooPzdVv76UZY8lRtZfj2axTbuK-Z9me2cYAm87bc/edit?usp=sharing"
-            target="_blank"
-            rel="noreferrer noopener"
-            class="letzte-gelegenheit-link1"
-          >
-            <div class="button">
-              <span class="button-text">Infos Schweiz</span>
-            </div>
-          </a>
-        </div>
+        <a
+          href="https://docs.google.com/document/d/1K8iooPzdVv76UZY8lRtZfj2axTbuK-Z9me2cYAm87bc/edit?usp=sharing"
+          target="_blank"
+          rel="noreferrer noopener"
+        >
+          <div class="button"><span class="button-text">Infos Schweiz</span></div>
+        </a>
       </div>
       <div class="letzte-gelegenheit-buttons-right buttons">
         <a
@@ -86,8 +81,8 @@
         </a>
       </div>
     </div>
-    <h2 class="character-title section-head">Charaktere</h2>
-    <div class="letzte-gelegenheit-container3 text-body">
+    <h2 class="character-title section-head uppercase">Charaktere</h2>
+    <div class="letzte-gelegenheit-charaktere-container text-body">
       <p>
         <span>
           Die Charaktere sind so geschrieben und verknüpft um intensives,
@@ -96,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="rawodlq"></span>
+          <span v-html="rawsnrv"></span>
         </span>
         <span>Spiel startet.</span>
         <br />
@@ -118,17 +113,17 @@
         <br />
       </p>
     </div>
-    <h2 class="character-group section-head">Gefängnispersonal</h2>
+    <h2 class="character-group section-head uppercase">Gefängnispersonal</h2>
     <app-row1></app-row1>
     <app-row2></app-row2>
     <app-row3></app-row3>
-    <h2 class="character-group section-head">Häftlinge</h2>
+    <h2 class="character-group section-head uppercase">Häftlinge</h2>
     <app-row4></app-row4>
     <app-row5></app-row5>
-    <h2 class="character-group section-head">Militär</h2>
+    <h2 class="character-group section-head uppercase">Militär</h2>
     <app-row6></app-row6>
-    <h2 class="character-title section-head">Unterstützung</h2>
-    <div class="letzte-gelegenheit-container4 text-body">
+    <h2 class="character-title section-head uppercase">Unterstützung</h2>
+    <div class="letzte-gelegenheit-unterstuetzung-container text-body">
       <p>
         <span>
           Konzipiert und organisiert wurde und wird das gesamte LARP von Hermann.
@@ -172,7 +167,7 @@
         <br />
         <span>
           -
-          <span v-html="rawqgyp"></span>
+          <span v-html="raw81do"></span>
         </span>
         <span>Phil U.</span>
         <br />
@@ -211,8 +206,8 @@ export default {
   },
   data() {
     return {
-      rawodlq: ' ',
-      rawqgyp: ' ',
+      rawsnrv: ' ',
+      raw81do: ' ',
     }
   },
   metaInfo: {
@@ -257,7 +252,7 @@ export default {
   background-image: url("/forest-background-luca-dross-1500w.jpg");
   background-position: top left;
 }
-.letzte-gelegenheit-teaser {
+.letzte-gelegenheit-teaser-video {
   width: 640px;
   height: 360px;
   margin-top: 20px;
@@ -265,7 +260,7 @@ export default {
   margin-right: 0px;
   margin-bottom: -40px;
 }
-.letzte-gelegenheit-container1 {
+.letzte-gelegenheit-setting-container {
   width: 95%;
 }
 .letzte-gelegenheit-veranstaltungen-kapitel {
@@ -288,32 +283,16 @@ export default {
   padding-bottom: var(--dl-space-space-oneandhalfunits);
   justify-content: center;
 }
-.letzte-gelegenheit-section {
-  color: rgb(255, 255, 255);
-  font-size: 36px;
-}
 .letzte-gelegenheit-buttons-left {
   width: 45%;
 }
-.letzte-gelegenheit-container2 {
-  flex: 0 0 auto;
-  width: auto;
-  height: auto;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-}
-.letzte-gelegenheit-link1 {
-  display: contents;
-}
 .letzte-gelegenheit-buttons-right {
-  gap: 10%;
-  width: 33.3%;
+  gap: 12%;
 }
-.letzte-gelegenheit-container3 {
+.letzte-gelegenheit-charaktere-container {
   width: 95%;
 }
-.letzte-gelegenheit-container4 {
+.letzte-gelegenheit-unterstuetzung-container {
   width: 95%;
 }
 @media(max-width: 991px) {
@@ -322,7 +301,7 @@ export default {
   }
 }
 @media(max-width: 767px) {
-  .letzte-gelegenheit-teaser {
+  .letzte-gelegenheit-teaser-video {
     width: 480px;
     height: 270px;
   }
@@ -331,7 +310,7 @@ export default {
   }
 }
 @media(max-width: 479px) {
-  .letzte-gelegenheit-teaser {
+  .letzte-gelegenheit-teaser-video {
     width: 400px;
     height: 225px;
   }
@@ -341,9 +320,5 @@ export default {
     max-width: auto;
     padding-top: 0px;
   }
-  .letzte-gelegenheit-section {
-    height: auto;
-    line-height: 36px;
-  }
 }
 </style>
diff --git a/src/views/murphys-larp.vue b/src/views/murphys-larp.vue
index c74590a..ae1d881 100644
--- a/src/views/murphys-larp.vue
+++ b/src/views/murphys-larp.vue
@@ -43,7 +43,7 @@
       href="https://docs.google.com/document/d/1UWThYUOZUtHy3A89CeKnJ7KdkxyWW5DppVP4PiAECJ4/edit?usp=sharing"
       target="_blank"
       rel="noreferrer noopener"
-      class="murphys-larp-link button"
+      class="murphys-larp-download-button button"
     >
       <span class="button-text">Download</span>
     </a>
@@ -99,7 +99,7 @@ export default {
   background-image: url("/forest-background-luca-dross-1500w.jpg");
   background-position: top left;
 }
-.murphys-larp-link {
+.murphys-larp-download-button {
   text-decoration: none;
 }
 @media(max-width: 767px) {
diff --git a/src/views/rosenteufel.vue b/src/views/rosenteufel.vue
index 3a0bf49..2119213 100644
--- a/src/views/rosenteufel.vue
+++ b/src/views/rosenteufel.vue
@@ -68,7 +68,7 @@
           Aber... Edler, bei Gotts Gnad, ich wärt kein gut Christ Euch ohne Warn
           lass schreiten. Seit Geschehnem ist hie kein einzger entlang. Wer weiss
           was
-          <span v-html="rawa628"></span>
+          <span v-html="rawrk5t"></span>
         </span>
         <span>Geziefer dort treibt...”</span>
         <br />
@@ -236,7 +236,7 @@
           nicht sauber gefragt und der Knecht viel zu blass als ihm vorzukommen.
           Letztlich doch die Augen sich schlossen. Doch wachten nur noch Ritter
           und Knecht. Des Ritters Petz Kling noch immer rot; des Knechts Haut
-          <span v-html="rawdt6d"></span>
+          <span v-html="raw58yv"></span>
         </span>
         <span>
           noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen
@@ -287,7 +287,7 @@
           zuher. Sie starrten; auch kalt und hilflos wie Kind. Ich schritt nach
           vorn: In die Händ des Toten seh, weiss Ros. Ins Gesicht des Toten blick.
           Beulen zierten’s. Hässliche Beulen. Der Teufel aber wart woanders...
-          <span v-html="rawme06"></span>
+          <span v-html="rawowl5"></span>
         </span>
       </span>
     </div>
@@ -308,9 +308,9 @@ export default {
   },
   data() {
     return {
-      rawa628: ' ',
-      rawdt6d: ' ',
-      rawme06: ' ',
+      rawrk5t: ' ',
+      raw58yv: ' ',
+      rawowl5: ' ',
     }
   },
   metaInfo: {