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">