diff --git a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss b/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss
index d64e21e..afca5cc 100644
--- a/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss
+++ b/gfi-ihk-2024/stories/sections/marketingheader/marketingheader.scss
@@ -1,20 +1,25 @@
 @import '../../_global/styles/mixins';
 @import '../../_global/styles/vars';
-section.marketingheader{
-  margin-top:0;
-  &.miniinfoteaser{
-    .kicker{
-      color:var(--theme-color-secondary);
+
+section.marketingheader {
+  margin-top: 0;
+
+  &.miniinfoteaser {
+    .kicker {
+      color: var(--theme-color-secondary);
     }
-    .mini-teaser{
-      .category{
-        color:var(--theme-color-secondary);
+
+    .mini-teaser {
+      .category {
+        color: var(--theme-color-secondary);
       }
     }
-    .text-only .kicker{
-      color:white;
+
+    .text-only .kicker {
+      color: white;
     }
   }
+
   .rotation {
     .slider {
       @media(min-width: 901px) {
@@ -26,13 +31,20 @@ section.marketingheader{
           height: 100%;
         }
       }
+
       .outer {
-        //max-height: 427px;
         @media(max-width: 999px) {
-          max-height:none;
-          height:auto;
+          max-height: none;
+          height: auto;
         }
       }
+
+      .image-box {
+        picture {
+          width: 100%;
+        }
+      }
+
       .copyright {
         @media(max-width: 900px) {
           left: calc(100% - 30px);
@@ -43,23 +55,25 @@ section.marketingheader{
       }
     }
   }
-  .text-box{
+
+  .text-box {
     .btn.has-icon.icon-small-arrow-right-simple {
       bottom: auto;
     }
   }
+
   .search {
     position: relative;
     overflow: hidden;
     margin: 0;
     background-color: var(--theme-color-primary-dimmed-04);
-    //max-height: 100px;
     height: 100px;
     transition: all .6s ease-in-out;
-    background-size:cover;
-    @media (max-width:767px){
+    background-size: cover;
+    @media (max-width: 767px) {
       max-height: 78px;
     }
+
     .artwork-left .foreground,
     .artwork-left .background,
     .artwork-left + .artwork .foreground,
@@ -67,102 +81,109 @@ section.marketingheader{
       height: 100%;
       min-height: 437px;
     }
-    .sc.container{
+
+    .sc.container {
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       width: 100%;
       max-width: 100%;
-      @media (max-width:767px){
+      @media (max-width: 767px) {
         top: auto;
         bottom: 0;
-        .close-search{
+        .close-search {
           position: relative !important;
-          right:0 !important;
-          top:0 !important; 
+          right: 0 !important;
+          top: 0 !important;
           float: right;
-          margin-bottom:15px;
+          margin-bottom: 15px;
         }
       }
-      .close-search{
-          display:none;
+
+      .close-search {
+        display: none;
+        position: absolute;
+        right: 30px;
+        top: 33px;
+        left: auto;
+        cursor: pointer;
+        transition: 0.3s ease;
+        border: 1px solid var(--theme-color-primary-dimmed-04);
+        border-radius: 10px;
+        height: 34px;
+        width: 34px;
+        background-color: var(--theme-color-primary);
+        @include focus-visible;
+        z-index: 2;
+
+        &:before, &:after {
+          content: "";
           position: absolute;
-          right:30px;
-          top:33px;
-          left:auto;
-          cursor: pointer;
+          top: 50%;
+          left: 50%;
+          width: 17px;
+          height: 1.5px;
+          border-radius: 2px;
+          background-color: var(--theme-color-white);
+          transform: translate(-50%, -50%) rotate(45deg);
           transition: 0.3s ease;
-          border: 1px solid var(--theme-color-primary-dimmed-04);
-          border-radius: 10px;
-          height:34px;
-          width:34px;
-          background-color: var(--theme-color-primary);
-          @include focus-visible;
-          z-index: 2;
-          &:before, &:after {
-            content: "";
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            width: 17px;
-            height: 1.5px;
-            border-radius: 2px;
-            background-color: var(--theme-color-white);
-            transform: translate(-50%,-50%) rotate(45deg);
-            transition: 0.3s ease;
-          }
-      
-          &:after {
-            transform: translate(-50%,-50%) rotate(-45deg);
-          }
+        }
+
+        &:after {
+          transform: translate(-50%, -50%) rotate(-45deg);
+        }
       }
     }
-    
+
     &.open {
       height: 390px;
-      @media (max-width:767px){
+      @media (max-width: 767px) {
         height: 385px;
         max-height: 385px;
       }
-      @media (max-width:567px){
+      @media (max-width: 567px) {
         height: 509px;
         max-height: 509px;
       }
-      //max-height: 9999px;
-      //transition: all .1s cubic-bezier(1,0,1,0);
+
       &.has-button-wrapper {
         height: 460px;
-        @media (max-width:767px){
+        @media (max-width: 767px) {
           height: 395px;
           max-height: 395px;
         }
-        @media (max-width:567px){
+        @media (max-width: 567px) {
           height: 519px;
           max-height: 519px;
         }
       }
-      .close-search{
-        display:block !important;
+
+      .close-search {
+        display: block !important;
       }
-      .tiles{
+
+      .tiles {
         top: 0;
-        padding-bottom:9px;
-        @media screen and (max-width:767px){
-          padding-bottom:0;
+        padding-bottom: 9px;
+        @media screen and (max-width: 767px) {
+          padding-bottom: 0;
         }
       }
+
       .all-button-wrapper {
         top: 0;
       }
-      form{
+
+      form {
         max-width: 580px;
       }
     }
-    form{
+
+    form {
       border-radius: 24px;
       box-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.25) !important;
-      overflow:hidden;
+      overflow: hidden;
       font-size: 22px;
       max-width: 360px;
       margin: 20px auto !important;
@@ -176,13 +197,15 @@ section.marketingheader{
         max-width: 250px;
       }
     }
+
     + section, + #toclist > section:first-child {
       @media(min-width: 768px) {
         margin-top: 0;
       }
     }
-    input#search-term{
-      border-color:white !important;
+
+    input#search-term {
+      border-color: white !important;
       height: 60px;
       border-top-left-radius: 24px;
       border-bottom-left-radius: 24px;
@@ -193,52 +216,58 @@ section.marketingheader{
         border-top-left-radius: 18px;
         border-bottom-left-radius: 18px;
       }
-      &::placeholder{
-        color:var(--theme-color-primary) !important;
+
+      &::placeholder {
+        color: var(--theme-color-primary) !important;
       }
     }
-    button.search-submit{
+
+    button.search-submit {
       background-color: var(--theme-color-primary) !important;
       color: white;
       border-top-left-radius: 0 !important;
-      border-bottom-left-radius: 0 !important;  
+      border-bottom-left-radius: 0 !important;
       border-top-right-radius: 0 !important;
-      border-bottom-right-radius: 0 !important;  
-      border-color:white !important;
+      border-bottom-right-radius: 0 !important;
+      border-color: white !important;
       height: 60px;
-      width:60px;
+      width: 60px;
       font-size: 22px;
       @media(max-width: 767px) {
         font-size: 18px;
         height: 48px;
-        width:48px;
+        width: 48px;
       }
-      &:before{
-        width:30px;
-        height:30px;
-        font-size:30px;
+
+      &:before {
+        width: 30px;
+        height: 30px;
+        font-size: 30px;
         @media(max-width: 767px) {
-          width:24px;
-          height:24px;
-          font-size:24px;
+          width: 24px;
+          height: 24px;
+          font-size: 24px;
         }
       }
     }
+
     .container {
       position: relative;
       z-index: 1;
+
       .row {
         @media(max-width: 567px) {
-         min-height: 0;
-       }
-       > .col{
-        margin-top:0;
-        padding-top:0;
-        padding-bottom:0;
-       }
-     }
-    }
-    
+          min-height: 0;
+        }
+
+        > .col {
+          margin-top: 0;
+          padding-top: 0;
+          padding-bottom: 0;
+        }
+      }
+    }
+
     .artwork {
       @media(max-width: 420px) {
         top: 30px;
@@ -250,11 +279,10 @@ section.marketingheader{
       }
 
     }
+
     form {
       position: relative;
       margin: 0 0 16px;
-      //box-shadow: 0 3px 20px -5px rgba(#000, 0.3);
-      //border-radius: var(--border-radius-md) var(--border-radius-xl) var(--border-radius-xl) var(--border-radius-md);
 
       @media(max-width: 567px) {
         margin-top: 20px;
@@ -287,10 +315,11 @@ section.marketingheader{
         padding: 8px;
         flex: 1 1 33.3333%;
         max-width: 33.3333%;
-        margin-top:0 !important;
-        padding-top:0 !important;
-        padding-bottom:0 !important;
-        margin-bottom:16px !important;
+        margin-top: 0 !important;
+        padding-top: 0 !important;
+        padding-bottom: 0 !important;
+        margin-bottom: 16px !important;
+
         &::before {
           position: absolute;
           top: 8px;
@@ -307,6 +336,7 @@ section.marketingheader{
         &[data-type="download"]::before {
           @include icon-small-download;
         }
+
         &[data-type="external"]::before {
           @include icon-small-link-external;
         }
@@ -314,7 +344,6 @@ section.marketingheader{
         @media(max-width: 567px) {
           flex: 1 1 50%;
           max-width: 50%;
-          //padding: 6px;
         }
 
         &:nth-child(3) ~ .tile {
@@ -357,9 +386,11 @@ section.marketingheader{
         &.downloads::before {
           @include icon-suche-datei;
         }
+
         &.a-z::before {
           @include icon-suche-az;
         }
+
         &.events::before {
           @include icon-suche-veranstaltung;
         }
@@ -476,7 +507,7 @@ section.marketingheader{
           margin-bottom: 0;
         }
       }
-      
+
       .all-button-wrapper {
         padding: 16px 8px;
         display: block;
@@ -492,6 +523,7 @@ section.marketingheader{
             &::before {
               content: '(';
             }
+
             &::after {
               content: ')';
             }
@@ -499,23 +531,26 @@ section.marketingheader{
         }
       }
     }
-    &.background-image{
-      &:after{
-        position:absolute;
-        top:0;
-        left:0;
-        bottom:0;
-        right:0;
+
+    &.background-image {
+      &:after {
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
         z-index: 0;
-        content:"";
+        content: "";
         opacity: 0.6;
         background: linear-gradient(87deg, #036 12.55%, rgba(1, 40, 81, 0.86) 56.52%, rgba(0, 51, 102, 0.00) 94.05%);
         background-blend-mode: overlay;
       }
-      .artwork-wrapper{
-        display:none;
+
+      .artwork-wrapper {
+        display: none;
       }
     }
+
     &.picto-image {
       background-position: 50% 0;
       background-size: auto 100%;
@@ -523,10 +558,12 @@ section.marketingheader{
       @media (max-width: 767px) {
         background-size: auto 78px;
       }
-      .artwork-wrapper{
-        display:none;
+
+      .artwork-wrapper {
+        display: none;
       }
     }
+
     .all-button-wrapper {
       display: block;
       padding-top: 10px;
@@ -535,34 +572,36 @@ section.marketingheader{
       transition: all 0.3s ease-in;
     }
   }
-  &.infoteaser{
+
+  &.infoteaser {
     border-radius: 4px;
-    .slide-overflow{
+
+    .slide-overflow {
       border-radius: 4px;
     }
-    .outer{
-      //max-height:427px;
-      //height:427px;
+
+    .outer {
       @media(max-width: 999px) {
-        max-height:none;
-        height:auto;
+        max-height: none;
+        height: auto;
       }
     }
+
     .rotation {
-      padding:0;
+      padding: 0;
       @media screen and (max-width: 999px) {
         .slide:not(.text-only) .text-box {
           padding: 16px 0;
         }
         .slide .image-box img {
           position: static;
-          height:300px;
+          height: 300px;
         }
         .slider-tabs {
-          top:0;
+          top: 0;
           height: auto;
           bottom: auto;
-          margin-top:15px;
+          margin-top: 15px;
         }
       }
       @media screen and (max-width: 900px) {
@@ -573,60 +612,65 @@ section.marketingheader{
         .slider .text-box:first-child::after {
           display: none;
         }
-      }    
-      .text-box{
+      }
+
+      .text-box {
         min-height: 0;
       }
     }
-    .outer{
+
+    .outer {
       border-radius: 4px;
-      .image-box img{
+
+      .image-box img {
         border-radius: 4px;
       }
     }
-    .image-box{
-      //max-height:427px;
-      //min-height: 0;
-      //height:427px;
+
+    .image-box {
       @media(min-width: 1000px) {
         min-height: 427px;
         height: 100%;
       }
+
       picture {
         @media(min-width: 1000px) {
           min-height: 427px;
           height: 100%;
         }
       }
+
       img {
         object-position: right;
-        //max-height:427px;
-        //height:427px;
         @media(min-width: 1000px) {
           min-height: 427px;
           height: 100%;
         }
       }
     }
-    .mainstage{
-      @media screen and (max-width:900px){
-        padding:0;
+
+    .mainstage {
+      @media screen and (max-width: 900px) {
+        padding: 0;
       }
-      .row{
-        margin:16px 0;
-        @media screen and (min-width:901px){
-          margin:30px -8px 0;
+
+      .row {
+        margin: 16px 0;
+        @media screen and (min-width: 901px) {
+          margin: 30px -8px 0;
         }
-        .col{
+
+        .col {
           flex: 1 1 100%;
-            max-width: 100%;
-          
-          @media screen and (min-width:901px){
-            padding:0 8px;
+          max-width: 100%;
+
+          @media screen and (min-width: 901px) {
+            padding: 0 8px;
             flex: 1 1 calc(100% - 322px);
             max-width: calc(100% - 322px);
           }
-          + .col{
+
+          + .col {
             flex: 1 1 100%;
             max-width: 100%;
             display: flex;
@@ -634,25 +678,29 @@ section.marketingheader{
             justify-content: space-between;
             margin: 0;
             padding: 0 var(--container-padding);
-            @media screen and (min-width:901px){
+            @media screen and (min-width: 901px) {
               flex: 1 1 322px;
               max-width: 322px;
-              padding:0 8px;
+              padding: 0 8px;
               margin: -8px 0;
             }
-            .mt{
+
+            .mt {
               height: 100%;
               padding: 8px 0;
-              @media screen and (max-width:575px){
+              @media screen and (max-width: 575px) {
                 padding: 4px 0;
               }
-              .mini-teaser{
+
+              .mini-teaser {
                 height: 100%;
-                .text-box{
+
+                .text-box {
                   height: 100%;
                   flex-flow: column;
                   justify-content: space-between;
-                  .btn{
+
+                  .btn {
                     height: fit-content;
                   }
                 }
@@ -661,229 +709,284 @@ section.marketingheader{
           }
         }
       }
+    }
+
   }
-  
-  }
-  &.hero-fullwidth{
-    .mainstage.container{
+
+  &.hero-fullwidth {
+    .mainstage.container {
       /*max-width: 1920px;*/
-      width:100%;
-      padding:0;
-      > .row{
-        margin:0;
-      }
-    }
-    .rotation{
-      margin:0 !important;
-      padding:0 !important;
-      //max-width: 1920px;
-      width:100%;
-      .outer{
-        margin:0 !important;
+      width: 100%;
+      padding: 0;
+
+      > .row {
+        margin: 0;
+      }
+    }
+
+    .rotation {
+      margin: 0 !important;
+      padding: 0 !important;
+      width: 100%;
+
+      .outer {
+        margin: 0 !important;
         position: relative;
         justify-content: center;
-        @media screen and (min-width:901px) {
-          max-height:566px;
-        }
+        max-height: 566px;
       }
+
       .copyright {
         left: 100%;
       }
-      .slider{
+
+      .slide-wrapper,
+      .slide,
+      .outer {
+        height: 100%;
+      }
+
+      .slider {
         background-color: transparent;
-        .image-box img {
-          @media screen and (max-width:900px) {
-            height: 300px;
 
+        .image-box img {
+          @media (max-width: 999px) {
+            min-height: calc(18vw + 300px) !important;
           }
-          @media screen and (max-width:767px) {
-            height: 300px;
-          }
-          
         }
-        .slide.text-only.current{
-            background: linear-gradient(-10deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 55%, var(--theme-color-gradient-03) 90%);
+
+        .slide.text-only.current {
+          background: linear-gradient(-10deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 55%, var(--theme-color-gradient-03) 90%);
+        }
+
+        .slide-overflow {
+          height: 100% !important;
         }
       }
-      
-    
+
+
     }
-    .image-box{
-      width:100%;
+
+    .image-box {
+      width: 100%;
       flex: 1 1 100%;
       max-width: 100%;
-      max-height:566px;
+      max-height: 566px;
       position: relative;
       padding-right: 0 !important;
-      @media (min-width: 1000px) {
-          padding-right: 0 !important;
-      }
-      &:after{
-        position:absolute;
-        top:0;
-        left:0;
-        bottom:0;
-        right:0;
+
+      &:after {
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
         z-index: 0;
-        content:"";
+        content: "";
         opacity: 0.6;
         background: linear-gradient(87deg, #036 12.55%, rgba(1, 40, 81, 0.86) 56.52%, rgba(0, 51, 102, 0.00) 94.05%);
         background-blend-mode: overlay;
-        &:before{
-          display:none;
+
+        &:before {
+          display: none;
         }
       }
-      img{
+
+      picture {
+        position: static;
+      }
+
+      img {
         object-fit: cover;
-        //position:relative;
         z-index: -1;
-        left:0 !important;
-        padding:0 !important;
-        width:100% !important;
+        left: 0 !important;
+        padding: 0 !important;
+        width: 100% !important;
+        position: static;
       }
     }
-    .text-box{
+
+    .text-box {
       height: 100%;
-      color:white;
+      color: white;
       width: var(--container-width);
       padding: 0 var(--container-padding);
       max-width: 100%;
       margin: 0 auto;
-      @media screen and (min-width:1000px) {
-        position: absolute;
-        *{
-          color:white;
-        }
-        .btn{
-          background-color: white !important;
-          color:var(--theme-color-primary) !important;
-          &:hover:after{
-            box-shadow: 0 0 0 var(--button-hover-shadow-size) white !important;
-          }
+      position: absolute;
+
+      * {
+        color: white;
+      }
+
+      .btn {
+        background-color: white !important;
+        color: var(--theme-color-primary) !important;
+
+        &:hover:after {
+          box-shadow: 0 0 0 var(--button-hover-shadow-size) white !important;
         }
       }
-      *{
-        max-width:580px;
+
+      * {
+        max-width: 580px;
       }
-      &:after{
-        display:none;
+
+      &:after {
+        display: none;
       }
-      &:before{
-        display:none;
+
+      &:before {
+        display: none;
       }
     }
-    .controls{
+
+    .slide.text-only {
+      @media screen and (max-width: 900px) {
+        padding: 16px var(--container-padding) 0;
+      }
+
+      .text-box {
+        width: auto;
+        @media (max-width: 999px) {
+          min-height: calc(18vw + 300px) !important;
+        }
+        @media screen and (max-width: 900px) {
+          padding-left: 0;
+          padding-right: 0;
+        }
+      }
+    }
+
+    .controls {
       width: var(--container-width);
       padding: 0 var(--container-padding);
       max-width: 100%;
       margin: 0 auto;
       position: relative;
+
       .slider-tabs {
         right: 30px;
       }
-      @media screen and (max-width:900px){
-        position: absolute !important;
-        top: 0;
-      }
     }
   }
-  .rotation .slider{
-    border-bottom:0;
-    
+
+  .rotation .slider {
+    border-bottom: 0;
+
     background-color: white;
+
     h3, .like-h2 {
       margin-top: 4px;
       margin-bottom: 8px;
     }
-    .kicker{
-      margin-bottom:0;
+
+    .kicker {
+      margin-bottom: 0;
     }
-    p{
-      margin-bottom:0.4em;
+
+    p {
+      margin-bottom: 0.4em;
     }
-    .btn{
-      margin-top:0.4em;
+
+    .btn {
+      margin-top: 0.4em;
     }
-    &.ishovered .slider-tabs li.active button.btn::before{
+
+    &.ishovered .slider-tabs li.active button.btn::before {
       animation-play-state: paused;
     }
-    &.btnanimation{
-      .slider-tabs{
-        li.active{
-          button.btn::before{
+
+    &.btnanimation {
+      .slider-tabs {
+        li.active {
+          button.btn::before {
             animation: fillgrey 7s linear forwards;
           }
         }
       }
     }
-    .slider-tabs{
-      li:first-child:last-child{
-        display:none;
+
+    .slider-tabs {
+      li:first-child:last-child {
+        display: none;
       }
-      li.active{
-        button.btn{
+
+      li.active {
+        button.btn {
           background-blend-mode: overlay;
           overflow: hidden;
         }
       }
-      li{
-        button.btn{
+
+      li {
+        button.btn {
           position: relative;
           border-radius: var(--border-radius-lg);
         }
-        button.btn::before{
-          width:0;
-          background-color:var(--theme-grey-light);
+
+        button.btn::before {
+          width: 0;
+          background-color: var(--theme-grey-light);
           content: "";
-          z-index:0;
-          height:100%;
-          position:absolute;
-          top:0;
-          bottom:0;
-          right:0;
-          left:0;
-          right:0;
-          display:block;
+          z-index: 0;
+          height: 100%;
+          position: absolute;
+          top: 0;
+          bottom: 0;
+          right: 0;
+          left: 0;
+          right: 0;
+          display: block;
           background-blend-mode: multiply;
         }
       }
     }
-    .slide.text-only.current{
+
+    .slide.text-only.current {
       background: none;
-      .outer{
+
+      .outer {
         background: linear-gradient(-10deg, var(--theme-color-gradient-01) 10%, var(--theme-color-gradient-02) 55%, var(--theme-color-gradient-03) 90%);
-        .text-box{
+
+        .text-box {
           justify-content: center;
           max-width: 580px;
         }
       }
     }
-    .text-box{
-        color:var(--theme-color-primary);
-        padding: 30px 36px 24px 36px;
-        display: flex;
-        flex-flow: column;
-        justify-content: center;
-        min-width: 324px;
-        &:not(:first-child)::before {
-          background-color: var(--theme-color-primary-dimmed-04);
-        }
-        .btn{
-          background-color: var(--theme-color-primary);
-          color:white;
-          &:hover:after{
-            box-shadow: 0 0 0 var(--button-hover-shadow-size) var(--theme-color-primary);
-          }
-        }
+
+    .text-box {
+      color: var(--theme-color-primary);
+      padding: 30px 36px 24px 36px;
+      display: flex;
+      flex-flow: column;
+      justify-content: center;
+      min-width: 324px;
+
+      &:not(:first-child)::before {
+        background-color: var(--theme-color-primary-dimmed-04);
       }
-      .text-only{
-         .text-box{
-            color:white;         
+
+      .btn {
+        background-color: var(--theme-color-primary);
+        color: white;
+
+        &:hover:after {
+          box-shadow: 0 0 0 var(--button-hover-shadow-size) var(--theme-color-primary);
         }
       }
+    }
+
+    .text-only {
+      .text-box {
+        color: white;
+      }
+    }
   }
-  .rotation{
-    margin:0;
+
+  .rotation {
+    margin: 0;
     @media (max-width: 1339px) {
       .rotation .slider .text-box {
         min-width: 324px;
@@ -896,85 +999,115 @@ section.marketingheader{
         margin: -15% -8% -15% 20px;
       }
     }
-    @media (max-width:999px){
-      .slider{
+    @media (max-width: 999px) {
+      .slider {
         background-color: white;
-        
-        
-        .text-box:not(:first-child)::before{
+
+
+        .text-box:not(:first-child)::before {
           display: none;
         }
-        .image-box{
+
+        .image-box {
           order: 0;
-          height:auto;
-          max-height:none !important;
-          img{
+          height: auto;
+          max-height: none !important;
+
+          img {
             aspect-ratio: 16 / 9;
             height: auto !important;
-            max-height:none !important;
+            max-height: none !important;
             min-height: 177px !important;
           }
-          &:before{
+
+          &:before {
             display: none;
           }
-          img{
+
+          img {
             position: static;
-            //height:300px;
           }
         }
       }
     }
-    @media screen and (max-width:900px){
-      .slider{
-        margin-bottom:20px;
-        .slide:not(.text-only){          
-          .text-box{
+    @media screen and (max-width: 900px) {
+      .slider {
+        margin-bottom: 20px;
+
+        .slide:not(.text-only) {
+          .text-box {
             padding: 16px var(--container-padding) 0;
           }
         }
-        .slide.text-only{
+
+        .slide.text-only {
           padding-left: var(--container-padding);
           padding-right: var(--container-padding);
         }
-        .slider-tabs{
-          right: calc(var(--container-padding) + 10px);
-          top: 15px;
+
+        .controls {
+          position: absolute;
+          right: 20px;
+          bottom: 42px;
+          width: auto;
+          padding: 0;
+        }
+
+        .slider-tabs {
+          //right: calc(var(--container-padding) + 10px);
+          //top: 15px;
+          position: relative;
+          right: auto;
+          top: auto;
           padding: 0;
           margin: 0;
-          .btn{
-            margin-top:0 !important; 
+          //li {
+          //  button.btn {
+          //    border-radius: calc(var(--border-radius-lg) / 2);
+          //  }
+          //}
+
+          .btn {
+            margin-top: 0 !important;
           }
         }
       }
     }
-    @media screen and (max-width:767px){
-      .slider{
-        .slide:not(.text-only) .text-box{
+    @media screen and (max-width: 767px) {
+      .slider {
+        .slide:not(.text-only) .text-box {
           padding: 16px var(--container-padding);
         }
-        .slider-tabs{
-          .btn{
-            --button-icon-padding: 30px;
-            --button-icon-offset: 5px;
-            --button-padding: 5px 10px;
-            --button-min-size: 30px;
-            margin: 2.5px;
-          }
-        }
+
+        //.slider-tabs {
+        //  .btn {
+        //    --button-icon-padding: 30px;
+        //    --button-icon-offset: 5px;
+        //    --button-padding: 5px 10px;
+        //    --button-min-size: 30px;
+        //    margin: 2.5px;
+        //  }
+        //}
       }
     }
-    @media screen and (max-width:567px) {
+    @media screen and (max-width: 567px) {
       .slider {
         margin: 0;
         margin-bottom: 8px;
       }
     }
-    .context-box{
-      display:none !important;
+
+    .context-box {
+      display: none !important;
     }
   }
 }
+
 @keyframes fillgrey {
-  0%{width:0;}
-  100%{width:100%}
+  0% {
+    width: 0;
+  }
+  100% {
+    width: 100%
+  }
 }
\ No newline at end of file