From cb85ec3eb3f709c79b0c8c9ffb66a1af2b5b5595 Mon Sep 17 00:00:00 2001
From: FlorianEisenmenger <f.eisenmenger@spawntree.de>
Date: Mon, 19 May 2025 16:15:50 +0200
Subject: [PATCH] eyeable headlines

---
 .../stories/components/mini-teaser/MiniTeaserComponent.js | 8 ++++----
 gfi-ihk-2024/stories/components/teaser/TeaserComponent.js | 1 -
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/gfi-ihk-2024/stories/components/mini-teaser/MiniTeaserComponent.js b/gfi-ihk-2024/stories/components/mini-teaser/MiniTeaserComponent.js
index c949172..4f4a9ff 100644
--- a/gfi-ihk-2024/stories/components/mini-teaser/MiniTeaserComponent.js
+++ b/gfi-ihk-2024/stories/components/mini-teaser/MiniTeaserComponent.js
@@ -15,8 +15,8 @@ export const createMiniTeaser = ({
     const tile = createElement('a', ['tile',  'mini-teaser', type], null);
     tile.href = link;
     const textBox = createElement('div', ['text-box'], null, tile);
-    createElement('h5', ['category'], category, textBox);
-    createElement('h4', ['title'], title, textBox);
+    createElement('div', ['category','like-h5'], category, textBox);
+    createElement('div', ['title','like-h4'], title, textBox);
     return tile;
   }else{
     const tile = createElement('a', ['tile',  'mini-teaser', type], null);
@@ -28,10 +28,10 @@ export const createMiniTeaser = ({
     const textBox = createElement('div', ['text-box'], null, tile);
     if (icon && icon.length > 0) {
       createElement('div', ['icon-box', 'pictogram-' + icon.toLowerCase().split(' ').join('-')], null, textBox);
-      createElement('h4', ['title'], title, textBox);
+      createElement('div', ['title','like-h4'], title, textBox);
       textBox.appendChild(createButton({elementType: 'span',color: 'white', label: buttonlabel,iconPosition: 'icon-right', icon: null, preventClick: false}))
     }else{
-      createElement('h4', ['title', 'noicon'], title, textBox);
+      createElement('div', ['title', 'noicon', 'like-h4'], title, textBox);
       textBox.appendChild(createButton({elementType: 'span',color: 'white', label: buttonlabel, iconPosition: 'icon-right', icon: null, preventClick: false}))
     }
     
diff --git a/gfi-ihk-2024/stories/components/teaser/TeaserComponent.js b/gfi-ihk-2024/stories/components/teaser/TeaserComponent.js
index a053c0b..69c8aa3 100644
--- a/gfi-ihk-2024/stories/components/teaser/TeaserComponent.js
+++ b/gfi-ihk-2024/stories/components/teaser/TeaserComponent.js
@@ -66,7 +66,6 @@ export const createTeaser = ({
     const imageBox = createElement('div', ['image-box', 'chart'], null, teaser);
     createElement('span', ['chart-title'], chartTitle, imageBox);
   }
-
   else if (type === 'picto' || type === 'pictoHero') {
     const imageBox = createElement('div', ['image-box', 'chart'], null, teaser);
     const pictoBox = createElement('div', ['picto-box', ...(type === 'pictoHero' ? ['hero'] : [])], null, imageBox);