fix(css): @layer base revert — Preflight schlug Heading-Defaults (Hero-Titel kaputt)

E rückgängig: Tailwind-Preflight resettet h1–h6 selbst in @layer base → gleiche
Layer, Preflight gewann → Headings kollabierten (Hero-Titel). Heading-Defaults
wieder unlayered; text-*!-Hacks in InfoCard/ContactFormBlock-Titeln zurück.

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

src/app.css

@@ -194,10 +194,9 @@ main {
    Erlaubte Gewichte: 300, 400, 500, 600, 700. Inter primary, Lora nur Zitate.
    ========================================================================== */
 
-/* @layer base: Element-Defaults liegen unter den Utilities → text-*/font-*-
-   Utilities auf h1–h6 gewinnen ohne `!`-Hack (vorher unlayered = schlug alles). */
-@layer base {
-
+/* Heading-Defaults bewusst UNLAYERED: Tailwind-Preflight resettet h1–h6 in
+   @layer base (font-size:inherit). Diese Rules müssen darüber liegen → unlayered.
+   Folge: Utilities auf Headings brauchen `!` (siehe InfoCard/ContactFormBlock). */
 h1,
 h2,
 h3,
@@ -268,9 +267,6 @@ h4 {
     }
 }
 
-}
-/* /@layer base */
-
 /* Page-Titel (wie www.windwiderstand.de) */
 .pageTitle h1 {
     font-size: 1.5rem;

src/lib/components/InfoCard.svelte

@@ -66,7 +66,7 @@
     <div class="flex gap-2.5">
       {#if icon}<div class="pt-px">{@render iconBadge("size-5", "size-3")}</div>{/if}
       <div class="flex min-w-0 flex-1 flex-col gap-2">
-        <h3 class="text-sm font-bold leading-[1.3] tracking-[-0.01em] text-stein-800">{title}</h3>
+        <h3 class="text-sm! font-bold! leading-[1.3]! tracking-[-0.01em] text-stein-800">{title}</h3>
         {#if description}
           <p class="line-clamp-3 text-[13px] font-normal leading-[1.45] text-stein-500">{description}</p>
         {/if}
@@ -80,7 +80,7 @@
   {:else}
     {#if icon}{@render iconBadge("size-11", "size-[23px]")}{/if}
     <div class="flex flex-col gap-1">
-      <h3 class="text-base font-bold leading-[1.3] tracking-[-0.01em] text-stein-800">{title}</h3>
+      <h3 class="text-base! font-bold! leading-[1.3]! tracking-[-0.01em] text-stein-800">{title}</h3>
       {#if description}
         <p class="line-clamp-3 text-sm font-normal leading-[1.45] text-stein-500">{description}</p>
       {/if}

src/lib/components/blocks/ContactFormBlock.svelte

@@ -53,7 +53,7 @@
     <!-- rechts: Aside -->
     <aside class="flex flex-col gap-5">
       {#if block.asideTitle}
-        <h3 class="text-xl font-bold leading-tight tracking-[-0.01em] text-stein-800">
+        <h3 class="text-xl! font-bold! leading-tight! tracking-[-0.01em] text-stein-800">
           {block.asideTitle}
         </h3>
       {/if}