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

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.
+          Unfallinstandsetzung, Karosseriebau, Lackierung und Smart Repair – mit Originalteilen und neuester Technik zu fairen Preisen. Als wäre nichts passiert.
         </p>
       </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 unsichtbaren Smart-Repair-Ausbesserung bis zur kompletten Neulackierung.</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;">Mehr laufende Projekte gibt es auf unserer <a href="https://www.facebook.com/p/Auto-Lack-Design-100055205112692/" target="_blank" rel="noopener" style="color: #9FD1F5; font-weight: 700;">Facebook-Seite</a>.</p>
     </div>
   </section>
 
@@ -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>Stephan Bergmüller,</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 Auto-Lack-Design Bergmüller (Inh. Stephan Bergmüller) in Krailling.</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 von Auto-Lack-Design Bergmüller in Krailling – einem Familienbetrieb, der seit über 70 Jahren in dritter Generation für erstklassige Lackier- und Karosseriearbeit steht.</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%);">
@@ -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 Auto-Lack-Design Bergmüller (Inh. Stephan Bergmüller) · 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/p/Auto-Lack-Design-100055205112692/" 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>
@@ -467,7 +467,7 @@ class Component extends DCLogic {
     if (!window.maplibregl) { setTimeout(() => this.initMap(), 250); return; }
     //  /  — Koordinaten des eigenen Standorts eintragen.
     // Vorbelegt mit der geografischen Mitte Deutschlands, damit die Karte auch ohne Eintrag funktioniert.
-    const LNG = 10.4515, LAT = 51.1657;
+    const LNG = 11.36187, LAT = 48.09480;
     const map = new maplibregl.Map({
       container: this.mapEl,
       style: "https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json",