Anreicherung: Bilder, Logo, Text-Feinarbeit (Cloud-Routine)

assets/logo-placeholder.svg

@@ -1,5 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 48" role="img" aria-label="Logo-Platzhalter">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 330 60" width="330" height="60" role="img" aria-label="Schäfer Lackier- und Karosseriezentrum GmbH">
-  <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="2" y="33" font-family="Arial, Helvetica, sans-serif" font-size="33" font-weight="800" letter-spacing="0.5" fill="#2FA4F0">SCHÄFER</text>
-  <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="3" y="51" font-family="Arial, Helvetica, sans-serif" font-size="10.4" font-weight="600" letter-spacing="1.6" fill="#9fb2c4">LACKIER- &amp; KAROSSERIEZENTRUM GMBH</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>

index.html

@@ -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.
+          Als Kaiserslauterer Familienbetrieb in dritter Generation bringen wir Ihr Fahrzeug mit modernster Technik und fairen Preisen zurück in Bestform. Als wäre nichts passiert.
         </p>
       </div>
 
@@ -187,9 +187,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;">Oldtimer &amp; Klassiker</h3>
+          <h3 style="font-family: 'Source Serif 4', Georgia, serif; font-weight: 600; font-size: 23px; color: #0D2A46;">Unfallinstandsetzung &amp; Versicherung</h3>
-          <p style="font-size: 15.5px; line-height: 1.55; color: #45535f; font-weight: 500; flex: 1;">Restaurierung mit Fingerspitzengefühl: originalgetreue Farbtöne und ein Finish, das dem Wert Ihres Fahrzeugs gerecht wird.</p>
+          <p style="font-size: 15.5px; line-height: 1.55; color: #45535f; font-weight: 500; flex: 1;">Nach einem Unfall übernehmen wir die komplette Instandsetzung – inklusive Kalkulation und Abwicklung mit Ihrer Versicherung. Als Eurogarant-Fachbetrieb mit 4 Jahren Garantie.</p>
-          <span style="font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #1e7fc2;">Restauration · Karosserie</span>
+          <span style="font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #1e7fc2;">Eurogarant · Versicherung</span>
         </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);">
@@ -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/profile.php?id=100039887293855" target="_blank" rel="noopener" style="color: #9FD1F5; font-weight: 700;">Facebook-Seite</a>.</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>Michael Schäfer,</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 Schäfer GmbH Lackier- und Karosseriezentrum 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 Geschäftsführer der Schäfer GmbH Lackier- und Karosseriezentrum in Kaiserslautern – ein Familienbetrieb, den wir seit der Gründung 1952 mittlerweile in dritter Generation führen.</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;">Mit meinem rund 20-köpfigen Team aus Lackierern, Nuanceuren, Finish- und Karosseriefachkräften erfülle ich Ihre individuellen Wünsche zum bestmöglichen Preis — von der Smart-Repair bis zur kompletten 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);">
@@ -319,7 +319,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;">Kontakt &amp; Anfahrt</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;">Sprechen wir über Ihr Fahrzeug</h2>
-        <p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.55; color: #c9d6e2; font-weight: 500;">Rufen Sie an, schreiben Sie uns oder kommen Sie direkt vorbei – wir beraten Sie gern und unverbindlich.</p>
+        <p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.55; color: #c9d6e2; font-weight: 500;">Rufen Sie an, schreiben Sie uns oder kommen Sie direkt vorbei – wir beraten Sie gern und unverbindlich. Bei einem Unfall erreichen Sie uns rund um die Uhr über unseren 24-Stunden-Bereitschaftsdienst.</p>
       </div>
 
       <div class="lw-contact" style="display: grid; grid-template-columns: 0.9fr 1.1fr; gap: clamp(24px, 3vw, 40px); align-items: stretch;">
@@ -339,7 +339,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;">Öffnungszeiten</span>
-            <p style="font-size: 16px; line-height: 1.6; color: #e7ecf1; font-weight: 600;">Mo–Do<br><span style="font-weight: 500; color: #b8c4d0;">07:00–18:00</span><br>Fr<br><span style="font-weight: 500; color: #b8c4d0;">07:00–17:00</span></p>
+            <p style="font-size: 16px; line-height: 1.6; color: #e7ecf1; font-weight: 600;">Mo–Do<br><span style="font-weight: 500; color: #b8c4d0;">07:00–18:00</span><br>Fr<br><span style="font-weight: 500; color: #b8c4d0;">07:00–17:00</span><br>Sa<br><span style="font-weight: 500; color: #b8c4d0;">08:00–12:00</span></p>
           </div>
           <div style="display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px;">
             <a href="tel:tel:+496313703760" 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>
@@ -378,7 +378,7 @@
               <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;">Leistungen</h3>
               <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;">Unfallinstandsetzung</a>
               <a href="#services" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Felgen &amp; Motorrad</a>
             </div>
             <div style="display: flex; flex-direction: column; gap: 9px;">
@@ -390,7 +390,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;">Öffnungszeiten</h3>
               <span style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Mo–Do<br>07:00–18:00</span>
-              <span style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Fr · 07:00–17:00</span>
+              <span style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Fr · 07:00–17:00<br>Sa · 08:00–12:00</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 Schäfer GmbH Lackier- und Karosseriezentrum · 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/profile.php?id=100039887293855" 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>