From 1d5a05d9faacbae52a5c168e5bb5dc6bf91751e5 Mon Sep 17 00:00:00 2001
From: webklar-automation <kenso@webklar.com>
Date: Wed, 15 Jul 2026 14:36:39 +0000
Subject: [PATCH] Anreicherung: Bilder, Logo, Text-Feinarbeit (Cloud-Routine)

---
 assets/logo-placeholder.svg | 11 +++++++----
 index.html                  | 20 ++++++++++----------
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/assets/logo-placeholder.svg b/assets/logo-placeholder.svg
index 215aa2f..5b45ae7 100644
--- a/assets/logo-placeholder.svg
+++ b/assets/logo-placeholder.svg
@@ -1,5 +1,8 @@
-<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 330 64" role="img" aria-label="DerLackdoktor">
+  <title>DerLackdoktor</title>
+  <g fill="#F0912F">
+    <rect x="20" y="12" width="8" height="40" rx="4"/>
+    <rect x="4" y="28" width="40" height="8" rx="4"/>
+  </g>
+  <text x="56" y="42" font-family="Arial, Helvetica, sans-serif" font-size="30" letter-spacing="-0.3" fill="#F0912F"><tspan font-weight="400">Der</tspan><tspan font-weight="800">Lackdoktor</tspan></text>
 </svg>
diff --git a/index.html b/index.html
index a068550..1db830a 100644
--- a/index.html
+++ b/index.html
@@ -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;">Mehr laufende Projekte gibt es auf unserer <a href="https://www.facebook.com/DerLackdoktor.Muenchen" target="_blank" rel="noopener" style="color: #9FD1F5; font-weight: 700;">Facebook-Seite</a>.</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:+498990490050" style="color: #e7ecf1;">089 90490050</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:+498990490050" style="color: #e7ecf1;">089 90490050</a><br><span style="font-weight: 500; color: #b8c4d0;">Fax: 089 90480712</span></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>
@@ -339,10 +339,10 @@
           </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;">Öffnungszeiten</span>
-            <p style="font-size: 16px; line-height: 1.6; color: #e7ecf1; font-weight: 600;">Mo–Fr<br><span style="font-weight: 500; color: #b8c4d0;">09:00–17:00</span><br><br><span style="font-weight: 500; color: #b8c4d0;"></span></p>
+            <p style="font-size: 16px; line-height: 1.6; color: #e7ecf1; font-weight: 600;">Mo–Fr<br><span style="font-weight: 500; color: #b8c4d0;">08:00–17:00</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:+498990490050" 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:+498990490050" 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:info@derlackdoktor.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>
@@ -384,12 +384,12 @@
             <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;">Klausnerring 22<br>85551 Kirchheim bei München</span>
-              <a href="tel:tel:+498990490050" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">089 90490050</a>
+              <a href="tel:+498990490050" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">089 90490050</a>
               <a href="mailto:info@derlackdoktor.de" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">info@derlackdoktor.de</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;">Öffnungszeiten</h3>
-              <span style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Mo–Fr<br>09:00–17:00</span>
+              <span style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Mo–Fr<br>08:00–17:00</span>
               <span style="font-size: 14px; color: #c9d6e2; font-weight: 500;"> · </span>
             </div>
           </div>
@@ -406,7 +406,7 @@
             <div style="text-align: right; flex-shrink: 0;">
               <p style="font-size: 13px; color: #8fa4b8; font-weight: 500; margin-bottom: 12px;">© 2026 DerLackdoktor GmbH · Alle Rechte vorbehalten</p>
               <div style="display: flex; justify-content: flex-end; align-items: center; gap: 14px;">
-                <a href="" target="_blank" rel="noopener" aria-label="Facebook" style="width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); display: inline-flex; align-items: center; justify-content: center; color: #c9d6e2; font-weight: 800; font-size: 15px; transition: background .2s ease, transform .2s ease;" style-hover="background: var(--accent, #2FA4F0); color: #0a1526; transform: scale(1.1);">f</a>
+                <a href="https://www.facebook.com/DerLackdoktor.Muenchen" target="_blank" rel="noopener" aria-label="Facebook" style="width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); display: inline-flex; align-items: center; justify-content: center; color: #c9d6e2; font-weight: 800; font-size: 15px; transition: background .2s ease, transform .2s ease;" style-hover="background: var(--accent, #2FA4F0); color: #0a1526; transform: scale(1.1);">f</a>
                 <a href="#impressum" style="font-size: 13px; color: #8fa4b8; font-weight: 500;">Impressum</a>
                 <a href="#datenschutz" style="font-size: 13px; color: #8fa4b8; font-weight: 500;">Datenschutz</a>
               </div>
@@ -436,9 +436,9 @@ class Component extends DCLogic {
     rating: "4,6",
     user_ratings_total: "161",
     reviews: [
-      { author_name: "Anna K.", rating: 5, text: "Schnelle und saubere Abwicklung, das Ergebnis sieht aus wie neu. Sehr zu empfehlen!" },
-      { author_name: "Michael B.", rating: 5, text: "Freundliches Team, faire Preise und top handwerkliche Qualität. Gerne wieder." },
-      { author_name: "Sabine W.", rating: 5, text: "Kompetente Beratung und perfekte Lackierung. Alles pünktlich und zuverlässig erledigt." },
+      { author_name: "Roman K.", rating: 5, text: "Unfallschaden an meinem Tesla reparieren lassen – tolle Beratung, höchste fachliche Kompetenz, tolle Arbeit und sehr guter Preis. Kann man nur empfehlen, immer wieder gerne!" },
+      { author_name: "Peter F.", rating: 5, text: "Absolut empfehlenswert! Bei meinem Auto wurde ein großer Hagelschaden repariert – sieht wieder top aus. Super Eindruck vom ersten telefonischen und persönlichen Kontakt bis zum Abschluss der Reparatur, alles wie besprochen termingerecht ausgeführt." },
+      { author_name: "A. S.", rating: 5, text: "Auftreten, Herangehensweise, Einschätzung und Arbeit – rundum professionell, ohne einem etwas aufschwatzen zu wollen. Alternativangebote waren gar nicht nötig." },
     ],
   };