From 50de5778a527084e48b42e6c0cf7d72539fe5793 Mon Sep 17 00:00:00 2001
From: FlorianEisenmenger <f.eisenmenger@spawntree.de>
Date: Tue, 30 Jun 2026 09:56:06 +0200
Subject: [PATCH] fixes

---
 gfi-ihk-2024/stories/_global/styles/storybook-preview.scss  | 6 +++---
 .../ParticipationListItemComponent.js                       | 1 +
 .../participation-teaser/ParticipationTeaserComponent.js    | 5 ++++-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/gfi-ihk-2024/stories/_global/styles/storybook-preview.scss b/gfi-ihk-2024/stories/_global/styles/storybook-preview.scss
index c127cd2..d34db7c 100644
--- a/gfi-ihk-2024/stories/_global/styles/storybook-preview.scss
+++ b/gfi-ihk-2024/stories/_global/styles/storybook-preview.scss
@@ -142,12 +142,12 @@
   }
 
   > .teaser,
-  > .topic-teaser,
-  > .participation-teaser {
+  > .topic-teaser {
     max-width: 420px;
   }
 
-  > [data-type='hero'], > .teaser.hero {
+  > [data-type='hero'], > .teaser.hero,
+  > .participation-teaser {
     max-width: 630px;
   }
 
diff --git a/gfi-ihk-2024/stories/components/participation-list-item/ParticipationListItemComponent.js b/gfi-ihk-2024/stories/components/participation-list-item/ParticipationListItemComponent.js
index e6b545b..318706e 100644
--- a/gfi-ihk-2024/stories/components/participation-list-item/ParticipationListItemComponent.js
+++ b/gfi-ihk-2024/stories/components/participation-list-item/ParticipationListItemComponent.js
@@ -21,6 +21,7 @@ export const createParticipationListItem = ({
   const div = createElement('div', ['participation-list-item','variant-subtle-primary']);
   div.appendChild(createParticipationTeaser({
     isListItem: true,
+    variant: '',
     kicker: kicker,
     progress: progress,
     headline: headline,
diff --git a/gfi-ihk-2024/stories/components/participation-teaser/ParticipationTeaserComponent.js b/gfi-ihk-2024/stories/components/participation-teaser/ParticipationTeaserComponent.js
index bcf47ec..6408a30 100644
--- a/gfi-ihk-2024/stories/components/participation-teaser/ParticipationTeaserComponent.js
+++ b/gfi-ihk-2024/stories/components/participation-teaser/ParticipationTeaserComponent.js
@@ -5,6 +5,7 @@ import {createButton} from "../../atoms/button/ButtonComponent";
 
 export const createParticipationTeaser = ({
   isListItem = false,
+  variant = 'variant-base',
   kicker = 'Noch 6 Tage offen',
   progress = 65,
   headline = 'Ideen zur Stärkung der Innenstädte und Ortskerne',
@@ -20,7 +21,9 @@ export const createParticipationTeaser = ({
     target: '_self',
   }
 }) => {
-  const teaser = createElement('div', ['participation-teaser','variant-base', 'tile']);
+  const classes = ['participation-teaser', 'tile'];
+  if (variant) classes.push(variant);
+  const teaser = createElement('div', classes);
 
   const tb = createElement('div', ['text-box'], null, teaser);
   const kickerSpan = createElement('p', ['kicker'], kicker, tb);