Emma's Schatzkiste — statische Website, fünf Seiten

Umsetzung des Design-Handoffs als statisches HTML ohne Build-Schritt,
nach dem Hausmuster der übrigen ASX-Websites.

Seiten
- index.html          Startseite (blaue Welt)
- hilfe-verein.html   Hilfe Verein (gelbe Welt)
- shop.html           Platzhalter, Online-Shop bewusst nicht gebaut
- impressum.html      § 5 DDG
- datenschutz.html    Art. 13 DSGVO

Design
- Farbe lebt in Flächen und Display-Typo, nie im Fließtext — dadurch
  laufen alle drei Markenfarben, ohne die Hierarchie zu brechen.
- Ein gesättigtes Vollflächen-Band pro Seite gegen die Blässe der
  reinen Pastellfassung.
- Alle fünf Seiten bestehen WCAG AA im Kontrast.

Mobil
- Header unter 640px zweizeilig, Navigation als Viererraster,
  alle Touch-Ziele >= 44px (WCAG 2.5.5), Footer-Links >= 24px (2.5.8).
- Geprüft bei 320/375/390/640/768/1024/1440/1920 px.

Datenschutz
- Keine Cookies, kein Storage, keine Skripte, null Fremdanfragen.
  Deshalb bewusst kein Einwilligungsbanner.
- Fredoka und Nunito selbst gehostet statt über Google Fonts
  (LG München I, 3 O 17493/20).

Bilder
- Drei Pexels-Fotos, Lizenz geprüft, heruntergeladen und selbst gehostet.
- Bewusst keine Kinderfotos: Pexels gibt kein Model Release.

Offen: drei Angaben in den Rechtstexten, Foto Opa Martin, zwei Audiodateien.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

impressum.html

@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<title>Impressum — Emma's Schatzkiste</title>
+<meta name="description" content="Impressum und Anbieterkennzeichnung nach § 5 DDG für Emma's Schatzkiste in Rottenburg a.d. Laaber." />
+<meta name="robots" content="noindex, follow" />
+<meta name="theme-color" content="#FDF4DC" />
+<link rel="icon" href="assets/logo-shop.png" />
+<link rel="preload" href="assets/fonts/nunito-400-latin.woff2" as="font" type="font/woff2" crossorigin />
+<link rel="preload" href="assets/fonts/fredoka-500-latin.woff2" as="font" type="font/woff2" crossorigin />
+<link rel="stylesheet" href="assets/fonts.css?v=1f6be3c3" />
+<link rel="stylesheet" href="assets/site.css?v=9b205dac" />
+</head>
+<body class="page-shop">
+<a class="skip" href="#inhalt">Zum Inhalt springen</a>
+
+<header class="hdr">
+  <div class="wrap hdr__in">
+    <a class="hdr__brand" href="index.html">
+      <img src="assets/logo-shop.png" alt="" />
+      Emma's Schatzkiste
+    </a>
+    <nav class="nav" aria-label="Hauptnavigation">
+      <a href="index.html">Start</a>
+      <a href="shop.html">Shop</a>
+      <a href="hilfe-verein.html">Hilfe Verein</a>
+      <a href="hilfe-verein.html#kontakt">Kontakt</a>
+    </nav>
+  </div>
+</header>
+
+<main id="inhalt">
+  <section class="wrap section">
+    <div class="prose">
+      <h1>Impressum</h1>
+
+      <div class="prose__warn">
+        <strong>Fast vollständig.</strong> Name und Anschrift sind aus dem Impressum der
+        bisherigen Seite übernommen. Offen ist nur noch das rot umrandete Feld unten.
+        Dieser Entwurf ersetzt keine Rechtsberatung.
+      </div>
+
+      <h2>Angaben gemäß § 5 DDG</h2>
+      <dl>
+        <dt>Anbieter</dt><dd>Martin Lindenau</dd>
+        <dt>Anschrift</dt><dd>Hollerstraße 2<br />84056 Rottenburg a.d. Laaber<br />Deutschland</dd>
+        <dt>Telefon</dt><dd><a href="tel:015751479212">0157 51479212</a></dd>
+        <dt>E-Mail</dt><dd><a href="mailto:emmas.schatzkiste.hilft@gmail.com">emmas.schatzkiste.hilft@gmail.com</a></dd>
+      </dl>
+      <p>Eine ladungsfähige Anschrift ist zwingend — ein Postfach genügt nicht.</p>
+
+      <h2>Umsatzsteuer</h2>
+      <p>Kleinunternehmerregelung nach § 19 UStG: Als Kleinunternehmer berechnen wir keine
+      Umsatzsteuer und weisen sie daher auch nicht aus. Eine Umsatzsteuer-Identifikationsnummer
+      nach § 27 a UStG besteht deshalb nicht.</p>
+
+      <h2>Registereintrag</h2>
+      <p><span class="todo">Bitte bestätigen:</span> Kleingewerbe, nicht im Handelsregister
+      eingetragen. Falls doch ein Eintrag besteht, gehören Registergericht und
+      Registernummer hierher.</p>
+
+      <h2>Hilfe Verein</h2>
+      <p>Der „Hilfe Verein" befindet sich im Aufbau und ist
+      <strong>noch nicht als Verein eingetragen</strong>. Er tritt daher nicht als eigene
+      juristische Person auf; verantwortlich ist die oben genannte Person. Sobald die
+      Eintragung erfolgt ist, gehören Name, Rechtsform, Vereinsregister, Registernummer und
+      der Vorstand hierher — und der Verein braucht dann ein eigenes Impressum.</p>
+
+      <h2>Verbraucherstreitbeilegung</h2>
+      <p>Wir sind nicht bereit und nicht verpflichtet, an Streitbeilegungsverfahren vor einer
+      Verbraucherschlichtungsstelle teilzunehmen.</p>
+      <p>Ein Hinweis auf die EU-Plattform zur Online-Streitbeilegung entfällt: Sie wurde zum
+      20. Juli 2025 abgeschaltet (Verordnung (EU) 2024/3228). Falls auf der alten Seite noch
+      ein Link dorthin steht, muss er weg — ein toter Pflichthinweis ist selbst abmahnbar.</p>
+
+      <h2>Haftung für Inhalte</h2>
+      <p>Als Diensteanbieter sind wir für eigene Inhalte auf diesen Seiten nach den
+      allgemeinen Gesetzen verantwortlich. Wir sind nicht verpflichtet, übermittelte oder
+      gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die
+      auf eine rechtswidrige Tätigkeit hinweisen. Sobald uns eine konkrete Rechtsverletzung
+      bekannt wird, entfernen wir den Inhalt umgehend.</p>
+
+      <h2>Haftung für Links</h2>
+      <p>Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir
+      keinen Einfluss haben. Für diese fremden Inhalte ist stets der jeweilige Anbieter
+      verantwortlich. Bei Bekanntwerden von Rechtsverletzungen entfernen wir solche Links
+      umgehend.</p>
+
+      <h2>Urheberrecht</h2>
+      <p>Die durch die Betreiber erstellten Inhalte und Werke unterliegen dem deutschen
+      Urheberrecht. Beiträge Dritter sind als solche gekennzeichnet.</p>
+
+      <h2>Bildnachweis</h2>
+      <p>Fotos von <a href="https://www.pexels.com/" rel="noopener noreferrer" target="_blank">Pexels</a>
+      (Pexels-Lizenz: kommerzielle Nutzung frei, keine Namensnennung erforderlich) —
+      Bild-IDs 10831693, 34148341 und 6591155. Logos: Emma's Schatzkiste.</p>
+    </div>
+  </section>
+</main>
+
+<footer class="ftr">
+  <div class="wrap">
+    <div class="ftr__cols">
+      <div class="ftr__col">
+        <h3>Laden</h3>
+        <ul>
+          <li><a href="index.html">Unser Laden</a></li>
+          <li><span>Öffnungszeiten folgen</span></li>
+          <li><a href="tel:015751479212">Ware abgeben</a></li>
+        </ul>
+      </div>
+      <div class="ftr__col">
+        <h3>Hilfe Verein</h3>
+        <ul>
+          <li><a href="hilfe-verein.html#helfen">Spenden</a></li>
+          <li><a href="hilfe-verein.html#helfen">Mithelfen</a></li>
+          <li><a href="hilfe-verein.html#helfen">Weitersagen</a></li>
+        </ul>
+      </div>
+      <div class="ftr__col">
+        <h3>Über</h3>
+        <ul>
+          <li><a href="index.html">Über uns</a></li>
+          <li><a href="hilfe-verein.html#kontakt">Kontakt</a></li>
+          <li><a href="impressum.html">Impressum</a></li>
+          <li><a href="datenschutz.html">Datenschutz</a></li>
+        </ul>
+      </div>
+    </div>
+    <p class="ftr__legal">Kleinunternehmerregelung nach § 19 UStG: Als Kleinunternehmer berechnen wir keine Umsatzsteuer und weisen sie daher auch nicht aus.</p>
+  </div>
+</footer>
+
+</body>
+</html>