Add public page content left pattern

patterns/public-page-patterns.html

@@ -14,10 +14,14 @@
     <p class="sg-preview-label">Pattern Group: Public Page Patterns</p>
 
     <div class="sg-preview-area">
+      <div class="sg-content-group-box" data-component="content-group-box">
+        <div class="sg-text-block" data-component="text-block">
           <p class="sg-body">
-        Diese Seite sammelt die Patterns für Public Pages. Die konkreten Patterns werden im nächsten Schritt ergänzt.
+            Public Page Content left zeigt den Text linksbündig innerhalb der Content Group Box und nutzt die definierte Public-Content-Breite.
           </p>
         </div>
+      </div>
+    </div>
   </section>
 
 </body>

semantic-tokens-patterns.html

@@ -14,9 +14,12 @@
     <h2 class="sg-sub-heading sg-section-h2">Patterns</h2>
 
     <h3 class="sg-sub-heading sg-section-h3">Public Page Patterns</h3>
-    <p class="sg-table-label">
+    <table class="sg-foundation-table sg-table-label">
-      Die semantischen Tokens für Public Page Patterns werden ergänzt, sobald die konkreten Patterns festgelegt sind.
+      <thead><tr><th>Semantischer Token</th><th>Verwendeter Foundation-Token</th><th>Beschreibung Verwendungszweck im Pattern</th></tr></thead>
-    </p>
+      <tbody>
+        <tr><td>layout-public-page-pattern-content-width</td><td>dimension-public-content-width</td><td>Gemeinsame Breite für Inhalte im Public-Page-Pattern-Kontext.</td></tr>
+      </tbody>
+    </table>
 
     <h3 class="sg-sub-heading sg-section-h3">Portal Header</h3>
     <table class="sg-foundation-table sg-table-label"><thead><tr><th>Semantischer Token</th><th>Verwendeter Foundation-Token</th><th>Beschreibung Verwendungszweck im Pattern</th></tr></thead><tbody>