/* ImpressumScreen — Angaben gemäß § 5 TMG */

const ImpressumScreen = ({ onNav }) => (
  <div data-screen-label="Impressum">
    <PageHeader
      eyebrow="Anbieterkennzeichnung"
      title="Impressum"
      lede="Angaben gemäß § 5 Telemediengesetz (TMG) sowie § 18 Medienstaatsvertrag (MStV)."
      meta="Stand 04 / 2026"
    />

    <section className="dlg-legal">
      <LegalStyles/>
      <div className="container--narrow">
        <h2>Anbieter</h2>
        <p className="dlg-legal__addr">
          <b>Deutsche Legat Gesellschaft für Zertifizierung mbH</b><br/>
          Radelandstraße 4<br/>
          13589 Berlin<br/>
          Deutschland
        </p>

        <dl className="dlg-legal__dl">
          <div><dt>Geschäftsführerin</dt><dd>Anke Barzik</dd></div>
          <div><dt>Handelsregister</dt><dd>HRB 176105 · Amtsgericht Charlottenburg</dd></div>
          <div><dt>Sitz der Gesellschaft</dt><dd>Berlin</dd></div>
          <div><dt>E-Mail</dt><dd><a href="mailto:info@deutsche-legat.de">info@deutsche-legat.de</a></dd></div>
        </dl>

        <h2>Verantwortlich für den Inhalt nach § 18 Abs. 2 MStV</h2>
        <p>
          Anke Barzik<br/>
          Deutsche Legat Gesellschaft für Zertifizierung mbH<br/>
          Radelandstraße 4 · 13589 Berlin
        </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 noreferrer"> ec.europa.eu/consumers/odr</a>.
          Unsere E-Mail-Adresse finden Sie oben im Impressum.
        </p>
        <p>
          Wir sind nicht bereit oder verpflichtet, an Streit­beilegungs­verfahren vor einer Verbraucher­schlichtungsstelle teilzunehmen.
        </p>

        <h2>Haftung für Inhalte</h2>
        <p>
          Als Diensteanbieter sind wir gemäß § 7 Abs. 1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen
          Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Dienste­anbieter jedoch nicht verpflichtet,
          übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die
          auf eine rechtswidrige Tätigkeit hinweisen.
        </p>
        <p>
          Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen
          Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der
          Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden
          Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.
        </p>

        <h2>Haftung für Links</h2>
        <p>
          Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben.
          Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der
          verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich.
        </p>

        <h2>Urheberrecht</h2>
        <p>
          Die durch die Seiten­betreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen
          Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb
          der Grenzen des Urheberrechts bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers.
        </p>

        <div className="dlg-legal__seealso">
          <Button variant="secondary" size="md" iconRight="arrowR" onClick={()=>onNav("datenschutz")}>
            Zur Datenschutzerklärung
          </Button>
        </div>
      </div>
    </section>
  </div>
);

const LegalStyles = () => (
  <style>{`
    .dlg-legal { padding: 72px 0 96px; background: #fff; }
    .dlg-legal h2 { font-family: var(--font-serif); font-size: 24px; font-weight: 700; color: var(--dlg-navy-900); margin: 36px 0 12px; letter-spacing: -0.01em; }
    .dlg-legal h2:first-child { margin-top: 0; }
    .dlg-legal h3 { font-family: var(--font-sans); font-size: 15px; font-weight: 700; color: var(--dlg-navy-800); margin: 22px 0 8px; text-transform: uppercase; letter-spacing: 0.5px; }
    .dlg-legal p, .dlg-legal li { font-size: 15px; line-height: 1.65; color: var(--fg); }
    .dlg-legal p { margin: 0 0 12px; }
    .dlg-legal a { color: var(--dlg-navy-700); }
    .dlg-legal__addr { background: var(--dlg-paper-2); padding: 18px 22px; border-left: 4px solid var(--dlg-gold-500); border-radius: 0 var(--r-3) var(--r-3) 0; font-size: 15px; }
    .dlg-legal__dl { display: grid; gap: 0; margin: 8px 0 16px; }
    .dlg-legal__dl > div { display: grid; grid-template-columns: 220px 1fr; padding: 10px 0; border-bottom: 1px dashed var(--border); }
    .dlg-legal__dl dt { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.2px; color: var(--dlg-navy-700); margin: 0; }
    .dlg-legal__dl dd { margin: 0; font-size: 14.5px; color: var(--dlg-navy-900); }
    .dlg-legal__dl dd a { color: var(--dlg-navy-700); text-decoration: none; font-weight: 600; }
    .dlg-legal__dl dd a:hover { text-decoration: underline; }
    .dlg-legal__seealso { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--border); }
    .dlg-legal ul { padding-left: 22px; margin: 8px 0 14px; }
    .dlg-legal ul li { margin: 4px 0; }
  `}</style>
);

Object.assign(window, { ImpressumScreen, LegalStyles });