diff --git a/src/lib/components/SectionHeader.svelte b/src/lib/components/SectionHeader.svelte
index 0856926..2be975c 100644
--- a/src/lib/components/SectionHeader.svelte
+++ b/src/lib/components/SectionHeader.svelte
@@ -37,7 +37,7 @@
   const hasKickerRow = $derived(!!number || !!kicker);
 </script>
 
-<div class="flex items-end justify-between gap-6">
+<div class="flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between sm:gap-6">
   <div>
     <!-- Kicker: Nummer · Linie · Label -->
     {#if hasKickerRow}
@@ -66,7 +66,7 @@
 
   <!-- Aktion (Slot hat Vorrang, sonst Label+Href) -->
   {#if hasAction}
-    <div class="whitespace-nowrap">
+    <div class="sm:whitespace-nowrap">
       {#if children}
         {@render children()}
       {:else}