From 00b8828dd49de7684d2f4f4188cb0ab658e4448c Mon Sep 17 00:00:00 2001
From: Lukas Zimmer <l.zimmer@spawntree.de>
Date: Mon, 11 Mar 2024 14:54:40 +0100
Subject: [PATCH] MH final

---
 .../marketingheader/marketingheader.scss         | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss b/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss
index 59c505d..34444a1 100644
--- a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss
+++ b/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;