From f57c77bd32127ceb1ee4f1ab1807d81419362c91 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:40:59 +0200
Subject: [PATCH] Wrap page layout H1 in transparent card

---
 patterns/page-layout-basic.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/patterns/page-layout-basic.html b/patterns/page-layout-basic.html
index 8371a01..828c89e 100644
--- a/patterns/page-layout-basic.html
+++ b/patterns/page-layout-basic.html
@@ -128,7 +128,9 @@
       </div>
     </div>
 
-    <h1 class="sg-heading-h1 sg-text-on-dark">H1 Überschrift</h1>
+    <div class="sg-transparent-card" aria-label="H1 Bereich" data-component="transparent-card">
+      <h1 class="sg-heading-h1 sg-text-on-dark">H1 Überschrift</h1>
+    </div>
 
     <div class="sg-group-card sg-group-card--margin-after-large" data-component="group-card">
       <div class="sg-group-card__header-row">