Website fertig: lokale Bilder und Schrift, Über mich, Datenschutz, 404, SEO

- Logo, Fotos und Questrial liegen lokal (WebP, zwei Größen) – keine Drittanbieter mehr
- Neue Seiten: Über mich (Aus- und Weiterbildungen), Datenschutz, 404
- Impressum nach DDG mit Aufsichtsbehörde (§ 11 TierSchG)
- Favicon, Apple-Icon, Vorschaubild, Canonical/Open Graph, robots.txt, sitemap.xml, .htaccess
- tools/optimize_images.py erzeugt die Web-Bilder aus tools/originals/

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

404.html

@@ -0,0 +1,66 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <base href="/">
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Seite nicht gefunden – Schmacko Napf</title>
+  <meta name="description" content="Diese Seite gibt es leider nicht.">
+  <meta name="robots" content="noindex">
+  <link rel="canonical" href="https://schmacko-napf.de/404.html">
+  <meta name="theme-color" content="#fcfaf4">
+  <meta property="og:type" content="website">
+  <meta property="og:locale" content="de_DE">
+  <meta property="og:site_name" content="Schmacko Napf &amp; Hundetraining by Katha">
+  <meta property="og:title" content="Seite nicht gefunden – Schmacko Napf">
+  <meta property="og:description" content="Diese Seite gibt es leider nicht.">
+  <meta property="og:url" content="https://schmacko-napf.de/404.html">
+  <meta property="og:image" content="https://schmacko-napf.de/assets/img/vorschau.jpg">
+  <link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
+  <link rel="apple-touch-icon" href="apple-touch-icon.png">
+  <link rel="preload" href="assets/fonts/questrial-latin.woff2" as="font" type="font/woff2" crossorigin>
+  <link rel="stylesheet" href="assets/site.css?v=c5604f45">
+</head>
+<body>
+  <a class="skip" href="#inhalt">Zum Inhalt springen</a>
+  <header class="site-header">
+    <div class="header-inner">
+      <a class="brand" href="index.html" aria-label="Schmacko Napf – Startseite"><img src="assets/img/logo.webp" alt="Schmacko Napf &amp; Hundetraining by Katha" width="68" height="68"></a>
+      <nav class="nav" aria-label="Hauptmenü">
+      <a href="hundeschule.html">Hundetraining</a>
+      <a href="ernaehrung.html">Ernährung</a>
+      <a href="shop.html">Shop</a>
+      <a href="transportboxen.html">Transportboxen</a>
+      <a href="ueber-mich.html">Über mich</a>
+      <a href="index.html#kontakt">Kontakt</a>
+      </nav>
+      <button class="burger" type="button" aria-label="Menü öffnen" aria-expanded="false"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/></svg></button>
+    </div>
+  </header>
+  <main class="mosaic" id="inhalt">
+    <div class="panel panel--ink panel--mid panel--center">
+      <span class="kicker">Fehler 404</span>
+      <h1 class="display">Hier ist leider<br>nichts zu finden.</h1>
+      <p class="big">Vielleicht hat ein Hund die Seite vergraben. Über die Startseite findest du alles wieder.</p>
+      <div class="btn-row"><a class="btn btn--sage" href="index.html">Zur Startseite <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a></div>
+    </div>
+    <footer class="site-footer">
+      <div class="footer-brand">
+        <a class="footer-logo" href="index.html"><img src="assets/img/logo.webp" alt="Schmacko Napf &amp; Hundetraining by Katha" width="88" height="88" loading="lazy"></a>
+        <span>Ernährung, Gesundheit und Training –<br>mit Herz und Verstand.</span>
+      </div>
+      <nav class="footer-links" aria-label="Footer">
+        <a href="hundeschule.html">Hundetraining</a>
+        <a href="ernaehrung.html">Ernährung</a>
+        <a href="shop.html">Shop</a>
+        <a href="transportboxen.html">Transportboxen</a>
+        <a href="ueber-mich.html">Über mich</a>
+        <a href="impressum.html">Impressum</a>
+        <a href="datenschutz.html">Datenschutz</a>
+      </nav>
+      <div class="footer-meta"><span>© 2026 Schmacko Napf &amp; Hundetraining by Katha</span><span>Fotos: Steffi Biller, KK-Fotografie · Unsplash</span></div>
+    </footer>
+  </main>
+  <script src="assets/site.js?v=4a2c8d49"></script>
+</body>
+</html>