<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>
      <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>
        <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>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>
        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>

      <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 />
  </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;
}

.content-meta {
  margin-top: 18px;
  font-size: 12px;
  color: #637067;
}

.app-brand-link {
  text-decoration: none;
}
</style>
