Headings: accordion

gfi-ihk-2024/stories/components/accordion/AccordionComponent.js

@@ -50,7 +50,7 @@ export const createAccordion =
 
         if (item.location) {
           const wrap = createElement('div', ['event-details'], null, content);
-          createElement('div', ['event-label', 'icon-kartenpin'], '<h4>Veranstaltungsort</h4>', wrap);
+          createElement('div', ['event-label', 'icon-kartenpin'], '<p class="like-h4">Veranstaltungsort</p>', wrap);
           const location = createElement('div', ['event-content'], null, wrap);
           createElement('div', ['ev-title'], item.location.title, location);
           item.location.address.split('<br>').map((line) => {
@@ -60,7 +60,7 @@ export const createAccordion =
 
         if (item.speakers && item.speakers.length > 0) {
           const wrap = createElement('div', ['event-details'], null, content);
-          createElement('div', ['event-label', 'icon-referent'], '<h4>Referentinnen / Referenten</h4>', wrap);
+          createElement('div', ['event-label', 'icon-referent'], '<p class="like-h4">Referentinnen / Referenten</h4>', wrap);
           const speakersWrapper = createElement('div', ['event-content'], null, wrap);
           const speakersList = createElement('ul', ['referees'], null, speakersWrapper);
           item.speakers.map((speaker, refIndex) => {
@@ -84,13 +84,13 @@ export const createAccordion =
 
         if (item.duration) {
           const wrap = createElement('div', ['event-details'], null, content);
-          createElement('div', ['event-label', 'icon-dauer'], '<h4>Veranstaltungsdauer</h4>', wrap);
+          createElement('div', ['event-label', 'icon-dauer'], '<p class="like-h4">Veranstaltungsdauer</h4>', wrap);
           createElement('div', ['event-content'], '<p>' + item.duration + '</p>', wrap);
         }
 
         if (item.prices && item.prices.length > 0) {
           const wrap = createElement('div', ['event-details'], null, content);
-          createElement('div', ['event-label', 'icon-preis'], '<h4>Preis</h4>', wrap);
+          createElement('div', ['event-label', 'icon-preis'], '<p class="like-h4">Preis</h4>', wrap);
           const pricesWrap = createElement('div', ['event-content'], null, wrap);
           item.prices.map((price) => {
             const priceDiv = createElement('div', ['price'], null, pricesWrap);

gfi-ihk-2024/stories/components/accordion/accordion.scss

@@ -284,7 +284,7 @@
       color: #EA515A;
     }
 
-    h4 {
+    h4, .like-h4 {
       font-size: var(--font-size-copy);
       font-weight: 700;
       margin: 0;