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

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="Kiesmüller" style="height: 26px; width: auto; display: block;">
+        <img src="assets/logo.png" alt="Kiesmüller" 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;">
@@ -169,7 +169,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;">Leistungen</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;">Alles rund um den Lack – aus einer Hand</h2>
-        <p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.55; color: #c9d6e2; font-weight: 500;">Ob Neuwagen, Alltagsauto oder Klassiker: Wir bringen jede Oberfläche zurück in Bestform. Präzise vorbereitet, sauber lackiert, perfekt finiert.</p>
+        <p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.55; color: #c9d6e2; font-weight: 500;">Von der Unfallinstandsetzung als zertifizierter Eurogarant-Fachbetrieb bis zur Komplettlackierung bringen wir jede Oberfläche zurück in Bestform – präzise vorbereitet, sauber lackiert, perfekt finiert.</p>
       </div>
 
       <div class="lw-services" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(18px, 2.4vw, 30px);">
@@ -228,8 +228,8 @@
     <div style="position: relative; max-width: 1320px; margin: 0 auto;">
       <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>
+        <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;">Werkstatt, Team und Tradition seit 1969</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 über 55 Jahren Karosserie- und Lackierhandwerk in München: unser Betrieb, unser Team und die Meister-Qualifikation, für die wir stehen.</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;">Persönliche Beratung und einen Blick auf laufende Arbeiten bekommen Sie direkt bei uns in der Werkstatt in München-Freimann.</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>Hans Kiesmü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 Kiesmüller GmbH & Co. KG in München.</p>
+          <p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: #c9d6e2; font-weight: 500;">Karosseriebaumeister und Inhaber der Kiesmüller GmbH & Co. KG in München – einem Familienbetrieb, den wir seit 1969 in zweiter 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>
         </div>
         <div style="justify-self: center; width: min(340px, 100%);">
@@ -397,10 +397,10 @@
           <!-- 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="Kiesmüller" style="width: min(46vw, 360px); height: auto; display: block; opacity: .95;">
+              <img src="assets/logo.png" alt="Kiesmüller" 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 · München</span>
+                <span style="font-size: 13.5px; color: #8fa4b8; font-weight: 500;">Karosserie- &amp; Lackierfachbetrieb · Eurogarant-Partner · München seit 1969</span>
               </div>
             </div>
             <div style="text-align: right; flex-shrink: 0;">
@@ -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.5896218, LAT = 48.1886567;
     const map = new maplibregl.Map({
       container: this.mapEl,
       style: "https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json",