HSK-Vorlage/datenschutz.html

<!doctype html>
<html lang="de" class="no-js">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
  <title>Datenschutz – Mustermann Haustechnik</title>
  <meta name="description" content="Datenschutzerklärung der Mustermann Haustechnik GmbH – Haustechnik in Musterstadt und Umgebung.">
  <meta name="robots" content="noindex, follow">
  <link rel="canonical" href="https://www.example.com/datenschutz.html">
  <meta name="theme-color" content="#0B151E">
  <meta name="format-detection" content="telephone=no">
  <link rel="icon" href="assets/img/favicon.svg" type="image/svg+xml">
  <link rel="icon" href="assets/img/favicon-32.png" sizes="32x32" type="image/png">
  <link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png">
  <link rel="preload" href="assets/fonts/instrument-sans-var.woff2" as="font" type="font/woff2" crossorigin>
  <link rel="stylesheet" href="assets/css/main.css?v=20261004">
  <script>
    (function (d, w) {
      var h = d.documentElement;
      h.className = h.className.replace('no-js', 'js');
      w.setTimeout(function () { if (!w.__hskReady) { h.classList.remove('js'); h.classList.add('no-js'); } }, 4500);
    })(document, window);
  </script>
  <script src="assets/js/contact.js?v=20261004" defer></script>
  <script src="assets/js/main.js?v=20261004" defer></script>
</head>
<body class="page">
  <!--
    HINWEIS: Diese Datenschutzerklärung ist auf die technische Umsetzung dieser Website
    zugeschnitten (keine Cookies, kein Tracking, lokal eingebundene Schriften und Skripte).
    Sie ersetzt keine Rechtsberatung – bitte vor dem Livegang prüfen lassen und den
    Hosting-Anbieter (TODO) ergänzen.
    HSK-VORLAGE: Firmendaten sind Platzhalter; zuständige Aufsichtsbehörde (Abschnitt 9)
    nach dem Bundesland des Betriebs eintragen.
  -->
  <a class="skip-link" href="#main">Zum Inhalt springen</a>

  <svg class="sprite" aria-hidden="true" focusable="false">
    <symbol id="i-phone" viewBox="0 0 24 24"><path d="M6.5 3.5h3l1.6 4.4-2.1 1.3a11.5 11.5 0 0 0 5.8 5.8l1.3-2.1 4.4 1.6v3a2 2 0 0 1-2.2 2A17 17 0 0 1 4.5 5.7a2 2 0 0 1 2-2.2z"/></symbol>
    <symbol id="i-mail" viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="m4 7 8 6 8-6"/></symbol>
    <symbol id="i-arrow" viewBox="0 0 24 24"><path d="M4 12h15M13 6l6 6-6 6"/></symbol>
    <symbol id="i-arrow-up" viewBox="0 0 24 24"><path d="M12 20V5M6 11l6-6 6 6"/></symbol>
    <symbol id="i-arrow-left" viewBox="0 0 24 24"><path d="M20 12H5M11 6l-6 6 6 6"/></symbol>
  </svg>

  <header class="nav" data-nav>
    <div class="nav__bar">
      <a class="logo" href="index.html" aria-label="Mustermann Haustechnik – zur Startseite">
        <svg class="logo__mark" viewBox="0 0 40 40" aria-hidden="true">
          <defs><linearGradient id="g-logo" x1="0" y1="0" x2="1" y2="0"><stop offset="0" stop-color="#2E9BEF"/><stop offset=".55" stop-color="#C2456B"/><stop offset="1" stop-color="#FF6A2B"/></linearGradient></defs>
          <path d="M11.97 31.47A14 14 0 1 1 28.03 31.47" fill="none" stroke="url(#g-logo)" stroke-width="5.5" stroke-linecap="round"/>
          <circle cx="20" cy="20" r="3.4" fill="currentColor"/>
        </svg>
        <span class="logo__text"><span class="logo__word">Mustermann</span><span class="logo__sub">Haustechnik</span></span>
      </a>
      <nav class="nav__links" aria-label="Hauptnavigation">
        <a href="index.html#leistungen">Leistungen</a>
        <a href="index.html#energie-haus">Energie-Haus</a>
        <a href="index.html#heizungs-finder">Heizungs-Finder</a>
        <a href="index.html#ueber-uns">Über uns</a>
        <a href="index.html#karriere">Karriere</a>
      </nav>
      <div class="nav__actions">
        <a class="nav__phone" href="tel:+491234567890" aria-label="Anrufen: 01234 567890"><svg class="icon" aria-hidden="true"><use href="#i-phone"/></svg><span>01234&nbsp;567890</span></a>
        <a class="btn btn--sm btn--warm" href="index.html#kontakt"><span class="btn__label">Anfrage stellen</span></a>
        <button class="nav__toggle" type="button" aria-expanded="false" aria-controls="menu" data-menu-toggle>
          <span class="nav__toggle-lines" aria-hidden="true"><i></i><i></i></span>
          <span class="sr-only">Menü öffnen</span>
        </button>
      </div>
    </div>
  </header>

  <div class="menu" id="menu" data-menu hidden>
    <nav class="menu__links" aria-label="Mobile Navigation">
      <a href="index.html#leistungen">Leistungen</a>
      <a href="index.html#energie-haus">Energie-Haus</a>
      <a href="index.html#heizungs-finder">Heizungs-Finder</a>
      <a href="index.html#ueber-uns">Über uns</a>
      <a href="index.html#karriere">Karriere</a>
      <a href="index.html#kontakt">Kontakt</a>
    </nav>
    <div class="menu__foot">
      <a href="tel:+491234567890"><svg class="icon" aria-hidden="true"><use href="#i-phone"/></svg>01234&nbsp;567890</a>
      <a href="mailto:kontakt@example.com"><svg class="icon" aria-hidden="true"><use href="#i-mail"/></svg>kontakt@example.com</a>
      <p class="status status--dark" data-status><span class="status__dot" aria-hidden="true"></span><span class="status__text">Mo–Do 7–16:30 Uhr · Fr 7–11:30 Uhr</span></p>
    </div>
  </div>

  <main id="main">
    <section class="page-hero" aria-labelledby="page-title">
      <div class="container">
        <p class="label"><a href="index.html">Startseite</a> / Rechtliches</p>
        <h1 class="h1" id="page-title">Datenschutz&shy;erklärung</h1>
      </div>
    </section>

    <section class="legal sheet">
      <div class="container legal__grid">
        <nav class="legal__toc" aria-label="Inhalt">
          <a href="#verantwortlicher">Verantwortlicher</a>
          <a href="#ueberblick">Auf einen Blick</a>
          <a href="#hosting">Hosting &amp; Server-Logfiles</a>
          <a href="#cookies">Cookies &amp; Tracking</a>
          <a href="#kontakt">Kontaktaufnahme</a>
          <a href="#finder">Heizungs-Finder</a>
          <a href="#bewerbung">Bewerbungen</a>
          <a href="#links">Externe Links</a>
          <a href="#rechte">Ihre Rechte</a>
        </nav>

        <div class="legal__body" data-reveal>
          <h2 id="verantwortlicher">1. Verantwortlicher</h2>
          <p>Verantwortlich für die Datenverarbeitung auf dieser Website im Sinne der Datenschutz-Grundverordnung (DSGVO) ist:</p>
          <div class="legal__card">
            <p><strong>Mustermann Haustechnik GmbH</strong></p>
            <p>Musterstraße 1, 12345 Musterstadt</p>
            <p>Vertreten durch die Geschäftsführerin Erika Mustermann</p>
            <p>Telefon: <a href="tel:+491234567890">01234&nbsp;567890</a> · E-Mail: <a href="mailto:kontakt@example.com">kontakt@example.com</a></p>
          </div>

          <h2 id="ueberblick">2. Datenschutz auf einen Blick</h2>
          <p>Wir haben diese Website bewusst datensparsam gebaut:</p>
          <ul>
            <li>Wir setzen <strong>keine Cookies</strong> und verwenden <strong>keine Analyse- oder Tracking-Werkzeuge</strong>.</li>
            <li>Schriften, Skripte und Grafiken werden <strong>lokal von unserem Server</strong> geladen – es werden beim Seitenaufruf keine Daten an Drittanbieter (z.&nbsp;B. Google Fonts oder Content-Delivery-Netzwerke) übertragen.</li>
            <li>Personenbezogene Daten verarbeiten wir nur, wenn Sie uns aktiv kontaktieren.</li>
          </ul>

          <h2 id="hosting">3. Hosting und Server-Logfiles</h2>
          <p>Diese Website wird bei einem externen Dienstleister gehostet <!-- TODO: Name und Anschrift des Hosting-Anbieters ergänzen -->. Beim Aufruf der Website werden durch den Webserver automatisch Informationen erfasst, die Ihr Browser übermittelt (sogenannte Server-Logfiles):</p>
          <ul>
            <li>IP-Adresse des anfragenden Geräts</li>
            <li>Datum und Uhrzeit des Zugriffs</li>
            <li>aufgerufene Seite bzw. Datei und übertragene Datenmenge</li>
            <li>Referrer-URL (zuvor besuchte Seite)</li>
            <li>verwendeter Browser und Betriebssystem</li>
          </ul>
          <p>Die Verarbeitung erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Unser berechtigtes Interesse liegt in der technisch fehlerfreien und sicheren Bereitstellung der Website. Die Logfiles werden gelöscht, sobald sie für diesen Zweck nicht mehr erforderlich sind, sofern sie nicht zur Aufklärung von Sicherheitsvorfällen benötigt werden. <!-- TODO: konkrete Speicherdauer des Hosters ergänzen und Vertrag zur Auftragsverarbeitung (Art. 28 DSGVO) mit dem Hoster bestätigen. --></p>

          <h2 id="cookies">4. Cookies, Tracking und lokale Speicherung</h2>
          <p>Diese Website verwendet keine Cookies, keine Analyse-Dienste, keine Social-Media-Plugins und keine Werbe-Tracker. Es werden auch keine Informationen im lokalen Speicher Ihres Browsers abgelegt. Die Animationen und das „Wärmebild“ werden vollständig in Ihrem Browser berechnet.</p>

          <h2 id="kontakt">5. Kontaktaufnahme per Telefon, E-Mail und Kontaktformular</h2>
          <p>Wenn Sie uns kontaktieren, verarbeiten wir die von Ihnen gemachten Angaben (z.&nbsp;B. Name, E-Mail-Adresse, Telefonnummer, Ort sowie den Inhalt Ihrer Nachricht), um Ihre Anfrage zu bearbeiten und Ihnen zu antworten.</p>
          <p>Die Angaben aus dem Kontaktformular werden über unseren Webserver als E-Mail an uns übermittelt. Ist dies technisch nicht möglich, öffnet sich stattdessen Ihr eigenes E-Mail-Programm mit einer vorbereiteten Nachricht; der Versand erfolgt dann über Ihren E-Mail-Anbieter.</p>
          <p>Rechtsgrundlage ist Art. 6 Abs. 1 lit. b DSGVO, sofern Ihre Anfrage mit der Erfüllung eines Vertrags oder der Durchführung vorvertraglicher Maßnahmen (z.&nbsp;B. einem Angebot) zusammenhängt, im Übrigen Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse an der Beantwortung von Anfragen). Wir löschen Ihre Daten, sobald sie für die Bearbeitung nicht mehr erforderlich sind; gesetzliche Aufbewahrungspflichten (insbesondere nach Handels- und Steuerrecht) bleiben unberührt.</p>

          <h2 id="finder">6. Heizungs-Finder</h2>
          <p>Der Heizungs-Finder läuft vollständig in Ihrem Browser. Ihre Antworten werden weder gespeichert noch an uns übertragen. Nur wenn Sie das Ergebnis über die Schaltfläche „Ergebnis mit uns besprechen“ in das Kontaktformular übernehmen und dieses absenden, erhalten wir die Angaben im Rahmen Ihrer Anfrage (siehe Abschnitt 5).</p>

          <h2 id="bewerbung">7. Bewerbungen</h2>
          <p>Bewerbungsunterlagen, die Sie uns per E-Mail senden, verarbeiten wir zur Durchführung des Bewerbungsverfahrens auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO. Kommt kein Arbeits- oder Ausbildungsverhältnis zustande, löschen wir Ihre Unterlagen spätestens sechs Monate nach Abschluss des Verfahrens, sofern Sie nicht in eine längere Speicherung eingewilligt haben.</p>

          <h2 id="links">8. Externe Links</h2>
          <p>Für die Routenplanung verlinken wir auf Google Maps. Erst wenn Sie den Link anklicken, werden Sie auf die Seite der Google Ireland Limited weitergeleitet; dort gelten deren Datenschutzbestimmungen. Beim bloßen Besuch unserer Website werden keine Daten an Google übertragen.</p>

          <h2 id="rechte">9. Ihre Rechte</h2>
          <p>Sie haben jederzeit das Recht auf Auskunft (Art. 15 DSGVO), Berichtigung (Art. 16 DSGVO), Löschung (Art. 17 DSGVO), Einschränkung der Verarbeitung (Art. 18 DSGVO), Datenübertragbarkeit (Art. 20 DSGVO) sowie das Recht, einer Verarbeitung auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO zu widersprechen (Art. 21 DSGVO). Eine erteilte Einwilligung können Sie jederzeit mit Wirkung für die Zukunft widerrufen (Art. 7 Abs. 3 DSGVO). Wenden Sie sich dazu einfach an die oben genannten Kontaktdaten.</p>
          <p>Außerdem haben Sie das Recht, sich bei einer Datenschutz-Aufsichtsbehörde zu beschweren (Art. 77 DSGVO). Für uns zuständig ist die Datenschutz-Aufsichtsbehörde des Bundeslandes, in dem unser Betrieb seinen Sitz hat. <!-- TODO: Behörde mit Anschrift nennen, z. B. Bayern: Bayerisches Landesamt für Datenschutzaufsicht (BayLDA), Promenade 18, 91522 Ansbach --></p>

          <h2>10. Verschlüsselung</h2>
          <p>Diese Website nutzt aus Sicherheitsgründen eine SSL- bzw. TLS-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie am Schloss-Symbol in der Adresszeile Ihres Browsers und daran, dass die Adresse mit „https://“ beginnt.</p>

          <p><small>Stand: Oktober 2026</small></p>
          <p><a class="link-arrow" href="index.html"><svg class="icon" aria-hidden="true"><use href="#i-arrow-left"/></svg> Zurück zur Startseite</a></p>
        </div>
      </div>
    </section>
  </main>

  <footer class="footer sheet sheet--dark">
    <div class="container">
      <div class="footer__grid">
        <div class="footer__col">
          <h2 class="footer__h">Mustermann Haustechnik GmbH</h2>
          <address>Musterstraße 1<br>12345 Musterstadt</address>
        </div>
        <div class="footer__col">
          <h2 class="footer__h">Kontakt</h2>
          <p><a href="tel:+491234567890">Tel.&nbsp;01234&nbsp;567890</a><br>Fax&nbsp;01234&nbsp;567891<br><a href="mailto:kontakt@example.com">kontakt@example.com</a></p>
        </div>
        <div class="footer__col">
          <h2 class="footer__h">Öffnungszeiten</h2>
          <p>Mo–Do 7:00–12:00<br>und 13:00–16:30<br>Fr 7:00–11:30</p>
        </div>
        <nav class="footer__col" aria-label="Footer-Navigation">
          <h2 class="footer__h">Seite</h2>
          <ul>
            <li><a href="index.html#leistungen">Leistungen</a></li>
            <li><a href="index.html#energie-haus">Energie-Haus</a></li>
            <li><a href="index.html#heizungs-finder">Heizungs-Finder</a></li>
            <li><a href="index.html#ueber-uns">Über uns</a></li>
            <li><a href="index.html#kontakt">Kontakt</a></li>
          </ul>
        </nav>
      </div>
      <div class="footer__bottom">
        <p>© <span data-current-year>2026</span> Mustermann Haustechnik GmbH</p>
        <ul>
          <li><a href="impressum.html">Impressum</a></li>
          <li><a href="datenschutz.html" aria-current="page">Datenschutz</a></li>
          <li><a class="footer__top" href="#main">Nach oben <svg class="icon" aria-hidden="true"><use href="#i-arrow-up"/></svg></a></li>
        </ul>
      </div>
    </div>
  </footer>
</body>
</html>