HSK-Vorlage/impressum.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>Impressum – Mustermann Haustechnik</title>
  <meta name="description" content="Impressum der Mustermann Haustechnik GmbH – Haustechnik in Musterstadt und Umgebung.">
  <meta name="robots" content="noindex, follow">
  <link rel="canonical" href="https://www.example.com/impressum.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">
  <!--
    HSK-VORLAGE: Alle Firmendaten sind Platzhalter (Mustermann Haustechnik GmbH, Musterstadt,
    example.com). Vor dem Livegang durch die echten Angaben des Betriebs ersetzen
    (bestehendes Impressum, Handelsregister) und die mit „TODO“ markierten Punkte ergänzen.
  -->
  <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">Impressum</h1>
      </div>
    </section>

    <section class="legal sheet">
      <div class="container legal__grid">
        <nav class="legal__toc" aria-label="Inhalt">
          <a href="#anbieter">Anbieter</a>
          <a href="#kontakt">Kontakt</a>
          <a href="#register">Registereintrag</a>
          <a href="#streitbeilegung">Streitbeilegung</a>
          <a href="#haftung">Haftung</a>
          <a href="#urheberrecht">Urheberrecht</a>
        </nav>

        <div class="legal__body" data-reveal>
          <h2 id="anbieter">Angaben gemäß § 5 DDG</h2>
          <div class="legal__card">
            <p><strong>Mustermann Haustechnik GmbH</strong></p>
            <p>Musterstraße 1<br>12345 Musterstadt</p>
          </div>
          <h3>Vertreten durch die Geschäftsführerin</h3>
          <p>Erika Mustermann</p>

          <h2 id="kontakt">Kontakt</h2>
          <p>
            Telefon: <a href="tel:+491234567890">01234&nbsp;567890</a><br>
            Telefax: 01234&nbsp;567891<br>
            E-Mail: <a href="mailto:kontakt@example.com">kontakt@example.com</a>
          </p>

          <h2 id="register">Registereintrag</h2>
          <p>
            Eintragung im Handelsregister<br>
            Registergericht: Amtsgericht Musterstadt<br>
            Registernummer: HRB 12345
          </p>
          <!-- TODO: Umsatzsteuer-Identifikationsnummer gemäß § 27a UStG aus dem bisherigen Impressum ergänzen:
          <h3>Umsatzsteuer-ID</h3>
          <p>Umsatzsteuer-Identifikationsnummer gemäß § 27a Umsatzsteuergesetz: DE XXX XXX XXX</p>
          -->
          <!-- TODO: Berufsrechtliche Angaben bestätigen/ergänzen, z. B.:
          <h3>Berufsbezeichnung und berufsrechtliche Regelungen</h3>
          <p>Berufsbezeichnung: Installateur- und Heizungsbauer (verliehen in Deutschland)<br>
          Zuständige Kammer: Handwerkskammer [zuständige Kammer eintragen]<br>
          Es gilt die Handwerksordnung (HwO), einsehbar unter www.gesetze-im-internet.de</p>
          -->

          <h2 id="streitbeilegung">Verbraucherstreitbeilegung</h2>
          <p>Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.</p>

          <h2 id="haftung">Haftung für Inhalte und Links</h2>
          <p>Die Inhalte dieser Website wurden mit größter Sorgfalt erstellt. Für die Richtigkeit, Vollständigkeit und Aktualität der Inhalte können wir jedoch keine Gewähr übernehmen. Die Angaben im Heizungs-Finder dienen ausschließlich der ersten Orientierung und ersetzen keine individuelle Beratung und Planung vor Ort.</p>
          <p>Unsere Website enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber verantwortlich. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.</p>

          <h2 id="urheberrecht">Urheberrecht</h2>
          <p>Die durch uns erstellten Inhalte und Werke auf dieser Website unterliegen dem deutschen Urheberrecht. Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechts bedürfen der schriftlichen Zustimmung der Mustermann Haustechnik GmbH.</p>
          <p>Illustrationen und Grafiken: individuell für diese Website gestaltet. Schrift: Instrument Sans (SIL Open Font License), lokal eingebunden.</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" aria-current="page">Impressum</a></li>
          <li><a href="datenschutz.html">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>