From 4da4b7bf05307a92c4da7b30cc047b23828e1535 Mon Sep 17 00:00:00 2001
From: FlorianEisenmenger <f.eisenmenger@spawntree.de>
Date: Thu, 5 Mar 2026 21:52:04 +0100
Subject: [PATCH] fix fullwidth

---
 .../stories/sections/teasers/teasers.scss     | 99 +------------------
 1 file changed, 1 insertion(+), 98 deletions(-)

diff --git a/gfi-ihk-2024/stories/sections/teasers/teasers.scss b/gfi-ihk-2024/stories/sections/teasers/teasers.scss
index f810f2e..10d9c5e 100644
--- a/gfi-ihk-2024/stories/sections/teasers/teasers.scss
+++ b/gfi-ihk-2024/stories/sections/teasers/teasers.scss
@@ -1,7 +1,7 @@
 @import '../../_global/styles/mixins';
 @import '../../_global/styles/vars';
 
-.teasers {
+.teasers:not([data-items="1"]) {
   position: relative;
   display: block;
 
@@ -240,103 +240,6 @@
     }
   }
 
-  @media(min-width: 568px) {
-    &[data-items="1"] {
-      .kicker:first-child {
-        min-width: 100%;
-      }
-
-      .teaser {
-        &:not(.fullwidth) {
-          display: flex;
-          flex-direction: row;
-          align-items: flex-start;
-          flex-wrap: wrap;
-        }
-        &.fullwidth {
-          .kicker:first-child {
-            max-width: calc(50% - var(--col-padding));
-            min-width: calc(50% - var(--col-padding));
-          }
-
-          //.image-box {
-          //  margin-top: -29px;
-          //}
-        }
-      }
-
-      .text-box {
-        min-width: 100%;
-      }
-
-      .image-box {
-        max-width: calc(50% - 20px);
-        min-width: calc(50% - 20px);
-        flex: 1 1 100%;
-        margin-right: 40px;
-
-        ~ .kicker {
-          position: absolute;
-          left: 50%;
-          margin-left: 20px;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          max-width: calc(50% - 20px);
-
-          ~ .text-box {
-            padding-top: 10px;
-            min-width: calc(50% - 20px);
-            max-width: calc(50% - 20px);
-          }
-        }
-      }
-    }
-  }
-
-  @media(min-width: 1000px) {
-    &[data-items="1"] {
-      .teaser:has(.image-box) {
-        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 {
-          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;
-          }
-
-          ~ .text-box {
-            grid-column: 2;
-            grid-row: 2;
-            //max-width: calc(50% - 20px);
-            //min-width: calc(50% - 20px);
-          }
-          ~ .reading-time {
-            grid-column: 2;
-            grid-row: 3;
-          }
-        }
-      }
-    }
-  }
-
   div.teaser {
     height: 100%;
     display: flex;