Update spaces and add Bologna riddle

src/components/navigation.vue

@@ -965,6 +965,9 @@ export default {
 
 
 
+.navigation-root-class-name6 {
+  max-width: 1200px;
+}
 @media(max-width: 991px) {
   .navigation-nav {
     gap: var(--dl-space-space-twounits);

src/components/row1.vue

@@ -8,7 +8,7 @@
           <h1 class="row1-header1">
             <span>
               Leitung der Justizvollzugsanstalt
-              <span v-html="raw7cpj"></span>
+              <span v-html="rawt6q8"></span>
             </span>
             <br />
           </h1>
@@ -25,7 +25,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="rawr5kv"></span>
+          <span v-html="raw5nnj"></span>
         </span>
         <span>
           Kurz nach Fortiers Übernahme kam es im Gefängnis zum Mord des Häftlings
@@ -86,7 +86,7 @@
         <br />
         <span>
           Bellucci ist
-          <span v-html="rawuflu"></span>
+          <span v-html="rawrz2w"></span>
         </span>
         <span>
           bekannt dafür, etwas sozial unbeholfen zu sein und äusserst akademisch
@@ -102,27 +102,27 @@
 export default {
   name: 'Row1',
   props: {
+    image_alt1: {
+      type: String,
+      default: 'image',
+    },
     Themes: {
       type: String,
       default: 'Themes: Macht, Gewissensbisse, Ängste',
     },
-    Themes1: {
-      type: String,
-      default: 'Themes: Trauma, Manipulation, Suche, Schuld',
-    },
     image_src: {
       type: String,
       default: '/playground_assets/aubert-200h.png',
     },
-    image_alt: {
+    Themes1: {
       type: String,
-      default: 'image',
+      default: 'Themes: Trauma, Manipulation, Suche, Schuld',
     },
     image_src1: {
       type: String,
       default: '/playground_assets/bellucci-200h.png',
     },
-    image_alt1: {
+    image_alt: {
       type: String,
       default: 'image',
     },
@@ -133,9 +133,9 @@ export default {
   },
   data() {
     return {
-      raw7cpj: ' ',
+      rawt6q8: ' ',
-      rawr5kv: ' ',
+      raw5nnj: ' ',
-      rawuflu: ' ',
+      rawrz2w: ' ',
     }
   },
 }

src/components/row2.vue

@@ -89,38 +89,38 @@
 export default {
   name: 'Row2',
   props: {
+    Header3: {
+      type: String,
+      default: 'Wärter/in & Bunkerelektrik',
+    },
+    Header: {
+      type: String,
+      default: 'Dr. Jankovic',
+    },
+    Header2: {
+      type: String,
+      default: 'Krüger',
+    },
     image_src: {
       type: String,
       default: '/playground_assets/jankovic-200h.png',
     },
+    Header1: {
+      type: String,
+      default: 'Arzt/Ärztin',
+    },
     image_alt: {
       type: String,
       default: 'image',
     },
+    image_alt1: {
+      type: String,
+      default: 'image',
+    },
     image_src1: {
       type: String,
       default: '/playground_assets/krueger-min-200h.png',
     },
-    image_alt1: {
-      type: String,
-      default: 'image',
-    },
-    Header: {
-      type: String,
-      default: 'Dr. Jankovic',
-    },
-    Header1: {
-      type: String,
-      default: 'Arzt/Ärztin',
-    },
-    Header2: {
-      type: String,
-      default: 'Krüger',
-    },
-    Header3: {
-      type: String,
-      default: 'Wärter/in & Bunkerelektrik',
-    },
   },
 }
 </script>

src/components/row3.vue

@@ -54,6 +54,29 @@
 export default {
   name: 'Row3',
   props: {
+    text1: {
+      type: String,
+      default:
+        'Hagiro ist bekannt für einen konsequenten Gerechtigkeitssinn und für einen Raucherhusten. Hagiro ist streng zu den Häftlingen und freundlich zu den anderen.',
+    },
+    image_src1: {
+      type: String,
+      default: '/playground_assets/hagiro-200h.png',
+    },
+    text11: {
+      type: String,
+      default:
+        'Hagiro ist mit 7 Jahren Dienst am längsten im Gefängnis Schwarzbach. Hagiro setzt die Massnahmen von Fortier rigoros durch, zögert aber auch nicht die Meinung zu äussern, wenn Hagiro etwas missfällt. Da Hagiro mehr als doppelt so lang im Gefängnis arbeitete hilft Hagiro Fortier mit Wissen, das in den Akten nicht zu finden ist.',
+    },
+    image_alt1: {
+      type: String,
+      default: 'image',
+    },
+    text: {
+      type: String,
+      default:
+        'Schmidt ist bekannt dafür, unangenehme Fragen zu stellen und geht eher grob mit den Häftlingen um. Dafür hat niemand die Aufgaben des Zeugwarts besser im Griff als Schmidt.',
+    },
     image_src: {
       type: String,
       default: '/playground_assets/schmidt-min-200h.png',
@@ -62,13 +85,10 @@ export default {
       type: String,
       default: 'image',
     },
-    image_src1: {
+    text2: {
       type: String,
-      default: '/playground_assets/hagiro-200h.png',
+      default:
-    },
+        'Wärter Schmidt arbeitet seit 3 Jahren im Gefängnis Schwarzbach. Schmidt kam ziemlich zeitgleich mit Fortier zu der Stelle. Schmidt ist Zeugwart und damit verantwortlich für die Lagerung und Wartung der Materialien, Werkzeuge, Geräte und Waffen des Gefängnisses. Schmidt nutzt die Häftlinge um diese zu warten und zu reinigen. Wenn Krüger mit Häftlingen etwas an der Elektrik arbeiten möchte braucht Krüger die Werkzeuge von Schmidt.',
-    image_alt1: {
-      type: String,
-      default: 'image',
     },
     Header: {
       type: String,
@@ -78,26 +98,6 @@ export default {
       type: String,
       default: 'Hagiro',
     },
-    text: {
-      type: String,
-      default:
-        'Schmidt ist bekannt dafür, unangenehme Fragen zu stellen und geht eher grob mit den Häftlingen um. Dafür hat niemand die Aufgaben des Zeugwarts besser im Griff als Schmidt.',
-    },
-    text1: {
-      type: String,
-      default:
-        'Hagiro ist bekannt für einen konsequenten Gerechtigkeitssinn und für einen Raucherhusten. Hagiro ist streng zu den Häftlingen und freundlich zu den anderen.',
-    },
-    text2: {
-      type: String,
-      default:
-        'Wärter Schmidt arbeitet seit 3 Jahren im Gefängnis Schwarzbach. Schmidt kam ziemlich zeitgleich mit Fortier zu der Stelle. Schmidt ist Zeugwart und damit verantwortlich für die Lagerung und Wartung der Materialien, Werkzeuge, Geräte und Waffen des Gefängnisses. Schmidt nutzt die Häftlinge um diese zu warten und zu reinigen. Wenn Krüger mit Häftlingen etwas an der Elektrik arbeiten möchte braucht Krüger die Werkzeuge von Schmidt.',
-    },
-    text11: {
-      type: String,
-      default:
-        'Hagiro ist mit 7 Jahren Dienst am längsten im Gefängnis Schwarzbach. Hagiro setzt die Massnahmen von Fortier rigoros durch, zögert aber auch nicht die Meinung zu äussern, wenn Hagiro etwas missfällt. Da Hagiro mehr als doppelt so lang im Gefängnis arbeitete hilft Hagiro Fortier mit Wissen, das in den Akten nicht zu finden ist.',
-    },
   },
 }
 </script>

src/components/row4.vue

@@ -55,55 +55,55 @@
 export default {
   name: 'Row4',
   props: {
-    image_src: {
+    text3: {
       type: String,
-      default: '/playground_assets/rodriguez-min-200h.png',
+      default:
-    },
+        'Rodriguez ist bekannt für eine raue aber zuvorkommende Art. Wegen dem Mord vor drei Jahren verlor Rodriguez aber bei den meisten das Vertrauen.',
-    image_alt: {
-      type: String,
-      default: 'image',
-    },
-    image_src1: {
-      type: String,
-      default: '/playground_assets/collins-200h.png',
-    },
-    image_alt1: {
-      type: String,
-      default: 'image',
-    },
-    Header: {
-      type: String,
-      default: 'Rodriguez',
-    },
-    Header1: {
-      type: String,
-      default: 'Collins',
     },
     text: {
       type: String,
       default:
         'Rodriguez war vor dem Gefängnis Handwerker/in und arbeitete auch 3 Jahre in der Gefängnisschreinerei. Rodriguez ist daher besonders geeignet, mechanische Apparaturen zu reparieren.',
     },
-    text1: {
+    image_src1: {
       type: String,
-      default:
+      default: '/playground_assets/collins-200h.png',
-        'Collins ist bekannt für eine reservierte Art und eine kurze Lunte wenn Collins provoziert wird. Ansonsten schluckt Collins die Unannehmlichkeiten im Bunker runter und spielt Karten mit Krüger und Prof. Dr. Jenatsch.',
+    },
+    Header1: {
+      type: String,
+      default: 'Collins',
     },
     text11: {
       type: String,
       default:
         'Collins ist bereits seit 6 Jahren im Gefängnis und damit von den Häftlingen am längsten da. Bevor alle im Bunker waren hörte man selten was von Collins. Collins war nicht jemand, der Krawall machte. Doch seit sie im Bunker sind, hat Collins immer wieder Ärger mit den Wärtern. Collins bezweifelt, dass es Zufall ist, dass Collins die meisten anstrengenden Aufgaben übernehmen muss. Collins war nach eigenen Berechnungen schon mindestens fünf mal länger an der Lüftungskurbel als alle anderen.',
     },
+    image_src: {
+      type: String,
+      default: '/playground_assets/rodriguez-min-200h.png',
+    },
+    text1: {
+      type: String,
+      default:
+        'Collins ist bekannt für eine reservierte Art und eine kurze Lunte wenn Collins provoziert wird. Ansonsten schluckt Collins die Unannehmlichkeiten im Bunker runter und spielt Karten mit Krüger und Prof. Dr. Jenatsch.',
+    },
+    Header: {
+      type: String,
+      default: 'Rodriguez',
+    },
+    image_alt1: {
+      type: String,
+      default: 'image',
+    },
+    image_alt: {
+      type: String,
+      default: 'image',
+    },
     text2: {
       type: String,
       default:
         'Rodriguez (gesprochen "Rodrigess") sitzt seit 5 Jahren im Gefängnis Schwarzbach. Eigentlich hätte Rodriguez letztes Jahr entlassen werden sollen, doch vor 2 Jahren brachte Rodriguez den Häftling Sadowski (gesprochen "Sadofski") um, indem Rodriguez die medizinischen Instrumente von Jankovic manipulierte, sodass Sadowski an einer Überdosis Opioide starb. Deswegen sitzte Rodriguez 3 Jahre lang in Isolationshaft bis die Sirenen losheulten.',
     },
-    text3: {
-      type: String,
-      default:
-        'Rodriguez ist bekannt für eine raue aber zuvorkommende Art. Wegen dem Mord vor drei Jahren verlor Rodriguez aber bei den meisten das Vertrauen.',
-    },
   },
 }
 </script>

src/components/row5.vue

@@ -75,7 +75,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="rawpzde"></span>
+          <span v-html="raw90ev"></span>
         </span>
         <span>Ab und zu spielt Jenatsch Karten mit Collins und Krüger.</span>
         <br />
@@ -95,34 +95,34 @@
 export default {
   name: 'Row5',
   props: {
-    image_src: {
+    Header: {
       type: String,
-      default: '/playground_assets/lindbeck-200h.png',
+      default: 'Lindbeck ',
-    },
-    image_alt: {
-      type: String,
-      default: 'image',
-    },
-    image_src1: {
-      type: String,
-      default: '/playground_assets/jenatsch-min-200h.png',
     },
     image_alt1: {
       type: String,
       default: 'image',
     },
-    Header: {
+    image_src: {
       type: String,
-      default: 'Lindbeck ',
+      default: '/playground_assets/lindbeck-200h.png',
     },
     Header1: {
       type: String,
       default: 'Prof. Dr. Jenatsch',
     },
+    image_src1: {
+      type: String,
+      default: '/playground_assets/jenatsch-min-200h.png',
+    },
+    image_alt: {
+      type: String,
+      default: 'image',
+    },
   },
   data() {
     return {
-      rawpzde: ' ',
+      raw90ev: ' ',
     }
   },
 }

src/components/row6.vue

@@ -58,42 +58,26 @@
 export default {
   name: 'Row6',
   props: {
-    image_src: {
-      type: String,
-      default: '/playground_assets/sartre-200h.png',
-    },
-    image_alt: {
-      type: String,
-      default: 'image',
-    },
-    image_src1: {
-      type: String,
-      default: '/playground_assets/pavone-200h.png',
-    },
-    image_alt1: {
-      type: String,
-      default: 'image',
-    },
-    Header: {
-      type: String,
-      default: 'Wm Sartre',
-    },
     text: {
       type: String,
       default:
         'Sartre ist bekannt dafür, eine besorgte Mimik zu haben. Sartres Redensweise ist trotzdem befehlerisch.',
     },
+    image_src1: {
+      type: String,
+      default: '/playground_assets/pavone-200h.png',
+    },
     text1: {
       type: String,
       default:
         'Wm (Wachtmeister [militärische Ränge sind Geschlechtsneutral], das ist ein Unteroffiziersrang) Sartre kam mit Pavone in den Bunker. Sartre leitet Pavone an und integriert sich und Pavone auch bei dem Rest der Bunkerbesatzung. Sartre bespricht sich gelegentlich mit Fortier.',
     },
-    text2: {
+    text3: {
       type: String,
       default:
         '(Nur ein paar Charaktere wissen mehr zu diesem Charakter, entsprechend steht hier wenig.)',
     },
-    text3: {
+    text2: {
       type: String,
       default:
         '(Nur ein paar Charaktere wissen mehr zu diesem Charakter, entsprechend steht hier wenig.)',
@@ -103,11 +87,27 @@ export default {
       default:
         'Sdt (Soldat [militärische Ränge sind Geschlechtsneutral]) Pavone brachte das militärische Funkgerät in den Bunker, das Pavone mit Sartre bedient. Pavone bittet immer wieder Häftlinge um bei der Bedienung des Funkgeräts zu helfen.',
     },
+    image_src: {
+      type: String,
+      default: '/playground_assets/sartre-200h.png',
+    },
     text32: {
       type: String,
       default:
         'Pavone wirkt unruhig, hat aber eine freundliche Art und bestechenden Charme.',
     },
+    image_alt1: {
+      type: String,
+      default: 'image',
+    },
+    image_alt: {
+      type: String,
+      default: 'image',
+    },
+    Header: {
+      type: String,
+      default: 'Wm Sartre',
+    },
   },
 }
 </script>

src/components/veranstaltungen-liste.vue

@@ -12,7 +12,7 @@
           0 von 15 Plätzen frei
         </p>
         <p class="veranstaltungen-liste-warteliste event-location">
-          0 Personen in Warteliste
+          1 Person in Warteliste
         </p>
       </div>
     </div>
@@ -81,7 +81,7 @@ export default {
   props: {
     Plaetze4: {
       type: String,
-      default: '11 von 15 Plätzen frei (Stand: 12.02.2023)',
+      default: '11 von 15 Plätzen frei (Stand: 03.03.2023)',
     },
     Run1: {
       type: String,
@@ -183,6 +183,7 @@ export default {
   text-align: left;
 }
 
+
 @media(max-width: 767px) {
   .veranstaltungen-liste-veranstaltungen-liste {
     flex-wrap: wrap;

src/router.js

@@ -2,6 +2,7 @@ import Vue from 'vue'
 import Router from 'vue-router'
 import Meta from 'vue-meta'
 
+import Bologna from './views/bologna'
 import SsseTrume from './views/ssse-trume'
 import Larpkonzept from './views/larpkonzept'
 import EinOrdenFrEineGuteTat from './views/ein-orden-fr-eine-gute-tat'
@@ -15,6 +16,11 @@ Vue.use(Meta)
 export default new Router({
   mode: 'history',
   routes: [
+    {
+      name: 'Bologna',
+      path: '/bologna',
+      component: Bologna,
+    },
     {
       name: 'Ssse-Trume',
       path: '/suesse-traeume',

src/views/bologna.vue

@@ -0,0 +1,110 @@
+<template>
+  <div class="bologna-container">
+    <app-navigation rootClassName="navigation-root-class-name6"></app-navigation>
+    <span class="site-title">
+      <span>Bologna meine Stadt</span>
+      <br />
+    </span>
+    <span class="bologna-caption1">
+      <span>Nunc est bibendum</span>
+      <br />
+    </span>
+    <div class="bologna-container1">
+      <a
+        href="https://forms.gle/szigMcMga1hRrxh89"
+        target="_blank"
+        rel="noreferrer noopener"
+        class="bologna-link"
+      >
+        <div class="bologna-geheim button">
+          <span class="bologna-geheim1">Geheim</span>
+        </div>
+      </a>
+    </div>
+    <app-kontakt></app-kontakt>
+  </div>
+</template>
+
+<script>
+import AppNavigation from '../components/navigation'
+import AppKontakt from '../components/kontakt'
+
+export default {
+  name: 'Bologna',
+  components: {
+    AppNavigation,
+    AppKontakt,
+  },
+  metaInfo: {
+    title: 'Bologna',
+    meta: [
+      {
+        property: 'og:title',
+        content: 'Bologna',
+      },
+    ],
+  },
+}
+</script>
+
+<style scoped>
+.bologna-container {
+  width: 100%;
+  display: flex;
+  overflow: auto;
+  min-height: 100vh;
+  overflow-x: hidden;
+  align-items: center;
+  flex-direction: column;
+  background-size: cover;
+  background-image: url("/playground_assets/forest-background-luca-dross-1500w.jpg");
+}
+.bologna-caption1 {
+  color: rgb(255, 255, 255);
+  font-size: 20px;
+  font-family: Fira Sans;
+  line-height: 30px;
+}
+.bologna-container1 {
+  gap: var(--dl-space-space-twounits);
+  flex: 0 0 auto;
+  width: 100%;
+  height: auto;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+}
+.bologna-link {
+  display: contents;
+}
+.bologna-geheim {
+  width: 200px;
+}
+.bologna-geheim1 {
+  color: rgb(12, 16, 12);
+  font-size: 20px;
+  font-style: normal;
+  font-family: Poppins;
+  font-weight: 500;
+  line-height: 24px;
+}
+@media(max-width: 991px) {
+  .bologna-caption1 {
+    text-align: left;
+  }
+}
+@media(max-width: 767px) {
+  .bologna-caption1 {
+    color: rgb(255, 255, 255);
+    font-size: 16px;
+    font-family: Poppins;
+    line-height: 24px;
+  }
+}
+@media(max-width: 479px) {
+  .bologna-caption1 {
+    font-family: Poppins;
+  }
+}
+</style>

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="rawmdg1"></span>
+          <span v-html="rawgmez"></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="raw5brq"></span>
+          <span v-html="rawxdgo"></span>
         </span>
         <br class="larpkonzept-text39" />
         <br class="larpkonzept-text40" />
@@ -192,8 +192,8 @@ export default {
   },
   data() {
     return {
-      rawmdg1: ' ',
+      rawgmez: ' ',
-      raw5brq: ' ',
+      rawxdgo: ' ',
     }
   },
   metaInfo: {

src/views/letzte-gelegenheit.vue

@@ -98,7 +98,7 @@
                   <br />
                   <span>
                      ·
-                    <span v-html="rawyunn"></span>
+                    <span v-html="raw234g"></span>
                   </span>
                   <span>
                     Intensive Momente und Emotionen ermöglichen, die in Erinnerung
@@ -108,7 +108,7 @@
                   <br />
                   <span>
                      ·
-                    <span v-html="rawc4yw"></span>
+                    <span v-html="rawa1bt"></span>
                   </span>
                   <span>
                     Persönliche Auseinandersetzungen der Spieler mit nicht
@@ -119,7 +119,7 @@
                   <br />
                   <span>
                      ·
-                    <span v-html="raweuve"></span>
+                    <span v-html="raw3y8g"></span>
                   </span>
                   <span>
                     Interne Charakterentwicklung oder -verfestigung durch externe
@@ -129,14 +129,14 @@
                   <br />
                   <span>
                      ·
-                    <span v-html="raw12x5"></span>
+                    <span v-html="rawu4b8"></span>
                   </span>
                   <span>Dilemmata mit sich selbst und mit anderen.</span>
                   <br />
                   <br />
                   <span>
                      ·
-                    <span v-html="rawahtb"></span>
+                    <span v-html="rawjwi4"></span>
                   </span>
                   <span>
                     Weder dauernder Zusammenhalt noch konstanter Konflikt, sondern
@@ -345,7 +345,7 @@
                   <br />
                   <span>
                     Wir werden das
-                    <span v-html="rawc6cw"></span>
+                    <span v-html="rawy8wx"></span>
                   </span>
                   <router-link
                     to="/larpkonzept"
@@ -646,7 +646,7 @@
                   <br />
                   <span>
                     Parkplatz:
-                    <span v-html="rawwz5a"></span>
+                    <span v-html="raw6x6d"></span>
                   </span>
                   <a
                     href="https://goo.gl/maps/KgqAwRdw8pJSdmjTA"
@@ -1428,13 +1428,13 @@ export default {
   },
   data() {
     return {
-      rawyunn: ' ',
+      raw234g: ' ',
-      rawc4yw: ' ',
+      rawa1bt: ' ',
-      raweuve: ' ',
+      raw3y8g: ' ',
-      raw12x5: ' ',
+      rawu4b8: ' ',
-      rawahtb: ' ',
+      rawjwi4: ' ',
-      rawc6cw: ' ',
+      rawy8wx: ' ',
-      rawwz5a: ' ',
+      raw6x6d: ' ',
     }
   },
   metaInfo: {

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="rawp6vt"></span>
+          <span v-html="rawuh2g"></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="rawg3cq"></span>
+          <span v-html="raw1a4k"></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="rawfdrn"></span>
+          <span v-html="rawbrca"></span>
         </span>
       </span>
     </div>
@@ -307,9 +307,9 @@ export default {
   },
   data() {
     return {
-      rawp6vt: ' ',
+      rawuh2g: ' ',
-      rawg3cq: ' ',
+      raw1a4k: ' ',
-      rawfdrn: ' ',
+      rawbrca: ' ',
     }
   },
   metaInfo: {

src/views/ssse-trume.vue

@@ -59,8 +59,8 @@
         rel="noreferrer noopener"
         class="ssse-trume-link2"
       >
-        <div class="ssse-trume-infos-s-c button">
+        <div class="ssse-trume-infos-sc button">
-          <span class="ssse-trume-infos-s-c1">
+          <span class="ssse-trume-infos-sc1">
             <span>Infos SC</span>
             <br />
           </span>
@@ -193,10 +193,10 @@ export default {
 .ssse-trume-link2 {
   display: contents;
 }
-.ssse-trume-infos-s-c {
+.ssse-trume-infos-sc {
   width: 200px;
 }
-.ssse-trume-infos-s-c1 {
+.ssse-trume-infos-sc1 {
   color: rgb(12, 16, 12);
   font-size: 20px;
   font-style: normal;