From b06e47c1c3c66b4c80bb0e53c996412fe3106141 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Thu, 21 May 2026 16:57:12 +0200
Subject: [PATCH] Raise market valuation help tooltip layer above following
 segment

---
 patterns/vsf-card-listen-fundamentalanalyse-drawer.html | 2 +-
 styleguide.css                                          | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/patterns/vsf-card-listen-fundamentalanalyse-drawer.html b/patterns/vsf-card-listen-fundamentalanalyse-drawer.html
index 79efdd6..35d2e39 100644
--- a/patterns/vsf-card-listen-fundamentalanalyse-drawer.html
+++ b/patterns/vsf-card-listen-fundamentalanalyse-drawer.html
@@ -148,7 +148,7 @@
         <div class="sg-content-block-card-group__panel" id="vsf-fundamental-tab-panel-2" role="tabpanel" aria-labelledby="vsf-fundamental-tab-2" hidden>
           <article class="sg-card sg-card--content-card sg-vsf-marktbewertung-card" data-component="content-card" aria-label="Marktbewertung">
             <div class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue" data-component-part="card-header"><div class="sg-strong">Marktbewertung</div></div>
-            <div class="sg-card-segment sg-card-segment--gray" data-component-part="card-body">
+            <div class="sg-card-segment sg-card-segment--gray sg-vsf-marktbewertung-table-segment" data-component-part="card-body">
               <div class="sg-score-bar-list sg-score-bar-list--single-score" data-component="score-bar-list">
                 <div class="sg-score-bar-item" data-component="score-bar">
                   <p class="sg-score-bar-label sg-bar-label" data-component-part="score-label">Score:</p>
diff --git a/styleguide.css b/styleguide.css
index 652f3ed..754b5ac 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -2162,6 +2162,15 @@ section + section {
   overflow: visible;
 }
 
+.sg-vsf-marktbewertung-table-segment {
+  position: relative;
+  z-index: 3;
+}
+
+.sg-vsf-marktbewertung-table-segment .sg-help-icon-panel {
+  z-index: var(--layer-pulldown-panel);
+}
+
 /* ========================================================= */
 /* Patterns: Text Layouts                                    */
 /* ========================================================= */