fix: marketing header swipe

gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss

@@ -28,9 +28,11 @@ section.marketingheader{
     overflow: hidden;
     margin: 0;
     background-color: var(--theme-color-primary-dimmed-04);
-    transition:all 5s ease-in-out;
-    max-height:100px;
-    //height:100%;
+    max-height: 100px;
+    transition: all .5s cubic-bezier(0,1,0,1);
+    @media (max-width:767px){
+      max-height: 64px;
+    }
     .sc.container{
       position: absolute;
       top: 0;
@@ -70,7 +72,6 @@ section.marketingheader{
             background-color: var(--theme-color-white);
             transform: translate(-50%,-50%) rotate(45deg);
             transition: 0.3s ease;
-
           }
       
           &:after {
@@ -84,19 +85,12 @@ section.marketingheader{
     }
     
     &.open{
-      //height:100%;
-      //animation: slowopen 2s forwards;
-      //transition:all 5s ease-in-out;
-      max-height: 2000px;
+      max-height: 9999px;
+      transition: all .5s cubic-bezier(1,0,1,0);
       .close-search{
         display:block !important;
       }
       .tiles{
-        //display:flex !important;
-        //height:auto;
-        //opacity: 1;
-        //transition:none;
-        //transition:all 2s ease;
         margin-top:0;
         padding-bottom:9px;
       }
@@ -210,19 +204,15 @@ section.marketingheader{
     }
 
     .tiles {
-      margin: 0 -8px;
-      //display:none;
+      margin: 100px -8px 0 -8px;
       display: flex;
       flex-wrap: wrap;
       font-family: "Korb", sans-serif;
-      //height:0;
-      //opacity: 0;
-      transition: all 5s ease-in;
-      padding-bottom:0px;
-      //transition:all 2s ease;
-      margin-top:100px;
+      transition: all 0.25s ease-in;
+      padding-bottom: 0;
       @media(max-width: 567px) {
-        margin: 0 -6px;
+        margin-left: -6px;
+        margin-right: -6px;
       }
 
       .tile {

gfi-ihk-2024/stories/sections/marketingheader/searchAccordion.js

@@ -29,9 +29,9 @@ class IHKSearchAccordion {
       else{
         section.attr('aria-label', 'Klappmenü geöffnet');
       }
-      if (this.section.data('single-open') !== false) {
-        section.siblings('.open').removeClass('open').find('.tiles').slideUp(300, 'easeOutQuad');
-      }
+      // if (this.section.data('single-open') !== false) {
+      //   section.siblings('.open').removeClass('open').find('.tiles').slideUp(300, 'easeOutQuad');
+      // }
     });
 
     if (section.attr('data-type') === 'event') {