SubNavi mit Bildern (nur 2te Ebene)

frontend/_public/src/less/_modules/header.less

@@ -25,7 +25,6 @@
   margin-top: 1.5em!important;
   background: @brand-primary!important;
   .main-search--form {
-    padding-top: 1em;
     box-shadow: none!important;
     label{
       display: inline-block;
@@ -50,7 +49,7 @@
     button{
       width: 8% !important;
       float: left;
-      right: 4%!important;
+      right: 3%!important;
       i{
         color: #fff; } } } }
 
@@ -80,7 +79,6 @@
   .navigation--list {
     .navigation--entry {
       height: 90px;
-      overflow: hidden;
       padding: 0 5px;
       margin: 0 0 0 10px;
       .account--link {
@@ -96,7 +94,7 @@
         .wbn-icon-set {
           display: block;
           height: 35px!important;
-          margin-bottom: 2px;
+          margin-bottom: 3px;
           &:before {
             font-size: 35px;
             color: #fff; } } }
@@ -109,7 +107,7 @@
           display: block;
           color: #fff;
           font-weight: 300;
-          padding: 2px 5px!important; }
+          padding: 3px 5px 0 5px!important; }
         .wbn-icon-set {
           display: block;
           height: 35px!important;
@@ -119,10 +117,12 @@
       .cds--info-block {
         text-align: center;
         color: #fff;
+        a {
+          color: #fff; }
         .sw-icon-set {
           display: block;
           height: 35px!important;
-          margin-bottom: 2px;
+          margin-bottom: 3px;
           &:before {
             font-size: 30px;
             color: #fff; }
@@ -130,16 +130,34 @@
             transform: scaleX(-1);
             min-height: 45px;
             padding-top: 0;
-            margin: -10px 0 12px 0;
+            margin: -4px 0 8px 0;
             &:before {
-              font-size: 60px; } }
+              font-size: 50px; } }
           &.icon--phone {
             transform: scaleX(-1);
             min-height: 45px;
-            padding-top: 5px;
+            padding-top: 8px;
           &:before {
-            font-size: 30px; } } } }
+            font-size: 30px; } } }
+        .info--delivery {
+          font-size: 12px; } }
       &.entry--delivery {
-        margin-right: 1%; } } } }
+        margin-right: 1%; } } }
+  .entry--delivery,
+  .entry--support,
+  .entry--account,
+  .entry--cart {
+    float: right; } }
+
+
+/* Konto-SubNavigation */
+
+.account--dropdown-navigation {
+  .account--menu {
+    &::after {
+      right: 3rem; }
+    .sidebar--navigation {
+      .navigation--entry {
+        height: auto; } } } }
 
 .cssAnker {}

frontend/_public/src/less/_modules/page.less

@@ -3,7 +3,7 @@
 #pageAnker {
   color: red; }
 
-.container {
+.header--navigation {
   width: 100%; }
 
 .cds--block {
@@ -17,7 +17,7 @@
 
 
 @media (min-width: 48em) {
-  .container {
+  .header--navigation {
     max-width: calc(~"100% - 24em");
     margin: 0 12em;
   }