Update navbar.css

css/navbar.css

@@ -131,28 +131,27 @@ CSS für den Block Navbar mit seinen Elementen nach BEM
 
 @media (max-width: 660px) {
     .nav {
-        flex-direction: column;
+        flex-direction: row;
-        padding: 10px;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        padding: 0 1rem;
+    }
+
+    .nav_logo img {
+        height: 40px; 
     }
 
     .nav__left {
-        order: 1;
+        order: 2;
-        width: 100%;
+        flex: 1;
-        justify-content: center;
+        justify-content: flex-start;
-        margin-bottom: 0.5rem;
     }
 
     .nav__right {
-        order: 2;
+        order: 3;
         width: 100%;
         display: flex;
-        justify-content: center;
+        margin-top: 0.5em;
-        align-items: center;
-        gap: 0.5rem;
-    }
-
-    .nav__center {
-        display: none; /* Desktop aus*/
     }
 
     #mobile-nav {
@@ -168,14 +167,18 @@ CSS für den Block Navbar mit seinen Elementen nach BEM
     }
 
     .nav__search {
-        order: 2;
+        display: flex;
-        flex-grow: 1; /* restlichen Platz ausfüllen*/
+        width: 100%;
         margin: 0;
     }
 
+    /* restliche desktop-navbar aus */
+    .nav__center,
+    .nav__right .nav__button,
     .nav__right .nav__link {
-        display: none; /* restliche navbar aus */
+        display: none;
     }
+
     /* off canvas menu */
     .nav__mobile-menu {
         display: flex;