From 075be054e97fe5191d80aed99d792ec69606d790 Mon Sep 17 00:00:00 2001
From: m <paragraphenreiter@gmail.com>
Date: Sat, 18 Apr 2026 20:17:53 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20smartin3.de=20=E2=80=94=20responsive=20n?=
 =?UTF-8?q?av,=20prevent=20overflow=20on=20mobile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sites/smartin3.de/index.html | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/sites/smartin3.de/index.html b/sites/smartin3.de/index.html
index a5b1897..db93c19 100644
--- a/sites/smartin3.de/index.html
+++ b/sites/smartin3.de/index.html
@@ -56,14 +56,20 @@
       backdrop-filter: blur(20px);
       border-bottom: 1px solid var(--border);
     }
-    nav .container { display: flex; justify-content: space-between; align-items: center; }
-    .logo { font-family: 'Space Grotesk', sans-serif; font-size: 1.1rem; font-weight: 600; }
+    nav .container { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
+    .logo { font-family: 'Space Grotesk', sans-serif; font-size: 1.1rem; font-weight: 600; white-space: nowrap; }
     .logo .s { color: var(--text-dim); font-weight: 300; text-transform: lowercase; }
     .logo .martin { color: var(--orange); }
     .logo .three { color: var(--blue); font-weight: 700; }
     .logo .d { color: var(--text); }
-    nav a { color: var(--text-dim); text-decoration: none; font-size: 0.85rem; transition: color 0.2s; }
+    .nav-links { display: flex; gap: 16px; align-items: center; flex-shrink: 0; }
+    nav a { color: var(--text-dim); text-decoration: none; font-size: 0.85rem; transition: color 0.2s; white-space: nowrap; }
     nav a:hover { color: var(--text); }
+    @media (max-width: 480px) {
+      .nav-links { gap: 10px; }
+      nav a { font-size: 0.75rem; }
+      .logo { font-size: 0.95rem; }
+    }
 
     /* Hero */
     .hero {
@@ -333,7 +339,7 @@
   <nav>
     <div class="container">
       <div class="logo"><span class="s">s</span><span class="martin">MARTIN</span> <span class="three">3</span><span class="d">D</span></div>
-      <div style="display:flex;gap:20px;align-items:center;">
+      <div class="nav-links">
         <a href="https://www.instagram.com/smartin3d/" target="_blank" rel="noopener">Instagram</a>
         <a href="#kontakt">Anfrage</a>
       </div>