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

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

diff --git a/assets/logo-placeholder.svg b/assets/logo-placeholder.svg
index 215aa2f..75b972d 100644
--- a/assets/logo-placeholder.svg
+++ b/assets/logo-placeholder.svg
@@ -1,5 +1,7 @@
-<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 320 64" width="320" height="64" role="img" aria-label="Autofit Leitenmaier">
+  <rect x="1.5" y="8" width="317" height="48" rx="13" fill="#0B1420" stroke="#F0912F" stroke-width="1.4"/>
+  <rect x="14" y="16" width="32" height="32" rx="8" fill="#F0912F"/>
+  <text x="30" y="39" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="18" font-weight="700" fill="#0B1420">AL</text>
+  <text x="60" y="31" font-family="Arial, Helvetica, sans-serif" font-size="21" font-weight="700" letter-spacing="0.5" fill="#F5F4F0">AUTOFIT</text>
+  <text x="61" y="48" font-family="Arial, Helvetica, sans-serif" font-size="10.5" font-weight="600" letter-spacing="3.4" fill="#F0912F">LEITENMAIER</text>
 </svg>
diff --git a/index.html b/index.html
index acade78..c7d8b12 100644
--- a/index.html
+++ b/index.html
@@ -168,8 +168,8 @@
     <div style="position: relative; max-width: 1320px; margin: 0 auto;">
       <div style="max-width: 760px; margin-bottom: clamp(40px, 6vh, 64px);">
         <span style="display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #9FD1F5; margin-bottom: 16px;">Leistungen</span>
-        <h2 style="font-family: 'Source Serif 4', Georgia, serif; font-weight: 600; line-height: 1.1; color: #f5f4f0; font-size: clamp(30px, 3.6vw, 52px); margin-bottom: 18px;">Alles rund um den Lack – aus einer Hand</h2>
-        <p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.55; color: #c9d6e2; font-weight: 500;">Ob Neuwagen, Alltagsauto oder Klassiker: Wir bringen jede Oberfläche zurück in Bestform. Präzise vorbereitet, sauber lackiert, perfekt finiert.</p>
+        <h2 style="font-family: 'Source Serif 4', Georgia, serif; font-weight: 600; line-height: 1.1; color: #f5f4f0; font-size: clamp(30px, 3.6vw, 52px); margin-bottom: 18px;">Alles rund ums Auto – aus einer Hand</h2>
+        <p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.55; color: #c9d6e2; font-weight: 500;">Ob Inspektion, Wartung, Reifen- und Klimaservice oder Karosserie- und Lackarbeit nach einem Unfall: In unserer Meisterwerkstatt bekommen Sie alles rund ums Auto aus einer Hand – zuverlässig, termintreu und zu fairen Preisen.</p>
       </div>
 
       <div class="lw-services" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(18px, 2.4vw, 30px);">
@@ -229,7 +229,7 @@
       <div style="max-width: 760px; margin-bottom: clamp(40px, 6vh, 64px);">
         <span style="display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #9FD1F5; margin-bottom: 16px;">Referenzen</span>
         <h2 style="font-family: 'Source Serif 4', Georgia, serif; font-weight: 600; line-height: 1.1; color: #f5f4f0; font-size: clamp(30px, 3.6vw, 52px); margin-bottom: 18px;">Echte Arbeiten aus unserer Werkstatt</h2>
-        <p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.55; color: #c9d6e2; font-weight: 500;">Ein Auszug aus unseren Projekten. Ziehen Sie eigene Fotos (z.&nbsp;B. Vorher/Nachher) einfach per Drag &amp; Drop in die Platzhalter.</p>
+        <p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.55; color: #c9d6e2; font-weight: 500;">Ein Auszug aus unserer täglichen Arbeit – von Inspektion und Reifenservice bis zur Karosserie- und Lackinstandsetzung nach einem Unfall.</p>
       </div>
 
       <!-- Foto-Galerie — jeder Platzhalter ist per Drag & Drop mit einem eigenen Foto befüllbar -->
@@ -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 ein aktuelles Beispiel sehen? Rufen Sie uns an oder kommen Sie direkt in der Lochhausener Straße vorbei.</p>
     </div>
   </section>
 
@@ -276,8 +276,8 @@
       <div class="lw-about" style="display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(28px, 4vw, 64px); align-items: center; margin-bottom: clamp(50px, 8vh, 90px);">
         <div style="display: flex; flex-direction: column; gap: 16px;">
           <h3 style="font-family: 'Source Serif 4', Georgia, serif; font-weight: 600; font-size: clamp(24px, 2.2vw, 32px); line-height: 1.2; color: #f5f4f0;">Hallo, ich bin<br>Christian Leitenmaier,</h3>
-          <p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: #c9d6e2; font-weight: 500;">Lack- und Karosserie-Experte und Inhaber der Autofit Leitenmaier in München.</p>
-          <p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: #c9d6e2; font-weight: 500;">Mit meinem Werkstatt-Team aus professionellen Fachkräften erfülle ich Ihre individuellen Wünsche zum bestmöglichen Preis — von der Smart-Repair bis zur kompletten Restauration.</p>
+          <p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: #c9d6e2; font-weight: 500;">Inhaber der Autofit Leitenmaier, Ihrer freundlichen Kfz-Meisterwerkstatt in München-Obermenzing.</p>
+          <p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: #c9d6e2; font-weight: 500;">Mit meinem Werkstatt-Team aus professionellen Fachkräften erfülle ich Ihre individuellen Wünsche zum bestmöglichen Preis — von der Inspektion über den Reifen- und Klimaservice bis zur Unfallinstandsetzung.</p>
         </div>
         <div style="justify-self: center; width: min(340px, 100%);">
           <div style="position: relative; width: 100%; aspect-ratio: 4/5; border-radius: 24px; overflow: hidden; box-shadow: 2px 6px 24px rgba(0,0,0,.4); background: rgba(255,255,255,.05); border: 1.5px dashed rgba(255,255,255,.3);">