dachzeile

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/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/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/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.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;
         }
       }
     }