From 2a7c511a222e34fd35328a89d1ed630a82eabc72 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Thu, 28 May 2026 13:23:42 +0200
Subject: [PATCH] Add 60-percent text pattern below VSF overview V2 title

---
 patterns/vsf-listen-uebersicht-seite-v2.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/patterns/vsf-listen-uebersicht-seite-v2.html b/patterns/vsf-listen-uebersicht-seite-v2.html
index a313c35..59c393f 100644
--- a/patterns/vsf-listen-uebersicht-seite-v2.html
+++ b/patterns/vsf-listen-uebersicht-seite-v2.html
@@ -104,6 +104,14 @@
 
     <div class="sg-vsf-list-overview-page-v2__intro" aria-label="Intro-Bereich">
       <h1 class="sg-heading-h1 sg-text-on-dark">TITEL DER LISTE</h1>
+      <p class="sg-preview-label">Pattern: Text 60% Breite</p>
+      <div class="sg-text-layout-pattern" data-pattern="text-layout-sechzig-prozent" aria-label="Text Layout 60 Prozent Breite">
+        <div class="sg-text-layout-pattern__preview-surface">
+          <p class="sg-body sg-text-layout-pattern__sample sg-text-layout-pattern__sample--sixty-width" data-pattern-part="text-block-sixty-width">
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut a
+          </p>
+        </div>
+      </div>
     </div>
 
     <main class="sg-vsf-list-overview-page-v2__content" aria-label="Inhaltsbereich">