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

---
 assets/logo.png | Bin 0 -> 2220 bytes
 index.html      |  16 ++++++++--------
 2 files changed, 8 insertions(+), 8 deletions(-)
 create mode 100644 assets/logo.png

diff --git a/assets/logo.png b/assets/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..3eed46659d85e595e9bc8312f3d2f9b41dfdf12c
GIT binary patch
literal 2220
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

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index f31702b..93d4602 100644
--- a/index.html
+++ b/index.html
@@ -78,9 +78,9 @@
         <a href="#services" style="font-size: 15px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase;">Services</a>
         <a href="#referenzen" style="font-size: 15px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase;">Referenzen</a>
       </div>
-      <!-- logo — PLATZHALTER: assets/logo-placeholder.svg durch Ihr Logo ersetzen -->
+      <!-- logo — PLATZHALTER: assets/logo.png durch Ihr Logo ersetzen -->
       <a href="#top" style="display: flex; align-items: center; justify-self: center;">
-        <img src="assets/logo-placeholder.svg" alt="Lackwerk" style="height: 26px; width: auto; display: block;">
+        <img src="assets/logo.png" alt="Lackwerk" style="height: 26px; width: auto; display: block;">
       </a>
       <!-- right links -->
       <div class="lw-navlinks" style="display: flex; gap: 34px; align-items: center; justify-content: flex-end;">
@@ -113,7 +113,7 @@
         </h1>
 
         <p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.5; color: #c5c9ce; max-width: 560px; margin: 0 auto; font-weight: 500;">
-          Wir reparieren alles! Mit Originalteilen und neuester Technik zu fairen Preisen. Als wäre nichts passiert.
+          Lack, Dellen, Karosserie – mit modernster Technik und fairen Preisen wieder wie neu. Als wäre nichts passiert.
         </p>
       </div>
 
@@ -148,7 +148,7 @@
             </span>
           </a>
           <img src="assets/benefit03.svg" alt="" width="20" height="30" style="opacity: .95;">
-          <p style="font-size: 15.5px; line-height: 1.4; color: #e7e9ec; font-weight: 600;">Wir arbeiten mit der gleichen Genauigkeit</p>
+          <p style="font-size: 15.5px; line-height: 1.4; color: #e7e9ec; font-weight: 600;">Wir arbeiten mit der gleichen Sorgfalt wie eine Markenwerkstatt</p>
         </div>
       </div>
     </div>
@@ -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 unseren Projekten – von der Smart-Repair über Dellen und Kratzer bis zur Komplettlackierung.</p>
       </div>
 
       <!-- Foto-Galerie — jeder Platzhalter ist per Drag & Drop mit einem eigenen Foto befüllbar -->
@@ -276,7 +276,7 @@
       <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>Patric Hertz,</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 Lackwerk GmbH in Kaiserslautern.</p>
+          <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 2014 gegründeten Lackwerk GmbH in Kaiserslautern.</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>
         </div>
         <div style="justify-self: center; width: min(340px, 100%);">
@@ -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:+496313578906" style="color: #e7ecf1;">0631 3578906</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:+496313578906" style="color: #e7ecf1;">0631 3578906</a><br><span style="font-weight: 500; color: #b8c4d0;">Fax: 0631 3578908</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>
@@ -397,7 +397,7 @@
           <!-- Untere Zeile -->
           <div class="lw-footer-bottom" style="position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; max-width: 1320px; width: 100%; margin: 0 auto;">
             <div style="min-width: 0;">
-              <img src="assets/logo-placeholder.svg" alt="Lackwerk" style="width: min(46vw, 360px); height: auto; display: block; opacity: .95;">
+              <img src="assets/logo.png" alt="Lackwerk" style="width: min(46vw, 360px); height: auto; display: block; opacity: .95;">
               <div style="display: flex; align-items: center; gap: 14px; margin-top: 16px;">
                 <span style="width: 44px; height: 2px; background: linear-gradient(90deg, #2FA4F0, transparent);"></span>
                 <span style="font-size: 13.5px; color: #8fa4b8; font-weight: 500;">Autolackiererei &amp; Karosserie · Kaiserslautern</span>