Navbar barrierearm

components/Navbar/Navbar.tsx

@@ -106,7 +106,18 @@ export default function Navbar() {
           />
         </Link>
       </div>
-
+      <button
+        type="button"
+        className={`${styles["nav-hamburger"]} ${menuOpen ? styles.open : ""}`}
+        onClick={toggleMenu}
+        aria-label={menuOpen ? "Menü schließen" : "Menü öffnen"}
+        aria-expanded={menuOpen}
+        aria-controls="Hauptmenü"
+      >
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
       <ul
         id="main-navigation"
         className={[
@@ -133,19 +144,6 @@ export default function Navbar() {
 
         {endLinks.map(renderNavLink)}
       </ul>
-
-      <button
-        type="button"
-        className={`${styles["nav-hamburger"]} ${menuOpen ? styles.open : ""}`}
-        onClick={toggleMenu}
-        aria-label={menuOpen ? "Menü schließen" : "Menü öffnen"}
-        aria-expanded={menuOpen}
-        aria-controls="main-navigation"
-      >
-        <span></span>
-        <span></span>
-        <span></span>
-      </button>
     </nav>
   );
 }