Add characters WIP

src/components/kontakt.vue

@@ -31,10 +31,10 @@ export default {
   width: 100%;
   display: flex;
   position: relative;
-  margin-top: var(--dl-space-space-sixunits);
+  margin-top: 10%;
   align-items: center;
   padding-left: var(--dl-space-space-oneandhalfunits);
-  margin-bottom: 30%;
+  margin-bottom: 10%;
   padding-right: var(--dl-space-space-oneandhalfunits);
   flex-direction: column;
   justify-content: center;

src/components/navigation.vue

@@ -282,7 +282,7 @@ export default {
   props: {
     OpenvisorLogo: {
       type: String,
-      default: '/playground_assets/logo_mitoffenemvisier_bw_png-1500h.png',
+      default: '/playground_assets/logo_mitoffenemvisier_bw_png-min-200h.png',
     },
     Kurzgeschichten: {
       type: String,

src/style.css

@@ -37,14 +37,19 @@
 .button {
   cursor: pointer;
   display: flex;
+  max-width: 180px;
+  align-self: center;
+  margin-top: 2%;
   transition: 0.3s;
   align-items: center;
   padding-top: var(--dl-space-space-oneandhalfunits);
   padding-left: var(--dl-space-space-twounits);
+  align-content: center;
   border-radius: 58px;
   padding-right: var(--dl-space-space-twounits);
   flex-direction: column;
   padding-bottom: var(--dl-space-space-oneandhalfunits);
+  background-color: #ffff00;
 }
 .button:hover {
   opacity: 0.5;
@@ -109,7 +114,8 @@
   border-bottom-width: 4px;
 }
 .section-head {
-  color: rgb(128, 255, 68);
+  color: #ffffff;
+  align-self: center;
   font-style: normal;
   text-align: center;
   font-family: Poppins;
@@ -166,6 +172,7 @@
 .text-body {
   color: rgb(255, 255, 255);
   width: 90%;
+  display: flex;
   padding: var(--dl-space-space-oneandhalfunits);
   font-size: 18px;
   max-width: 1080px;
@@ -175,7 +182,10 @@
   font-family: Poppins;
   font-weight: 400;
   line-height: 28px;
+  padding-left: var(--dl-space-space-threeunits);
   border-radius: 20px;
+  padding-right: var(--dl-space-space-threeunits);
+  flex-direction: column;
   background-color: rgba(41, 41, 41, 0.8);
 }
 .card {
@@ -241,6 +251,62 @@
 
 
 
+.larp-chapter {
+  width: 100%;
+  cursor: pointer;
+  display: inline-block;
+  position: relative;
+  border-radius: var(--dl-radius-radius-radius2);
+}
+.larp-toggle {
+  fill: #ffffff;
+  color: #ffffff;
+  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);
+}
+.larp-text {
+  width: 100%;
+  cursor: pointer;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 400;
+}
+.character-header {
+  flex: 0 0 auto;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.character-description {
+  width: auto;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+}
+.character-row {
+  gap: var(--dl-space-space-twounits);
+  flex: 0 0 auto;
+  width: 90%;
+  display: flex;
+  max-width: 1080px;
+  margin-top: var(--dl-space-space-unit);
+  align-items: center;
+  justify-content: center;
+}
+.character-group {
+  color: rgb(255, 255, 255);
+  font-size: 36px;
+  align-self: center;
+  margin-top: var(--dl-space-space-threeunits);
+}
 .Heading {
   font-size: 32px;
   font-family: Inter;
@@ -264,6 +330,9 @@
   .event-title {
     font-size: 24px;
   }
+  .character-group {
+    font-size: 32px;
+  }
 }
 @media(max-width: 767px) {
   .nav-link {
@@ -289,5 +358,16 @@
   .event-location {
     width: 260px;
   }
+  .character-row {
+    gap: var(--dl-space-space-unit);
+    flex-flow: column;
+  }
+  .character-group {
+    color: rgb(255, 255, 255);
+  }
+}
+@media(max-width: 479px) {
+  .section-head {
+    font-size: 30px;
+  }
 }
-

src/views/ein-orden-fr-eine-gute-tat.vue

@@ -32,6 +32,18 @@
         <span> · 14 Illustrationen</span>
         <br />
       </span>
+      <a
+        href="https://www.dropbox.com/s/eoygp44p801ddbt/OpenVisor_Ein_Orden_fuer_eine_gute_Tat.pdf?dl=0"
+        target="_blank"
+        rel="noreferrer noopener"
+      >
+        <div class="button">
+          <span class="ein-orden-fr-eine-gute-tat-anmeldung1">
+            <span>PDF Download</span>
+            <br />
+          </span>
+        </div>
+      </a>
       <img
         alt="image"
         src="/playground_assets/einordenfuereinegutetat-1100w.png"
@@ -110,6 +122,14 @@ export default {
 .ein-orden-fr-eine-gute-tat-text08 {
   font-style: italic;
 }
+.ein-orden-fr-eine-gute-tat-anmeldung1 {
+  color: rgb(12, 16, 12);
+  font-size: 16px;
+  font-style: normal;
+  font-family: Poppins;
+  font-weight: 500;
+  line-height: 24px;
+}
 .ein-orden-fr-eine-gute-tat-image {
   width: 100%;
   height: 100%;

src/views/home.vue

@@ -195,10 +195,10 @@ export default {
 }
 .home-veranstaltungen-liste {
   flex: 0 0 auto;
-  width: 99%;
   display: flex;
   max-width: 1080px;
-  align-items: flex-start;
+  align-self: center;
+  align-items: stretch;
   flex-direction: column;
   background-color: rgba(41, 41, 41, 0.8);
 }

src/views/larpkonzept.vue

@@ -33,8 +33,9 @@
       </span>
       <br class="larpkonzept-text07" />
       <br class="larpkonzept-text08" />
-      <span class="larpkonzept-text09">DKWDDK</span>
+      <br class="larpkonzept-text09" />
-      <br class="larpkonzept-text10" />
+      <span class="larpkonzept-text10">DKWDDK</span>
+      <br class="larpkonzept-text11" />
       <span>
         Grundsätzlich gilt, &quot;Du kannst was Du darstellen kannst&quot;. D.h.
         man zeigt in echt was man kann und sagt nicht &quot;ich tue gerade X&quot;
@@ -45,10 +46,10 @@
         das möchten ist um eine Immersion im Spiel aufrechtzuerhalten, sodass man
         sich besser in die Charaktere einfühlen kann.
       </span>
-      <br class="larpkonzept-text12" />
       <br class="larpkonzept-text13" />
-      <span class="larpkonzept-text14">Play to Lose</span>
+      <br class="larpkonzept-text14" />
-      <br class="larpkonzept-text15" />
+      <span class="larpkonzept-text15">Play to Lose</span>
+      <br class="larpkonzept-text16" />
       <span>
         Play to Lose heisst für eine bessere Geschichte oder besseres Spiel für
         die Beteiligten auf einen Erfolg des eigenen Charakters zu verzichten. Das
@@ -57,7 +58,7 @@
         geht bei “Letzte Gelegenheit” darum, kollaborativ eine spannende
         Geschichte zu erzählen.
       </span>
-      <br class="larpkonzept-text17" />
+      <br class="larpkonzept-text18" />
       <span>
         Das Gegenteil von Play to Lose ist Play to Win, also wenn man versucht
         einen möglichst siegreichen Charakter zu spielen. Das ist an sich nicht
@@ -67,10 +68,10 @@
         oder ignoriert und damit die Glaubwürdigkeit der Szene und die Immersion
         der Beteiligten bricht. Powergaming ist bei “Letzte Gelegenheit” verboten.
       </span>
-      <br class="larpkonzept-text19" />
       <br class="larpkonzept-text20" />
-      <span class="larpkonzept-text21">Play to Lift</span>
+      <br class="larpkonzept-text21" />
-      <br class="larpkonzept-text22" />
+      <span class="larpkonzept-text22">Play to Lift</span>
+      <br class="larpkonzept-text23" />
       <span>
         Play to Lift heisst seinen Mitspielern beim Ausspielen ihres Charakters zu
         unterstützen. Grundsätzlich gilt DKWDDK, doch es gibt auch Spiel deren
@@ -87,12 +88,12 @@
         Beruf oder in der Freizeit militärische Funkgeräte, also müssen wir uns da
         gegenseitig helfen, die Kompetenzen dazu glaubwürdig darzustellen.
       </span>
-      <br class="larpkonzept-text24" />
       <br class="larpkonzept-text25" />
-      <span class="larpkonzept-text26">
+      <br class="larpkonzept-text26" />
+      <span class="larpkonzept-text27">
         Vorgeschriebene Charaktere und Beziehungen
       </span>
-      <br class="larpkonzept-text27" />
+      <br class="larpkonzept-text28" />
       <span>
         Wir werden Charaktere schreiben die dicht miteinander vernetzt sind. Dies
         hat zur Konsequenz, dass eher weniger Spielerplätze verfügbar sind, dafür
@@ -102,12 +103,12 @@
         vorgeschriebenen Charaktere und Beziehungen sollen aber sicherstellen,
         dass sicher jeder Spieler andere Spieler hat, die man anspielen kann.
       </span>
-      <br class="larpkonzept-text29" />
       <br class="larpkonzept-text30" />
-      <span class="larpkonzept-text31">
+      <br class="larpkonzept-text31" />
+      <span class="larpkonzept-text32">
         Spielintensitäts Steigerung- und Verringerrung
       </span>
-      <br class="larpkonzept-text32" />
+      <br class="larpkonzept-text33" />
       <span>
         Wie an vielen Nordic Larps gibt es oft OT-Signale um seinem gegenüber zu
         vermitteln, dass man die Spielintensität verringern oder steigern möchte.
@@ -124,11 +125,11 @@
         Intensitätssteigerung sein. Es kann also sein, dass das Steigerungssignal
         ignoriert wird.
       </span>
-      <br class="larpkonzept-text34" />
       <br class="larpkonzept-text35" />
+      <br class="larpkonzept-text36" />
       <span>
         Zu guter Letzt benutzen wir am “Letzte Gelegenheit” auch die
-        <span v-html="raw9psn"></span>
+        <span v-html="rawoiac"></span>
       </span>
       <a
         href="https://en.wikipedia.org/wiki/OK_gesture"
@@ -145,14 +146,14 @@
         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="rawx0tt"></span>
+        <span v-html="rawhzo2"></span>
       </span>
-      <br class="larpkonzept-text38" />
       <br class="larpkonzept-text39" />
-      <span class="larpkonzept-text40">
+      <br class="larpkonzept-text40" />
+      <span class="larpkonzept-text41">
         Workshops vor und Feedback nach dem Spiel
       </span>
-      <br class="larpkonzept-text41" />
+      <br class="larpkonzept-text42" />
       <span>
         Wir werden vor und nach dem Spiel Workshops durchführen um die Spielenden
         ins Spiel ein- und wieder auszuführen. Wenn man intensives Spiel hat, was
@@ -166,7 +167,7 @@
         sind nach einem Larp meist auch OT angeschlagen und können das Feedback
         dann später wenn der Stress abgeklungen ist in Ruhe anschauen.
       </span>
-      <br class="larpkonzept-text43" />
+      <br class="larpkonzept-text44" />
     </p>
     <app-kontakt rootClassName="kontakt-root-class-name2"></app-kontakt>
   </div>
@@ -185,8 +186,8 @@ export default {
 
   data() {
     return {
-      raw9psn: ' ',
+      rawoiac: ' ',
-      rawx0tt: ' ',
+      rawhzo2: ' ',
     }
   },
 
@@ -252,7 +253,7 @@ export default {
 .larpkonzept-text10 {
   font-weight: 700;
 }
-.larpkonzept-text12 {
+.larpkonzept-text11 {
   font-weight: 700;
 }
 .larpkonzept-text13 {
@@ -264,10 +265,10 @@ export default {
 .larpkonzept-text15 {
   font-weight: 700;
 }
-.larpkonzept-text17 {
+.larpkonzept-text16 {
   font-weight: 700;
 }
-.larpkonzept-text19 {
+.larpkonzept-text18 {
   font-weight: 700;
 }
 .larpkonzept-text20 {
@@ -279,7 +280,7 @@ export default {
 .larpkonzept-text22 {
   font-weight: 700;
 }
-.larpkonzept-text24 {
+.larpkonzept-text23 {
   font-weight: 700;
 }
 .larpkonzept-text25 {
@@ -291,7 +292,7 @@ export default {
 .larpkonzept-text27 {
   font-weight: 700;
 }
-.larpkonzept-text29 {
+.larpkonzept-text28 {
   font-weight: 700;
 }
 .larpkonzept-text30 {
@@ -303,20 +304,20 @@ export default {
 .larpkonzept-text32 {
   font-weight: 700;
 }
-.larpkonzept-text34 {
+.larpkonzept-text33 {
   font-weight: 700;
 }
 .larpkonzept-text35 {
   font-weight: 700;
 }
+.larpkonzept-text36 {
+  font-weight: 700;
+}
 .larpkonzept-link {
   font-style: normal;
   font-weight: 500;
   text-decoration: underline;
 }
-.larpkonzept-text38 {
-  font-weight: 700;
-}
 .larpkonzept-text39 {
   font-weight: 700;
 }
@@ -326,7 +327,10 @@ export default {
 .larpkonzept-text41 {
   font-weight: 700;
 }
-.larpkonzept-text43 {
+.larpkonzept-text42 {
+  font-weight: 700;
+}
+.larpkonzept-text44 {
   font-weight: 700;
 }
 @media(max-width: 767px) {

src/views/rosenteufel.vue

@@ -6,7 +6,6 @@
       <span>Kurzgeschichte</span>
       <br />
     </span>
-    <div class="rosenteufel-container1">
     <span class="text-body">
       <span class="rosenteufel-text003">
         Ich erzähl euch ein Gschicht von wahr, so wahr wie ihr danach nicht
@@ -14,7 +13,6 @@
         wart im letzten Jahr...
       </span>
       <br />
-        <br />
       <span>
         Vogt Eberhardt: “Edler von Petz, habt Dank um Eure schnelle Peitsch zu
         Ross. S eilt, der Bot kaum angekomm’n, doch bereits geschehn in letzter
@@ -28,10 +26,10 @@
       <br />
       <br />
       <span>
-          Vogt Eberhardt: “Im Nord herrsch Brand und Stank. Räuberband
+        Vogt Eberhardt: “Im Nord herrsch Brand und Stank. Räuberband wahrscheinch,
-          wahrscheinch, nicht zu schätz woher. Leichen sein gesetzt ins Ufer, ein
+        nicht zu schätz woher. Leichen sein gesetzt ins Ufer, ein Blum obendrein.
-          Blum obendrein. So gefund ein Kind. Rest ausgegraben, all vom selben
+        So gefund ein Kind. Rest ausgegraben, all vom selben Weiler. S’ist im
-          Weiler. S’ist im Weiler Immerthain...”
+        Weiler Immerthain...”
       </span>
       <br />
       <br />
@@ -50,8 +48,8 @@
       <br />
       <span>
         Köhler: “Entschuld mein Entsetz Edler, nur wisst, der Teufel treibt dort
-          sein Feuer. Die nicht ermordert flohen mit aller Hab. Nur wenige
+        sein Feuer. Die nicht ermordert flohen mit aller Hab. Nur wenige blieben.
-          blieben. Möge sich der Herr ihnen erbarmen...”
+        Möge sich der Herr ihnen erbarmen...”
       </span>
       <br />
       <br />
@@ -62,19 +60,19 @@
       <br />
       <br />
       <span>
-          Köhler: “Verzeiht’s mir Edler, verzeiht’s. Der schnellste Weg führt
+        Köhler: “Verzeiht’s mir Edler, verzeiht’s. Der schnellste Weg führt durch
-          durch den Kammertwald. Hie wo ich zeig überm Pfad. Zwei Tag, ein Nacht.
+        den Kammertwald. Hie wo ich zeig überm Pfad. Zwei Tag, ein Nacht. Aber...
-          Aber... Edler, bei Gotts Gnad, ich wärt kein gut Christ Euch ohne Warn
+        Edler, bei Gotts Gnad, ich wärt kein gut Christ Euch ohne Warn lass
-          lass schreiten. Seit Geschehnem ist hie keiner entlang. Wer weiss was
+        schreiten. Seit Geschehnem ist hie keiner entlang. Wer weiss was
       </span>
       <br />
       <span>Geziefer dort treibt...”</span>
       <br />
       <br />
       <span>
-          Ritter von Petz: “Tieft den Zinken nun. Hast getan was gesagt. Wartet
+        Ritter von Petz: “Tieft den Zinken nun. Hast getan was gesagt. Wartet mein
-          mein Kommen in einem Dutzend Tag – nicht spät. Sollt ich kehr, so ritz
+        Kommen in einem Dutzend Tag – nicht spät. Sollt ich kehr, so ritz ich dies
-          ich dies Holz mit eir Botschaft. Andernfalls berichtet meins Schicksal.”
+        Holz mit eir Botschaft. Andernfalls berichtet meins Schicksal.”
       </span>
       <br />
       <br />
@@ -82,8 +80,8 @@
       <br />
       <br />
       <span>
-          Ritter von Petz dreht sich: “Auf jetzt, Gefolg. Noch die letzten
+        Ritter von Petz dreht sich: “Auf jetzt, Gefolg. Noch die letzten Schritte
-          Schritte nicht geschritten.”
+        nicht geschritten.”
       </span>
       <br />
       <br />
@@ -112,11 +110,11 @@
       <br />
       <br />
       <span>
-          Ritter dreht zu Rück, zeigt mit grüstet Finger, all’s hält ein: “So
+        Ritter dreht zu Rück, zeigt mit grüstet Finger, all’s hält ein: “So zügle
-          zügle er seine Zunge, der sich gewagt meins Gfährten zu schwörn! So halt
+        er seine Zunge, der sich gewagt meins Gfährten zu schwörn! So halt er den
-          er den Mund der nur striegelt und Dung sticht, um seines Lebens kein
+        Mund der nur striegelt und Dung sticht, um seines Lebens kein Sorg! Und so
-          Sorg! Und so bleibe sie still solang sie noch eines Brots erbetteln
+        bleibe sie still solang sie noch eines Brots erbetteln möcht. Ihr all seid
-          möcht. Ihr all seid feig und Kloss an mei’m Bein.”
+        feig und Kloss an mei’m Bein.”
       </span>
       <br />
       <br />
@@ -128,9 +126,9 @@
         Gnad zeig wem wieder erblick! Wer weiss wieviel noch gemordt währn ihr
         quängelt wie neugeborns, nackts Kindlein. Erinnert Eberhardts Wort: Acht
         tot in acht Nacht. Sieht mein Stundglas. Seit hee s rieselt. Ich gedreht
-          jed Stund. Nach zehn weiter Dreh unds letzt Korn gerieselt s des
+        jed Stund. Nach zehn weiter Dreh unds letzt Korn gerieselt s des nächsten
-          nächsten arm Seel dessen euch verantwort. So zügelt und schluckt der
+        arm Seel dessen euch verantwort. So zügelt und schluckt der schwächend
-          schwächend Quängelei.”
+        Quängelei.”
       </span>
       <br />
       <br />
@@ -161,13 +159,12 @@
       <br />
       <br />
       <span>
-          Knappe von Jachstett: “Edler Herr, gehört Geräusch vom Walde. S der
+        Knappe von Jachstett: “Edler Herr, gehört Geräusch vom Walde. S der Teufel
-          Teufel wir när schreit. Uns verdammt hie auf Glut mit barem Fuss. Bei
+        wir när schreit. Uns verdammt hie auf Glut mit barem Fuss. Bei Gott, Euch
-          Gott, Euch verwerf nicht den Mut zu gehn in wackren Kampf. Aber schauet
+        verwerf nicht den Mut zu gehn in wackren Kampf. Aber schauet nur ins
-          nur ins Gsicht von einfach Leut, Knecht und Magd. Beid mit Angst, des
+        Gsicht von einfach Leut, Knecht und Magd. Beid mit Angst, des Herrn kein
-          Herrn kein Mittel. So lässt hie in sicher, nicht drohn ihrets Blut.
+        Mittel. So lässt hie in sicher, nicht drohn ihrets Blut. Schon meiner mir
-          Schon meiner mir erbarme, aber deren Leben verworfen sobald in selbe
+        erbarme, aber deren Leben verworfen sobald in selbe Flammen waten.”
-          Flammen waten.”
       </span>
       <br />
       <br />
@@ -183,8 +180,7 @@
       <br />
       <br />
       <span>
-          Knecht Troffecht: “Edler Herr, wisst wo sich Herrn von Jachstett
+        Knecht Troffecht: “Edler Herr, wisst wo sich Herrn von Jachstett treibt?”
-          treibt?”
       </span>
       <br />
       <br />
@@ -195,12 +191,12 @@
       <br />
       <br />
       <span>
-          Unds wart kein weiter Wort gesproch, bis zum Weiler angekomm. Am Ufer,
+        Unds wart kein weiter Wort gesproch, bis zum Weiler angekomm. Am Ufer, man
-          man sah, s wart ein pechschwarz Mantel gehüllt Gestalt, Kapuz über
+        sah, s wart ein pechschwarz Mantel gehüllt Gestalt, Kapuz über Gesicht
-          Gesicht hängend. S leert eins Hands Sand über einen Sandhaufen der
+        hängend. S leert eins Hands Sand über einen Sandhaufen der bereits eins
-          bereits eins Manns lang wie breit. Ritter zittert erst, reisst die Zügel
+        Manns lang wie breit. Ritter zittert erst, reisst die Zügel in Knechts
-          in Knechts Hand, schleicht so gut sein Harnisch’s vermag. Sein Eisen in
+        Hand, schleicht so gut sein Harnisch’s vermag. Sein Eisen in Höh, in
-          Höh, in tiefer Sonn s blinkt.
+        tiefer Sonn s blinkt.
       </span>
       <br />
       <br />
@@ -215,10 +211,9 @@
       <br />
       <br />
       <span>
-          Ritter spricht zur Magd, kommt zum Knecht mit seufz: “Aufgab’s
+        Ritter spricht zur Magd, kommt zum Knecht mit seufz: “Aufgab’s vollbracht.
-          vollbracht. Des Teufels bedarfs kein Grab, ihn lässt nur rotten solangs
+        Des Teufels bedarfs kein Grab, ihn lässt nur rotten solangs ihm möglich,
-          ihm möglich, sein Höll auf Erd. Wir nun kehren und vielleicht des Knapp
+        sein Höll auf Erd. Wir nun kehren und vielleicht des Knapp einholn.”
-          einholn.”
       </span>
       <br />
       <br />
@@ -230,15 +225,15 @@
       <br />
       <br />
       <span>
-          In Nacht keiner ein Aug zugetan. Des Ritters Kling noch rot, er sie
+        In Nacht keiner ein Aug zugetan. Des Ritters Kling noch rot, er sie nicht
-          nicht sauber gefragt und der Knecht viel zu blass als ihm vorzukommen.
+        sauber gefragt und der Knecht viel zu blass als ihm vorzukommen. Letztlich
-          Letztlich doch die Augen sich schlossen. Doch wachten nur noch Ritter
+        doch die Augen sich schlossen. Doch wachten nur noch Ritter und Knecht.
-          und Knecht. Des Ritters Petz Kling noch immer rot; des Knechts Haut
+        Des Ritters Petz Kling noch immer rot; des Knechts Haut
       </span>
       <br />
       <span>
-          noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen
+        noch immer weiss und nass. Dieses Mal der Knecht nicht wagte zu fragen der
-          der Verschwundenen.
+        Verschwundenen.
       </span>
       <br />
       <br />
@@ -259,10 +254,10 @@
       <br />
       <br />
       <span>
-          Der Knecht blickt zurück. Ritter greift zur Klinge. Knecht rennt. Er
+        Der Knecht blickt zurück. Ritter greift zur Klinge. Knecht rennt. Er rennt
-          rennt und rennt, so schnell er kann. Ritter hinterher, ohne Harnisch
+        und rennt, so schnell er kann. Ritter hinterher, ohne Harnisch flink,
-          flink, flinker als der Knecht. Doch der Knecht nicht stumpf und so
+        flinker als der Knecht. Doch der Knecht nicht stumpf und so bricht in den
-          bricht in den dunklen Wald. Seine Fährte der Ritter rasch verlorn.
+        dunklen Wald. Seine Fährte der Ritter rasch verlorn.
       </span>
       <br />
       <br />
@@ -274,9 +269,9 @@
       <br />
       <span>
         Doch sein Stimm bald verblasst. Ich kam zum Weiler, klein Leut bereits
-          gestanden um die düstre Gstalt. Daneben ein weiterer, gleicher Haufen
+        gestanden um die düstre Gstalt. Daneben ein weiterer, gleicher Haufen mit
-          mit einer weissen Ros in Mitt. Zehn Häufen, all geschmückt mit weisser
+        einer weissen Ros in Mitt. Zehn Häufen, all geschmückt mit weisser Ros.
-          Ros. All bis auf der vord Gstalt. Kindsvolk starrte mir.
+        All bis auf der vord Gstalt. Kindsvolk starrte mir.
       </span>
       <br />
       <br />
@@ -285,10 +280,9 @@
         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="rawq446"></span>
+        <span v-html="rawj2h8"></span>
       </span>
     </span>
-    </div>
     <app-kontakt rootClassName="kontakt-root-class-name1"></app-kontakt>
   </div>
 </template>
@@ -306,7 +300,7 @@ export default {
 
   data() {
     return {
-      rawq446: ' ',
+      rawj2h8: ' ',
     }
   },
 
@@ -350,13 +344,6 @@ export default {
   font-family: Poppins;
   line-height: 30px;
 }
-.rosenteufel-container1 {
-  flex: 0 0 auto;
-  height: auto;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
 .rosenteufel-text003 {
   font-style: italic;
 }
@@ -384,8 +371,5 @@ export default {
     max-width: 280px;
     font-style: normal;
   }
-  .rosenteufel-container1 {
-    width: 90%;
-  }
 }
 </style>