From 9e1c1f67bcaf9b11ab49d6e193a7df6ef44cb983 Mon Sep 17 00:00:00 2001
From: webklar-automation <kenso@webklar.com>
Date: Thu, 16 Jul 2026 09:19:54 +0000
Subject: [PATCH] Anreicherung: Bilder, Logo, Text-Feinarbeit (Cloud-Routine)

---
 assets/logo-placeholder.svg |  9 +++++----
 index.html                  | 16 ++++++++--------
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/assets/logo-placeholder.svg b/assets/logo-placeholder.svg
index 215aa2f..9b218d4 100644
--- a/assets/logo-placeholder.svg
+++ b/assets/logo-placeholder.svg
@@ -1,5 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 48" role="img" aria-label="Logo-Platzhalter">
-  <rect x="1" y="1" width="258" height="46" rx="8" fill="none" stroke="#f0f0ec" stroke-opacity="0.35" stroke-width="1.5" stroke-dasharray="6 5"/>
-  <text x="130" y="25" text-anchor="middle" font-family="Archivo, system-ui, sans-serif" font-weight="800" font-size="20" letter-spacing="1" fill="#f0f0ec">IHR&#160;LOGO</text>
-  <text x="130" y="39" text-anchor="middle" font-family="Archivo, system-ui, sans-serif" font-weight="600" font-size="8" letter-spacing="2" fill="#f0f0ec" fill-opacity="0.55">HIER EIGENES LOGO EINSETZEN</text>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 340 64" width="340" height="64" role="img" aria-label="SvW Karosseriebau Kaiserslautern">
+  <rect x="2" y="6" width="52" height="52" rx="13" fill="#2FA4F0"/>
+  <text x="28" y="41" font-family="Arial, Helvetica, sans-serif" font-size="23" font-weight="700" fill="#ffffff" text-anchor="middle" letter-spacing="0.3">SvW</text>
+  <text x="66" y="35" font-family="Arial, Helvetica, sans-serif" font-size="25" font-weight="700" fill="#2FA4F0" letter-spacing="0.4">Karosseriebau</text>
+  <text x="67" y="52" font-family="Arial, Helvetica, sans-serif" font-size="10" font-weight="600" fill="#6FA8D6" letter-spacing="3.2">KAISERSLAUTERN</text>
 </svg>
diff --git a/index.html b/index.html
index 0a26b02..a81f1e9 100644
--- a/index.html
+++ b/index.html
@@ -199,9 +199,9 @@
         </div>
 
         <div style="background: #F1F0EB; border-radius: 24px; padding: 34px 30px; display: flex; flex-direction: column; gap: 12px; box-shadow: 2px 4px 14px rgba(0,0,0,.25);">
-          <h3 style="font-family: 'Source Serif 4', Georgia, serif; font-weight: 600; font-size: 23px; color: #0D2A46;">Felgen &amp; Motorrad</h3>
-          <p style="font-size: 15.5px; line-height: 1.55; color: #45535f; font-weight: 500; flex: 1;">Felgenaufbereitung und Motorradlackierung im gleichen hohen Standard – für den perfekten Auftritt bis ins Detail.</p>
-          <span style="font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #1e7fc2;">Felgen · Zweirad</span>
+          <h3 style="font-family: 'Source Serif 4', Georgia, serif; font-weight: 600; font-size: 23px; color: #0D2A46;">Unfallinstandsetzung</h3>
+          <p style="font-size: 15.5px; line-height: 1.55; color: #45535f; font-weight: 500; flex: 1;">Nach einem Unfall bringen wir Ihr Fahrzeug fachgerecht wieder in Form – von der Karosserie-Instandsetzung bis zur passgenauen Lackierung. Als wäre nichts gewesen.</p>
+          <span style="font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #1e7fc2;">Karosserie · Unfall</span>
         </div>
 
         <!-- LEISTUNGS-VIDEO — bewusst beibehalten (assets/leistungen-video.mp4) -->
@@ -253,7 +253,7 @@
 
       </div>
 
-      <p style="margin-top: clamp(28px, 4vh, 44px); text-align: center; font-size: 15px; color: #c9d6e2; font-weight: 500;">Mehr laufende Projekte gibt es auf unserer <a href="" target="_blank" rel="noopener" style="color: #9FD1F5; font-weight: 700;">Facebook-Seite</a>.</p>
+      <p style="margin-top: clamp(28px, 4vh, 44px); text-align: center; font-size: 15px; color: #c9d6e2; font-weight: 500;">Sie möchten mehr Arbeiten sehen? Kommen Sie gern in unserer Werkstatt in der Liebigstraße 11 in Kaiserslautern vorbei – wir zeigen Ihnen laufende Projekte persönlich vor Ort.</p>
     </div>
   </section>
 
@@ -331,7 +331,7 @@
           </div>
           <div style="display: flex; flex-direction: column; gap: 4px;">
             <span style="font-size: 12.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #9FD1F5;">Telefon</span>
-            <p style="font-size: 16px; line-height: 1.5; color: #e7ecf1; font-weight: 600;"><a href="tel:tel:+496315344674" style="color: #e7ecf1;">0631 5344674</a><br><span style="font-weight: 500; color: #b8c4d0;">Fax: </span></p>
+            <p style="font-size: 16px; line-height: 1.5; color: #e7ecf1; font-weight: 600;"><a href="tel:+496315344674" style="color: #e7ecf1;">0631 5344674</a></p>
           </div>
           <div style="display: flex; flex-direction: column; gap: 4px;">
             <span style="font-size: 12.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #9FD1F5;">E-Mail</span>
@@ -342,7 +342,7 @@
             <p style="font-size: 16px; line-height: 1.6; color: #e7ecf1; font-weight: 600;"><br><span style="font-weight: 500; color: #b8c4d0;"></span><br><br><span style="font-weight: 500; color: #b8c4d0;"></span></p>
           </div>
           <div style="display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px;">
-            <a href="tel:tel:+496315344674" style="display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: #0d0f12; background: var(--accent, #2FA4F0); padding: 13px 22px; border-radius: 44px; transition: transform .2s ease, box-shadow .2s ease;" style-hover="transform: translateY(-2px); box-shadow: 0 10px 26px rgba(47,164,240,.4);">Jetzt anrufen</a>
+            <a href="tel:+496315344674" style="display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: #0d0f12; background: var(--accent, #2FA4F0); padding: 13px 22px; border-radius: 44px; transition: transform .2s ease, box-shadow .2s ease;" style-hover="transform: translateY(-2px); box-shadow: 0 10px 26px rgba(47,164,240,.4);">Jetzt anrufen</a>
             <a href="mailto:suw-karosseriebau@gmx.de" style="display: inline-flex; align-items: center; font-size: 14.5px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: #f4f3ef; padding: 13px 22px; border-radius: 44px; border: 1.5px solid rgba(255,255,255,.3); transition: border-color .2s ease, background .2s ease;" style-hover="border-color: var(--accent, #2FA4F0); background: rgba(255,255,255,.05);">E-Mail schreiben</a>
           </div>
         </div>
@@ -379,12 +379,12 @@
               <a href="#services" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Lackierungen aller Art</a>
               <a href="#services" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Smart Repair</a>
               <a href="#services" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Oldtimer &amp; Klassiker</a>
-              <a href="#services" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Felgen &amp; Motorrad</a>
+              <a href="#services" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Unfallinstandsetzung</a>
             </div>
             <div style="display: flex; flex-direction: column; gap: 9px;">
               <h3 style="font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #7f97ac; border-bottom: 1px solid rgba(255,255,255,.12); padding-bottom: 7px; margin-bottom: 6px;">Kontakt</h3>
               <span style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Liebigstraße 11<br>67661 Kaiserslautern</span>
-              <a href="tel:tel:+496315344674" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">0631 5344674</a>
+              <a href="tel:+496315344674" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">0631 5344674</a>
               <a href="mailto:suw-karosseriebau@gmx.de" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">suw-karosseriebau@gmx.de</a>
             </div>
             <div style="display: flex; flex-direction: column; gap: 9px;">