Move hamburger menu to top right corner of header

css/styles.css

@@ -20,11 +20,18 @@ a:hover { text-decoration: underline; }
 
 .header {
   display: flex;
-  justify-content: center;
+  justify-content: space-between;
   align-items: center;
-  padding: 24px 0;
+  padding: 24px 24px;
+  position: relative;
+}
+.brand { font-size: 1.75rem; font-weight: 800; display: flex; align-items: center; gap: 12px; }
+.header-right {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  position: relative;
 }
-.brand { font-size: 1.75rem; font-weight: 800; display: flex; align-items: center; gap: 12px; position: relative; }
 .hamburger-btn {
   background: none; border: none; cursor: pointer; padding: 4px;
   display: flex; align-items: center; justify-content: center;

index.html

@@ -15,9 +15,8 @@
   <header class="header">
     <div class="brand">
       <span>Paraguay LLC & SRL – Austausch & Community</span>
-      <button class="hamburger-btn" id="hamburger-btn" aria-label="Menu">
+    </div>
-        <svg viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+    <div class="header-right">
-      </button>
       <div class="hamburger-menu hidden" id="hamburger-menu">
         <div class="menu-section">
           <div class="lang-select">
@@ -36,6 +35,9 @@
           </button>
         </div>
       </div>
+      <button class="hamburger-btn" id="hamburger-btn" aria-label="Menu">
+        <svg viewBox="0 0 24 24"><path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z"/></svg>
+      </button>
     </div>
   </header>