MH final

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

@@ -31,7 +31,7 @@ section.marketingheader{
     max-height: 100px;
     transition: all .5s cubic-bezier(0,1,0,1);
     @media (max-width:767px){
-      max-height: 64px;
+      max-height: 78px;
     }
     .sc.container{
       position: absolute;
@@ -93,6 +93,9 @@ section.marketingheader{
       .tiles{
         margin-top:0;
         padding-bottom:9px;
+        @media screen and (max-width:767px){
+          padding-bottom:0;
+        }
       }
       form{
         max-width: 580px;
@@ -108,7 +111,7 @@ section.marketingheader{
       transition: 0.25s ease;
       @media(max-width: 767px) {
         font-size: 18px;
-        margin: 8px auto !important;
+        margin: 15px auto !important;
       }
     }
     + section, + #toclist > section:first-child {
@@ -210,9 +213,9 @@ section.marketingheader{
       font-family: "Korb", sans-serif;
       transition: all 0.25s ease-in;
       padding-bottom: 0;
-      @media(max-width: 567px) {
-        margin-left: -6px;
-        margin-right: -6px;
+      @media(max-width: 767px) {
+        //margin-left: -6px;
+        //margin-right: -6px;
       }
 
       .tile {
@@ -248,7 +251,7 @@ section.marketingheader{
         @media(max-width: 567px) {
           flex: 1 1 50%;
           max-width: 50%;
-          padding: 6px;
+          //padding: 6px;
         }
 
         &:nth-child(3) ~ .tile {
@@ -651,6 +654,7 @@ section.marketingheader{
           top:0;
           height: auto;
           bottom: auto;
+          margin-top:15px;
           @media screen and (max-width:767px){
             .btn{
               --button-icon-padding: 30px;