Prüfdurchgang: Buchungslinks, alte Adressen, Tablet/Handy-Layout

- Buchungslinks direkt auf Portal-IDs; Ernährungsberatung auf id=107,
  Kaufberatung entfernt (im Portal gibt es keine Seite dafür)
- .htaccess: alte WordPress-Adressen per 301 auf die neuen Seiten
- Tablet bis 980 px: Logo-Siegel über den Kacheln statt darauf
- Handy: lange Wörter werden nicht mehr abgeschnitten, Pfeile
  überdecken keinen Text mehr, „Buchen“ neben dem Menü-Knopf
- Dreier-Karten: Überschriften auf einer Linie (Subgrid)
- Menü schließt mit Escape und Tipp daneben; sichtbarer Fokusrahmen
- Startseite Handy/Tablet: Kopfleiste, sobald das Siegel weg ist
- 404: Pfade ab der Wurzel statt <base>, Sprunglink bleibt auf der Seite

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

404.html

@@ -1,7 +1,6 @@
 <!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>
@@ -16,23 +15,23 @@
   <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=00c6919d">
+  <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=ee527775">
 </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>
+      <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>
+      <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>
       <a class="book-btn" href="https://schmacko-napf.petworkers.app/" 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"><rect x="3.5" y="5" width="17" height="15" rx="2.5"/><path d="M3.5 10h17M8 3v4M16 3v4"/></svg><span class="book-long">Termin buchen</span><span class="book-short" aria-hidden="true">Buchen</span></a>
       <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>
@@ -43,26 +42,26 @@
       <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 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>
+        <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>
-        <img class="footer-cert" src="assets/img/gh-siegel.webp" alt="Zertifiziert nach G&amp;H Tierernährung – Gesund gefüttert Heidi Herrmann" width="480" height="329" loading="lazy">
+        <img class="footer-cert" src="/assets/img/gh-siegel.webp" alt="Zertifiziert nach G&amp;H Tierernährung – Gesund gefüttert Heidi Herrmann" width="480" height="329" loading="lazy">
       </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>
+        <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>
+  <script src="/assets/site.js?v=1b827e6e"></script>
 </body>
 </html>