android version

client/src/components/ImprintContainer.vue

@@ -4,6 +4,7 @@
     <a href="/faq">FAQ</a>
     <a href="/regeln">Regeln</a>
     <a href="/sicherheit">Sicherheit</a>
+    <a href="/datenschutz">Datenschutz</a>
     <a href="#" @click.prevent="showFeedback = true">Feedback</a>
     <a href="#" @click.prevent="showImprint = true">Impressum</a>
     

client/src/router/index.js

@@ -4,6 +4,7 @@ import PartnersView from '../views/PartnersView.vue';
 import MockupView from '../views/MockupView.vue';
 import FeedbackView from '../views/FeedbackView.vue';
 import FaqView from '../views/FaqView.vue';
+import PrivacyView from '../views/PrivacyView.vue';
 import RulesView from '../views/RulesView.vue';
 import SafetyView from '../views/SafetyView.vue';
 
@@ -137,6 +138,20 @@ const safetySchema = {
   inLanguage: 'de-DE'
 };
 
+const privacySchema = {
+  '@context': 'https://schema.org',
+  '@type': 'WebPage',
+  name: 'Datenschutz - SingleChat',
+  url: `${SITE_URL}/datenschutz`,
+  description: 'Datenschutzerklärung für SingleChat und die Android-App mit Informationen zu Profilangaben, Nachrichten, Bildern und Sitzungsdaten.',
+  isPartOf: {
+    '@type': 'WebSite',
+    name: 'SingleChat',
+    url: `${SITE_URL}/`
+  },
+  inLanguage: 'de-DE'
+};
+
 const routes = [
   {
     path: '/',
@@ -234,6 +249,22 @@ const routes = [
       schema: safetySchema
     }
   },
+  {
+    path: '/datenschutz',
+    name: 'datenschutz',
+    component: PrivacyView,
+    meta: {
+      title: 'Datenschutzerklärung für Website und App - SingleChat',
+      description: 'Datenschutzerklärung für SingleChat und die Android-App mit Informationen zu Profilangaben, Nachrichten, Bildern und Sitzungsdaten.',
+      keywords: 'datenschutz singlechat, privacy policy chat app, chat datenschutz, android app datenschutz',
+      ogTitle: 'Datenschutzerklärung für Website und App - SingleChat',
+      ogDescription: 'Informationen zur Datenverarbeitung bei SingleChat und in der Android-App.',
+      ogType: 'website',
+      image: DEFAULT_IMAGE,
+      robots: 'index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1',
+      schema: privacySchema
+    }
+  },
   {
     path: '/mockup-redesign',
     name: 'mockup-redesign',

client/src/views/PrivacyView.vue

@@ -0,0 +1,141 @@
+<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>Datenschutz</h1>
+        </div>
+      </router-link>
+      <HeaderAdBanner />
+    </header>
+
+    <main class="content-page">
+      <h2>Datenschutzerklärung für Website und App</h2>
+      <p>
+        Diese Datenschutzerklärung gilt für die Website und die Android-App von SingleChat beziehungsweise YPChat unter
+        der Domain <strong>www.ypchat.net</strong>.
+      </p>
+
+      <h3>1. Verantwortlicher</h3>
+      <p>
+        Torsten Schulz<br>
+        Friedrich-Stampfer-Str. 21<br>
+        60437 Frankfurt<br>
+        E-Mail: <a href="mailto:tsschulz@tsschulz.de">tsschulz@tsschulz.de</a>
+      </p>
+
+      <h3>2. Welche Daten verarbeitet werden</h3>
+      <p>Im Rahmen der Nutzung können insbesondere folgende Daten verarbeitet werden:</p>
+      <ul>
+        <li>frei gewählter Nickname</li>
+        <li>Alter, Geschlecht und Land</li>
+        <li>Chat-Nachrichten</li>
+        <li>hochgeladene Bilder</li>
+        <li>Feedback-Nachrichten</li>
+        <li>technische Sitzungs- und Verbindungsdaten</li>
+      </ul>
+
+      <h3>3. Zweck der Verarbeitung</h3>
+      <p>Die Verarbeitung erfolgt, um die Chat-Funktionen bereitzustellen und sicher zu betreiben, insbesondere für:</p>
+      <ul>
+        <li>Login und Wiedererkennung einer Sitzung</li>
+        <li>Darstellung von Profilangaben im Chat</li>
+        <li>Versand und Empfang von Nachrichten</li>
+        <li>Versand und Abruf von Bildern</li>
+        <li>Suche, Verlauf, Posteingang und Blockierfunktionen</li>
+        <li>Bearbeitung von Feedback und Missbrauchshinweisen</li>
+      </ul>
+
+      <h3>4. Chat-Nachrichten und Profilangaben</h3>
+      <p>
+        Wenn du den Dienst nutzt, werden von dir eingegebene Profilangaben wie Nickname, Alter, Geschlecht und Land für
+        die Chat-Funktion verwendet. Chat-Nachrichten werden technisch verarbeitet, damit Unterhaltungen in Echtzeit
+        zugestellt werden können.
+      </p>
+
+      <h3>5. Bilder</h3>
+      <p>
+        Bilder werden nur verarbeitet, wenn du sie aktiv auswählst und hochlädst. Nach aktuellem Systemstand werden
+        hochgeladene Bilder serverseitig temporär gespeichert und nach Ablauf einer begrenzten Zeit wieder entfernt.
+      </p>
+
+      <h3>6. Sitzungen, Cookies und technische Protokolle</h3>
+      <p>
+        Für den Betrieb des Dienstes werden Sitzungsdaten verwendet. Dazu gehören insbesondere technisch notwendige
+        Session-Informationen, damit ein Login erhalten bleibt und Socket- sowie API-Anfragen korrekt zugeordnet werden
+        können. Zusätzlich können im Rahmen des Serverbetriebs technische Protokolldaten anfallen.
+      </p>
+
+      <h3>7. Feedback und Missbrauchsmeldungen</h3>
+      <p>
+        Wenn du Feedback sendest, werden die von dir eingetragenen Inhalte verarbeitet, um Hinweise, Fehlermeldungen oder
+        Missbrauchsmeldungen zu bearbeiten.
+      </p>
+
+      <h3>8. Weitergabe an Dritte</h3>
+      <p>
+        Eine Weitergabe personenbezogener Daten an Dritte erfolgt nicht zu Werbezwecken. Soweit externe technische
+        Dienstleister oder Hosting-Anbieter eingebunden sind, kann eine Verarbeitung im Rahmen des technischen Betriebs
+        erforderlich sein.
+      </p>
+
+      <h3>9. Verschlüsselung</h3>
+      <p>
+        Die produktive Bereitstellung der Website und der App erfolgt über verschlüsselte Verbindungen, damit Daten bei der
+        Übertragung geschützt sind.
+      </p>
+
+      <h3>10. Deine Rechte</h3>
+      <p>
+        Du hast im Rahmen der gesetzlichen Vorschriften insbesondere das Recht auf Auskunft, Berichtigung, Löschung,
+        Einschränkung der Verarbeitung sowie Beschwerde bei einer zuständigen Aufsichtsbehörde.
+      </p>
+
+      <h3>11. Kontakt zum Datenschutz</h3>
+      <p>
+        Bei Fragen zum Datenschutz oder wenn du eine datenschutzbezogene Anfrage stellen möchtest, kontaktiere bitte:
+        <a href="mailto:tsschulz@tsschulz.de">tsschulz@tsschulz.de</a>.
+      </p>
+
+      <h3>12. Stand</h3>
+      <p>Stand dieser Datenschutzerklärung: 22. April 2026</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 {
+  margin: 0 0 10px;
+  color: #18201b;
+}
+
+.content-page h3 {
+  margin: 18px 0 6px;
+  color: #18201b;
+}
+
+.content-page a {
+  color: #245c3a;
+}
+
+.app-brand-link {
+  text-decoration: none;
+}
+</style>

client/src/views/SafetyView.vue

@@ -35,8 +35,8 @@
 
       <h3>Datenschutz</h3>
       <p>
-        Details findest du im Impressum/Datenschutz-Hinweis unten auf der Seite. Wenn du Fragen hast, kontaktiere uns
-        gern über Feedback. Für den respektvollen Umgang im Chat beachte zusätzlich unsere
+        Details findest du auf der Seite <router-link to="/datenschutz">Datenschutz</router-link>. Wenn du Fragen hast,
+        kontaktiere uns gern über Feedback. Für den respektvollen Umgang im Chat beachte zusätzlich unsere
         <router-link to="/regeln">Chat-Regeln</router-link>.
       </p>
     </main>
@@ -77,4 +77,3 @@ import ImprintContainer from '../components/ImprintContainer.vue';
   text-decoration: none;
 }
 </style>
-