<template>
  <div class="legal-page">
    <h1>Impressum</h1>

    <h2>Angaben gemäß § 5 TMG</h2>
    <p>
      loop42 UG (haftungsbeschränkt)<br>
      [STRASSE HAUSNUMMER]<br>
      [PLZ ORT]<br>
      Deutschland
    </p>

    <h2>Vertreten durch</h2>
    <p>[NAME]</p>

    <h2>Kontakt</h2>
    <p>Telefon: [TELEFONNUMMER]</p>

    <h2>Registereintrag</h2>
    <p>
      Eintragung im Handelsregister.<br>
      Registergericht: [AMTSGERICHT]<br>
      Registernummer: [HRB-NUMMER]
    </p>

    <h2>Umsatzsteuer-ID</h2>
    <p>
      Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz:<br>
      [UST-ID-NUMMER]
    </p>

    <h2>Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV</h2>
    <p>
      [NAME]<br>
      [STRASSE HAUSNUMMER]<br>
      [PLZ ORT]
    </p>

    <h2>Streitschlichtung</h2>
    <p>
      Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit:
      <a href="https://ec.europa.eu/consumers/odr/" target="_blank" rel="noopener">https://ec.europa.eu/consumers/odr/</a>.<br>
      Unsere E-Mail-Adresse finden Sie oben im Impressum.
    </p>
    <p>
      Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer
      Verbraucherschlichtungsstelle teilzunehmen.
    </p>

    <footer>
      <span>© 2026 loop42 GmbH</span>
    </footer>
  </div>
</template>

<style scoped>
.legal-page {
  padding: 3rem 2rem 2rem;
  max-width: 720px;
  margin: 0 auto;
  color: var(--text);
}

h1 { font-size: 2rem; font-weight: 300; margin-bottom: 2rem; }
h2 { font-size: 1.1rem; font-weight: 500; margin: 2rem 0 0.5rem; }
p, li { color: var(--text-dim); font-size: 0.95rem; line-height: 1.7; }
ul { padding-left: 1.5rem; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

footer {
  text-align: center;
  padding: 3rem 0 1rem;
  font-size: 0.8rem;
  color: var(--text-dim);
  border-top: 1px solid var(--border, #1e1e1e);
  margin-top: 3rem;
}
</style>
