# 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. `Car Clinic Kunas`. --- ## 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. `kunasohg@aol.com` in Kontakt- > block und Footer). „Alle ersetzen" verwenden, damit keine Fundstelle übrig bleibt. --- ## Benötigte Daten (Platzhalter-Liste) ### Firma & Marke | Platzhalter | Bedeutung | Beispiel | |---|---|---| | `Car Clinic Kunas` | Kurzer Markenname (Logo-Alt, Google-Badge, Footer) | Musterlack | | `Kunas OHG – Car Clinic Kfz-Meisterbetrieb` | Vollständiger Firmenname inkl. Rechtsform | Musterlack GmbH | | `Ramstein-Miesenbach` | Standort/Stadt (Footer, Über-uns, Karte) | Musterstadt | | `2026` | Jahr für den Copyright-Hinweis im Footer | 2026 | ### Inhaber / Über uns | Platzhalter | Bedeutung | Beispiel | |---|---|---| | `Thomas Kunas` | Name der Inhaberin / des Inhabers (Über-uns-Abschnitt) | Max Mustermann | ### Kontakt & Anschrift | Platzhalter | Bedeutung | Beispiel | |---|---|---| | `Kindsbacher Str. 48` | Straße + Hausnummer | Musterstr. 1 | | `66877` | Postleitzahl | 12345 | | `Ramstein-Miesenbach` | Ort (siehe oben, gleicher Wert) | Musterstadt | | `06371 / 50 961` | Telefonnummer, wie angezeigt | 01234 / 56 78 90 | | `+49637150961` | Telefonnummer im Link-Format (international, ohne Leerzeichen) | +4912345678900 | | `06371 / 70 442` | Faxnummer (falls vorhanden) | 01234 / 56 78 91 | | `kunasohg@aol.com` | E-Mail-Adresse | info@musterlack.de | ### Öffnungszeiten | Platzhalter | Bedeutung | Beispiel | |---|---|---| | `Montag – Freitag` | Erste Zeile: Tage | Montag – Freitag | | `08:00 – 12:00 · 13:00 – 18:00` | Erste Zeile: Zeiten | 09:00 – 13:00 · 14:00 – 17:00 | | `Samstag & Sonntag` | Zweite Zeile: Tage | Samstag & Sonntag | | `Geschlossen` | 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 | | `22` | Anzahl der Bewertungen | 112 | | `ChIJ__bFXEp1lkcRfLhhHXm_2Lo` | 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.563500` | Längengrad des Standorts (im `