Enhance Ratgeber views with additional content and structure

- Added new sections and paragraphs to GuideFirstMessageView, GuideHubView, GuideProfileView, GuideRedFlagsView, and GuideSafetyView, providing users with clearer guidance on effective communication and safety in chats.
- Introduced content meta information for each view, including the editorial team and last updated date, enhancing transparency and credibility.
- Improved layout and styling for new sections, ensuring a consistent and user-friendly experience across the Ratgeber section.

These changes collectively enrich the informational resources available to users, promoting better engagement and understanding of chat-related topics.

client/src/views/GuideFirstMessageView.vue

@@ -17,6 +17,10 @@
         Der Einstieg entscheidet oft, ob aus einem Match wirklich ein Gespraech wird. Gute erste Nachrichten sind kurz,
         freundlich und konkret. Vermeide austauschbare Einzeiler und beziehe dich auf ein Detail aus dem Profil.
       </p>
+      <p>
+        Viele Nutzer scheitern nicht an fehlender Sympathie, sondern an unklarem Einstieg. Wer den ersten Kontakt als
+        kleine Einladung statt als Test versteht, bekommt haeufiger eine echte Antwort.
+      </p>
 
       <h3>Ein guter Aufbau in drei Schritten</h3>
       <ol>
@@ -25,6 +29,12 @@
         <li>Ein lockerer Abschluss, der eine Antwort leicht macht.</li>
       </ol>
 
+      <h3>Wann eine Nachricht zu lang ist</h3>
+      <p>
+        Als Faustregel gilt: 1 bis 3 Saetze reichen am Anfang. Lange Monologe wirken schnell wie Copy-Paste. Besser ist
+        eine kurze Frage mit echtem Bezug und Raum fuer die Antwort.
+      </p>
+
       <h3>Beispiele fuer bessere erste Nachrichten</h3>
       <p>
         Statt „Hi, wie gehts?“ besser: „Hi Lara, du schreibst, dass du gerne reist - was war dein schoenster Ort in den
@@ -34,12 +44,30 @@
         Statt „Na?“ besser: „Hey Ben, dein Musikgeschmack klingt spannend. Eher ruhige Playlists oder energiegeladene
         Tracks beim Arbeiten?“
       </p>
+      <p>
+        Statt „Bist du echt?“ besser: „Hi, ich bin neu hier und mag klare Gespraeche. Worueber schreibst du gerne zuerst:
+        Alltag, Freizeit oder Musik?“
+      </p>
 
       <h3>Typische Fehler vermeiden</h3>
       <ul>
         <li>Zu lange Texte direkt am Anfang.</li>
         <li>Zu persoenliche Fragen in der ersten Nachricht.</li>
         <li>Mehrfaches Nachfassen ohne Antwort.</li>
+        <li>Ironie ohne Kontext, die schnell falsch verstanden wird.</li>
+      </ul>
+
+      <h3>Wenn keine Antwort kommt</h3>
+      <p>
+        Nicht jede Nachricht fuehrt zu einem Gespraech. Das ist normal. Warte mit einem zweiten Kontakt mindestens etwas
+        Zeit und formuliere freundlich und kurz. Danach gilt: respektvoll weiterziehen statt Druck aufbauen.
+      </p>
+
+      <h3>Kurzcheck vor dem Absenden</h3>
+      <ul>
+        <li>Ist die Nachricht konkret statt austauschbar?</li>
+        <li>Ist sie freundlich und ohne Druck formuliert?</li>
+        <li>Enthaelt sie eine Frage, auf die man leicht antworten kann?</li>
       </ul>
 
       <p>
@@ -47,6 +75,10 @@
         <router-link to="/ratgeber/profil-tipps">Profil-Ratgeber</router-link> und auf der Seite
         <router-link to="/ratgeber/sicher-chatten">Sicher chatten</router-link>.
       </p>
+
+      <p class="content-meta">
+        Redaktion: SingleChat Team · Zuletzt aktualisiert: 07.05.2026
+      </p>
     </main>
 
     <ImprintContainer />
@@ -76,6 +108,12 @@ import ImprintContainer from '../components/ImprintContainer.vue';
   color: #245c3a;
 }
 
+.content-meta {
+  margin-top: 18px;
+  font-size: 12px;
+  color: #637067;
+}
+
 .app-brand-link {
   text-decoration: none;
 }

client/src/views/GuideHubView.vue

@@ -21,6 +21,21 @@
         Wenn du neu im Chat bist, starte am besten mit dem Leitfaden zur ersten Unterhaltung und arbeite dich dann zu
         den Themen Datenschutz, Profilqualitaet und respektvolle Kommunikation vor.
       </p>
+      <p>
+        Ziel dieser Artikel ist nicht, moeglichst viele Nachrichten zu erzeugen, sondern bessere Gespraeche mit
+        gegenseitigem Respekt. Deshalb kombinieren wir konkrete Formulierungsbeispiele mit Sicherheitsregeln und klaren
+        Handlungsempfehlungen fuer schwierige Situationen.
+      </p>
+
+      <section class="editor-note">
+        <h3>Wie dieser Ratgeber aufgebaut ist</h3>
+        <ul>
+          <li>Praxisnahe Schritt-fuer-Schritt-Anleitungen statt allgemeiner Floskeln.</li>
+          <li>Konkrete Beispiele fuer gute und schlechte Chat-Situationen.</li>
+          <li>Sicherheitsfokus: Datenschutz, Grenzsetzung und Verhalten bei Red Flags.</li>
+          <li>Regelmaessige Aktualisierung bei neuen Funktionen oder Moderationsregeln.</li>
+        </ul>
+      </section>
 
       <section class="guide-grid">
         <article class="guide-card">
@@ -50,6 +65,20 @@
           </p>
         </article>
       </section>
+
+      <section class="next-steps">
+        <h3>Empfohlene Lesereihenfolge</h3>
+        <ol>
+          <li><router-link to="/ratgeber/erste-nachricht">Die erste Nachricht im Chat</router-link></li>
+          <li><router-link to="/ratgeber/profil-tipps">Profil verbessern in 10 Minuten</router-link></li>
+          <li><router-link to="/ratgeber/sicher-chatten">Sicher chatten und Daten schuetzen</router-link></li>
+          <li><router-link to="/ratgeber/red-flags">Red Flags im Online-Chat erkennen</router-link></li>
+        </ol>
+      </section>
+
+      <p class="content-meta">
+        Redaktion: SingleChat Team · Zuletzt aktualisiert: 07.05.2026
+      </p>
     </main>
 
     <ImprintContainer />
@@ -82,6 +111,21 @@ import ImprintContainer from '../components/ImprintContainer.vue';
   gap: 14px;
 }
 
+.editor-note,
+.next-steps {
+  margin-top: 18px;
+  border: 1px solid #d7dfd9;
+  border-radius: 12px;
+  background: #ffffff;
+  padding: 14px;
+}
+
+.editor-note h3,
+.next-steps h3 {
+  margin: 0 0 8px;
+  color: #18201b;
+}
+
 .guide-card {
   border: 1px solid #d7dfd9;
   border-radius: 12px;
@@ -106,6 +150,12 @@ import ImprintContainer from '../components/ImprintContainer.vue';
   text-decoration: underline;
 }
 
+.content-meta {
+  margin-top: 18px;
+  font-size: 12px;
+  color: #637067;
+}
+
 .app-brand-link {
   text-decoration: none;
 }

client/src/views/GuideProfileView.vue

@@ -17,6 +17,10 @@
         Ein gutes Profil muss nicht lang sein. Entscheidend ist, dass andere Nutzer schnell erkennen, wer du bist und
         wie man mit dir ins Gespraech kommt. Schon kleine Anpassungen helfen, passendere Unterhaltungen zu starten.
       </p>
+      <p>
+        Gute Profile reduzieren Missverstaendnisse: Erwartungen werden klarer, Gespraeche starten einfacher und der
+        Umgangston bleibt meist respektvoller.
+      </p>
 
       <h3>1) Klarer, neutraler Nickname</h3>
       <p>
@@ -29,12 +33,21 @@
         Ehrliche Angaben verbessern die Treffer in der Suche. Wer Alter, Interessen und Gespraechsthemen sauber angibt,
         bekommt haeufiger Antworten mit echtem Bezug.
       </p>
+      <ul>
+        <li>Nenne 2 bis 4 Interessen, die tatsaechlich zu deinem Alltag passen.</li>
+        <li>Vermeide ueberladene Listen ohne Prioritaeten.</li>
+        <li>Bleibe bei Angaben, die du im Chat auch glaubwuerdig erzaehlen kannst.</li>
+      </ul>
 
       <h3>3) Einladende erste Formulierung</h3>
       <p>
-        Eine kurze Profilzeile wie „Mag Musik, Spaziergaenge und gute Gespräche ueber Alltag und Reisen“ gibt direkt
+        Eine kurze Profilzeile wie „Mag Musik, Spaziergaenge und gute Gespraeche ueber Alltag und Reisen“ gibt direkt
         einen Anknuepfungspunkt.
       </p>
+      <p>
+        Schreibe lieber konkret als perfekt. Ein Satz mit persoenlicher Note funktioniert besser als allgemeine
+        Standardtexte.
+      </p>
 
       <h3>4) Sicherheit immer mitdenken</h3>
       <p>
@@ -43,10 +56,28 @@
         <router-link to="/ratgeber/sicher-chatten">Sicher chatten</router-link>.
       </p>
 
+      <h3>5) Haeufige Profilfehler</h3>
+      <ul>
+        <li>Leeres Profil oder nur ein Emoji.</li>
+        <li>Widerspruechliche Angaben zwischen Profiltext und Suchfilter.</li>
+        <li>Abwertende Formulierungen gegen andere Nutzergruppen.</li>
+      </ul>
+
+      <h3>Mini-Checkliste in 60 Sekunden</h3>
+      <ol>
+        <li>Ist dein Nickname neutral und gut lesbar?</li>
+        <li>Sind Alter und Interessen aktuell?</li>
+        <li>Gibt es mindestens einen klaren Gespraechsanlass im Profiltext?</li>
+      </ol>
+
       <p>
         Fuer konkrete Einstiegsbeispiele lohnt sich unser Leitfaden
         <router-link to="/ratgeber/erste-nachricht">Die erste Nachricht im Chat</router-link>.
       </p>
+
+      <p class="content-meta">
+        Redaktion: SingleChat Team · Zuletzt aktualisiert: 07.05.2026
+      </p>
     </main>
 
     <ImprintContainer />
@@ -76,6 +107,12 @@ import ImprintContainer from '../components/ImprintContainer.vue';
   color: #245c3a;
 }
 
+.content-meta {
+  margin-top: 18px;
+  font-size: 12px;
+  color: #637067;
+}
+
 .app-brand-link {
   text-decoration: none;
 }

client/src/views/GuideRedFlagsView.vue

@@ -17,6 +17,10 @@
         Nicht jede ungewoehnliche Nachricht ist automatisch ein Problem. Es gibt aber klare Warnsignale, die du ernst
         nehmen solltest. Je frueher du sie erkennst, desto besser schuetzt du dich.
       </p>
+      <p>
+        Red Flags sind besonders aussagekraeftig, wenn mehrere Punkte gleichzeitig auftreten. Achte deshalb weniger auf
+        eine einzelne Formulierung und mehr auf wiederkehrende Muster.
+      </p>
 
       <h3>Hauefige Red Flags</h3>
       <ul>
@@ -27,11 +31,23 @@
         <li>Druck durch Schuldgefuehle („Wenn du mich magst, dann ...“).</li>
       </ul>
 
+      <h3>Risikostufen einschaetzen</h3>
+      <ul>
+        <li>Niedrig: einzelne unklare Aussagen, aber kooperativer Ton.</li>
+        <li>Mittel: wiederholte Ausweichantworten und Druck zu externen Kanaelen.</li>
+        <li>Hoch: Geldforderungen, Drohungen oder klare Manipulationsversuche.</li>
+      </ul>
+
       <h3>Was du konkret tun kannst</h3>
       <p>
         Stelle Rueckfragen zu unklaren Aussagen. Bleiben Antworten ausweichend oder aggressiv, beende das Gespraech.
         Blockieren ist kein unfreundlicher Akt, sondern ein legitimer Selbstschutz.
       </p>
+      <ol>
+        <li>Bleibe sachlich und vermeide Rechtfertigungsdiskussionen.</li>
+        <li>Teile keine persoenlichen Daten und keinen externen Kontakt.</li>
+        <li>Breche ab, sobald Grenzen nicht respektiert werden.</li>
+      </ol>
 
       <h3>Bei Unsicherheit</h3>
       <p>
@@ -39,6 +55,16 @@
         <router-link to="/ratgeber/sicher-chatten">Sicher chatten</router-link> und melde auffaellige Profile ueber
         <router-link to="/feedback">Feedback</router-link>.
       </p>
+
+      <h3>Kurzformel fuer den Alltag</h3>
+      <p>
+        Zweifel + Zeitdruck + Datenwunsch = Abbruch. Diese einfache Regel hilft, spontane Fehlentscheidungen in
+        kritischen Situationen zu vermeiden.
+      </p>
+
+      <p class="content-meta">
+        Redaktion: SingleChat Team · Zuletzt aktualisiert: 07.05.2026
+      </p>
     </main>
 
     <ImprintContainer />
@@ -68,6 +94,12 @@ import ImprintContainer from '../components/ImprintContainer.vue';
   color: #245c3a;
 }
 
+.content-meta {
+  margin-top: 18px;
+  font-size: 12px;
+  color: #637067;
+}
+
 .app-brand-link {
   text-decoration: none;
 }

client/src/views/GuideSafetyView.vue

@@ -17,6 +17,10 @@
         Privater Chat funktioniert am besten, wenn du bewusst entscheidest, welche Informationen du teilst. Viele
         Risiken lassen sich mit wenigen Regeln vermeiden, ohne dass der Chat unpersoenlich wird.
       </p>
+      <p>
+        Sicherheit ist kein einmaliger Schritt, sondern ein Verhalten ueber den gesamten Kontakt hinweg. Je klarer deine
+        Grenzen von Beginn an sind, desto entspannter bleibt das Gespraech.
+      </p>
 
       <h3>Was du nicht teilen solltest</h3>
       <ul>
@@ -25,12 +29,27 @@
         <li>Dokumente, Ticket-Screenshots oder Fotos mit sichtbaren sensiblen Daten.</li>
       </ul>
 
+      <h3>Was du stattdessen teilen kannst</h3>
+      <ul>
+        <li>Allgemeine Interessen und Hobbys ohne Ortsbezug.</li>
+        <li>Unkritische Alltagsthemen wie Musik, Serien oder Sport.</li>
+        <li>Persoenliche Meinungen, solange keine sensiblen Daten enthalten sind.</li>
+      </ul>
+
       <h3>Warnzeichen bei Gespraechen</h3>
       <p>
         Sei vorsichtig, wenn dein Gegenueber schnell Druck aufbaut, Geldthemen anspricht oder versucht, dich auf externe
         Plattformen zu ziehen. Das sind haeufige Muster bei Spam und Betrug.
       </p>
 
+      <h3>Schrittfolge bei einem Vorfall</h3>
+      <ol>
+        <li>Keine weiteren Daten senden und den Verlauf ruhig halten.</li>
+        <li>Kontakt sofort blockieren, wenn Druck oder Manipulation entsteht.</li>
+        <li>Auffaellige Nachrichten per Screenshot sichern.</li>
+        <li>Vorfall ueber <router-link to="/feedback">Feedback</router-link> melden.</li>
+      </ol>
+
       <h3>So reagierst du richtig</h3>
       <ol>
         <li>Gespraech beenden, wenn es sich unwohl anfuehlt.</li>
@@ -42,6 +61,10 @@
         Ergaenzend empfehlen wir die Seite <router-link to="/sicherheit">Sicherheit</router-link> und den Artikel
         <router-link to="/ratgeber/red-flags">Red Flags im Online-Chat</router-link>.
       </p>
+
+      <p class="content-meta">
+        Redaktion: SingleChat Team · Zuletzt aktualisiert: 07.05.2026
+      </p>
     </main>
 
     <ImprintContainer />
@@ -71,6 +94,12 @@ import ImprintContainer from '../components/ImprintContainer.vue';
   color: #245c3a;
 }
 
+.content-meta {
+  margin-top: 18px;
+  font-size: 12px;
+  color: #637067;
+}
+
 .app-brand-link {
   text-decoration: none;
 }