// =============================================================================
// Astovia · Legal pages DE — Impressum & Datenschutzerklärung
// =============================================================================

const legalHeading = {
  fontFamily: 'var(--font-sans)',
  fontWeight: 400,
  fontSize: 13,
  letterSpacing: '0.12em',
  textTransform: 'uppercase',
  color: 'var(--bronze)',
  margin: '36px 0 10px'
};

const legalSubHeading = {
  fontFamily: 'var(--font-sans)',
  fontWeight: 600,
  fontSize: 16,
  color: 'var(--paper)',
  margin: '28px 0 8px',
  lineHeight: 1.4
};

const legalBody = {
  fontSize: 15,
  color: 'var(--paper-70)',
  lineHeight: 1.75,
  margin: '0 0 14px'
};

const legalRule = {
  border: 'none',
  borderTop: '1px solid var(--rule)',
  margin: '32px 0'
};

// -----------------------------------------------------------------------------
// Impressum
// -----------------------------------------------------------------------------
function ImpressumPage({ go }) {
  return (
    <main data-screen-label="Impressum">
      <section className="page-header" data-screen-label="Impressum header">
        <div className="container">
          <div className="two-col" style={{ alignItems: 'end' }}>
            <h1>Impressum<span className="serif-em">.</span></h1>
            <p className="lede">Angaben gemäß § 5 TMG.</p>
          </div>
        </div>
      </section>

      <section className="section">
        <div className="container">
          <div style={{ maxWidth: 720 }}>

            <p style={legalBody}>
              Angaben gemäß § 5 TMG (Telemediengesetz)
            </p>

            <hr style={legalRule} />

            <div style={legalHeading}>Unternehmen</div>
            <p style={legalBody}>
              <strong style={{ color: 'var(--paper)' }}>ASTOVIA Beratung GmbH</strong><br />
              Vertreten durch: Alexander Stoll, Geschäftsführer<br />
              Ostweg 5/1<br />
              72250 Freudenstadt<br />
              Deutschland
            </p>

            <hr style={legalRule} />

            <div style={legalHeading}>Kontakt</div>
            <p style={legalBody}>
              Telefon: 0000000<br />
              E-Mail: <a href="mailto:info@astovia.de" style={{ color: 'var(--bronze)' }}>info@astovia.de</a><br />
              Website: <a href="https://www.astovia.de" style={{ color: 'var(--bronze)' }}>www.astovia.de</a>
            </p>

            <hr style={legalRule} />

            <div style={legalHeading}>Handelsregister</div>
            <p style={legalBody}>
              Handelsregister B, Amtsgericht Stuttgart<br />
              Registernummer: 0000000
            </p>

            <hr style={legalRule} />

            <div style={legalHeading}>Umsatzsteuer-ID</div>
            <p style={legalBody}>
              Umsatzsteuer-Identifikationsnummer gemäß § 27a UStG: [wird nach Ausstellung ergänzt]
            </p>

            <hr style={legalRule} />

            <div style={legalHeading}>Verantwortlich für den Inhalt</div>
            <p style={legalBody}>
              Gemäß § 55 Abs. 2 RStV:<br />
              Alexander Stoll, Anschrift wie oben.
            </p>

          </div>
        </div>
      </section>
    </main>
  );
}

// -----------------------------------------------------------------------------
// Datenschutzerklärung
// -----------------------------------------------------------------------------
function DatenschutzPage({ go }) {
  return (
    <main data-screen-label="Datenschutz">
      <section className="page-header" data-screen-label="Datenschutz header">
        <div className="container">
          <div className="two-col" style={{ alignItems: 'end' }}>
            <h1>Datenschutz<span className="serif-em">.</span></h1>
            <p className="lede">Wie wir mit Ihren Daten umgehen – transparent und DSGVO-konform.</p>
          </div>
        </div>
      </section>

      <section className="section">
        <div className="container">
          <div style={{ maxWidth: 720 }}>

            {/* 1 */}
            <div style={legalHeading}>1. Verantwortlicher</div>
            <p style={legalBody}>
              <strong style={{ color: 'var(--paper)' }}>Alexander Stoll, ASTOVIA Beratung GmbH i.Gr.</strong><br />
              Ostweg 5/1, 72250 Freudenstadt<br />
              E-Mail: <a href="mailto:info@astovia.de" style={{ color: 'var(--bronze)' }}>info@astovia.de</a><br />
              Telefon: 00000000
            </p>

            <hr style={legalRule} />

            {/* 2 */}
            <div style={legalHeading}>2. Zugriffsdaten und Hosting</div>
            <p style={legalBody}>
              Beim Besuch unserer Website werden automatisch Informationen (z. B. IP-Adresse,
              Datum und Uhrzeit, Browsertyp) durch den Hosting-Anbieter erfasst. Diese Daten
              dienen der technischen Bereitstellung und Sicherheit der Website und werden nach
              spätestens 30 Tagen gelöscht.
            </p>
            <p style={legalBody}>
              <strong style={{ color: 'var(--paper)' }}>Hosting-Dienstleister:</strong><br />
              Unsere Website wird bei Hostinger International Ltd., 61 Lordou Vironos Street,
              Larnaca 6023, Zypern gehostet. Mit Hostinger besteht ein
              Auftragsverarbeitungsvertrag (DPA).
            </p>

            <hr style={legalRule} />

            {/* 3 */}
            <div style={legalHeading}>3. Kontaktaufnahme</div>
            <p style={legalBody}>
              Wenn Sie uns per Kontaktformular oder E-Mail kontaktieren, werden Ihre Angaben
              zur Bearbeitung Ihrer Anfrage und etwaiger Rückfragen gespeichert. Die Daten
              werden nicht an Dritte weitergegeben, soweit dies nicht in dieser Erklärung
              beschrieben ist, und nach Abschluss der Anfrage gelöscht.
            </p>

            <hr style={legalRule} />

            {/* 4 */}
            <div style={legalHeading}>4. Cookies und Webanalyse</div>
            <p style={legalBody}>
              Unsere Website verwendet Cookies. Cookies sind kleine Textdateien, die auf Ihrem
              Endgerät gespeichert werden und bestimmte Informationen enthalten. Sie dienen dazu,
              die Funktionalität der Website zu gewährleisten, Ihre Präferenzen zu speichern und
              das Nutzerverhalten zu analysieren.
            </p>

            <p style={legalSubHeading}>Arten von Cookies</p>
            <p style={legalBody}>
              <strong style={{ color: 'var(--paper)' }}>Technisch notwendige Cookies:</strong> Diese Website verwendet ausschließlich
              technisch notwendige Cookies, die für den Betrieb der Website erforderlich sind –
              etwa zur sicheren Auslieferung der Seiten über unseren Hosting-Anbieter.
              Analyse-, Tracking- oder Marketing-Cookies werden nicht eingesetzt.
            </p>


            <hr style={legalRule} />

            {/* 5 */}
            <div style={legalHeading}>5. Kontaktformular</div>
            <p style={legalBody}>
              Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben
              aus dem Formular, einschließlich Name, Vorname und E-Mail-Adresse, zur Bearbeitung
              der Anfrage und für den Fall von Anschlussfragen bei uns gespeichert. Diese Daten
              geben wir nicht ohne Ihre Einwilligung weiter.
            </p>
            <p style={legalBody}>
              <strong style={{ color: 'var(--paper)' }}>Rechtsgrundlage:</strong> Die Verarbeitung erfolgt auf Grundlage unseres
              berechtigten Interesses an der Beantwortung Ihrer Anfrage (Art. 6 Abs. 1 lit. f
              DSGVO). Als Unternehmen, das einen professionellen Dienstleister kontaktiert,
              besteht auf beiden Seiten ein klares und gegenseitiges Interesse an der
              Verarbeitung und Beantwortung der Nachricht. Dieses Interesse überwiegt Ihre
              Rechte und Freiheiten, da die Daten ausschließlich zur Beantwortung Ihrer
              Anfrage verwendet und nicht für Marketingzwecke genutzt oder weitergegeben werden.
            </p>
            <p style={legalBody}>
              <strong style={{ color: 'var(--paper)' }}>Widerspruchsrecht:</strong> Sie haben das Recht, der Verarbeitung auf Grundlage
              unseres berechtigten Interesses jederzeit zu widersprechen. Bitte wenden Sie
              sich dazu an{' '}
              <a href="mailto:info@astovia.de" style={{ color: 'var(--bronze)' }}>info@astovia.de</a>.
              Wir werden die Verarbeitung Ihrer Daten einstellen, sofern wir keine zwingenden
              schutzwürdigen Gründe nachweisen können, die Ihre Interessen überwiegen.
            </p>
            <p style={legalBody}>
              <strong style={{ color: 'var(--paper)' }}>Speicherdauer:</strong> Die von Ihnen im Kontaktformular eingegebenen Daten
              werden nur so lange gespeichert, wie es zur Bearbeitung Ihrer Anfrage und
              etwaiger Rückfragen erforderlich ist, und anschließend gelöscht.
            </p>

            <p style={legalSubHeading}>Formularversand über Web3Forms</p>
            <p style={legalBody}>
              Unser Kontaktformular nutzt den Dienst <strong style={{ color: 'var(--paper)' }}>Web3Forms</strong>,
              um Ihre Nachricht an uns weiterzuleiten. Web3Forms ist als Auftragsverarbeiter
              tätig und verarbeitet die von Ihnen eingegebenen Daten — Vorname, Nachname,
              E-Mail-Adresse und Nachricht — ausschließlich zum Zweck der Weiterleitung an
              unser Postfach. Eine darüber hinausgehende Speicherung oder Nutzung Ihrer Daten
              durch Web3Forms findet nicht statt.
            </p>
            <p style={legalBody}>
              <strong style={{ color: 'var(--paper)' }}>Anbieter:</strong> Web3Forms —{' '}
              <a href="https://web3forms.com" target="_blank" rel="noopener noreferrer" style={{ color: 'var(--bronze)' }}>web3forms.com</a>
            </p>
            <p style={legalBody}>
              <strong style={{ color: 'var(--paper)' }}>Rechtsgrundlage:</strong> Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse
              an der Verarbeitung und Beantwortung Ihrer Anfrage). Mit Web3Forms besteht ein
              Auftragsverarbeitungsvertrag (AVV) gemäß Art. 28 DSGVO.
            </p>
            <p style={legalBody}>
              Weitere Informationen zum Datenschutz bei Web3Forms finden Sie in deren
              Datenschutzerklärung:{' '}
              <a href="https://web3forms.com/privacy" target="_blank" rel="noopener noreferrer" style={{ color: 'var(--bronze)' }}>
                web3forms.com/privacy
              </a>
            </p>

            <hr style={legalRule} />

            {/* 6 */}
            <div style={legalHeading}>6. Social Media – LinkedIn</div>
            <p style={legalBody}>
              Auf unserer Website finden Sie einen Link zu unserer LinkedIn-Seite. Beim Anklicken
              des Links werden Sie direkt zu LinkedIn weitergeleitet. Dabei gelten die
              Datenschutzbestimmungen von LinkedIn.
            </p>
            <p style={legalBody}>
              <strong style={{ color: 'var(--paper)' }}>Anbieter:</strong> LinkedIn Ireland Unlimited Company, Wilton Place, Dublin 2, Irland.
            </p>
            <p style={legalBody}>
              Wir weisen darauf hin, dass LinkedIn personenbezogene Daten von Ihnen erhebt,
              sobald Sie die Plattform besuchen. Auf die Datenverarbeitung durch LinkedIn haben
              wir keinen Einfluss. Weitere Informationen:{' '}
              <a href="https://www.linkedin.com/legal/privacy-policy" target="_blank" rel="noopener noreferrer" style={{ color: 'var(--bronze)' }}>
                linkedin.com/legal/privacy-policy
              </a>
            </p>

            <hr style={legalRule} />

            {/* 7 */}
            <div style={legalHeading}>7. Rechte der betroffenen Personen</div>
            <p style={legalBody}>
              Sie haben das Recht auf Auskunft, Berichtigung, Löschung, Einschränkung der
              Verarbeitung, Datenübertragbarkeit und Widerspruch. Bei Fragen oder Beschwerden
              können Sie sich an die zuständige Datenschutzbehörde wenden.
            </p>

            <hr style={legalRule} />

            {/* 8 */}
            <div style={legalHeading}>8. Änderungen dieser Datenschutzerklärung</div>
            <p style={legalBody}>
              Wir behalten uns vor, diese Datenschutzerklärung bei Bedarf anzupassen.
              Die aktuelle Version finden Sie stets auf unserer Website.
            </p>

          </div>
        </div>
      </section>
    </main>
  );
}

Object.assign(window, { ImpressumPage, DatenschutzPage });
