From 3ea2a1ad05b5215c94d40585e8351ba1e4933d6f Mon Sep 17 00:00:00 2001
From: Florian Eisenmenger <floeis@MacBook-Pro-von-Florian.local>
Date: Fri, 15 Mar 2024 15:20:54 +0100
Subject: [PATCH] animation

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

diff --git a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss b/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss
index ab9a3a5..2b4bca8 100644
--- a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss
+++ b/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss
@@ -21,7 +21,7 @@ section.marketingheader{
     margin: 0;
     background-color: var(--theme-color-primary-dimmed-04);
     max-height: 100px;
-    transition: all .5s cubic-bezier(0,1,0,1);
+    transition: all 1s ease-in;
     background-size:cover;
     @media (max-width:767px){
       max-height: 78px;
@@ -88,7 +88,7 @@ section.marketingheader{
         display:block !important;
       }
       .tiles{
-        margin-top:0;
+        top: 0;
         padding-bottom:9px;
         @media screen and (max-width:767px){
           padding-bottom:0;
@@ -204,11 +204,13 @@ section.marketingheader{
     }
 
     .tiles {
-      margin: 100px -8px 0 -8px;
+      margin: 0 -8px 0 -8px;
+      position: relative;
+      top: 100px;
       display: flex;
       flex-wrap: wrap;
       font-family: "Korb", sans-serif;
-      transition: all 0.4s ease-in;
+      transition: all 0.3s ease-in;
       padding-bottom: 0;
       @media(max-width: 767px) {
         //margin-left: -6px;