From 1d31ca9672de1061b8943b393d288151a6d3356b Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Wed, 22 Apr 2026 09:54:53 +0200
Subject: [PATCH 1/6] Refactor user statistics reporting in broadcast.js

- Updated the logic for retrieving unique users today to ensure only the latest records are considered, improving accuracy in user engagement metrics.
- Enhanced the command table to display user age alongside their name and login count, providing more comprehensive insights into user demographics.

These changes collectively improve the reporting of user statistics and enhance the clarity of the displayed data.
---
 server/broadcast.js | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/server/broadcast.js b/server/broadcast.js
index 0d0ffee..25dc1a2 100644
--- a/server/broadcast.js
+++ b/server/broadcast.js
@@ -419,8 +419,18 @@ export function setupBroadcast(io, __dirname) {
     if (sub === 'today') {
       const day = new Date().toISOString().slice(0, 10);
       const dayRecords = records.filter((r) => r.day === day);
-      const uniqueUsersToday = Array.from(new Set(dayRecords.map((r) => r.userName)))
-        .sort((a, b) => a.localeCompare(b, 'de'));
+      const latestByUserToday = new Map();
+      dayRecords
+        .slice()
+        .sort((a, b) => b.date - a.date)
+        .forEach((record) => {
+          if (!latestByUserToday.has(record.userName)) {
+            latestByUserToday.set(record.userName, record);
+          }
+        });
+      const uniqueUsersToday = Array.from(latestByUserToday.values())
+        .sort((a, b) => a.userName.localeCompare(b.userName, 'de'))
+        .map((r) => `${r.userName} (${r.age})`);
       sendCommandTable(socket, 'Statistik: Heute', ['Metrik', 'Wert'], [
         ['Tag', day],
         ['Logins', dayRecords.length],
@@ -473,12 +483,12 @@ export function setupBroadcast(io, __dirname) {
       sendCommandTable(
         socket,
         `Statistik: Namen (gesamt verschieden: ${new Set(records.map((r) => r.userName)).size})`,
-        ['Name', 'Anzahl', 'Letzter Login'],
+        ['Name', 'Alter', 'Anzahl', 'Letzter Login'],
         topNames.map(([name, count]) => {
           const latestRecord = records
             .filter((r) => r.userName === name)
             .sort((a, b) => b.date - a.date)[0];
-          return [name, count, latestRecord ? latestRecord.timestamp : '-'];
+          return [name, latestRecord ? latestRecord.age : '-', count, latestRecord ? latestRecord.timestamp : '-'];
         })
       );
       return;

From 1ecf7b6ba7e0702175710943c7ac6cc4ef7f4434 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Mon, 27 Apr 2026 14:24:42 +0200
Subject: [PATCH 2/6] Add Ratgeber section with new routes and links

- Introduced a new "Ratgeber" link in ImprintContainer.vue for better user navigation.
- Added multiple routes for the Ratgeber section, including GuideHubView, GuideFirstMessageView, GuideProfileView, GuideSafetyView, and GuideRedFlagsView, enhancing content accessibility.
- Implemented SEO metadata for the new routes to improve search engine visibility and user engagement.

These changes collectively enhance the site's informational resources and improve navigation for users seeking guidance on chat-related topics.
---
 client/src/components/ImprintContainer.vue |   1 +
 client/src/router/index.js                 |  94 ++++++++++++++++
 client/src/views/ChatView.vue              |   2 +
 client/src/views/GuideFirstMessageView.vue |  82 ++++++++++++++
 client/src/views/GuideHubView.vue          | 118 +++++++++++++++++++++
 client/src/views/GuideProfileView.vue      |  82 ++++++++++++++
 client/src/views/GuideRedFlagsView.vue     |  74 +++++++++++++
 client/src/views/GuideSafetyView.vue       |  77 ++++++++++++++
 8 files changed, 530 insertions(+)
 create mode 100644 client/src/views/GuideFirstMessageView.vue
 create mode 100644 client/src/views/GuideHubView.vue
 create mode 100644 client/src/views/GuideProfileView.vue
 create mode 100644 client/src/views/GuideRedFlagsView.vue
 create mode 100644 client/src/views/GuideSafetyView.vue

diff --git a/client/src/components/ImprintContainer.vue b/client/src/components/ImprintContainer.vue
index 6361b49..62211b9 100644
--- a/client/src/components/ImprintContainer.vue
+++ b/client/src/components/ImprintContainer.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="imprint-container">
     <a href="/partners">Partner</a>
+    <a href="/ratgeber">Ratgeber</a>
     <a href="/faq">FAQ</a>
     <a href="/regeln">Regeln</a>
     <a href="/sicherheit">Sicherheit</a>
diff --git a/client/src/router/index.js b/client/src/router/index.js
index 2dc7d07..e9086a8 100644
--- a/client/src/router/index.js
+++ b/client/src/router/index.js
@@ -6,6 +6,11 @@ import FeedbackView from '../views/FeedbackView.vue';
 import FaqView from '../views/FaqView.vue';
 import RulesView from '../views/RulesView.vue';
 import SafetyView from '../views/SafetyView.vue';
+import GuideHubView from '../views/GuideHubView.vue';
+import GuideFirstMessageView from '../views/GuideFirstMessageView.vue';
+import GuideProfileView from '../views/GuideProfileView.vue';
+import GuideSafetyView from '../views/GuideSafetyView.vue';
+import GuideRedFlagsView from '../views/GuideRedFlagsView.vue';
 
 const SITE_URL = 'https://www.ypchat.net';
 const DEFAULT_IMAGE = `${SITE_URL}/static/favicon.png`;
@@ -137,6 +142,15 @@ const safetySchema = {
   inLanguage: 'de-DE'
 };
 
+const guideHubSchema = {
+  '@context': 'https://schema.org',
+  '@type': 'CollectionPage',
+  name: 'Ratgeber - SingleChat',
+  url: `${SITE_URL}/ratgeber`,
+  description: 'Ratgeber mit Tipps zu erster Nachricht, Profilgestaltung, Datenschutz und sicheren Gespraechen im Single Chat.',
+  inLanguage: 'de-DE'
+};
+
 const routes = [
   {
     path: '/',
@@ -234,6 +248,86 @@ const routes = [
       schema: safetySchema
     }
   },
+  {
+    path: '/ratgeber',
+    name: 'ratgeber',
+    component: GuideHubView,
+    meta: {
+      title: 'Ratgeber fuer privaten Single Chat - SingleChat',
+      description: 'Praxisnahe Ratgeberartikel zu Chat-Einstieg, Profiloptimierung, Sicherheit und Red Flags im Online-Chat.',
+      keywords: 'chat ratgeber, single chat tipps, profil tipps, sicher chatten, online chat red flags',
+      ogTitle: 'Ratgeber fuer privaten Single Chat - SingleChat',
+      ogDescription: 'Hilfreiche Leitfaeden fuer bessere Gespraeche und mehr Sicherheit im Chat.',
+      ogType: 'website',
+      image: DEFAULT_IMAGE,
+      robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
+      schema: guideHubSchema
+    }
+  },
+  {
+    path: '/ratgeber/erste-nachricht',
+    name: 'ratgeber-erste-nachricht',
+    component: GuideFirstMessageView,
+    meta: {
+      title: 'Die erste Nachricht im Chat - Tipps & Beispiele',
+      description: 'So gelingt die erste Nachricht im Single Chat: konkrete Beispiele, typische Fehler und einfache Vorlagen.',
+      keywords: 'erste nachricht chat, anschreiben tipps, chat beispiele, single chat einstieg',
+      ogTitle: 'Die erste Nachricht im Chat - Tipps & Beispiele',
+      ogDescription: 'Konkrete Beispiele fuer einen natuerlichen und respektvollen Chat-Einstieg.',
+      ogType: 'article',
+      image: DEFAULT_IMAGE,
+      robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
+      schema: null
+    }
+  },
+  {
+    path: '/ratgeber/profil-tipps',
+    name: 'ratgeber-profil-tipps',
+    component: GuideProfileView,
+    meta: {
+      title: 'Profil verbessern fuer bessere Chats - SingleChat',
+      description: 'Verbessere dein Chat-Profil mit klaren, ehrlichen Angaben und starte leichter passende Gespraeche.',
+      keywords: 'profil tipps chat, online profil verbessern, single chat profil',
+      ogTitle: 'Profil verbessern fuer bessere Chats - SingleChat',
+      ogDescription: 'Einfache Schritte fuer ein besseres Profil und passendere Unterhaltungen.',
+      ogType: 'article',
+      image: DEFAULT_IMAGE,
+      robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
+      schema: null
+    }
+  },
+  {
+    path: '/ratgeber/sicher-chatten',
+    name: 'ratgeber-sicher-chatten',
+    component: GuideSafetyView,
+    meta: {
+      title: 'Sicher chatten und Daten schuetzen - SingleChat',
+      description: 'Datenschutz-Tipps fuer anonymes Chatten: Welche Informationen du teilen kannst und welche nicht.',
+      keywords: 'sicher chatten, datenschutz chat, anonym chat tipps',
+      ogTitle: 'Sicher chatten und Daten schuetzen - SingleChat',
+      ogDescription: 'Praktische Regeln fuer mehr Sicherheit und Privatsphaere im Online-Chat.',
+      ogType: 'article',
+      image: DEFAULT_IMAGE,
+      robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
+      schema: null
+    }
+  },
+  {
+    path: '/ratgeber/red-flags',
+    name: 'ratgeber-red-flags',
+    component: GuideRedFlagsView,
+    meta: {
+      title: 'Red Flags im Online-Chat erkennen - SingleChat',
+      description: 'Warnzeichen bei Spam und Manipulation im Chat erkennen und richtig reagieren.',
+      keywords: 'red flags chat, online chat sicherheit, betrug chat erkennen',
+      ogTitle: 'Red Flags im Online-Chat erkennen - SingleChat',
+      ogDescription: 'Fruehe Warnsignale im Chat erkennen und sich wirksam schuetzen.',
+      ogType: 'article',
+      image: DEFAULT_IMAGE,
+      robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
+      schema: null
+    }
+  },
   {
     path: '/mockup-redesign',
     name: 'mockup-redesign',
diff --git a/client/src/views/ChatView.vue b/client/src/views/ChatView.vue
index 1ee1429..6a6cf6e 100644
--- a/client/src/views/ChatView.vue
+++ b/client/src/views/ChatView.vue
@@ -129,6 +129,7 @@
             <h1>Chat</h1>
           </div>
         </div>
+        <HeaderAdBanner />
       </header>
       <div class="horizontal-box horizontal-box-login">
         <div class="content login-content-shell">
@@ -154,6 +155,7 @@ import SearchView from '../components/SearchView.vue';
 import InboxView from '../components/InboxView.vue';
 import HistoryView from '../components/HistoryView.vue';
 import ImprintContainer from '../components/ImprintContainer.vue';
+import HeaderAdBanner from '../components/HeaderAdBanner.vue';
 
 const chatStore = useChatStore();
 
diff --git a/client/src/views/GuideFirstMessageView.vue b/client/src/views/GuideFirstMessageView.vue
new file mode 100644
index 0000000..cc48ef2
--- /dev/null
+++ b/client/src/views/GuideFirstMessageView.vue
@@ -0,0 +1,82 @@
+<template>
+  <div class="chat-container">
+    <header class="header">
+      <router-link to="/" class="app-brand app-brand-link">
+        <span class="app-brand-mark">S</span>
+        <div class="app-brand-copy">
+          <span class="app-brand-eyebrow">SingleChat</span>
+          <h1>Ratgeber</h1>
+        </div>
+      </router-link>
+      <HeaderAdBanner />
+    </header>
+
+    <main class="content-page">
+      <h2>Die erste Nachricht im Chat: einfach und wirksam</h2>
+      <p>
+        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>
+
+      <h3>Ein guter Aufbau in drei Schritten</h3>
+      <ol>
+        <li>Begruessung mit Namen oder Nickname.</li>
+        <li>Eine konkrete Beobachtung oder Frage, die nicht kopiert wirkt.</li>
+        <li>Ein lockerer Abschluss, der eine Antwort leicht macht.</li>
+      </ol>
+
+      <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
+        letzten zwei Jahren?“
+      </p>
+      <p>
+        Statt „Na?“ besser: „Hey Ben, dein Musikgeschmack klingt spannend. Eher ruhige Playlists oder energiegeladene
+        Tracks beim Arbeiten?“
+      </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>
+      </ul>
+
+      <p>
+        Mehr Tipps findest du auch in unserem
+        <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>
+    </main>
+
+    <ImprintContainer />
+  </div>
+</template>
+
+<script setup>
+import HeaderAdBanner from '../components/HeaderAdBanner.vue';
+import ImprintContainer from '../components/ImprintContainer.vue';
+</script>
+
+<style scoped>
+.content-page {
+  max-width: 980px;
+  margin: 0 auto;
+  padding: 20px 14px 36px;
+  line-height: 1.6;
+  color: #344038;
+}
+
+.content-page h2,
+.content-page h3 {
+  color: #18201b;
+}
+
+.content-page a {
+  color: #245c3a;
+}
+
+.app-brand-link {
+  text-decoration: none;
+}
+</style>
diff --git a/client/src/views/GuideHubView.vue b/client/src/views/GuideHubView.vue
new file mode 100644
index 0000000..15512c7
--- /dev/null
+++ b/client/src/views/GuideHubView.vue
@@ -0,0 +1,118 @@
+<template>
+  <div class="chat-container">
+    <header class="header">
+      <router-link to="/" class="app-brand app-brand-link">
+        <span class="app-brand-mark">S</span>
+        <div class="app-brand-copy">
+          <span class="app-brand-eyebrow">SingleChat</span>
+          <h1>Ratgeber</h1>
+        </div>
+      </router-link>
+      <HeaderAdBanner />
+    </header>
+
+    <main class="content-page">
+      <h2>Ratgeber: Sicher und entspannt chatten</h2>
+      <p>
+        In unserem Ratgeber findest du praxisnahe Tipps rund um privaten Chat, Profilgestaltung und digitale Sicherheit.
+        Alle Inhalte sind speziell fuer SingleChat-Nutzer geschrieben und werden laufend erweitert.
+      </p>
+      <p>
+        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>
+
+      <section class="guide-grid">
+        <article class="guide-card">
+          <h3><router-link to="/ratgeber/erste-nachricht">Die erste Nachricht im Chat</router-link></h3>
+          <p>
+            Konkrete Formulierungen, typische Fehler und ein einfacher Aufbau, mit dem du natuerlich ins Gespraech
+            kommst.
+          </p>
+        </article>
+        <article class="guide-card">
+          <h3><router-link to="/ratgeber/profil-tipps">Profil verbessern in 10 Minuten</router-link></h3>
+          <p>
+            So waehlen Nutzer Nickname, Alter und Selbstbeschreibung so, dass sie passende Kontakte statt Zufallstreffer
+            erhalten.
+          </p>
+        </article>
+        <article class="guide-card">
+          <h3><router-link to="/ratgeber/sicher-chatten">Sicher chatten und Daten schuetzen</router-link></h3>
+          <p>
+            Datenschutz im Alltag: welche Informationen du teilen kannst und was du besser nie im Chat schreiben solltest.
+          </p>
+        </article>
+        <article class="guide-card">
+          <h3><router-link to="/ratgeber/red-flags">Red Flags im Online-Chat erkennen</router-link></h3>
+          <p>
+            Fruehe Warnzeichen bei Spam, Manipulation und Betrugsversuchen inklusive klarer Reaktionsempfehlungen.
+          </p>
+        </article>
+      </section>
+    </main>
+
+    <ImprintContainer />
+  </div>
+</template>
+
+<script setup>
+import HeaderAdBanner from '../components/HeaderAdBanner.vue';
+import ImprintContainer from '../components/ImprintContainer.vue';
+</script>
+
+<style scoped>
+.content-page {
+  max-width: 1020px;
+  margin: 0 auto;
+  padding: 20px 14px 36px;
+  line-height: 1.6;
+  color: #344038;
+}
+
+.content-page h2 {
+  margin: 0 0 10px;
+  color: #18201b;
+}
+
+.guide-grid {
+  margin-top: 16px;
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 14px;
+}
+
+.guide-card {
+  border: 1px solid #d7dfd9;
+  border-radius: 12px;
+  background: #ffffff;
+  padding: 14px;
+}
+
+.guide-card h3 {
+  margin: 0 0 6px;
+}
+
+.guide-card p {
+  margin: 0;
+}
+
+.guide-card a {
+  color: #1f6e43;
+  text-decoration: none;
+}
+
+.guide-card a:hover {
+  text-decoration: underline;
+}
+
+.app-brand-link {
+  text-decoration: none;
+}
+
+@media (max-width: 760px) {
+  .guide-grid {
+    grid-template-columns: 1fr;
+  }
+}
+</style>
diff --git a/client/src/views/GuideProfileView.vue b/client/src/views/GuideProfileView.vue
new file mode 100644
index 0000000..e0b19c4
--- /dev/null
+++ b/client/src/views/GuideProfileView.vue
@@ -0,0 +1,82 @@
+<template>
+  <div class="chat-container">
+    <header class="header">
+      <router-link to="/" class="app-brand app-brand-link">
+        <span class="app-brand-mark">S</span>
+        <div class="app-brand-copy">
+          <span class="app-brand-eyebrow">SingleChat</span>
+          <h1>Ratgeber</h1>
+        </div>
+      </router-link>
+      <HeaderAdBanner />
+    </header>
+
+    <main class="content-page">
+      <h2>Profil verbessern in 10 Minuten</h2>
+      <p>
+        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>
+
+      <h3>1) Klarer, neutraler Nickname</h3>
+      <p>
+        Vermeide beleidigende Begriffe, reine Zahlencodes oder provozierende Namen. Ein klarer Nickname wirkt
+        vertrauenswuerdig und erleichtert den Einstieg.
+      </p>
+
+      <h3>2) Realistische Angaben zu Alter und Interessen</h3>
+      <p>
+        Ehrliche Angaben verbessern die Treffer in der Suche. Wer Alter, Interessen und Gespraechsthemen sauber angibt,
+        bekommt haeufiger Antworten mit echtem Bezug.
+      </p>
+
+      <h3>3) Einladende erste Formulierung</h3>
+      <p>
+        Eine kurze Profilzeile wie „Mag Musik, Spaziergaenge und gute Gespräche ueber Alltag und Reisen“ gibt direkt
+        einen Anknuepfungspunkt.
+      </p>
+
+      <h3>4) Sicherheit immer mitdenken</h3>
+      <p>
+        Keine privaten Kontaktdaten im Profil und keine Hinweise auf Adresse, Arbeitgeber oder eindeutige Tagesroutinen.
+        Details zur Privatsphaere findest du unter
+        <router-link to="/ratgeber/sicher-chatten">Sicher chatten</router-link>.
+      </p>
+
+      <p>
+        Fuer konkrete Einstiegsbeispiele lohnt sich unser Leitfaden
+        <router-link to="/ratgeber/erste-nachricht">Die erste Nachricht im Chat</router-link>.
+      </p>
+    </main>
+
+    <ImprintContainer />
+  </div>
+</template>
+
+<script setup>
+import HeaderAdBanner from '../components/HeaderAdBanner.vue';
+import ImprintContainer from '../components/ImprintContainer.vue';
+</script>
+
+<style scoped>
+.content-page {
+  max-width: 980px;
+  margin: 0 auto;
+  padding: 20px 14px 36px;
+  line-height: 1.6;
+  color: #344038;
+}
+
+.content-page h2,
+.content-page h3 {
+  color: #18201b;
+}
+
+.content-page a {
+  color: #245c3a;
+}
+
+.app-brand-link {
+  text-decoration: none;
+}
+</style>
diff --git a/client/src/views/GuideRedFlagsView.vue b/client/src/views/GuideRedFlagsView.vue
new file mode 100644
index 0000000..de8a69d
--- /dev/null
+++ b/client/src/views/GuideRedFlagsView.vue
@@ -0,0 +1,74 @@
+<template>
+  <div class="chat-container">
+    <header class="header">
+      <router-link to="/" class="app-brand app-brand-link">
+        <span class="app-brand-mark">S</span>
+        <div class="app-brand-copy">
+          <span class="app-brand-eyebrow">SingleChat</span>
+          <h1>Ratgeber</h1>
+        </div>
+      </router-link>
+      <HeaderAdBanner />
+    </header>
+
+    <main class="content-page">
+      <h2>Red Flags im Online-Chat erkennen</h2>
+      <p>
+        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>
+
+      <h3>Hauefige Red Flags</h3>
+      <ul>
+        <li>Sehr schnelle emotionale Naehe ohne echten Austausch.</li>
+        <li>Widerspruechliche Angaben zu Alter, Wohnort oder Alltag.</li>
+        <li>Drang, den Chat sofort auf externe Messenger zu verlagern.</li>
+        <li>Anfragen zu Geld, Gutscheinen oder Zahlungsdiensten.</li>
+        <li>Druck durch Schuldgefuehle („Wenn du mich magst, dann ...“).</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>
+
+      <h3>Bei Unsicherheit</h3>
+      <p>
+        Wenn du unsicher bist, teile keine persoenlichen Daten und warte mit weiterem Vertrauen. Nutze unsere Hinweise zu
+        <router-link to="/ratgeber/sicher-chatten">Sicher chatten</router-link> und melde auffaellige Profile ueber
+        <router-link to="/feedback">Feedback</router-link>.
+      </p>
+    </main>
+
+    <ImprintContainer />
+  </div>
+</template>
+
+<script setup>
+import HeaderAdBanner from '../components/HeaderAdBanner.vue';
+import ImprintContainer from '../components/ImprintContainer.vue';
+</script>
+
+<style scoped>
+.content-page {
+  max-width: 980px;
+  margin: 0 auto;
+  padding: 20px 14px 36px;
+  line-height: 1.6;
+  color: #344038;
+}
+
+.content-page h2,
+.content-page h3 {
+  color: #18201b;
+}
+
+.content-page a {
+  color: #245c3a;
+}
+
+.app-brand-link {
+  text-decoration: none;
+}
+</style>
diff --git a/client/src/views/GuideSafetyView.vue b/client/src/views/GuideSafetyView.vue
new file mode 100644
index 0000000..9306f84
--- /dev/null
+++ b/client/src/views/GuideSafetyView.vue
@@ -0,0 +1,77 @@
+<template>
+  <div class="chat-container">
+    <header class="header">
+      <router-link to="/" class="app-brand app-brand-link">
+        <span class="app-brand-mark">S</span>
+        <div class="app-brand-copy">
+          <span class="app-brand-eyebrow">SingleChat</span>
+          <h1>Ratgeber</h1>
+        </div>
+      </router-link>
+      <HeaderAdBanner />
+    </header>
+
+    <main class="content-page">
+      <h2>Sicher chatten: Datenschutz im Alltag</h2>
+      <p>
+        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>
+
+      <h3>Was du nicht teilen solltest</h3>
+      <ul>
+        <li>Telefonnummer, private E-Mail und Social-Media-Handles beim ersten Kontakt.</li>
+        <li>Adresse, Arbeitgeber, Schule oder feste Tagesroutinen.</li>
+        <li>Dokumente, Ticket-Screenshots oder Fotos mit sichtbaren sensiblen Daten.</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>So reagierst du richtig</h3>
+      <ol>
+        <li>Gespraech beenden, wenn es sich unwohl anfuehlt.</li>
+        <li>Nutzer blockieren und problematische Inhalte nicht weiterverbreiten.</li>
+        <li>Vorfall kurz dokumentieren und ueber Feedback melden.</li>
+      </ol>
+
+      <p>
+        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>
+    </main>
+
+    <ImprintContainer />
+  </div>
+</template>
+
+<script setup>
+import HeaderAdBanner from '../components/HeaderAdBanner.vue';
+import ImprintContainer from '../components/ImprintContainer.vue';
+</script>
+
+<style scoped>
+.content-page {
+  max-width: 980px;
+  margin: 0 auto;
+  padding: 20px 14px 36px;
+  line-height: 1.6;
+  color: #344038;
+}
+
+.content-page h2,
+.content-page h3 {
+  color: #18201b;
+}
+
+.content-page a {
+  color: #245c3a;
+}
+
+.app-brand-link {
+  text-decoration: none;
+}
+</style>

From 33bf1627984270597e786da079d4efe5b9a1f45e Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Mon, 27 Apr 2026 14:27:34 +0200
Subject: [PATCH 3/6] Enhance Ratgeber section with new routes and SEO metadata

- Expanded the KNOWN_SPA_ROUTES in index.js to include new Ratgeber paths for improved navigation.
- Added detailed SEO metadata for the new Ratgeber routes in routes-seo.js, enhancing search engine visibility and user engagement.
- Updated robots.txt to allow indexing of the new Ratgeber pages, ensuring they are discoverable by search engines.

These changes collectively improve the site's informational resources and enhance SEO performance for chat-related guidance.
---
 server/index.js      | 15 ++++++++-
 server/routes-seo.js | 72 ++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 86 insertions(+), 1 deletion(-)

diff --git a/server/index.js b/server/index.js
index 5d4170b..126fc1c 100644
--- a/server/index.js
+++ b/server/index.js
@@ -174,7 +174,20 @@ setupBroadcast(io, __dirname);
 // SPA-Fallback muss nach allen anderen Routen stehen
 if (IS_PRODUCTION) {
   const distPath = join(__dirname, '../docroot/dist');
-  const KNOWN_SPA_ROUTES = new Set(['/', '/partners', '/feedback', '/faq', '/regeln', '/sicherheit', '/mockup-redesign']);
+  const KNOWN_SPA_ROUTES = new Set([
+    '/',
+    '/partners',
+    '/feedback',
+    '/faq',
+    '/regeln',
+    '/sicherheit',
+    '/ratgeber',
+    '/ratgeber/erste-nachricht',
+    '/ratgeber/profil-tipps',
+    '/ratgeber/sicher-chatten',
+    '/ratgeber/red-flags',
+    '/mockup-redesign'
+  ]);
   app.use(express.static(distPath));
   // Fallback für Vue Router (SPA) - muss am Ende stehen
   app.get('*', (req, res) => {
diff --git a/server/routes-seo.js b/server/routes-seo.js
index 68e81d4..e4e1af6 100644
--- a/server/routes-seo.js
+++ b/server/routes-seo.js
@@ -202,6 +202,73 @@ const seoData = {
       },
       inLanguage: 'de-DE'
     }
+  },
+  '/ratgeber': {
+    title: 'Ratgeber fuer privaten Single Chat - SingleChat',
+    description: 'Praxisnahe Ratgeberartikel zu Chat-Einstieg, Profiloptimierung, Sicherheit und Red Flags im Online-Chat.',
+    keywords: 'chat ratgeber, single chat tipps, profil tipps, sicher chatten, online chat red flags',
+    ogTitle: 'Ratgeber fuer privaten Single Chat - SingleChat',
+    ogDescription: 'Hilfreiche Leitfaeden fuer bessere Gespraeche und mehr Sicherheit im Chat.',
+    ogType: 'website',
+    ogUrl: `${SITE_URL}/ratgeber`,
+    ogImage: DEFAULT_IMAGE,
+    robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
+    schema: {
+      '@context': 'https://schema.org',
+      '@type': 'CollectionPage',
+      name: 'Ratgeber - SingleChat',
+      url: `${SITE_URL}/ratgeber`,
+      description: 'Ratgeber mit Tipps zu erster Nachricht, Profilgestaltung, Datenschutz und sicheren Gespraechen im Single Chat.',
+      inLanguage: 'de-DE'
+    }
+  },
+  '/ratgeber/erste-nachricht': {
+    title: 'Die erste Nachricht im Chat - Tipps & Beispiele',
+    description: 'So gelingt die erste Nachricht im Single Chat: konkrete Beispiele, typische Fehler und einfache Vorlagen.',
+    keywords: 'erste nachricht chat, anschreiben tipps, chat beispiele, single chat einstieg',
+    ogTitle: 'Die erste Nachricht im Chat - Tipps & Beispiele',
+    ogDescription: 'Konkrete Beispiele fuer einen natuerlichen und respektvollen Chat-Einstieg.',
+    ogType: 'article',
+    ogUrl: `${SITE_URL}/ratgeber/erste-nachricht`,
+    ogImage: DEFAULT_IMAGE,
+    robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
+    schema: null
+  },
+  '/ratgeber/profil-tipps': {
+    title: 'Profil verbessern fuer bessere Chats - SingleChat',
+    description: 'Verbessere dein Chat-Profil mit klaren, ehrlichen Angaben und starte leichter passende Gespraeche.',
+    keywords: 'profil tipps chat, online profil verbessern, single chat profil',
+    ogTitle: 'Profil verbessern fuer bessere Chats - SingleChat',
+    ogDescription: 'Einfache Schritte fuer ein besseres Profil und passendere Unterhaltungen.',
+    ogType: 'article',
+    ogUrl: `${SITE_URL}/ratgeber/profil-tipps`,
+    ogImage: DEFAULT_IMAGE,
+    robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
+    schema: null
+  },
+  '/ratgeber/sicher-chatten': {
+    title: 'Sicher chatten und Daten schuetzen - SingleChat',
+    description: 'Datenschutz-Tipps fuer anonymes Chatten: Welche Informationen du teilen kannst und welche nicht.',
+    keywords: 'sicher chatten, datenschutz chat, anonym chat tipps',
+    ogTitle: 'Sicher chatten und Daten schuetzen - SingleChat',
+    ogDescription: 'Praktische Regeln fuer mehr Sicherheit und Privatsphaere im Online-Chat.',
+    ogType: 'article',
+    ogUrl: `${SITE_URL}/ratgeber/sicher-chatten`,
+    ogImage: DEFAULT_IMAGE,
+    robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
+    schema: null
+  },
+  '/ratgeber/red-flags': {
+    title: 'Red Flags im Online-Chat erkennen - SingleChat',
+    description: 'Warnzeichen bei Spam und Manipulation im Chat erkennen und richtig reagieren.',
+    keywords: 'red flags chat, online chat sicherheit, betrug chat erkennen',
+    ogTitle: 'Red Flags im Online-Chat erkennen - SingleChat',
+    ogDescription: 'Fruehe Warnsignale im Chat erkennen und sich wirksam schuetzen.',
+    ogType: 'article',
+    ogUrl: `${SITE_URL}/ratgeber/red-flags`,
+    ogImage: DEFAULT_IMAGE,
+    robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
+    schema: null
   }
 };
 
@@ -449,6 +516,11 @@ Allow: /feedback
 Allow: /faq
 Allow: /regeln
 Allow: /sicherheit
+Allow: /ratgeber
+Allow: /ratgeber/erste-nachricht
+Allow: /ratgeber/profil-tipps
+Allow: /ratgeber/sicher-chatten
+Allow: /ratgeber/red-flags
 Disallow: /api/
 Disallow: /static/logs/
 Disallow: /mockup-redesign

From 1630cb3366f86b1fb7f6fbc43b4bffb1c6155fa9 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Mon, 27 Apr 2026 14:32:51 +0200
Subject: [PATCH 4/6] Add ads.txt route for ad verification

- Introduced a new route for serving ads.txt, providing necessary information for ad verification by Google.
- This addition enhances compliance with advertising standards and improves the site's ad management capabilities.
---
 client/public/ads.txt | 1 +
 server/routes-seo.js  | 5 +++++
 2 files changed, 6 insertions(+)
 create mode 100644 client/public/ads.txt

diff --git a/client/public/ads.txt b/client/public/ads.txt
new file mode 100644
index 0000000..c353b6f
--- /dev/null
+++ b/client/public/ads.txt
@@ -0,0 +1 @@
+google.com, pub-1104166651501135, DIRECT, f08c47fec0942fa0
diff --git a/server/routes-seo.js b/server/routes-seo.js
index e4e1af6..1425008 100644
--- a/server/routes-seo.js
+++ b/server/routes-seo.js
@@ -531,6 +531,11 @@ Sitemap: ${SITE_URL}/sitemap.xml
     res.send(robotsTxt);
   });
 
+  app.get('/ads.txt', (req, res) => {
+    res.type('text/plain');
+    res.send('google.com, pub-1104166651501135, DIRECT, f08c47fec0942fa0\n');
+  });
+
   app.get('/sitemap.xml', (req, res) => {
     try {
       const sitemap = buildSitemapXml();

From 2a4bb27271e33a981bf8df38e441b160bd66a84f Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Mon, 27 Apr 2026 16:14:37 +0200
Subject: [PATCH 5/6] Update HeaderAdBanner component styles and structure

- Modified the ad element's style to ensure a consistent display size of 320x50 pixels, enhancing visual integration.
- Adjusted the header ad banner's CSS to maintain a fixed width and height, improving layout stability across different screen sizes.
- Updated media queries to ensure responsive behavior while maintaining the ad's dimensions, optimizing user experience on smaller devices.

These changes collectively enhance the presentation and responsiveness of the ad banner within the application.
---
 client/src/components/HeaderAdBanner.vue | 30 ++++++++++++++++--------
 1 file changed, 20 insertions(+), 10 deletions(-)

diff --git a/client/src/components/HeaderAdBanner.vue b/client/src/components/HeaderAdBanner.vue
index a3a6c09..5191053 100644
--- a/client/src/components/HeaderAdBanner.vue
+++ b/client/src/components/HeaderAdBanner.vue
@@ -3,11 +3,9 @@
     <ins
       ref="adElement"
       class="adsbygoogle"
-      style="display:block"
+      style="display:inline-block;width:320px;height:50px"
       :data-ad-client="adClient"
       :data-ad-slot="adSlot"
-      data-ad-format="auto"
-      data-full-width-responsive="true"
     ></ins>
   </div>
 </template>
@@ -53,11 +51,16 @@ onMounted(async () => {
 
 <style scoped>
 .header-ad-banner {
-  flex: 1;
-  min-width: 280px;
-  max-width: 728px;
+  flex: 0 0 auto;
+  width: 320px;
+  min-width: 320px;
+  max-width: 320px;
+  height: 50px;
   margin: 0 16px;
-  padding: 4px 0;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .header-ad-banner :deep(ins) {
@@ -66,9 +69,16 @@ onMounted(async () => {
 
 @media (max-width: 960px) {
   .header-ad-banner {
-    min-width: 220px;
-    max-width: 468px;
-    margin: 0 10px;
+    width: 300px;
+    min-width: 300px;
+    max-width: 300px;
+    height: 50px;
+    margin: 0 8px;
+  }
+
+  .header-ad-banner :deep(ins) {
+    width: 300px !important;
+    height: 50px !important;
   }
 }
 

From 565b3b411fb0f13df85e4f67b6189f4492f356f7 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Thu, 7 May 2026 13:23:24 +0200
Subject: [PATCH 6/6] 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 | 38 ++++++++++++++++
 client/src/views/GuideHubView.vue          | 50 ++++++++++++++++++++++
 client/src/views/GuideProfileView.vue      | 39 ++++++++++++++++-
 client/src/views/GuideRedFlagsView.vue     | 32 ++++++++++++++
 client/src/views/GuideSafetyView.vue       | 29 +++++++++++++
 5 files changed, 187 insertions(+), 1 deletion(-)

diff --git a/client/src/views/GuideFirstMessageView.vue b/client/src/views/GuideFirstMessageView.vue
index cc48ef2..30d54dd 100644
--- a/client/src/views/GuideFirstMessageView.vue
+++ b/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;
 }
diff --git a/client/src/views/GuideHubView.vue b/client/src/views/GuideHubView.vue
index 15512c7..c80a784 100644
--- a/client/src/views/GuideHubView.vue
+++ b/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;
 }
diff --git a/client/src/views/GuideProfileView.vue b/client/src/views/GuideProfileView.vue
index e0b19c4..db84d34 100644
--- a/client/src/views/GuideProfileView.vue
+++ b/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;
 }
diff --git a/client/src/views/GuideRedFlagsView.vue b/client/src/views/GuideRedFlagsView.vue
index de8a69d..ead50d0 100644
--- a/client/src/views/GuideRedFlagsView.vue
+++ b/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;
 }
diff --git a/client/src/views/GuideSafetyView.vue b/client/src/views/GuideSafetyView.vue
index 9306f84..0820a85 100644
--- a/client/src/views/GuideSafetyView.vue
+++ b/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;
 }