# Website-Template für Autolackierereien — Ausfüllanleitung ## Für wen ist dieses Template? Dieses Template ist eine fertige, moderne One-Page-Website für **Autolackierer, Lackier- und Karosseriebetriebe**. Es entstand aus einer echten Kundenwebsite und wurde vollständig **anonymisiert**: Alle personen- und firmenbezogenen Daten wurden durch Platzhalter ersetzt. So kann es für **jeden beliebigen Lackierbetrieb** wiederverwendet werden. Die Website enthält bereits ausformulierte, branchentypische Texte (Hero, Leistungen, Über-uns, Philosophie). Diese Texte sind allgemeingültig gehalten und können 1:1 übernommen oder nach Belieben angepasst werden. **Konkret ausgefüllt werden müssen nur die unten aufgelisteten Platzhalter** — alles, was in doppelten eckigen Klammern steht, z. B. `Lackiererei Lenhard`. --- ## So füllst du das Template aus 1. Öffne `index.html`. 2. Suche (Suchen & Ersetzen im Editor) nach den Platzhaltern `[[…]]` und ersetze sie durch die echten Werte des Betriebs. 3. Ersetze das Logo und (optional) die Bilder — siehe Abschnitte **Logo** und **Bilder**. 4. Fertig. Die Seite ist eine statische Datei plus `support.js` (Framework) und den Assets im Ordner `assets/`. > **Tipp:** Jeder Platzhalter kommt teils mehrfach vor (z. B. `lackiererei.lenhard@t-online.de` in Kontakt- > block und Footer). „Alle ersetzen" verwenden, damit keine Fundstelle übrig bleibt. --- ## Benötigte Daten (Platzhalter-Liste) ### Firma & Marke | Platzhalter | Bedeutung | Beispiel | |---|---|---| | `Lackiererei Lenhard` | Kurzer Markenname (Logo-Alt, Google-Badge, Footer) | Musterlack | | `Lackiererei Sascha Lenhard` | Vollständiger Firmenname inkl. Rechtsform | Musterlack GmbH | | `Weilerbach` | Standort/Stadt (Footer, Über-uns, Karte) | Musterstadt | | `2026` | Jahr für den Copyright-Hinweis im Footer | 2026 | ### Inhaber / Über uns | Platzhalter | Bedeutung | Beispiel | |---|---|---| | `Sascha Lenhard` | Name der Inhaberin / des Inhabers (Über-uns-Abschnitt) | Max Mustermann | ### Kontakt & Anschrift | Platzhalter | Bedeutung | Beispiel | |---|---|---| | `Auf dem Immel 12` | Straße + Hausnummer | Musterstr. 1 | | `67685` | Postleitzahl | 12345 | | `Weilerbach` | Ort (siehe oben, gleicher Wert) | Musterstadt | | `06374 / 25 38` | Telefonnummer, wie angezeigt | 01234 / 56 78 90 | | `+4963742538` | Telefonnummer im Link-Format (international, ohne Leerzeichen) | +4912345678900 | | `06374 / 48 89` | Faxnummer (falls vorhanden) | 01234 / 56 78 91 | | `lackiererei.lenhard@t-online.de` | E-Mail-Adresse | info@musterlack.de | ### Öffnungszeiten | Platzhalter | Bedeutung | Beispiel | |---|---|---| | `Montag – Donnerstag` | Erste Zeile: Tage | Montag – Freitag | | `07:30 – 12:00 · 12:30 – 17:30` | Erste Zeile: Zeiten | 09:00 – 13:00 · 14:00 – 17:00 | | `Freitag` | Zweite Zeile: Tage | Samstag & Sonntag | | `07:30 – 12:00 · 12:30 – 15:00 · Sa n. Vereinbarung` | Zweite Zeile: Zeiten | Geschlossen | ### Social Media | Platzhalter | Bedeutung | Beispiel | |---|---|---| | `` | Link zur Facebook-Seite (Referenzen + Footer) | https://www.facebook.com/musterlack | ### Google-Bewertungen (Badge + Bewertungskarte) | Platzhalter | Bedeutung | Beispiel | |---|---|---| | `4,8` | Durchschnittliche Sternebewertung | 4,8 | | `95` | Anzahl der Bewertungen | 112 | | `ChIJn9N_9QYLlkcRBHlc5SmI0Co` | Google Place ID des Betriebs | ChIJ… | | `Sabine M.` | Name Rezensent 1 (Demo/Fallback) | Sabine M. | | `„Kratzer war komplett verschwunden – schnelle Terminvergabe und faires Angebot.“` | Text Rezension 1 | „Kratzer war komplett verschwunden …" | | `Thomas K.` | Name Rezensent 2 | Thomas K. | | `„Top Beratung, saubere Arbeit, Auto kam sogar gereinigt zurück.“` | Text Rezension 2 | „Top Beratung, saubere Arbeit …" | | `Petra L.` | Name Rezensent 3 | Petra L. | | `„Delle wie neu, Farbton perfekt getroffen – gerne wieder!“` | Text Rezension 3 | „Delle wie neu, gerne wieder …" | > **Hinweis zu Google-Bewertungen:** Die drei Rezensionen sind nur ein Fallback für die > Vorschau. In der produktiven Umgebung können sie über einen eigenen Backend-Endpunkt > `/api/reviews` **live** aus Google Places geladen werden. Der Google-API-Key bleibt > dabei server-seitig. Ohne Backend werden einfach die eingetragenen Demo-Werte gezeigt. ### Standort-Karte (MapLibre) | Platzhalter | Bedeutung | Beispiel | |---|---|---| | `7.610710` | Längengrad des Standorts (im `