From 4de6960e1918ec7a608a2164b5a9bc3172601cb4 Mon Sep 17 00:00:00 2001
From: FlorianEisenmenger <f.eisenmenger@spawntree.de>
Date: Mon, 19 Jan 2026 12:31:25 +0100
Subject: [PATCH] dachzeile

---
 .../stories/_global/gfi-styles/_magazine.scss |  1 +
 .../stories/_global/styles/_mixins.scss       |  2 +-
 .../atoms/reading-time/rading-time.scss       |  1 +
 .../components/mini-teaser/miniteaser.scss    |  1 +
 .../sections/quick-facts/quick-facts.scss     |  2 +-
 .../stories/sections/teasers/teasers.scss     | 42 +++++++++++++++----
 6 files changed, 38 insertions(+), 11 deletions(-)

diff --git a/gfi-ihk-2024/stories/_global/gfi-styles/_magazine.scss b/gfi-ihk-2024/stories/_global/gfi-styles/_magazine.scss
index edc33a9..70f33ef 100644
--- a/gfi-ihk-2024/stories/_global/gfi-styles/_magazine.scss
+++ b/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;
             }
           }
         }
diff --git a/gfi-ihk-2024/stories/_global/styles/_mixins.scss b/gfi-ihk-2024/stories/_global/styles/_mixins.scss
index 2d24690..f2459a9 100644
--- a/gfi-ihk-2024/stories/_global/styles/_mixins.scss
+++ b/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;
 
diff --git a/gfi-ihk-2024/stories/atoms/reading-time/rading-time.scss b/gfi-ihk-2024/stories/atoms/reading-time/rading-time.scss
index 4058766..c05d0fe 100644
--- a/gfi-ihk-2024/stories/atoms/reading-time/rading-time.scss
+++ b/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;
diff --git a/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss b/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss
index e7f7648..6fce5d7 100644
--- a/gfi-ihk-2024/stories/components/mini-teaser/miniteaser.scss
+++ b/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;
diff --git a/gfi-ihk-2024/stories/sections/quick-facts/quick-facts.scss b/gfi-ihk-2024/stories/sections/quick-facts/quick-facts.scss
index 931a7d4..862ca82 100644
--- a/gfi-ihk-2024/stories/sections/quick-facts/quick-facts.scss
+++ b/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) {
diff --git a/gfi-ihk-2024/stories/sections/teasers/teasers.scss b/gfi-ihk-2024/stories/sections/teasers/teasers.scss
index e07e400..cde044f 100644
--- a/gfi-ihk-2024/stories/sections/teasers/teasers.scss
+++ b/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;
         }
       }
     }