diff --git a/gfi-ihk-2024/stories/_global/styles/grid.scss b/gfi-ihk-2024/stories/_global/styles/grid.scss
index 78df22d..fa70b7b 100644
--- a/gfi-ihk-2024/stories/_global/styles/grid.scss
+++ b/gfi-ihk-2024/stories/_global/styles/grid.scss
@@ -24,7 +24,7 @@
   margin: 0 auto;
 
   &.medium {
-    //--container-width: 1220px;
+    --container-width: 1100px;
   }
 
   &.small {
diff --git a/gfi-ihk-2024/stories/pages/event-overview/EventOverviewPage.js b/gfi-ihk-2024/stories/pages/event-overview/EventOverviewPage.js
index 7d75610..2214d3b 100644
--- a/gfi-ihk-2024/stories/pages/event-overview/EventOverviewPage.js
+++ b/gfi-ihk-2024/stories/pages/event-overview/EventOverviewPage.js
@@ -9,13 +9,14 @@ import {sliderData} from "../../sections/event-teaser-large-slider/EventTeaserLa
 import {createEventTeasersLarge} from "../../sections/event-teasers-large/EventTeasersLargeComponent";
 import {createSlider} from "../../sections/slider/SliderComponent";
 import {EventTeasersLargeSixData} from "../../sections/event-teasers-large/EventTeasersLargeData";
+import './eventoverview.scss';
 export const createEventOverviewPage = ({
 
 }) => {
   const page = createElement('div', ['page']);
   page.appendChild(createHeader({}));
 
-  const wrapper = createElement('div', ['page-wrapper'], null, page);
+  const wrapper = createElement('div', ['page-wrapper', 'event-overview-page'], null, page);
   wrapper.appendChild(createEventOverviewStage({}));
 
   wrapper.appendChild(createETLSlider ({
diff --git a/gfi-ihk-2024/stories/pages/event-overview/eventoverview.scss b/gfi-ihk-2024/stories/pages/event-overview/eventoverview.scss
new file mode 100644
index 0000000..e10c071
--- /dev/null
+++ b/gfi-ihk-2024/stories/pages/event-overview/eventoverview.scss
@@ -0,0 +1,7 @@
+.event-overview-page{
+  .event-teasers-large, .events{
+    .container{
+      max-width:1220px;
+    }
+  }
+}
\ No newline at end of file