From 8ec4aac7724975111bebc71ec2f32a49869cf4d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Thu, 21 May 2026 17:02:09 +0200
Subject: [PATCH] Allow tooltip overflow through data-table context in
 Marktbewertung segment

---
 styleguide.css | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/styleguide.css b/styleguide.css
index fbf55b7..642addf 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -2171,6 +2171,20 @@ section + section {
   z-index: calc(var(--layer-pulldown-panel) + 1);
 }
 
+.sg-vsf-marktbewertung-table-segment .sg-data-table,
+.sg-vsf-marktbewertung-table-segment .sg-data-table thead,
+.sg-vsf-marktbewertung-table-segment .sg-data-table tbody,
+.sg-vsf-marktbewertung-table-segment .sg-data-table tr,
+.sg-vsf-marktbewertung-table-segment .sg-data-table th,
+.sg-vsf-marktbewertung-table-segment .sg-data-table td {
+  position: relative;
+  overflow: visible;
+}
+
+.sg-vsf-marktbewertung-table-segment .sg-data-table__label {
+  position: relative;
+}
+
 /* ========================================================= */
 /* Patterns: Text Layouts                                    */
 /* ========================================================= */
@@ -2279,7 +2293,7 @@ section + section {
   --layout-card-body-text-margin: 0;
   display: flex;
   flex-direction: column;
-  overflow: hidden;
+  overflow: visible;
   width: 100%;
   box-sizing: border-box;
   border: var(--border-none);
@@ -2288,16 +2302,12 @@ section + section {
   background: var(--surface-card);
 }
 
-.sg-card.sg-vsf-marktbewertung-card {
-  overflow: visible;
-}
-
-.sg-card.sg-vsf-marktbewertung-card > .sg-card-segment:first-child {
+.sg-card > .sg-card-segment:first-child {
   border-top-left-radius: var(--radius-card);
   border-top-right-radius: var(--radius-card);
 }
 
-.sg-card.sg-vsf-marktbewertung-card > .sg-card-segment:last-child {
+.sg-card > .sg-card-segment:last-child {
   border-bottom-left-radius: var(--radius-card);
   border-bottom-right-radius: var(--radius-card);
 }