Erster Entwurf: Landingpage mit 4 Kacheln und Unterseiten

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-01 18:58:29 +02:00
commit 6d8df3d508
@@ -0,0 +1,58 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Impressum – Schmacko Napf</title>
+  <meta name="description" content="Impressum von Schmacko Napf & Hundetraining by Katha.">
+  <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">
+</head>
+<body>
+  <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>
+      <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="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">
+    <div class="panel panel--cream panel--auto">
+      <span class="kicker">Rechtliches</span>
+      <h1 class="display">Impressum</h1>
+      <div class="legal" style="margin-top:48px">
+        <p><b>Angaben gemäß § 5 TMG</b>Katharina Schulz<br>Seewiese 19<br>84109 Wörth a.d. Isar</p>
+        <p><b>Kontakt</b>Telefon: +49 176 569 329 42<br>E-Mail: info@schmacko-napf.de</p>
+        <p><b>Verantwortlich gemäß § 18 Abs. 2 MStV</b>Katharina Schulz, Anschrift wie oben</p>
+        <p><b>Fotos</b>Steffi Biller, KK-Fotografie · weitere Bilder: Unsplash</p>
+      </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>
+        <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="impressum.html">Impressum</a>
+        <a href="#">Datenschutz</a>
+      </nav>
+      <div class="footer-meta"><span>© 2026 Schmacko Napf &amp; Hundetraining by Katha</span><span>Fotos: Steffi Biller, KK-Fotografie</span></div>
+    </footer>
+  </main>
+  <script src="assets/site.js"></script>
+</body>
+</html>