fix: use singular 'Fahrzeug' when only 1 car available

frontend/app.js

@@ -123,6 +123,8 @@ async function loadVehicles() {
 
     state.vehicles = data || [];
     statCarsCount.textContent = state.vehicles.length;
+    statCarsLabel.dataset.i18n = state.vehicles.length === 1 ? 'statCar' : 'statCars';
+    applyI18n();
 
     const brands = [...new Set(state.vehicles.map(v => v.brand))].sort();
     brandFilter.innerHTML = `<option value="all">${t("all")}</option>` +

frontend/i18n.js

@@ -15,6 +15,7 @@ export const translations = {
         statDeposit: "Faire Kaution",
         statSupport: "Support",
         statCars: "Fahrzeuge",
+        statCar: "Fahrzeug",
 
         fleetEyebrow: "Unsere Flotte",
         fleetTitle: "Handverlesen. Gepflegt. Startklar.",
@@ -264,6 +265,7 @@ export const translations = {
         statDeposit: "Fair Deposit",
         statSupport: "Support",
         statCars: "Vehicles",
+        statCar: "Vehicle",
 
         fleetEyebrow: "Our Fleet",
         fleetTitle: "Hand-picked. Maintained. Ready.",

frontend/index.html

@@ -136,8 +136,8 @@
 
                 <div class="hero-stats">
                     <div><strong data-i18n="statDeposit">Faire Kaution</strong><span>Fair Deposit</span></div>
-                    <div><strong id="statCarsCount">–</strong><span data-i18n="statCars">Fahrzeuge</span></div>
+                  <div><strong id="statCarsCount">–</strong><span id="statCarsLabel" data-i18n="statCars">Fahrzeuge</span></div>
-                    <div><strong>24/7</strong><span data-i18n="statSupport">Support</span></div>
+                   <div><strong>24/7</strong><span data-i18n="statSupport">Support</span></div>
                 </div>
             </div>
         </section>