/* global React, Layout, useT */
const { useEffect: useEffLeg } = React;

function LegalShell({ brand, eyebrow, title, lead, children }) {
  return (
    <Layout brand={brand}>
      <section className="legal-hero">
        <div className="container legal-hero__inner">
          <div className="legal-hero__eyebrow">{eyebrow}</div>
          <h1 className="legal-hero__title">{title}</h1>
          {lead && <p className="legal-hero__lead">{lead}</p>}
        </div>
      </section>
      <section className="legal-body">
        <div className="container legal-body__inner">{children}</div>
      </section>
      <style>{`
        .legal-hero { background: #0d0d0d; color: #fff; padding: 96px 0 72px; position: relative; overflow: hidden; }
        .legal-hero::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--accent); }
        .legal-hero__inner { max-width: 980px; }
        .legal-hero__eyebrow { font-size: 11px; font-weight: 800; letter-spacing: 0.28em; text-transform: uppercase; color: var(--accent); margin-bottom: 18px; }
        .legal-hero__title { font-size: clamp(40px, 6vw, 72px); font-weight: 800; line-height: 1; letter-spacing: -0.02em; margin: 0 0 20px; }
        .legal-hero__lead { font-size: 17px; line-height: 1.6; color: rgba(255,255,255,0.72); max-width: 60ch; margin: 0; }
        .legal-body { background: var(--white); padding: 80px 0 120px; }
        .legal-body__inner { max-width: 880px; }
        .legal-card { background: #fafafa; border: 1px solid #ececec; padding: 40px 44px; margin-bottom: 40px; }
        .legal-card__row { display: grid; grid-template-columns: 200px 1fr; gap: 18px 32px; padding: 14px 0; border-bottom: 1px solid #ececec; }
        .legal-card__row:last-child { border-bottom: 0; }
        .legal-card__label { font-size: 11px; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase; color: #888; padding-top: 4px; }
        .legal-card__val { font-size: 16px; line-height: 1.5; color: #1a1a1a; white-space: pre-line; }
        .legal-card__val a { color: var(--accent); text-decoration: none; border-bottom: 1px solid currentColor; }
        @media (max-width: 720px) { .legal-card { padding: 28px 24px; } .legal-card__row { grid-template-columns: 1fr; gap: 4px; padding: 14px 0; } }
        .legal-h2 { font-size: 22px; font-weight: 800; letter-spacing: -0.01em; margin: 56px 0 14px; padding-top: 24px; border-top: 2px solid #1a1a1a; }
        .legal-h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
        .legal-h3 { font-size: 16px; font-weight: 700; margin: 28px 0 8px; color: #1a1a1a; }
        .legal-body p, .legal-body li { font-size: 15.5px; line-height: 1.75; color: #444; }
        .legal-body p { margin: 0 0 14px; }
        .legal-body ul { margin: 0 0 18px; padding-left: 22px; }
        .legal-body li { margin-bottom: 4px; }
        .legal-body a { color: var(--accent); text-decoration: none; border-bottom: 1px solid currentColor; word-break: break-word; }
        .legal-toc { background: #fafafa; border: 1px solid #ececec; padding: 24px 28px; margin-bottom: 56px; columns: 2; column-gap: 32px; }
        @media (max-width: 720px) { .legal-toc { columns: 1; } }
        .legal-toc a { display: block; padding: 6px 0; font-size: 14px; color: #444; border-bottom: 0; }
        .legal-toc a:hover { color: var(--accent); }
        .legal-toc__num { display: inline-block; width: 24px; font-weight: 700; color: #999; font-variant-numeric: tabular-nums; }
        .legal-switch { display: inline-flex; gap: 0; border: 1px solid #ddd; margin-bottom: 36px; }
        .legal-switch a { padding: 10px 20px; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; color: #555; text-decoration: none; border-bottom: 0; }
        .legal-switch a.is-active { background: var(--accent); color: #fff; }
      `}</style>
    </Layout>
  );
}

function ImpressumPage({ brand }) {
  const { t } = useT();
  const im = (window.QC_CONTENT && window.QC_CONTENT.impressum && window.QC_CONTENT.impressum[brand]) || (window.QC_DATA && window.QC_DATA.impressum && window.QC_DATA.impressum[brand]);
  if (!im) {
    return (
      <LegalShell brand={brand} eyebrow={t('legal.imp.eyebrow', 'Rechtliches')} title={t('legal.imp.title', 'Impressum')} lead="">
        <p>Impressums-Daten werden geladen…</p>
      </LegalShell>
    );
  }
  const otherBrand = brand === 'ifm' ? 'lns' : 'ifm';
  return (
    <LegalShell
      brand={brand}
      eyebrow={t('legal.imp.eyebrow', 'Rechtliches')}
      title={t('legal.imp.title', 'Impressum')}
      lead={t('legal.imp.lead', 'Angaben gemäß § 5 TMG.')}
    >
      <div className="legal-card">
        <div className="legal-card__row"><div className="legal-card__label">Firma</div><div className="legal-card__val">{im.company}</div></div>
        <div className="legal-card__row"><div className="legal-card__label">Anschrift</div><div className="legal-card__val">{im.address}</div></div>
        <div className="legal-card__row"><div className="legal-card__label">Telefon</div><div className="legal-card__val">{im.phone}</div></div>
        <div className="legal-card__row"><div className="legal-card__label">Telefax</div><div className="legal-card__val">{im.fax}</div></div>
        <div className="legal-card__row"><div className="legal-card__label">E-Mail</div><div className="legal-card__val"><a href={`mailto:${im.email}`}>{im.email}</a></div></div>
        <div className="legal-card__row"><div className="legal-card__label">Geschäftsführer</div><div className="legal-card__val">{im.ceo}</div></div>
        <div className="legal-card__row"><div className="legal-card__label">Verantwortlich i.S.d. § 55 Abs. 2 RStV</div><div className="legal-card__val">{im.contentResp}</div></div>
        <div className="legal-card__row"><div className="legal-card__label">Amtsgericht</div><div className="legal-card__val">{im.court}</div></div>
        <div className="legal-card__row"><div className="legal-card__label">Handelsregister</div><div className="legal-card__val">{im.hrb}</div></div>
        <div className="legal-card__row"><div className="legal-card__label">USt-IdNr.</div><div className="legal-card__val">{im.ust}</div></div>
      </div>

      <h2 className="legal-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">https://ec.europa.eu/consumers/odr</a>. Unsere E-Mail-Adresse finden Sie oben im Impressum.</p>
      <p>Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucher­schlichtungsstelle teilzunehmen.</p>

      <h2 className="legal-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 Diensteanbieter 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 className="legal-h2">Haftung für Links</h2>
      <p>Unser Angebot enthält Links zu externen Websites 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>
      <p>Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.</p>

      <h2 className="legal-h2">Urheberrecht</h2>
      <p>Die durch die Seitenbetreiber 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 Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers.</p>
      <p>Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.</p>

      <h2 className="legal-h2">Gültigkeit des Impressums</h2>
      <p>Das Impressum gilt unter anderem für folgende Internetauftritte:</p>
      <ul>
        <li>web: <a href="https://www.quickcity.de" target="_blank" rel="noopener noreferrer">www.quickcity.de</a></li>
        <li>facebook: quickcityberlin</li>
        <li>twitter: quickcityberlin</li>
      </ul>
      <p style={{marginTop: 24, fontSize: 13, color: '#888'}}>Referenzen Bildmaterial: Quick City</p>
    </LegalShell>
  );
}

function DatenschutzPage({ brand }) {
  const { t } = useT();
  return (
    <LegalShell
      brand={brand}
      eyebrow={t('legal.dse.eyebrow', 'Rechtliches')}
      title={t('legal.dse.title', 'Datenschutzerklärung')}
      lead={t('legal.dse.lead', 'Informationen zur Erhebung und Verarbeitung personenbezogener Daten beim Besuch unserer Website.')}
    >
      <div className="legal-toc">
        {[
          ['sec-1', '1.', 'Datenschutz auf einen Blick'],
          ['sec-2', '2.', 'Allgemeine Hinweise'],
          ['sec-3', '3.', 'Datenschutzbeauftragter'],
          ['sec-4', '4.', 'Datenerfassung auf unserer Website'],
          ['sec-5', '5.', 'Soziale Medien'],
          ['sec-6', '6.', 'Analyse-Tools und Werbung'],
          ['sec-7', '7.', 'Newsletter'],
          ['sec-8', '8.', 'Plugins und Tools'],
        ].map(([id, num, label]) => (
          <a key={id} href={`javascript:void(0)`} onClick={(e) => {
            e.preventDefault();
            const el = document.getElementById(id);
            if (el) {
              const top = el.getBoundingClientRect().top + window.pageYOffset - 90;
              window.scrollTo({ top, behavior: 'smooth' });
            }
          }}><span className="legal-toc__num">{num}</span>{label}</a>
        ))}
      </div>

      <h2 id="sec-1" className="legal-h2">1. Datenschutz auf einen Blick</h2>
      <h3 className="legal-h3">Allgemeine Hinweise</h3>
      <p>Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie unsere Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können. Ausführliche Informationen zum Thema Datenschutz entnehmen Sie unserer unter diesem Text aufgeführten Datenschutzerklärung.</p>

      <h3 className="legal-h3">Datenerfassung auf unserer Website</h3>
      <p><b>Wer ist verantwortlich für die Datenerfassung auf dieser Website?</b><br />Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem Impressum dieser Website entnehmen.</p>
      <p><b>Wie erfassen wir Ihre Daten?</b><br />Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen. Hierbei kann es sich z.B. um Daten handeln, die Sie in ein Kontaktformular eingeben. Andere Daten werden automatisch beim Besuch der Website durch unsere IT-Systeme erfasst. Das sind vor allem technische Daten (z.B. Internetbrowser, Betriebssystem oder Uhrzeit des Seitenaufrufs).</p>
      <p><b>Wofür nutzen wir Ihre Daten?</b><br />Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten. Andere Daten können zur Analyse Ihres Nutzerverhaltens verwendet werden.</p>
      <p><b>Welche Rechte haben Sie bezüglich Ihrer Daten?</b><br />Sie haben jederzeit das Recht unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht, die Berichtigung, Sperrung oder Löschung dieser Daten zu verlangen. Hierzu sowie zu weiteren Fragen zum Thema Datenschutz können Sie sich jederzeit unter der im Impressum angegebenen Adresse an uns wenden. Des Weiteren steht Ihnen ein Beschwerderecht bei der zuständigen Aufsichtsbehörde zu.</p>

      <h2 id="sec-2" className="legal-h2">2. Allgemeine Hinweise und Pflichtinformationen</h2>
      <h3 className="legal-h3">Datenschutz</h3>
      <p>Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung.</p>
      <p>Wenn Sie diese Website benutzen, werden verschiedene personenbezogene Daten erhoben. Personenbezogene Daten sind Daten, mit denen Sie persönlich identifiziert werden können. Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.</p>

      <h3 className="legal-h3">Widerruf Ihrer Einwilligung zur Datenverarbeitung</h3>
      <p>Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich. Sie können eine bereits erteilte Einwilligung jederzeit widerrufen. Dazu reicht eine formlose Mitteilung per E-Mail an uns. Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitung bleibt vom Widerruf unberührt.</p>

      <h3 className="legal-h3">Beschwerderecht bei der zuständigen Aufsichtsbehörde</h3>
      <p>Im Falle datenschutzrechtlicher Verstöße steht dem Betroffenen ein Beschwerderecht bei der zuständigen Aufsichtsbehörde zu. Eine Liste der Datenschutzbeauftragten sowie deren Kontaktdaten können folgendem Link entnommen werden: <a href="https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html" target="_blank" rel="noopener noreferrer">bfdi.bund.de</a>.</p>

      <h3 className="legal-h3">Recht auf Datenübertragbarkeit</h3>
      <p>Sie haben das Recht, Daten, die wir auf Grundlage Ihrer Einwilligung oder in Erfüllung eines Vertrags automatisiert verarbeiten, an sich oder an einen Dritten in einem gängigen, maschinenlesbaren Format aushändigen zu lassen.</p>

      <h3 className="legal-h3">SSL- bzw. TLS-Verschlüsselung</h3>
      <p>Diese Seite nutzt aus Sicherheitsgründen und zum Schutz der Übertragung vertraulicher Inhalte eine SSL- bzw. TLS-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie an „https://" und am Schloss-Symbol in Ihrer Browserzeile.</p>

      <h3 className="legal-h3">Auskunft, Sperrung, Löschung</h3>
      <p>Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit das Recht auf unentgeltliche Auskunft über Ihre gespeicherten personenbezogenen Daten, deren Herkunft und Empfänger und den Zweck der Datenverarbeitung und ggf. ein Recht auf Berichtigung, Sperrung oder Löschung dieser Daten. Hierzu sowie zu weiteren Fragen zum Thema personenbezogene Daten können Sie sich jederzeit unter der im Impressum angegebenen Adresse an uns wenden.</p>

      <h3 className="legal-h3">Widerspruch gegen Werbe-Mails</h3>
      <p>Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-E-Mails, vor.</p>

      <h2 id="sec-3" className="legal-h2">3. Datenschutzbeauftragter</h2>
      <p>Wir haben für unser Unternehmen eine Datenschutzbeauftragte bestellt:</p>
      <p><b>Defne Müftüoğlu</b><br />E-Mail: d.mueftueoglu@quickcity.de</p>

      <h2 id="sec-4" className="legal-h2">4. Datenerfassung auf unserer Website</h2>
      <h3 className="legal-h3">Cookies</h3>
      <p>Die Internetseiten verwenden teilweise so genannte Cookies. Cookies richten auf Ihrem Rechner keinen Schaden an und enthalten keine Viren. Cookies dienen dazu, unser Angebot nutzerfreundlicher, effektiver und sicherer zu machen. Cookies sind kleine Textdateien, die auf Ihrem Rechner abgelegt werden und die Ihr Browser speichert.</p>
      <p>Die meisten der von uns verwendeten Cookies sind so genannte „Session-Cookies". Sie werden nach Ende Ihres Besuchs automatisch gelöscht. Andere Cookies bleiben auf Ihrem Endgerät gespeichert bis Sie diese löschen. Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies informiert werden und Cookies nur im Einzelfall erlauben.</p>
      <p>Cookies, die zur Durchführung des elektronischen Kommunikationsvorgangs oder zur Bereitstellung bestimmter, von Ihnen erwünschter Funktionen erforderlich sind, werden auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO gespeichert.</p>

      <h3 className="legal-h3">Server-Log-Dateien</h3>
      <p>Der Provider der Seiten erhebt und speichert automatisch Informationen in so genannten Server-Log-Dateien, die Ihr Browser automatisch an uns übermittelt. Dies sind:</p>
      <ul>
        <li>Browsertyp und Browserversion</li>
        <li>verwendetes Betriebssystem</li>
        <li>Referrer URL</li>
        <li>Hostname des zugreifenden Rechners</li>
        <li>Uhrzeit der Serveranfrage</li>
        <li>IP-Adresse</li>
      </ul>
      <p>Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen. Grundlage für die Datenverarbeitung ist Art. 6 Abs. 1 lit. b DSGVO.</p>

      <h3 className="legal-h3">Kontaktformular</h3>
      <p>Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und für den Fall von Anschlussfragen bei uns gespeichert. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter. Die Verarbeitung erfolgt auf Grundlage Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO). Sie können diese Einwilligung jederzeit widerrufen.</p>

      <h3 className="legal-h3">Verarbeiten von Daten (Kunden- und Vertragsdaten)</h3>
      <p>Wir erheben, verarbeiten und nutzen personenbezogene Daten nur, soweit sie für die Begründung, inhaltliche Ausgestaltung oder Änderung des Rechtsverhältnisses erforderlich sind (Bestandsdaten). Dies erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO. Die erhobenen Kundendaten werden nach Abschluss des Auftrags oder Beendigung der Geschäftsbeziehung gelöscht. Gesetzliche Aufbewahrungsfristen bleiben unberührt.</p>

      <h2 id="sec-5" className="legal-h2">5. Soziale Medien</h2>
      <p>Auf unseren Seiten können Plugins sozialer Netzwerke (z.B. Facebook, Instagram, LinkedIn, XING) eingebunden sein. Wenn Sie eine Seite mit einem solchen Plugin besuchen, wird eine direkte Verbindung zwischen Ihrem Browser und dem Server des Anbieters hergestellt. Der Anbieter erhält dadurch die Information, dass Sie mit Ihrer IP-Adresse unsere Seite besucht haben.</p>
      <p>Wir weisen darauf hin, dass wir als Anbieter der Seiten keine Kenntnis vom Inhalt der übermittelten Daten sowie deren Nutzung durch die jeweiligen Anbieter erhalten. Weitere Informationen entnehmen Sie den Datenschutzerklärungen der jeweiligen Anbieter.</p>

      <h2 id="sec-6" className="legal-h2">6. Analyse-Tools und Werbung</h2>
      <h3 className="legal-h3">Google Analytics</h3>
      <p>Diese Website nutzt Funktionen des Webanalysedienstes Google Analytics. Anbieter ist die Google Inc. Google Analytics verwendet so genannte „Cookies". Die durch den Cookie erzeugten Informationen über Ihre Benutzung dieser Website werden in der Regel an einen Server von Google in den USA übertragen und dort gespeichert. Die Speicherung erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO.</p>
      <p><b>IP-Anonymisierung:</b> Wir haben auf dieser Website die Funktion IP-Anonymisierung aktiviert. Dadurch wird Ihre IP-Adresse von Google innerhalb von Mitgliedstaaten der EU oder in anderen Vertragsstaaten des Abkommens über den Europäischen Wirtschaftsraum vor der Übermittlung in die USA gekürzt.</p>
      <p>Sie können die Erfassung Ihrer Daten durch Google Analytics durch Installation des folgenden Browser-Plugins verhindern: <a href="https://tools.google.com/dlpage/gaoptout?hl=de" target="_blank" rel="noopener noreferrer">tools.google.com/dlpage/gaoptout</a>.</p>

      <h3 className="legal-h3">Google reCAPTCHA</h3>
      <p>Wir nutzen „Google reCAPTCHA" auf unseren Websites, um zu überprüfen, ob die Dateneingabe durch einen Menschen oder durch ein automatisiertes Programm erfolgt. Die Datenverarbeitung erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO.</p>

      <h2 id="sec-7" className="legal-h2">7. Newsletter</h2>
      <p>Wenn Sie den auf der Website angebotenen Newsletter beziehen möchten, benötigen wir von Ihnen eine E-Mail-Adresse sowie Informationen, welche uns die Überprüfung gestatten, dass Sie der Inhaber der angegebenen E-Mail-Adresse sind und mit dem Empfang des Newsletters einverstanden sind. Diese Daten verwenden wir ausschließlich für den Versand der angeforderten Informationen und geben diese nicht an Dritte weiter. Die Verarbeitung erfolgt ausschließlich auf Grundlage Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO).</p>

      <h2 id="sec-8" className="legal-h2">8. Plugins und Tools</h2>
      <h3 className="legal-h3">YouTube</h3>
      <p>Unsere Website kann Plugins der von Google betriebenen Seite YouTube nutzen. Wenn Sie eine entsprechende Seite besuchen, wird eine Verbindung zu den Servern von YouTube hergestellt. Die Nutzung erfolgt im Interesse einer ansprechenden Darstellung unserer Online-Angebote (Art. 6 Abs. 1 lit. f DSGVO).</p>

      <h3 className="legal-h3">Google Web Fonts</h3>
      <p>Diese Seite nutzt zur einheitlichen Darstellung von Schriftarten so genannte Web Fonts, die von Google bereitgestellt werden. Beim Aufruf einer Seite lädt Ihr Browser die benötigten Web Fonts in den Browsercache.</p>

      <h3 className="legal-h3">Google Maps</h3>
      <p>Diese Seite nutzt über eine API den Kartendienst Google Maps. Zur Nutzung der Funktionen ist es notwendig, Ihre IP-Adresse zu speichern. Diese Informationen werden in der Regel an einen Server von Google in den USA übertragen und dort gespeichert.</p>
    </LegalShell>
  );
}

window.ImpressumPage = ImpressumPage;
window.DatenschutzPage = DatenschutzPage;
