Split layout sections into generic and Valuestockfinder

index.html

@@ -54,11 +54,16 @@
     <section class="sg-index-section">
       <h2 class="sg-sub-heading">Layouts</h2>
 
+      <h3 class="sg-sub-heading sg-section-h3">Generische Layouts</h3>
       <ul class="sg-index-list">
-        <li><a href="./patterns/company-card.html">Company Card</a></li>
         <li><a href="./patterns/card-listen-seite.html">Card Listen Seite</a></li>
         <li><a href="./patterns/card-listen-fundamentalanalyse-mobile.html">Card Listen Fundamentalanalyse Mobile</a></li>
       </ul>
+
+      <h3 class="sg-sub-heading sg-section-h3">Valuestockfinder Layouts</h3>
+      <ul class="sg-index-list">
+        <li><a href="./patterns/company-card.html">Company Card</a></li>
+      </ul>
     </section>
 
   </main>

semantic-tokens-layouts.html

@@ -13,7 +13,7 @@
   <section id="semantic-layouts">
     <h2 class="sg-sub-heading sg-section-h2">Layouts</h2>
 
-    <h3 class="sg-sub-heading sg-section-h3">Pattern und Seiten-Layouts</h3>
+    <h3 class="sg-sub-heading sg-section-h3">Generische Layouts</h3>
     <table class="sg-foundation-table sg-table-label"><thead><tr><th>Semantischer Token</th><th>Verwendeter Foundation-Token</th><th>Beschreibung Verwendungszweck im Layout</th></tr></thead><tbody>
       <tr><td>layout-options-row-margin-top</td><td>spacing-small</td><td>Abstand oberhalb der Options Row.</td></tr>
       <tr><td>layout-options-row-main-gap</td><td>spacing-large</td><td>Horizontaler Abstand zwischen linker und rechter Aktionsgruppe.</td></tr>
@@ -28,10 +28,14 @@
       <tr><td>layout-object-card-desktop-breakpoint</td><td>dimension-object-card-desktop-breakpoint</td><td>Breakpoint, ab dem die Desktop-Maße der Object Card aktiv sind.</td></tr>
       <tr><td>layout-object-card-content-grow</td><td>dimension-object-card-content-grow</td><td>Flex-Grow-Wert für das vorletzte Segment der Object Card.</td></tr>
       <tr><td>layout-object-card-shared-width</td><td>auto</td><td>Geteilte Laufzeitbreite für gekoppelte Object-Card-Instanzen.</td></tr>
-      <tr><td>layout-company-card-analysis-gap-after-moat</td><td>spacing-large</td><td>Vertikaler Abstand zwischen Moat-Zeile und Analyse-Zusammenfassung in der Company Card.</td></tr>
       <tr><td>layout-content-cards-group-gap</td><td>spacing-small</td><td>Abstand zwischen Inhaltsblock-Karten innerhalb der Gruppe.</td></tr>
       <tr><td>layout-card-list-drawer-width</td><td>dimension-card-list-drawer-width</td><td>Breite des ausziehbaren Card-Listenbereichs relativ zum Container.</td></tr>
     </tbody></table>
+
+    <h3 class="sg-sub-heading sg-section-h3">Valuestockfinder Layouts</h3>
+    <table class="sg-foundation-table sg-table-label"><thead><tr><th>Semantischer Token</th><th>Verwendeter Foundation-Token</th><th>Beschreibung Verwendungszweck im Layout</th></tr></thead><tbody>
+      <tr><td>layout-company-card-analysis-gap-after-moat</td><td>spacing-large</td><td>Vertikaler Abstand zwischen Moat-Zeile und Analyse-Zusammenfassung in der Company Card.</td></tr>
+    </tbody></table>
   </section>
 
 </body>