From 3a596f3308ef488933c7ebce4fec31aee66c54d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Thu, 18 Jun 2026 10:55:55 +0200
Subject: [PATCH] Align card list heading block with app layout

---
 patterns/card-listen-seite.html      | 10 +---------
 styles/30-layouts-card-list-page.css | 18 ++----------------
 2 files changed, 3 insertions(+), 25 deletions(-)

diff --git a/patterns/card-listen-seite.html b/patterns/card-listen-seite.html
index 85c4e25..113333c 100644
--- a/patterns/card-listen-seite.html
+++ b/patterns/card-listen-seite.html
@@ -101,15 +101,7 @@
     </div>
 
     <div class="sg-transparent-card sg-card-list-page__intro-block" aria-label="Einleitung zur Listenübersicht" data-component="transparent-card">
-      <div class="sg-card-list-page__title-row">
-        <h1 class="sg-heading-h1 sg-text-on-dark sg-card-list-page__title">Listenübersicht</h1>
-        <span class="sg-help-icon-wrap" data-open="false" data-align="left" data-component="help-icon" data-component-context="layout-card-list-page">
-          <button class="sg-help-icon" type="button" aria-expanded="false" aria-label="Hilfetext zur Listenübersicht anzeigen" data-component-part="help-trigger">?</button>
-          <span class="sg-help-icon-panel sg-table-label" role="tooltip" data-component-part="help-panel">
-            Hilfe zur Listenansicht und zu den Filteroptionen.
-          </span>
-        </span>
-      </div>
+      <h1 class="sg-heading-h1 sg-text-on-dark">Listenübersicht</h1>
       <p class="sg-body sg-text-layout-pattern__sample sg-text-layout-pattern__sample--sixty-width">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer convallis purus sed urna ultricies, id aliquet justo malesuada. Morbi luctus, augue in cursus ultrices, justo lorem posuere mi, at suscipit est turpis vitae ipsum. Praesent posuere nisl a nisl fermentum, nec feugiat odio volutpat. Nam id dictum justo, eget dapibus arcu. Fusce varius justo nec nibh gravida, sed dignissim est tempor.</p>
     </div>
 
diff --git a/styles/30-layouts-card-list-page.css b/styles/30-layouts-card-list-page.css
index fac505d..7c53434 100644
--- a/styles/30-layouts-card-list-page.css
+++ b/styles/30-layouts-card-list-page.css
@@ -63,23 +63,9 @@
   margin-top: var(--layout-options-row-margin-top);
 }
 
-.sg-card-list-page > .sg-card-list-page__intro-block {
-  margin-top: calc(var(--spacing-large) - 0.5rem);
-}
-
 .sg-card-list-page__intro-block {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-large);
-  padding-bottom: calc(var(--spacing-large) - 0.25rem);
-}
-
-.sg-card-list-page__title-row {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--spacing-small);
-  width: fit-content;
-  max-width: 100%;
+  margin-top: var(--spacing-large);
+  margin-bottom: var(--spacing-large);
 }
 
 .sg-card-list-page__intro-block .sg-text-layout-pattern__sample--sixty-width {