Optimierung markemacht.de und adametz.media für Live-Deploy.

Beide Sites mit lokalem Font-Hosting, WebP, Build-Pipeline, SEO-Basis,
HSTS, Performance-Tuning und aktualisierten Impressum/Datenschutz-Texten.

Co-authored-by: Cursor <cursoragent@cursor.com>

_adametz.media/assets/components/header-sub.html

@@ -0,0 +1,47 @@
+<a class="skip-link" href="#main">Zum Inhalt springen</a>
+
+<nav class="nav" id="nav" aria-label="Hauptnavigation">
+  <div class="container">
+    <div class="nav-inner">
+      <a href="index.html" class="nav-logo">
+        <img
+          src="assets/img/logo.png"
+          alt="Adametz.Media Logo"
+          class="nav-logo-img"
+          width="252"
+          height="160"
+          decoding="async"
+        />
+        Adametz.Media
+      </a>
+
+      <ul class="nav-links">
+        <li><a href="index.html#start">Start</a></li>
+        <li><a href="index.html#haltung">Haltung</a></li>
+        <li><a href="index.html#umsetzung">Umsetzung</a></li>
+        <li><a href="index.html#projekte">Evidenz</a></li>
+        <li><a href="index.html#kontakt">Kontakt</a></li>
+      </ul>
+
+      <button
+        class="nav-toggle"
+        id="navToggle"
+        aria-label="Menü öffnen"
+        aria-controls="navMobile"
+        aria-expanded="false"
+      >
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+  </div>
+</nav>
+
+<div class="nav-mobile" id="navMobile">
+  <a href="index.html#start">Start</a>
+  <a href="index.html#haltung">Haltung</a>
+  <a href="index.html#umsetzung">Umsetzung</a>
+  <a href="index.html#projekte">Evidenz</a>
+  <a href="index.html#kontakt">Kontakt</a>
+</div>