@@ -4,10 +4,19 @@

   border: 0;

 }

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

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

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

 }

+header.header-main {

+  padding: 2rem .25rem 0;

+}

+

+.header-search {

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

+        font-size: 1.6rem;

+      }

+}

 //

 //header.header-minimal {

@@ -91,25 +100,4 @@

 //    }

 //  }

 //

-//  i[class*="fa-"] {

-//    font-size: 1.75rem;

-//  }

-//

-//  .btn {

-//    --bs-btn-line-height: 1;

-//  }

-//

-//  .header-actions-col .btn {

-//    --bs-btn-padding-x: 1rem;

-//    overflow: visible;

-//

-//    i {

-//      color: var(--bs-primary);

-//    }

-//

-//    .header-cart-badge {

-//      display: block;

-//      top: -5px;

-//    }

-//  }

 //}

\ No newline at end of file

@@ -17,6 +17,11 @@

 body.is-act-home {

+  .cms-block-container-row.row.cms-row > .col-12 {

+    padding-left: 0px;

+    padding-right: 0px;

+  }

+

   .container-main {

     padding-top: 0;

@@ -3,9 +3,10 @@

 .nav-main {

   background-color: white;

-  .nav.main-navigation-menu {

-    justify-content: space-between;

-    gap: clamp(1rem, 2vw, 2.5rem);

+  .main-navigation-menu {

+    .main-navigation-menu-list {

+      gap: clamp(1rem, 2vw, 2.5rem);

+    }

     .main-navigation-link {

       padding: 0;

@@ -14,9 +15,9 @@

       text-transform: uppercase;

       color: $sw-headline-color;

       font-size: rfs-value(18px);

-      font-family: $font-secondary;

-      &.active, &:hover {

+      &.active,

+      &:hover {

         color: $dark;

       }

@@ -26,4 +27,26 @@

       }

     }

   }

+

+  i[class*="fa-"] {

+    font-size: 1.75rem;

+  }

+

+  .btn {

+    --bs-btn-line-height: 1;

+  }

+

+  .header-actions-col .btn {

+    --bs-btn-padding-x: 1rem;

+    overflow: visible;

+

+    i {

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

+    }

+

+    .header-cart-badge {

+      display: block;

+      top: -5px;

+    }

+  }

 }

\ No newline at end of file

@@ -1,81 +1,97 @@

+

 .ce_cat-list {

-  .row {

-    //overflow: auto;

-    padding-bottom: .5rem;

-  }

+  padding-bottom: 2rem;

   .item {

+    border: 1px solid $primary;

     text-align: center;

+    font-size: 20px;

+    padding: .5em;

+  }

-    &:last-child {

-      align-self: flex-end;

-    }

-

-    a {

-      display: block;

-      color: $body-color;

-    }

-

-    .img-container {

-      display: flex;

-      flex-flow: column wrap;

-      justify-content: flex-end;

-      align-items: center;

-

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

-        width: 180px;

-        height: 175px;

-      }

-

-

-      img {

-        transition: all .5s ease-in-out;

-        max-height: 100px;

-

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

-          max-height: 150px;

-        }

-

-

-        &[src*="spirituosen"] {

-          max-height: 50px;

-

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

-            max-height: 90px;

-          }

-        }

-      }

-    }

-

-    span {

-      display: block;

-      margin-top: 1.25rem;

-      text-transform: uppercase;

-      font-size: rfs-value(16px);

-

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

-        font-size: rfs-value(20px);

-      }

-    }

-

-

-    &:hover {

-      .img-container img {

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

-          max-height: 175px;

-        }

-      }

-    }

-

-    a {

-      text-decoration: none;

-      color: $primary;

-      font-size: .75rem;

-

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

-        font-size: 1rem;

-      }

-    }

+  .item a {

+    text-decoration: none;

+    text-transform: uppercase;

   }

 }

-

+//.ce_cat-list {

+//  .row {

+//    //overflow: auto;

+//    padding-bottom: .5rem;

+//  }

+//

+//  .item {

+//    text-align: center;

+//

+//    &:last-child {

+//      align-self: flex-end;

+//    }

+//

+//    a {

+//      display: block;

+//      color: $body-color;

+//    }

+//

+//    .img-container {

+//      display: flex;

+//      flex-flow: column wrap;

+//      justify-content: flex-end;

+//      align-items: center;

+//

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

+//        width: 180px;

+//        height: 175px;

+//      }

+//

+//

+//      img {

+//        transition: all .5s ease-in-out;

+//        max-height: 100px;

+//

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

+//          max-height: 150px;

+//        }

+//

+//

+//        &[src*="spirituosen"] {

+//          max-height: 50px;

+//

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

+//            max-height: 90px;

+//          }

+//        }

+//      }

+//    }

+//

+//    span {

+//      display: block;

+//      margin-top: 1.25rem;

+//      text-transform: uppercase;

+//      font-size: rfs-value(16px);

+//

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

+//        font-size: rfs-value(20px);

+//      }

+//    }

+//

+//

+//    &:hover {

+//      .img-container img {

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

+//          max-height: 175px;

+//        }

+//      }

+//    }

+//

+//    a {

+//      text-decoration: none;

+//      color: $primary;

+//      font-size: .75rem;

+//

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

+//        font-size: 1rem;

+//      }

+//    }

+//  }

+//}

+//

@@ -2,10 +2,10 @@

     "footer": {

         "treukunde": {

             "claim-first": "Ja, ich werde ein",

-            "claim-second": "treuKunde",

+            "claim-second": "treueKunde",

             "description": "Wein verbindet. Als treueKunde gehören Sie zu einer begeisterten Gruppe von Menschen, die Genuss, Wein und exklusive Angebote schätzt. Genießen Sie unsere Benefits! Viermal im Jahr senden wir Ihnen per Post einen exklusiven Folder mit besonderen Angeboten. Auf Ihre erste Bestellung erhalten Sie 10 % Rabatt. Der Versand ist für Sie ab einem Warenwert von 90 Euro immer kostenlos. Unser Newsletter informiert über aktuelle weinThemen und Termine.",

-            "button": "treuKunde werden",

-            "url": "/treukunde-werden"

+            "button": "Treuekunde werden",

+            "url": "/treuekunde-werden"

         },

         "newsletter": {

             "title": "Newsletter abonnieren",

@@ -1,13 +1,9 @@

 {% block catList %}

-    <div class="ce_cat-list py-md-4">

-        <div class="row g-4 g-md-5 align-items-md-end justify-content-center">

+    <div class="ce_cat-list">

+        <div class="row g-4 g-md-5 align-items-md-end justify-content-center column-gap-4">

             {% for item in data %}

-                <div class="col-auto item animate-fadeInUp">

+                <div class="col item animate-fadeInUp">

                     <a href="{{ item.link }}">

-                        <div class="img-container">

-                            <img src="{{ item.bildsrc }}" alt="{{ item.text }}">

-                        </div>

-

                         <span>{{ item.text }}</span>

                     </a>

                 </div>