Update Run 1 spaces and Run 2 location and time

src/style.css

@@ -379,9 +379,6 @@
   .event-entry {
     flex-wrap: wrap;
   }
-  .event-date {
-    margin-left: -40px;
-  }
   .event-title {
     width: 100%;
     font-size: 28px;

src/views/home.vue

@@ -22,17 +22,28 @@
           <p class="event-location">
             Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen
           </p>
+          <p class="home-standort1 event-location">
+            <span>
+              2 von 12 SC und 2 von 3 NSC Plätze frei (Stand: 21.12.2022)
+            </span>
+            <br />
+          </p>
           <router-link to="/letzte-gelegenheit">
             <div class="home-mehr-link"><p class="home-mehr">Mehr -&gt;</p></div>
           </router-link>
         </div>
         <div class="home-letzte-gelegenheit-run2 event-entry">
           <h3 class="event-title">Letzte Gelegenheit Run 2 (Deutschland)</h3>
-          <p class="event-date">
+          <p class="event-date home-datum1">
-            <span>coming soon</span>
+            13. Mai 2023, 10:00 Uhr bis 14. Mai 2023, 14:00 Uhr
+          </p>
+          <p class="event-location">
+            Waldritter e.V. (Raumschiff) Ewaldstr. 20, 45699 Herten
+          </p>
+          <p class="home-standort3 event-location">
+            <span>Anmeldung öffnet im Januar 2023</span>
             <br />
           </p>
-          <p class="event-location">coming soon</p>
           <router-link to="/letzte-gelegenheit">
             <div class="home-mehr-link1">
               <p class="home-mehr1">Mehr -&gt;</p>
@@ -52,28 +63,35 @@
             und dichte Nebelschwaden überzogen einige Städte. Sirenen führten die
             Menschen in Bunker. Radios, die noch funktionierten, meldeten die
             sofortige Mobilisierung der Milizarmee und des Zivilschutzes. Was
-            genau passierte, ist noch immer ungeklärt. Im Bunker des Gefängnisses
+            genau passierte, ist noch immer ungeklärt. In der Zivilschutzanlage
-            Schwarzbach versucht man den Alltag beizubehalten, doch langsam gehen
+            der Justizvollzugsanstalt Schwarzbach versucht man den Alltag
-            die Ressourcen aus und die Lage verschärft sich.
+            beizubehalten, doch langsam gehen die Ressourcen aus und die Lage
+            verschärft sich.
           </p>
           <router-link to="/letzte-gelegenheit">
-            <div class="home-button"><p class="home-text06">Mehr -&gt;</p></div>
+            <div class="home-button"><p class="home-text08">Mehr -&gt;</p></div>
           </router-link>
         </section>
         <div class="card">
           <h1 class="home-header1">Süsse Träume</h1>
           <p class="home-description1">
+            <span>
               &quot;Weisst du, wer du bist? Was du bereust, befürchtest, vergessen
               möchtest? Was du erreichen möchtest und was dir alles recht ist um
               dies zu erreichen? Zeit, deine Antworten auf diese Fragen auf die
-            Probe zu stellen...&quot; Süsse Träume war ein Fantasy Minilarp (nicht
+              Probe zu stellen...&quot;
-            Nordic) im Wald von Eschikon (8315 Lindau, Schweiz) das Sue und
+            </span>
-            Hermann organisierten. Es ging darum, dass ein Hexer Trajar die
+            <br />
-            Spielercharaktere in seine Traumwelt entführte, als diese sich
+            <br />
-            schlafen legten.
+            <span>
+              Süsse Träume war ein Fantasy Minilarp (nicht Nordic) im Wald von
+              Eschikon (8315 Lindau, Schweiz) das Sue und Hermann organisierten.
+              Es ging darum, dass ein Hexer Trajar die Spielercharaktere als diese
+              sich schlafen legten in seine Traumwelt entführte.
+            </span>
           </p>
           <router-link to="/suesse-traeume">
-            <div class="home-button1"><p class="home-text07">Mehr -&gt;</p></div>
+            <div class="home-button1"><p class="home-text13">Mehr -&gt;</p></div>
           </router-link>
         </div>
       </main>
@@ -97,22 +115,28 @@
             Fragestellung bilden.
           </p>
           <router-link to="/ein-orden-fuer-eine-gute-tat">
-            <div class="home-button2"><p class="home-text10">Lesen -&gt;</p></div>
+            <div class="home-button2"><p class="home-text16">Lesen -&gt;</p></div>
           </router-link>
         </div>
         <div class="card">
           <h1 class="home-header3">Rosenteufel</h1>
           <p class="home-description3">
+            <span>
               &quot;Ich erzähl euch ein Gschicht von wahr, so wahr wie ihr danach
               nicht gwollt. Ein Gschicht dieerzähl als einzger überlebend: Mein
-            Gschicht. S wart im letzten Jahr...&quot; Diese Kurzgeschichte
+              Gschicht. S wart im letzten Jahr...&quot;
-            geschrieben mit Pseudomittelalterlicher Grammatik entstand aus einer
+            </span>
-            Challenge die sich ein Freund und ich uns stellten, mit den Wörtern
+            <br />
-            &quot;Sand&quot; und &quot;Rose&quot; eine Kurzgeschichte zu
+            <br />
-            schreiben.
+            <span>
+              Diese Kurzgeschichte geschrieben mit pseudomittelalterlicher
+              Grammatik entstand aus einer Challenge die sich ein Freund und ich
+              uns stellten, mit den Wörtern &quot;Sand&quot; und &quot;Rose&quot;
+              eine Kurzgeschichte zu schreiben.
+            </span>
           </p>
           <router-link to="/rosenteufel">
-            <div class="home-button3"><p class="home-text11">Lesen -&gt;</p></div>
+            <div class="home-button3"><p class="home-text21">Lesen -&gt;</p></div>
           </router-link>
         </div>
       </main>
@@ -202,6 +226,10 @@ export default {
   flex-direction: column;
   background-color: rgba(41, 41, 41, 0.8);
 }
+.home-standort1 {
+  color: rgb(0, 221, 0);
+  text-align: left;
+}
 .home-mehr-link {
   gap: var(--dl-space-space-oneandhalfunits);
   width: 60px;
@@ -232,6 +260,10 @@ export default {
 .home-letzte-gelegenheit-run2 {
   border-bottom-width: 3px;
 }
+.home-standort3 {
+  color: rgb(221, 0, 0);
+  text-align: left;
+}
 .home-mehr-link1 {
   gap: var(--dl-space-space-oneandhalfunits);
   width: 60px;
@@ -286,7 +318,7 @@ export default {
   line-height: 36px;
 }
 .home-description {
-  color: #ffffff;
+  color: rgb(255, 255, 255);
   font-size: 18px;
   font-family: Poppins;
   line-height: 28px;
@@ -307,7 +339,7 @@ export default {
 .home-button:hover {
   opacity: 0.5;
 }
-.home-text06 {
+.home-text08 {
   color: #ffff00;
   font-style: normal;
   font-weight: 500;
@@ -322,7 +354,7 @@ export default {
   line-height: 36px;
 }
 .home-description1 {
-  color: #ffffff;
+  color: rgb(255, 255, 255);
   font-size: 18px;
   font-family: Poppins;
   line-height: 28px;
@@ -343,7 +375,7 @@ export default {
 .home-button1:hover {
   opacity: 0.5;
 }
-.home-text07 {
+.home-text13 {
   color: #FFFF00;
   font-style: normal;
   font-weight: 500;
@@ -362,7 +394,7 @@ export default {
   justify-content: center;
 }
 .home-kurzgeschichten-titel {
-  color: #ffffff;
+  color: rgb(255, 255, 255);
   font-size: 36px;
   text-transform: uppercase;
 }
@@ -396,7 +428,7 @@ export default {
 .home-button2:hover {
   opacity: 0.5;
 }
-.home-text10 {
+.home-text16 {
   color: #ffff00;
   font-style: normal;
   font-weight: 500;
@@ -411,7 +443,7 @@ export default {
   line-height: 36px;
 }
 .home-description3 {
-  color: #ffffff;
+  color: rgb(255, 255, 255);
   font-size: 18px;
   font-family: Poppins;
   line-height: 28px;
@@ -432,7 +464,7 @@ export default {
 .home-button3:hover {
   opacity: 0.5;
 }
-.home-text11 {
+.home-text21 {
   color: #ffff00;
   font-style: normal;
   font-weight: 500;
@@ -457,6 +489,9 @@ export default {
   .home-veranstaltungen-liste {
     flex-wrap: wrap;
   }
+  .home-datum1 {
+    margin-left: 0;
+  }
 }
 @media(max-width: 479px) {
   .home-caption {

src/views/larpkonzept.vue

@@ -134,7 +134,7 @@
         <br class="larpkonzept-text36" />
         <span>
           Zu guter Letzt benutzen wir am “Letzte Gelegenheit” auch die
-          <span v-html="rawukak"></span>
+          <span v-html="raw8thv"></span>
         </span>
         <a
           href="https://en.wikipedia.org/wiki/OK_gesture"
@@ -151,7 +151,7 @@
           schlecht). Nur wenn der Daumen nach oben zeigt, soll man die
           Spielintensität beibehalten, ansonsten soll man sie verringern, um
           sicherzustellen, dass es der Person wieder besser geht.
-          <span v-html="raw5p70"></span>
+          <span v-html="rawrryp"></span>
         </span>
         <br class="larpkonzept-text39" />
         <br class="larpkonzept-text40" />
@@ -193,8 +193,8 @@ export default {
 
   data() {
     return {
-      rawukak: ' ',
+      raw8thv: ' ',
-      raw5p70: ' ',
+      rawrryp: ' ',
     }
   },
 

src/views/letzte-gelegenheit.vue

@@ -23,21 +23,28 @@
             Zivilschutzanlage Sonnenblock Chilegass 8, 8484 Weisslingen
           </p>
           <p class="letzte-gelegenheit-standort1 event-location">
-            <span>6 von 16 Plätze (SC+NSC) frei</span>
+            <span>
-            <br />
+              2 von 12 SC und 2 von 3 NSC Plätze frei (Stand: 21.12.2022)
-            <span>Stand: 13.12.2022</span>
+            </span>
             <br />
           </p>
         </div>
         <div class="letzte-gelegenheit-letzte-gelegenheit-run2 event-entry">
           <h3 class="event-title">Run 2 (Deutschland)</h3>
           <p class="event-date">
-            <span>coming soon</span>
+            <span>13. Mai 2023, 10:00 Uhr bis 14. Mai 2023, 14:00 Uhr</span>
+            <br />
+          </p>
+          <p class="event-location">
+            <span>
+              Waldritter e.V. (Raumschiff)
+              <span v-html="rawruxx"></span>
+            </span>
+            <span>Ewaldstr. 20, 45699 Herten</span>
             <br />
           </p>
-          <p class="event-location">coming soon</p>
           <p class="letzte-gelegenheit-standort3 event-location">
-            <span>coming soon</span>
+            <span>Anmeldung öffnet im Januar 2023</span>
             <br />
           </p>
         </div>
@@ -51,7 +58,7 @@
         </h2>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text014">
+            <span class="letzte-gelegenheit-text015">
               <span>1. Setting</span>
               <br />
             </span>
@@ -91,7 +98,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text018">
+            <span class="letzte-gelegenheit-text019">
               <span>2. Was dieses Larp bewirken will</span>
               <br />
             </span>
@@ -122,7 +129,7 @@
                   <br />
                   <span>
                      ·
-                    <span v-html="rawfh2q"></span>
+                    <span v-html="rawfl1x"></span>
                   </span>
                   <span>
                     Intensive Momente und Emotionen ermöglichen, die in Erinnerung
@@ -132,7 +139,7 @@
                   <br />
                   <span>
                      ·
-                    <span v-html="rawwst3"></span>
+                    <span v-html="rawvgkb"></span>
                   </span>
                   <span>
                     Persönliche Auseinandersetzungen der Spieler mit nicht
@@ -143,7 +150,7 @@
                   <br />
                   <span>
                      ·
-                    <span v-html="rawa16t"></span>
+                    <span v-html="raw7qj8"></span>
                   </span>
                   <span>
                     Interne Charakterentwicklung oder -verfestigung durch externe
@@ -153,14 +160,14 @@
                   <br />
                   <span>
                      ·
-                    <span v-html="rawqbe1"></span>
+                    <span v-html="rawkezn"></span>
                   </span>
                   <span>Dilemmata mit sich selbst und mit anderen.</span>
                   <br />
                   <br />
                   <span>
                      ·
-                    <span v-html="rawj6o9"></span>
+                    <span v-html="raw36aj"></span>
                   </span>
                   <span>
                     Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
@@ -173,7 +180,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text043">
+            <span class="letzte-gelegenheit-text044">
               <span>3. Wie es das bewirken will</span>
               <br />
             </span>
@@ -231,7 +238,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text057">4. Was bespielt wird</span>
+            <span class="letzte-gelegenheit-text058">4. Was bespielt wird</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow03"
@@ -294,7 +301,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text092">
+            <span class="letzte-gelegenheit-text093">
               <span>5. Was nicht bespielt wird</span>
               <br />
             </span>
@@ -330,7 +337,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text099">6. Spielkonzept</span>
+            <span class="letzte-gelegenheit-text100">6. Spielkonzept</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow05"
@@ -362,7 +369,7 @@
                   <br />
                   <span>
                     Wir werden das
-                    <span v-html="rawhdv9"></span>
+                    <span v-html="rawrvcd"></span>
                   </span>
                   <router-link
                     to="/larpkonzept"
@@ -382,7 +389,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text106">
+            <span class="letzte-gelegenheit-text107">
               <span>7. OT-Bereich</span>
               <br />
             </span>
@@ -441,7 +448,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text118">
+            <span class="letzte-gelegenheit-text119">
               <span>8. Verpflegung</span>
               <br />
             </span>
@@ -507,7 +514,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text135">
+            <span class="letzte-gelegenheit-text136">
               <span>9. Ausrüstung</span>
               <br />
             </span>
@@ -574,7 +581,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text158">10. Preise</span>
+            <span class="letzte-gelegenheit-text159">10. Preise</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow09"
@@ -627,7 +634,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text176">
+            <span class="letzte-gelegenheit-text177">
               <span>11. Standort Run 1</span>
               <br />
             </span>
@@ -662,7 +669,7 @@
                   <br />
                   <span>
                     Parkplatz:
-                    <span v-html="raw79yh"></span>
+                    <span v-html="raw9q4b"></span>
                   </span>
                   <a
                     href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
@@ -684,7 +691,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text188">
+            <span class="letzte-gelegenheit-text189">
               <span>12. Standort Run 2</span>
               <br />
             </span>
@@ -722,7 +729,7 @@
         <h2 class="section-head">SpielangebotE</h2>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text194">13. Waffen</span>
+            <span class="letzte-gelegenheit-text195">13. Waffen</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow12"
@@ -794,7 +801,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text208">14. Elektrik</span>
+            <span class="letzte-gelegenheit-text209">14. Elektrik</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow13"
@@ -835,7 +842,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text212">15. Reinigung</span>
+            <span class="letzte-gelegenheit-text213">15. Reinigung</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow14"
@@ -872,7 +879,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text214">16. Lüftung</span>
+            <span class="letzte-gelegenheit-text215">16. Lüftung</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow15"
@@ -896,14 +903,14 @@
               >
                 <span class="larp-text">
                   <span>
-                    Der Bunker hat eine Lüftung die per Kurbel von Hand betrieben
+                    Der Bunker hat eine Lüftung die IT per Kurbel von Hand
-                    werden muss. Denn seitdem die elektrische Lüftung ausgefallen
+                    betrieben werden muss. Denn seitdem die elektrische Lüftung
-                    ist, muss die Backup Kurbel verwendet werden. Wenn diese nicht
+                    ausgefallen ist, muss die Backup Kurbel verwendet werden. Wenn
-                    betrieben wird sammelt sich das CO2 im Bunker an. Aus
+                    diese nicht betrieben wird sammelt sich das CO2 im Bunker an.
-                    dramatischem Effekt geht das recht schnell. Nach etwa einer
+                    Aus dramatischem Effekt geht das recht schnell. Nach etwa
-                    Stunde fühlen sich alle etwas high vom CO2 Anstieg. Danach
+                    einer Stunde fühlen sich alle etwas high vom CO2 Anstieg.
-                    werden alle müder und kraftloser, bis sie innerhalb einer
+                    Danach werden alle müder und kraftloser, bis sie innerhalb
-                    halben Stunde für immer einschlafen.
+                    einer halben Stunde für immer einschlafen.
                   </span>
                   <br />
                   <br />
@@ -920,7 +927,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text221">17. Medizinspiel</span>
+            <span class="letzte-gelegenheit-text222">17. Medizinspiel</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow16"
@@ -973,7 +980,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text238">
+            <span class="letzte-gelegenheit-text239">
               <span>18. Drogen und Gift</span>
               <br />
             </span>
@@ -1035,7 +1042,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text249">19. Funkgeräte</span>
+            <span class="letzte-gelegenheit-text250">19. Funkgeräte</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow18"
@@ -1079,7 +1086,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text255">20. Gefängnisakten</span>
+            <span class="letzte-gelegenheit-text256">20. Gefängnisakten</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow19"
@@ -1131,7 +1138,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text261">
+            <span class="letzte-gelegenheit-text262">
               21. Ressourcenmangel &amp; Lager
             </span>
             <div
@@ -1190,7 +1197,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text267">22. Zeitgefühl</span>
+            <span class="letzte-gelegenheit-text268">22. Zeitgefühl</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow21"
@@ -1252,7 +1259,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text277">23. Tod</span>
+            <span class="letzte-gelegenheit-text278">23. Tod</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow22"
@@ -1305,7 +1312,7 @@
         </div>
         <div data-thq="thq-dropdown" class="larp-chapter list-item">
           <div data-thq="thq-dropdown-toggle" class="larp-toggle">
-            <span class="letzte-gelegenheit-text283">24. IT vs. OT Feuer</span>
+            <span class="letzte-gelegenheit-text284">24. IT vs. OT Feuer</span>
             <div
               data-thq="thq-dropdown-arrow"
               class="letzte-gelegenheit-dropdown-arrow23"
@@ -1416,7 +1423,7 @@
             <h1 class="letzte-gelegenheit-header01">
               <span>
                 Leitung der Justizvollzugsanstalt
-                <span v-html="raws8r7"></span>
+                <span v-html="raw4crl"></span>
               </span>
               <br />
             </h1>
@@ -1435,7 +1442,7 @@
             Fortier (gesprochen &quot;Fortjeeh&quot;) übernahm vor 3 Jahren das
             Gefängnis Schwarzbach, nachdem die vorherige Leitung aus ungeklärten
             Gründen zurücktrat.
-            <span v-html="rawol1t"></span>
+            <span v-html="raw8l1k"></span>
           </span>
           <span>
             Kurz nach Fortiers Übernahme kam es im Gefängnis zum Mord des
@@ -1502,7 +1509,7 @@
           <br />
           <span>
             Bellucci ist
-            <span v-html="rawzrqd"></span>
+            <span v-html="rawpu8f"></span>
           </span>
           <span>
             bekannt dafür, etwas sozial unbeholfen zu sein und äusserst akademisch
@@ -1814,7 +1821,7 @@
           <div class="character-description">
             <h1 class="letzte-gelegenheit-header16">
               Lindbeck
-              <span v-html="rawxmcm"></span>
+              <span v-html="rawcc3i"></span>
             </h1>
             <h1 class="letzte-gelegenheit-header17">
               <span>Häftling</span>
@@ -1890,7 +1897,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="rawbhuo"></span>
+            <span v-html="rawn0kt"></span>
           </span>
           <span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
           <br />
@@ -1944,8 +1951,8 @@
             Redensweise ist trotzdem befehlerisch.
           </span>
           <br />
-          <br class="letzte-gelegenheit-text442" />
+          <br class="letzte-gelegenheit-text443" />
-          <span class="letzte-gelegenheit-text443">
+          <span class="letzte-gelegenheit-text444">
             (Nur ein paar Charaktere wissen mehr zu diesem Charakter, entsprechend
             steht hier wenig.)
           </span>
@@ -1997,10 +2004,10 @@
           </span>
           <br />
           <br />
-          <span class="letzte-gelegenheit-text460">
+          <span class="letzte-gelegenheit-text461">
             (Nur ein paar Charaktere wissen mehr zu diesem Charakter, entsprechend
           </span>
-          <span class="letzte-gelegenheit-text461">steht hier wenig.)</span>
+          <span class="letzte-gelegenheit-text462">steht hier wenig.)</span>
           <br />
         </p>
       </section>
@@ -2022,18 +2029,19 @@ export default {
 
   data() {
     return {
-      rawfh2q: ' ',
+      rawruxx: ' ',
-      rawwst3: ' ',
+      rawfl1x: ' ',
-      rawa16t: ' ',
+      rawvgkb: ' ',
-      rawqbe1: ' ',
+      raw7qj8: ' ',
-      rawj6o9: ' ',
+      rawkezn: ' ',
-      rawhdv9: ' ',
+      raw36aj: ' ',
-      raw79yh: ' ',
+      rawrvcd: ' ',
-      raws8r7: ' ',
+      raw9q4b: ' ',
-      rawol1t: ' ',
+      raw4crl: ' ',
-      rawzrqd: ' ',
+      raw8l1k: ' ',
-      rawxmcm: ' ',
+      rawpu8f: ' ',
-      rawbhuo: ' ',
+      rawcc3i: ' ',
+      rawn0kt: ' ',
     }
   },
 
@@ -2136,7 +2144,7 @@ export default {
   border-bottom-width: 3px;
 }
 .letzte-gelegenheit-standort3 {
-  color: rgb(0, 221, 0);
+  color: rgb(221, 0, 0);
   text-align: left;
 }
 .letzte-gelegenheit-infos {
@@ -2144,7 +2152,7 @@ export default {
   padding: var(--dl-space-space-unit);
   align-items: flex-start;
 }
-.letzte-gelegenheit-text014 {
+.letzte-gelegenheit-text015 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2186,7 +2194,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text018 {
+.letzte-gelegenheit-text019 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2231,7 +2239,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text043 {
+.letzte-gelegenheit-text044 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2276,7 +2284,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text057 {
+.letzte-gelegenheit-text058 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2321,7 +2329,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text092 {
+.letzte-gelegenheit-text093 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2366,7 +2374,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text099 {
+.letzte-gelegenheit-text100 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2417,7 +2425,7 @@ export default {
   font-weight: 500;
   text-decoration: underline;
 }
-.letzte-gelegenheit-text106 {
+.letzte-gelegenheit-text107 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2462,7 +2470,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text118 {
+.letzte-gelegenheit-text119 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2507,7 +2515,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text135 {
+.letzte-gelegenheit-text136 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2552,7 +2560,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text158 {
+.letzte-gelegenheit-text159 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2597,7 +2605,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text176 {
+.letzte-gelegenheit-text177 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2652,7 +2660,7 @@ export default {
   height: 100%;
   object-fit: cover;
 }
-.letzte-gelegenheit-text188 {
+.letzte-gelegenheit-text189 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2702,7 +2710,7 @@ export default {
   padding: var(--dl-space-space-unit);
   align-items: flex-start;
 }
-.letzte-gelegenheit-text194 {
+.letzte-gelegenheit-text195 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2747,7 +2755,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text208 {
+.letzte-gelegenheit-text209 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2792,7 +2800,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text212 {
+.letzte-gelegenheit-text213 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2837,7 +2845,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text214 {
+.letzte-gelegenheit-text215 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2882,7 +2890,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text221 {
+.letzte-gelegenheit-text222 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2927,7 +2935,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text238 {
+.letzte-gelegenheit-text239 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -2972,7 +2980,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text249 {
+.letzte-gelegenheit-text250 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -3017,7 +3025,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text255 {
+.letzte-gelegenheit-text256 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -3062,7 +3070,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text261 {
+.letzte-gelegenheit-text262 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -3107,7 +3115,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text267 {
+.letzte-gelegenheit-text268 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -3152,7 +3160,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text277 {
+.letzte-gelegenheit-text278 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -3197,7 +3205,7 @@ export default {
   color: #fff;
   background-color: #595959;
 }
-.letzte-gelegenheit-text283 {
+.letzte-gelegenheit-text284 {
   font-size: 24px;
   font-style: normal;
   text-align: left;
@@ -3699,10 +3707,10 @@ export default {
   font-family: Poppins;
   line-height: 28px;
 }
-.letzte-gelegenheit-text442 {
+.letzte-gelegenheit-text443 {
   font-style: italic;
 }
-.letzte-gelegenheit-text443 {
+.letzte-gelegenheit-text444 {
   font-style: italic;
 }
 .letzte-gelegenheit-image12 {
@@ -3743,10 +3751,10 @@ export default {
   font-family: Poppins;
   line-height: 28px;
 }
-.letzte-gelegenheit-text460 {
+.letzte-gelegenheit-text461 {
   font-style: italic;
 }
-.letzte-gelegenheit-text461 {
+.letzte-gelegenheit-text462 {
   font-style: italic;
 }
 @media(max-width: 991px) {
@@ -3780,52 +3788,52 @@ export default {
   .letzte-gelegenheit-container01 {
     flex-flow: column;
   }
-  .letzte-gelegenheit-text194 {
+  .letzte-gelegenheit-text195 {
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
   }
-  .letzte-gelegenheit-text208 {
+  .letzte-gelegenheit-text209 {
     font-size: 24px;
   }
-  .letzte-gelegenheit-text212 {
+  .letzte-gelegenheit-text213 {
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
   }
-  .letzte-gelegenheit-text214 {
+  .letzte-gelegenheit-text215 {
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
   }
-  .letzte-gelegenheit-text221 {
+  .letzte-gelegenheit-text222 {
     font-size: 24px;
   }
-  .letzte-gelegenheit-text238 {
+  .letzte-gelegenheit-text239 {
     font-size: 24px;
   }
-  .letzte-gelegenheit-text249 {
+  .letzte-gelegenheit-text250 {
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
   }
-  .letzte-gelegenheit-text255 {
+  .letzte-gelegenheit-text256 {
     font-size: 24px;
   }
-  .letzte-gelegenheit-text261 {
+  .letzte-gelegenheit-text262 {
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
   }
-  .letzte-gelegenheit-text267 {
+  .letzte-gelegenheit-text268 {
     font-size: 24px;
   }
-  .letzte-gelegenheit-text277 {
+  .letzte-gelegenheit-text278 {
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
   }
-  .letzte-gelegenheit-text283 {
+  .letzte-gelegenheit-text284 {
     font-size: 24px;
     font-style: normal;
     font-weight: 500;

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="rawh1an"></span>
+          <span v-html="raw497z"></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="raworyw"></span>
+          <span v-html="raw1mlf"></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="raw3eio"></span>
+          <span v-html="rawosxg"></span>
         </span>
       </span>
     </div>
@@ -308,9 +308,9 @@ export default {
 
   data() {
     return {
-      rawh1an: ' ',
+      raw497z: ' ',
-      raworyw: ' ',
+      raw1mlf: ' ',
-      raw3eio: ' ',
+      rawosxg: ' ',
     }
   },