Container medium auf EventOverviewPage

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

@@ -24,7 +24,7 @@
   margin: 0 auto;
 
   &.medium {
-    //--container-width: 1220px;
+    --container-width: 1100px;
   }
 
   &.small {

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 ({

gfi-ihk-2024/stories/pages/event-overview/eventoverview.scss

@@ -0,0 +1,7 @@
+.event-overview-page{
+  .event-teasers-large, .events{
+    .container{
+      max-width:1220px;
+    }
+  }
+}