From 46a472e31e555a45ad8b0d5310fc6e9b5cb3cfb1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Cr=C3=BCger?= <bc@eleven-bytes.de>
Date: Thu, 18 Jun 2026 11:33:46 +0200
Subject: [PATCH] fix CSS selector scoping and marketing header autoplay speed

- Narrow :has() selector in button hover to direct child (> .teaser--link)
- Scope slider-tabs .count hide rule to specific components instead of generic .controls
- Fix header.js nav selector to target nav .primary
- Correct marketing header autoplay speed from 700000ms to 7000ms, trigger handleAutoplay()
- Fix slider-tabs positioning with left: auto and transform: none

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 gfi-ihk-2024/stories/atoms/button/button.scss                 | 2 +-
 gfi-ihk-2024/stories/atoms/slider-tabs/slider-tabs.scss       | 4 ++--
 gfi-ihk-2024/stories/components/header/header.js              | 2 +-
 .../stories/sections/marketingheader/marketingheaderslider.js | 3 ++-
 gfi-ihk-2024/stories/sections/slider/slider.scss              | 2 ++
 5 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/gfi-ihk-2024/stories/atoms/button/button.scss b/gfi-ihk-2024/stories/atoms/button/button.scss
index 03ec2ff..0166e81 100644
--- a/gfi-ihk-2024/stories/atoms/button/button.scss
+++ b/gfi-ihk-2024/stories/atoms/button/button.scss
@@ -94,7 +94,7 @@
   transition: 0.3s ease;
 }
 
-.btn:hover::after, *:has(.teaser--link:hover) .btn::after {
+.btn:hover::after, *:has(> .teaser--link:hover) .btn::after {
   opacity: var(--button-hover-shadow-opacity);
   box-shadow: 0 0 0 var(--button-hover-shadow-size) var(--button-bg-color);
 }
diff --git a/gfi-ihk-2024/stories/atoms/slider-tabs/slider-tabs.scss b/gfi-ihk-2024/stories/atoms/slider-tabs/slider-tabs.scss
index 19cf337..34d8a67 100644
--- a/gfi-ihk-2024/stories/atoms/slider-tabs/slider-tabs.scss
+++ b/gfi-ihk-2024/stories/atoms/slider-tabs/slider-tabs.scss
@@ -1,7 +1,7 @@
 @use '../../_global/styles/mixins' as *;
 @use '../../_global/styles/vars' as *;
 
-.controls, .rotationslider {
+.card-slider, .eventteaserlargeslider, .quick-facts, #storybook-root > .controls {
   .count {
     display: none;
   }
@@ -28,7 +28,7 @@
         box-shadow: 0 0 0 2px var(--color-text);
       }
     }
-
+    
     .btn {
       --button-min-size: 24px;
       font-size: 0;
diff --git a/gfi-ihk-2024/stories/components/header/header.js b/gfi-ihk-2024/stories/components/header/header.js
index 5c123f1..e0d5a3c 100644
--- a/gfi-ihk-2024/stories/components/header/header.js
+++ b/gfi-ihk-2024/stories/components/header/header.js
@@ -174,7 +174,7 @@ class IHKHeader {
 
   initPrimaryNav(optionalRootUrl) {
     const t = this;
-    const primary = t.header.find('.primary');
+    const primary = t.header.find('nav .primary');
 
     $(primary).empty();
     t.baseUrl = primary.attr('data-base-url');
diff --git a/gfi-ihk-2024/stories/sections/marketingheader/marketingheaderslider.js b/gfi-ihk-2024/stories/sections/marketingheader/marketingheaderslider.js
index 67003fc..734b9a9 100644
--- a/gfi-ihk-2024/stories/sections/marketingheader/marketingheaderslider.js
+++ b/gfi-ihk-2024/stories/sections/marketingheader/marketingheaderslider.js
@@ -10,10 +10,11 @@ class IHKMHSlider {
             loop: true,
             autoplay: true,
             infinite: true,
-            autoplaySpeed: 700000,
+            autoplaySpeed: 7000,
             animationSpeed: 600,
             startSlide: 1,
         };
+        this.slider.handleAutoplay();
 
         this.section.on('slide-change', () => this.syncHeights());
         requestAnimationFrame(() => this.syncHeights());
diff --git a/gfi-ihk-2024/stories/sections/slider/slider.scss b/gfi-ihk-2024/stories/sections/slider/slider.scss
index f49f8f4..64b9c81 100644
--- a/gfi-ihk-2024/stories/sections/slider/slider.scss
+++ b/gfi-ihk-2024/stories/sections/slider/slider.scss
@@ -338,8 +338,10 @@
   .slider-tabs {
     position: absolute;
     display: flex;
+    left: auto;
     right: 0;
     bottom: 0;
+    transform: none;
     list-style: none;
     padding: 0;
     margin: 20px;