fixes

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;
   }
 

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,

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);