develop new

gfi-ihk-2024/stories/_global/gfi-styles/_magazine.scss

@@ -103,7 +103,8 @@
     }
   }
 
-  a.teaser .kicker:first-child + .text-box h4, a.teaser .text-box:first-child h4 {
+  a.teaser .kicker:first-child + .text-box h4, a.teaser .text-box:first-child h4,
+  a.teaser .kicker:first-child + .text-box h4, a.teaser .text-box:first-child .like-h4{
     @include h4;
     text-decoration-thickness: 0.07em;
     margin-top: 0.4em;
@@ -274,7 +275,7 @@
         }
       }
 
-      h4 {
+      h4, .like-h4 {
         @include h2;
         text-decoration-thickness: 0.07em;
         margin-top: 0;
@@ -402,7 +403,7 @@ a:hover .reading-time {
       }
     }
 
-    p:not(.author):last-child:after, div.text:last-child:after, .author:after, h4:after {
+    p:not(.author):last-child:after, div.text:last-child:after, .author:after, h4:after, .like-h4:after {
       content: "";
       position: relative;
       display: block;
@@ -418,7 +419,7 @@ a:hover .reading-time {
       }
     }
 
-    .author, h4 {
+    .author, h4, .like-h4 {
       position: relative;
       font-weight: 400;
       text-align: right;

gfi-ihk-2024/stories/_global/scripts/masonry.js

@@ -51,7 +51,7 @@ class Masonry {
   }
 
   loadImage(item) {
-    const img = $('<img src="' + this.items[0].attr('data-thumb') + '" alt="" />').one('load', () => {
+    const img = $('<img src="' + this.items[0].attr('data-thumb') + '" alt="' + this.items[0].attr('alt') + '" />').one('load', () => {
       setTimeout(() => {
         item.addClass('loaded');
       },200)

gfi-ihk-2024/stories/_global/styles/_mixins.scss

@@ -72,7 +72,7 @@
     margin-top: 0.1em;
   }
 
-  + h2, + h3, + h4 {
+  + h2, + .like-h2, + h3, + h4 {
     margin-top: 0.2em;
   }
 }

gfi-ihk-2024/stories/_global/styles/pictograms.scss

@@ -287,3 +287,14 @@
 .pictogram-hochtaunus:before { content: '\e91e'; } /* '' */
 .pictogram-main-taunus:before { content: '\e91f'; } /* '' */
 .pictogram-paulskirche:before { content: '\e920'; } /* '' */
+.pictogram-kaffeetasse:before { content: '\e921'; } /* '' */
+.pictogram-ostereier:before { content: '\e922'; } /* '' */
+.pictogram-osterhase:before { content: '\e923'; } /* '' */
+.pictogram-lupe-a:before { content: '\e924'; } /* '' */
+.pictogram-lupe-b:before { content: '\e925'; } /* '' */
+.pictogram-pinnwandnadel:before { content: '\e926'; } /* '' */
+.pictogram-sektglaeser:before { content: '\e927'; } /* '' */
+.pictogram-hand-zeigend:before { content: '\e928'; } /* '' */
+.pictogram-person-zeigend:before { content: '\e929'; } /* '' */
+.pictogram-zug-a:before { content: '\e92a'; } /* '' */
+.pictogram-zug-b:before { content: '\e92b'; } /* '' */