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>

ernaehrung.html

@@ -5,30 +5,39 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Ernährungsberatung – Schmacko Napf</title>
   <meta name="description" content="Individuelle Futterpläne und Gesundheitsberatung für Hunde jeden Alters – BARF, Koch-BARF, Nass- und Trockenfutter.">
+  <link rel="canonical" href="https://schmacko-napf.de/ernaehrung.html">
   <meta name="theme-color" content="#fcfaf4">
-  <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23194242'/%3E%3C/svg%3E">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Questrial&display=swap" rel="stylesheet">
-  <link rel="stylesheet" href="assets/site.css?v=c9d7b72e">
+  <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="Ernährungsberatung – Schmacko Napf">
+  <meta property="og:description" content="Individuelle Futterpläne und Gesundheitsberatung für Hunde jeden Alters – BARF, Koch-BARF, Nass- und Trockenfutter.">
+  <meta property="og:url" content="https://schmacko-napf.de/ernaehrung.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="https://schmacko-napf.de/wp-content/uploads/2024/12/Logo-Transparent-Rechnung.png" alt="Schmacko Napf &amp; Hundetraining by Katha"></a>
+      <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" aria-current="page">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">
+  <main class="mosaic" id="inhalt">
     <section class="panel panel--photo page-hero">
-      <img src="https://images.unsplash.com/photo-1714068691210-073dc52c6c1d?auto=format&fit=crop&w=2000&q=80" alt="Hund schnuppert an einem Napf mit Trockenfutter">
+      <img src="assets/img/futternapf.webp" srcset="assets/img/futternapf-900.webp 900w, assets/img/futternapf.webp 1800w" sizes="100vw" alt="Hund schnuppert an einem Napf mit Trockenfutter">
       <span class="kicker">Ernährungs- &amp; Gesundheitsberatung</span>
       <h1>Fürsorge<br>in Napfform.</h1>
       <p class="big">Individuelle Futterpläne – gesund, sensibel oder mit Diagnose.</p>
@@ -41,7 +50,7 @@
         <p class="big">Ich bringe Klarheit in die Futter-Frage – und erstelle einen Plan, der zu deinem Hund passt.</p>
         <div class="facts"><span class="fact">BARF</span><span class="fact">Teil-BARF</span><span class="fact">Koch-BARF</span><span class="fact">Nassfutter</span><span class="fact">Trockenfutter</span></div>
       </div>
-      <div class="panel panel--sage plate-panel reveal d1"><img src="https://schmacko-napf.de/wp-content/uploads/2023/06/Barf.png" alt="Teller mit frischem Fleisch, Gemüse und Obst" loading="lazy"></div>
+      <div class="panel panel--sage plate-panel reveal d1"><img src="assets/img/barf-teller.webp" alt="Teller mit frischem Fleisch, Gemüse und Obst" width="900" height="900" loading="lazy"></div>
     </div>
 
     <div class="panel panel--ink panel--auto reveal">
@@ -83,11 +92,11 @@
           <a href="mailto:info@schmacko-napf.de"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="5" width="18" height="14" rx="2.5"/><path d="m4 7 8 6 8-6"/></svg><span>info@schmacko-napf.de</span><span><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></span></a>
         </div>
       </div>
-      <div class="panel panel--photo plain reveal d1"><img src="https://schmacko-napf.de/wp-content/uploads/2025/01/KK-Fotografie-46.jpg" alt="Schwarze Schäferhündin steht aufmerksam im Wald" loading="lazy"></div>
+      <div class="panel panel--photo plain reveal d1"><img src="assets/img/hund-wald.webp" srcset="assets/img/hund-wald-900.webp 900w, assets/img/hund-wald.webp 1417w" sizes="(max-width: 980px) 100vw, 45vw" alt="Schwarze Schäferhündin steht aufmerksam im Wald" loading="lazy"></div>
     </div>
     <footer class="site-footer">
       <div class="footer-brand">
-        <a class="footer-logo" href="index.html"><img src="https://schmacko-napf.de/wp-content/uploads/2024/12/Logo-Transparent-Rechnung.png" alt="Schmacko Napf &amp; Hundetraining by Katha"></a>
+        <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">
@@ -95,10 +104,11 @@
         <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</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</span></div>
+      <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>