@@ -1,23 +1,49 @@

-// Header

-

-.header-search-input, .header-search-btn {

-  border: 0;

-}

+#benefits-bar {

+  position: sticky;

+  top: 0;

+  z-index: 100;

+  background-color: $dark;

+  color: white;

+  padding: 10px 0;

-#header-main-search-input::placeholder {

-  color: var(--bs-body-color);

+  ul.container {

+    display: flex;

+    justify-content: space-between;

+    list-style-type: none;

+    margin-bottom: 0;

+    li {

+      font-size: 12px;

+      text-transform: uppercase;

+      display: flex;

+      align-items: center;

+      img {

+        margin-right: 1rem;

+      }

+    }

+  }

 }

+// Header

 header.header-main {

   padding: 2rem .25rem 0;

 }

 .header-search {

-      .header-search-btn i[class*="fa-"] {

-        font-size: 1.6rem;

-      }

+  .header-search-btn i[class*="fa-"] {

+    font-size: 1.6rem;

+  }

+

+  .header-search-input, .header-search-btn {

+    border: 0;

+  }

+

+  #header-main-search-input::placeholder {

+    color: var(--bs-body-color);

+  }

 }

+

+

 //

 //header.header-minimal {

 //  .header-minimal-contact {

@@ -1,88 +1,89 @@

+body.is-act-index {

+  .cms-block.pos-0.cms-block-image-text {

+    &:not(:has(.h1, p, img)) {

+      display: none;

+    }

-.cms-block.pos-0.cms-block-image-text {

-  &:not(:has(.h1, p, img)){

-    display: none;

-  }

-

-  .cms-block-container {

-    background-color: $primary;

-    color: $body-color-inverse;

-    position: relative;

-    @extend %include-adler;

+    .cms-block-container {

+      background-color: $primary;

+      color: $body-color-inverse;

+      position: relative;

+      @extend %include-adler;

-    @include media-breakpoint-down(md) {

-      margin-inline: calc(-1 * (var(--bs-gutter-x) * .5));

+      @include media-breakpoint-down(md) {

+        margin-inline: calc(-1 * (var(--bs-gutter-x) * .5));

-      &:after {

-        transform: translate(-50%, 25%) !important;

+        &:after {

+          transform: translate(-50%, 25%) !important;

+        }

       }

-    }

-    .cms-block-container-row.row.cms-row {

-      @include media-breakpoint-up(md) {

-        --bs-gutter-x: 0;

-        flex-flow: row-reverse;

-      }

+      .cms-block-container-row.row.cms-row {

+        @include media-breakpoint-up(md) {

+          --bs-gutter-x: 0;

+          flex-flow: row-reverse;

+        }

-      > div:first-child {

-        margin-bottom: 0;

-        min-height: 100%;

+        > div:first-child {

+          margin-bottom: 0;

+          min-height: 100%;

-        & + div {

-          align-self: center;

+          & + div {

+            align-self: center;

+          }

         }

-      }

-

-      h1 {

-        color: $body-color-inverse;

-        border-bottom: 1px solid $body-color-inverse;

-        display: inline-block;

-        padding-bottom: .75rem;

-        padding-right: 1rem;

-        margin-bottom: 1.25rem;

-        text-transform: none;

-        @include font-size(50px);

-      }

-      .cms-element-image {

-        position: relative;

+        h1 {

+          color: $body-color-inverse;

+          border-bottom: 1px solid $body-color-inverse;

+          display: inline-block;

+          padding-bottom: .75rem;

+          padding-right: 1rem;

+          margin-bottom: 1.25rem;

+          text-transform: none;

+          @include font-size(50px);

+        }

+        .cms-element-image {

+          position: relative;

-        &:after {

-          content: '';

-          position: absolute;

-          height: 75px;

-          bottom: 0;

-          width: 100%;

-          background: rgb(161, 129, 82);

-          background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(161, 129, 82, 1) 100%);

-          @include media-breakpoint-up(md) {

-            left: 0;

-            top: 0;

-            height: 100%;

-            width: 75px;

-            bottom: auto;

-            background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(161, 129, 82, 1) 100%);

+          &:after {

+            content: '';

+            position: absolute;

+            height: 75px;

+            bottom: 0;

+            width: 100%;

+            background: rgb(161, 129, 82);

+            background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(161, 129, 82, 1) 100%);

+

+            @include media-breakpoint-up(md) {

+              left: 0;

+              top: 0;

+              height: 100%;

+              width: 75px;

+              bottom: auto;

+              background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(161, 129, 82, 1) 100%);

+            }

           }

-        }

-        img {

-          position: relative;

+          img {

+            position: relative;

+          }

         }

-      }

-      .cms-element-text {

-        padding: 1.5rem;

-        @include media-breakpoint-up(md) {

-          padding: 3rem;

+        .cms-element-text {

+          padding: 1.5rem;

+          @include media-breakpoint-up(md) {

+            padding: 3rem;

+          }

         }

-      }

+      }

     }

   }

 }

\ No newline at end of file

new file mode 100644

Binary files /dev/null and b/src/Resources/public/img/erzeuger.png differ

new file mode 100644

Binary files /dev/null and b/src/Resources/public/img/sicher.png differ

new file mode 100644

Binary files /dev/null and b/src/Resources/public/img/vegan.png differ

new file mode 100644

Binary files /dev/null and b/src/Resources/public/img/zufriedenheit.png differ

@@ -1,5 +1,16 @@

 {% sw_extends '@Storefront/storefront/layout/header.html.twig' %}

 {% use '@Storefront/storefront/layout/header/header.html.twig' %}

+{% block base_header %}

+    {% sw_include '@Storefront/storefront/utilities/staging-info.html.twig' %}

+

+    {% sw_include '@WeinmanufakturTheme/storefront/layout/header/benefits-bar.html.twig' %}

+    <header class="header-main">

+        {% block base_header_inner %}

+            {{ parent() }}

+        {% endblock %}

+    </header>

+{% endblock %}

+

 {% block base_navigation_inner %}

     <div class="container">

new file mode 100644

@@ -0,0 +1,8 @@

+<div id="benefits-bar">

+    <ul class="container">

+        <li><img src="{{  asset('/bundles/weinmanufakturtheme/img/zufriedenheit.png', 'asset')}}" width="32" height="32">Zufriedenheits-Garantie</li>

+        <li><img src="{{  asset('/bundles/weinmanufakturtheme/img/erzeuger.png', 'asset')}}" width="32" height="32">Alle Weine direkt vom Erzeuger</li>

+        <li><img src="{{  asset('/bundles/weinmanufakturtheme/img/sicher.png', 'asset')}}" width="32" height="32">Sichere Bezahlung, schnelle Lieferung</li>

+        <li><img src="{{  asset('/bundles/weinmanufakturtheme/img/vegan.png', 'asset')}}" width="32" height="32">Vegane Weine</li>

+    </ul>

+</div>

@@ -1,5 +1,7 @@

 {% sw_extends '@Storefront/storefront/layout/navbar/navbar.html.twig' %}

+{% block layout_navbar_menu_home %}{% endblock %}

+

 {% block layout_navbar %}

     {% set navbarOptions = {

         pathIdList: shopware.navigation.pathIdList

@@ -9,3 +11,4 @@

         {{ parent() }}

     {% endblock %}

 {% endblock %}

+

deleted file mode 100644

@@ -1,29 +0,0 @@

-{% sw_extends '@Storefront/storefront/layout/navigation/navigation.html.twig' %}

-

-{% block layout_main_navigation_menu_home %}{% endblock %}

-

-

-{% block layout_main_navigation_menu_item %}

-    {% if category.type == 'folder' %}

-        <div class="animate-fadeIn nav-link main-navigation-link"

-                {% if treeItem.children|length > 0 %}

-                    data-flyout-menu-trigger="{{ category.id }}"

-                {% endif %}

-             title="{{ name }}">

-            <div class="main-navigation-link-text">

-                <span itemprop="name">{{ name }}</span>

-            </div>

-        </div>

-    {% else %}

-        <a class="animate-fadeIn nav-link main-navigation-link{% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}"

-           href="{{ category_url(category) }}"

-           itemprop="url"

-           {% if treeItem.children|length > 0 %}data-flyout-menu-trigger="{{ category.id }}"{% endif %}

-                {% if category_linknewtab(category) %}target="_blank"{% endif %}

-           title="{{ name }}">

-            <div class="main-navigation-link-text">

-                <span itemprop="name">{{ name }}</span>

-            </div>

-        </a>

-    {% endif %}

-{% endblock %}

\ No newline at end of file