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

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

diff --git a/assets/logo-placeholder.svg b/assets/logo-placeholder.svg
index 215aa2f..4f24359 100644
--- a/assets/logo-placeholder.svg
+++ b/assets/logo-placeholder.svg
@@ -1,5 +1 @@
-<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>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 64" role="img" aria-label="KS Autolack"><text x="6" y="44" font-family="Arial, Helvetica, sans-serif" font-size="36" font-weight="800" letter-spacing="0.4"><tspan fill="#F0912F">KS</tspan><tspan fill="#F1F0EB"> Autolack</tspan></text></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index f51eea2..205745a 100644
--- a/index.html
+++ b/index.html
@@ -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 unauffälligen Smart-Repair bis zur glänzenden Komplettlackierung.</p>
       </div>
 
       <!-- Foto-Galerie — jeder Platzhalter ist per Drag & Drop mit einem eigenen Foto befüllbar -->
@@ -277,7 +277,7 @@
         <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>Kevin Sabatzus,</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 KS Autolack (Inh. Kevin Sabatzus) in Landstuhl.</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;">Als Inhaber kümmere ich mich persönlich um jedes Fahrzeug und erfülle 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%);">
           <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);">
@@ -303,7 +303,7 @@
           <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;">Meine Philosophie</h3>
           <p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: #c9d6e2; font-weight: 500;">Für Sie – meine Kunden – soll meisterhafte Arbeit bezahlbar sein. Unser Service sieht aus wie aus der Vertragswerkstatt, hat die gleiche Qualität, ist aber deutlich günstiger.</p>
           <p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: #c9d6e2; font-weight: 500;">Es ist für mich oberstes Gesetz, dass Sie nur 1A-Qualität bekommen, statt billiger „Pinselarbeiten". Mit hastig erledigten, minderwertigen Flickarbeiten kann ich nicht dienen.</p>
-          <p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: #c9d6e2; font-weight: 500;">Mein Credo: Glückliche Kunden kommen wieder. Mein Team und ich sind unheimlich stolz auf Ihre Zufriedenheit und begeisterten Bewertungen.</p>
+          <p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: #c9d6e2; font-weight: 500;">Mein Credo: Glückliche Kunden kommen wieder. Ich bin unheimlich stolz auf Ihre Zufriedenheit und Ihre begeisterten Bewertungen.</p>
         </div>
       </div>
     </div>
@@ -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:" style="color: #e7ecf1;"></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:+4915150123458" style="color: #e7ecf1;">01515 0123458</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;">Mo–Fr<br><span style="font-weight: 500; color: #b8c4d0;">08:00–12:00 und 13:00–17:00</span><br>Sa–So<br><span style="font-weight: 500; color: #b8c4d0;">geschlossen</span></p>
           </div>
           <div style="display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px;">
-            <a href="tel:" 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:+4915150123458" 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@ks-autolack.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,7 +384,7 @@
             <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;">Torfstr. 3<br>66849 Landstuhl</span>
-              <a href="tel:" style="font-size: 14px; color: #c9d6e2; font-weight: 500;"></a>
+              <a href="tel:+4915150123458" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">01515 0123458</a>
               <a href="mailto:info@ks-autolack.de" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">info@ks-autolack.de</a>
             </div>
             <div style="display: flex; flex-direction: column; gap: 9px;">