feat(footer): use the grid layout system instead of fixed flex columns

Drop the footer's flex override so it renders through the standard 12-col
grid + per-block layout (mobile/tablet/desktop) like pages do. Add optional
column-start (desktopStart/tabletStart) to the layout system so blocks can be
offset in the grid — used to place the inline newsletter form directly under
the "Kontakt & Community" column.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

src/lib/components/Footer.svelte

@@ -47,25 +47,16 @@
   .content-footer :global(.content) {
     margin: 0;
   }
-  .content-footer :global(.content-row) {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 2rem;
-    align-items: flex-start;
-  }
-  .content-footer :global(.content-row > *) {
-    flex: 1 1 200px;
-    grid-column: auto !important;
-    min-width: 0;
-  }
+  /* Footer nutzt jetzt das normale 12-Spalten-Grid (grid grid-cols-12 aus
+     ContentRows) + per-Block layout (mobile/tablet/desktop + desktopStart).
+     Kein Flex-Override mehr — Spaltigkeit kommt aus dem CMS-layout. */
   .content-footer :global(.content-row + .content-row) {
     margin-top: 2rem;
     padding-top: 1.5rem;
     border-top: 1px solid var(--color-stein-700);
   }
-  /* Globaler Row-Trenner (::before aus app.css) ist für Grid-Kontext gedacht.
-     Im Flex-Footer wird er zum Phantom-Flex-Item und schiebt den Inhalt nach
-     rechts. Footer hat eigenen border-top-Trenner → globalen hier abschalten. */
+  /* Globaler Row-Trenner (::before aus app.css) doppelt den eigenen
+     border-top-Trenner → hier abschalten. */
   .content-footer :global(.content-row + .content-row::before) {
     display: none;
   }