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>
2026-10-04 10:53:55 +02:00
1 parent 2a751eeac9
commit e368a0b2cc
@@ -0,0 +1,119 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Über mich – Schmacko Napf</title>
+  <meta name="description" content="Katha – zertifizierte Hundetrainerin nach § 11 TierSchG sowie Hunde-Ernährungs- und Gesundheitsberaterin. Ausbildungen und Weiterbildungen.">
+  <link rel="canonical" href="https://schmacko-napf.de/ueber-mich.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="Über mich – Schmacko Napf">
+  <meta property="og:description" content="Katha – zertifizierte Hundetrainerin nach § 11 TierSchG sowie Hunde-Ernährungs- und Gesundheitsberaterin. Ausbildungen und Weiterbildungen.">
+  <meta property="og:url" content="https://schmacko-napf.de/ueber-mich.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" aria-current="page">Ü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">
+    <section class="panel panel--photo page-hero">
+      <img src="assets/img/katha-heide.webp" srcset="assets/img/katha-heide-900.webp 900w, assets/img/katha-heide.webp 1417w" sizes="100vw" alt="Katha sitzt mit ihrer Schäferhündin im Grünen">
+      <span class="kicker">Über mich</span>
+      <h1>Hallo,<br>ich bin Katha.</h1>
+      <p class="big">Mein Herz gehört den Tieren – an meiner Seite meine Holländische Schäferhündin Elina.</p>
+    </section>
+
+    <div class="row row--wide-r">
+      <div class="panel panel--cream reveal">
+        <span class="kicker">Warum ich das mache</span>
+        <h2 class="title">Tiere sind die<br>ehrlichsten Wesen.</h2>
+        <p class="big">Und trotzdem werden sie oft missverstanden. Ich möchte meine Erfahrung teilen und ihre Welt ein Stück besser machen.</p>
+      </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, 55vw" alt="Schwarze Schäferhündin steht aufmerksam im Wald" loading="lazy"></div>
+    </div>
+
+    <div class="row row--wide">
+      <div class="panel panel--photo plain reveal"><img src="assets/img/hund-rennt.webp" srcset="assets/img/hund-rennt-900.webp 900w, assets/img/hund-rennt.webp 1417w" sizes="(max-width: 980px) 100vw, 55vw" alt="Schwarzer Schäferhund rennt über einen Feldweg" loading="lazy"></div>
+      <div class="panel panel--sage reveal d1">
+        <span class="kicker">Wie alles begann</span>
+        <h2 class="title">Mit der Frage nach<br>dem richtigen Futter.</h2>
+        <p class="big">Für meine eigene Hündin suchte ich die beste Ernährung – daraus wurde eine Leidenschaft und schließlich mein Beruf.</p>
+      </div>
+    </div>
+
+    <div class="panel panel--ink panel--auto reveal">
+      <span class="kicker">Ausbildungen</span>
+      <ul class="quals">
+        <li><small>2021 – 2023</small><strong>Hundetrainerin</strong><span>Diane Bartlog, Hundeschule Mengkofen</span></li>
+        <li><small>2022 – 2023</small><strong>Hunde-Ernährungsberaterin</strong><span>Heidi Herrmann, G&amp;H Tierernährung</span></li>
+        <li><small>2024</small><strong>Hunde-Gesundheitsberaterin</strong><span>G&amp;H Tierernährung</span></li>
+        <li><small>Okt. 2024</small><strong>Erlaubnis nach § 11 TierSchG</strong><span>Veterinäramt Landshut</span></li>
+      </ul>
+    </div>
+
+    <div class="panel panel--cream panel--auto reveal">
+      <span class="kicker">Weiterbildungen</span>
+      <ul class="list-big">
+        <li><small>2025</small>Webinar „Pankreas – ein Drüsenorgan mit vielen Aufgaben“</li>
+        <li><small>2025</small>Roundtable der BIG FIVE – Problemverhalten richtig einschätzen</li>
+        <li><small>2024</small>Workshop „Einschätzen von 8 Malinois“</li>
+        <li><small>2024</small>Workshop „Arbeiten mit schwierigen Hunden &amp; Selbstschutz“</li>
+        <li><small>2023</small>Blutbilder verstehen · Äußere Anzeichen – innere Organe</li>
+        <li><small>2023</small>Blickschulung – Hunde ganzheitlich betrachtet</li>
+        <li><small>2023</small>Zusatzqualifikation Katzen-Ernährungsberaterin</li>
+        <li><small>2021</small>D.O.Q.-Test 2.0 (Hundeführerschein)</li>
+      </ul>
+    </div>
+
+    <div class="row row--wide" id="kontakt">
+      <div class="panel panel--ink reveal">
+        <span class="kicker">Kontakt</span>
+        <h2 class="display">Lass uns<br>sprechen.</h2>
+        <div class="contact-links">
+          <a href="https://wa.me/4917656932942" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 11.5a8 8 0 0 1-11.8 7L4 20l1.5-4A8 8 0 1 1 20 11.5z"/></svg><span>WhatsApp</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>
+          <a href="tel:+4917656932942"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2"/></svg><span>+49 176 569 329 42</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>
+          <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="assets/img/katha-abendlicht.webp" srcset="assets/img/katha-abendlicht-900.webp 900w, assets/img/katha-abendlicht.webp 1417w" sizes="(max-width: 980px) 100vw, 45vw" alt="Katha mit ihrem Hund auf einer Wiese im Abendlicht" loading="lazy"></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>