perf: LCP-Fix, Banner-Crops, SSR-Cache, Bulk-Windkarte

- TopBanner: JS-Fade-Gate entfernt (opacity-0 bis Hydration schob LCP
  von ~3s auf ~8.6s) — Bild malt jetzt progressiv über den LQIP
- buildBannerResponsive: Breakpoint-Varianten (1/1, 16/9, 24/9) mit
  media-Attributen, quality 60; CMS braucht explizites h neben ar,
  sonst kein Crop (Mobile bekam 1.92:1 unscharf hochskaliert)
- Layout-Preload: ein Link pro Breakpoint-Variante (WebP)
- Layout-Bootstrap-Batch + Logo-SVG-Fetch TTL-gecacht (liefen pro
  SSR-Request); invalidateCollection versteht CSV-Key-Heads
- WindkarteBlock: 40 Einzel-Fetches -> 1 List-Request mit Filter
- app.html: preconnect cms.pm86.de, api.iconify.design, analytics
- u-url Microformat: echte canonicalUrl statt href="#" (SEO-Audit)
- Icon-Subset: 'cloud' ergänzt (kein Runtime-Fetch an iconify mehr)
- StrommixBlock: nutzloses transition-colors entfernt (CLS-Audit)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

src/lib/cms.ts

@@ -90,9 +90,11 @@ function ttlFor(collection: string): number {
 
 /**
  * Cached fetch mit TTL + in-flight dedup. Key-Format: "<collection>:<op>:<params>".
- * Bei Fehler wird nichts gecacht.
+ * Multi-Collection-Einträge (z.B. Layout-Bootstrap-Batch) nutzen eine CSV-Liste
+ * als Key-Head: "navigation,footer:op:" — invalidateCollection purged dann bei
+ * Mutation jeder gelisteten Collection. Bei Fehler wird nichts gecacht.
  */
-async function cached<T>(
+export async function cached<T>(
   collection: string,
   key: string,
   fn: () => Promise<T>,
@@ -122,7 +124,9 @@ async function cached<T>(
 export function invalidateCollection(collection: string): number {
   let n = 0;
   for (const k of cache.keys()) {
-    if (k.startsWith(`${collection}:`)) {
+    const sep = k.indexOf(':');
+    if (sep === -1) continue;
+    if (k.slice(0, sep).split(',').includes(collection)) {
       cache.delete(k);
       n++;
     }