static

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

@@ -231,6 +231,7 @@
 
             @media(max-width: 1199px) {
               width: calc(33.33333% - 20px);
+              padding-right: 0;
             }
           }
         }

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

@@ -1,6 +1,7 @@
 @charset "UTF-8";
 
 .richtext {
+  :not(.infobox) {
   ul, ol {
     margin: 1em 0 1.5em;
     padding: 0;
@@ -269,7 +270,7 @@
   .detail-text {
     overflow-x: hidden;
   }
-
+  }
 
 }
 

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

@@ -60,7 +60,7 @@
 @mixin kicker {
   display: block;
   font-size: 16px;
-  text-transform: uppercase;
+  //text-transform: uppercase;
   margin-bottom: 2px;
   letter-spacing: 0.3px;
 

gfi-ihk-2024/stories/atoms/reading-time/rading-time.scss

@@ -12,6 +12,7 @@
   color: var(--color);
   transition: color 0.3s ease;
   z-index: 2;
+  width: 100%;
 
   span {
     padding-left: 4px;

gfi-ihk-2024/stories/components/event-teaser-large/event-teaser-large.scss

@@ -154,6 +154,10 @@
       line-height: 27px;
       letter-spacing: 0.18px;
       font-size:18px;
+      display: -webkit-box;
+      -webkit-line-clamp: 6;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
     }
   }
 
@@ -240,7 +244,7 @@
   &.widemode{
 
     @media screen and (min-width:992px){
-      border-radius: 4px;
+      //border-radius: 4px;
       .blue-box{
         width:50%;
         padding: 100px 15px 20px 15px;

gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss

@@ -147,6 +147,7 @@
     font-size:16px;
     text-transform: uppercase;
     line-height: 18px;
+    font-family: 'Source Sans Pro', sans-serif;
   }
   .title{
     text-align: left;

gfi-ihk-2024/stories/components/teaser/TeaserComponent.js

@@ -1,6 +1,7 @@
 import {createElement, createImage} from "../../_global/scripts/helpers";
 import './teaser.scss';
 import {createReadingTime} from "../../atoms/reading-time/ReadingTimeComponent";
+import {createLinkList} from "../linklist/LinkListComponent";
 
 export const createTeaser = ({
   type = 'regular',
@@ -16,6 +17,7 @@ export const createTeaser = ({
   picto = null,
   pictoText = false,
   linkType = null,
+  linklistData = null,
 }) => {
   const teaser = createElement('div', ['teaser', type]);
   if (kicker && kicker.length > 0) {
@@ -82,7 +84,11 @@ export const createTeaser = ({
 
   const textBox = createElement('div', ['text-box'], '', teaser);
   createElement('div', ['title','like-h4'], headline, textBox);
-  createElement('p', [], copy, textBox);
+  if (linklistData) {
+    textBox.appendChild(createLinkList({links: linklistData}));
+  } else {
+    createElement('p', [], copy, textBox);
+  }
 
   if (showReadingTime) {
     const rt = createReadingTime({minutes: Math.floor(Math.random() * 10) + 2});

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

@@ -195,7 +195,7 @@
     &:not(:last-child) {
       padding-bottom: 20px;
 
-      > *:last-child {
+      > p:last-child {
         margin-bottom: 0;
 
         &::after {

gfi-ihk-2024/stories/sections/card-slider/card-slider.scss

@@ -105,7 +105,7 @@
 
         &.active button:before {
           background-color: var(--theme-color-primary);
-          //box-shadow: 0 0 0 2px var(--theme-color-primary);
+          box-shadow: 0 0 0 2px var(--theme-color-primary);
         }
       }
 
@@ -121,11 +121,10 @@
           content: "";
           position: relative;
           display: block;
-          width: 15px;
-          height: 15px;
-          //border: 2px solid var(--theme-color-primary);
-          background-color: var(--theme-color-primary-dimmed-02);
-          border-radius: 15px;
+          width: 10px;
+          height: 10px;
+          border: 2px solid var(--theme-color-primary);
+          border-radius: 5px;
           transition: 0.2s ease;
         }
 

gfi-ihk-2024/stories/sections/quick-facts/quick-facts.scss

@@ -19,7 +19,7 @@
       line-height: 1;
       z-index: 1;
       font-weight: 400;
-      font-family: "Source Code Pro", sans-serif;
+      font-family: "Source Sans Pro", sans-serif;
       margin-top: 30px;
 
       @media(max-width: 567px) {

gfi-ihk-2024/stories/sections/teasers/Teasers.stories.js

@@ -13,6 +13,7 @@ export default {
     teasers: teasersData,
     includeChart: false,
     includeSocial: false,
+    includeLinklist: false,
   },
   argTypes: {
     type: {
@@ -59,4 +60,9 @@ IncludeChartTeaser.args = {
 export const IncludeSocialTeaser = Template.bind({});
 IncludeSocialTeaser.args = {
   includeSocial: true,
+};
+
+export const IncludeLinklistTeaser = Template.bind({});
+IncludeLinklistTeaser.args = {
+  includeLinklist: true,
 };

gfi-ihk-2024/stories/sections/teasers/TeasersComponent.js

@@ -5,6 +5,7 @@ import {createTeaser} from "../../components/teaser/TeaserComponent";
 import {teasersData} from "./TeasersData";
 import Masonry from "../../_global/scripts/masonry";
 import {createTeaserSocial} from "../../components/teaser-social/TeaserSocialComponent";
+import {linkListData} from "../../components/linklist/LinkListData";
 
 export const createTeasersSection = ({
   type = 'regular',
@@ -16,6 +17,7 @@ export const createTeasersSection = ({
   maxItems = -1,
   includeChart = false,
   includeSocial = false,
+  includeLinklist = false,
 }) => {
   const baseTeaser = {
     type: 'regular',
@@ -84,6 +86,7 @@ export const createTeasersSection = ({
       type: getType(index),
       showReadingTime: type === 'magazine' || type === 'fullwidth' ? true : showReadingTime,
       kicker: hideKicker ? null : teaserData.kicker,
+      linklistData: includeLinklist && index === maxItems - 1 ? linkListData : null,
     })
     col.appendChild(teaser);
   })

gfi-ihk-2024/stories/sections/teasers/teasers.scss

@@ -259,9 +259,9 @@
             min-width: calc(50% - var(--col-padding));
           }
 
-          .image-box {
-            margin-top: -29px;
-          }
+          //.image-box {
+          //  margin-top: -29px;
+          //}
         }
       }
 
@@ -296,18 +296,42 @@
 
   @media(min-width: 1000px) {
     &[data-items="1"] {
+      .teaser {
+        display: grid !important;
+        grid-template-columns: 1fr 1fr !important;
+        align-items: start;
+        gap: 0 40px;
+      }
+      .kicker {
+        grid-column: 2;
+        grid-row: 1;
+      }
+      .title {
+        margin-top: 0 !important;
+      }
       .image-box {
-        max-width: calc(50% - 20px);
-        min-width: calc(50% - 20px);
+        grid-column: 1;
+        grid-row: 1 / span 999;
+        width: 100% !important;
+        max-width: none;
+        margin-top: 0 !important;
+        //max-width: calc(50% - 20px);
+        //min-width: calc(50% - 20px);
 
         ~ .kicker {
-          max-width: calc(50% - 20px);
-          margin-left: 20px;
+          //max-width: calc(50% - 20px);
+          //margin-left: 20px;
         }
 
         ~ .text-box {
-          max-width: calc(50% - 20px);
-          min-width: calc(50% - 20px);
+          grid-column: 2;
+          grid-row: 2;
+          //max-width: calc(50% - 20px);
+          //min-width: calc(50% - 20px);
+        }
+        ~ .reading-time {
+          grid-column: 2;
+          grid-row: 3;
         }
       }
     }

gfi-ihk-2024/storybook-static/iframe.html

@@ -354,8 +354,8 @@
             window['DOCS_OPTIONS'] = {"defaultName":"Docs","autodocs":true};</script><script type="module">import './sb-preview/runtime.js';
 
       
-      import './runtime~main.4861c641.iframe.bundle.js';
+      import './runtime~main.c6612877.iframe.bundle.js';
       
       import './16.08016f04.iframe.bundle.js';
       
-      import './main.22741cf7.iframe.bundle.js';</script></body></html>
+      import './main.b84ff880.iframe.bundle.js';</script></body></html>

gfi-ihk-2024/storybook-static/project.json

@@ -1 +1 @@
-{"generatedAt":1765794094644,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"10.5.1"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/html-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/html","storybookVersion":"7.0.21","storybookVersionSpecifier":"^7.0.21","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"7.6.17"},"@storybook/html":{"version":"7.0.21"},"@storybook/html-webpack5":{"version":"7.0.21"},"storybook":{"version":"7.6.17"}},"addons":{"@storybook/preset-scss":{"version":"1.0.3"},"@storybook/addon-links":{"version":"7.0.21"},"@storybook/addon-essentials":{"version":"7.6.17"},"@storybook/addon-controls":{"version":"7.6.17"}}}
+{"generatedAt":1769598518607,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"packageManager":{"type":"npm","version":"10.5.1"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/html-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/html","storybookVersion":"7.0.21","storybookVersionSpecifier":"^7.0.21","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"7.6.17"},"@storybook/html":{"version":"7.0.21"},"@storybook/html-webpack5":{"version":"7.0.21"},"storybook":{"version":"7.6.17"}},"addons":{"@storybook/preset-scss":{"version":"1.0.3"},"@storybook/addon-links":{"version":"7.0.21"},"@storybook/addon-essentials":{"version":"7.6.17"},"@storybook/addon-controls":{"version":"7.6.17"}}}