diff --git a/Client/Themes/Theme1.razor b/Client/Themes/Theme1.razor
index 157da7d..400df6a 100644
--- a/Client/Themes/Theme1.razor
+++ b/Client/Themes/Theme1.razor
@@ -67,19 +67,20 @@
     </div>
 
     <!-- WICHTIG: Footer jetzt AUßERHALB von app-menu-items -->
-    <div class="app-menu-footer">
+            <div class="app-menu-footer ">
         <UserProfile ShowRegister="@_register" />
         <Login ShowLogin="@_login" />
     </div>
+
+            <div class="app-menu-footer right-side">
+                    <ControlPanel />
+            </div>
+
+            
 </div>
 
     <!-- Rechts: ControlPanel + User + Login -->
-    <div class="d-flex align-items-center gap-2 app-navbar-right">
-        <div class="d-flex align-items-center gap-2">
-            <ControlPanel/>
-        </div>
-       
-    </div>
+    
 </nav>
     <div class="content">
         <div class="container">
diff --git a/Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/Theme.css b/Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/Theme.css
index e65758c..2940cd6 100644
--- a/Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/Theme.css
+++ b/Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/Theme.css
@@ -5,6 +5,9 @@
 body {
     
 }
+.content {
+    margin-top: 60px; /* ungefähr Höhe der Navbar */
+}
 
 /* App Logo */
 .app-logo .img-fluid {
@@ -162,8 +165,11 @@ body {
 /* ===========================
    DESKTOP (ab 768px)
    =========================== */
-@media (min-width: 768px) {
-
+@media (min-width: 1000px) {
+    /* setting rehct neben loggin*/
+    .right-side{
+        margin-right: 150px;
+    }
     /* Navbar: eine Zeile, Positionierungs-Referenz für Absolut-Elemente */
     .app-navbar {
         display: flex !important;
@@ -178,11 +184,12 @@ body {
         display: flex !important;
         flex-direction: row !important;
         align-items: center !important;
-        justify-content: center !important;  /* Menüpunkte in der Mitte */
-        flex: 1 1 auto !important;           /* füllt Platz zwischen Logo und rechts */
+        justify-content: center !important; /* Menüpunkte in der Mitte */
+        flex: 1 1 auto !important; /* füllt Platz zwischen Logo und rechts */
         gap: 0.75rem !important;
         position: static !important;
         width: auto !important;
+        margin-right: 210px !important;
     }
 
     /* Menüpunkte horizontal zentriert */
@@ -220,7 +227,7 @@ body {
    MOBILE (unter 768px)
    =========================== */
 
-@media (max-width: 767px) {
+@media (max-width: 1000px) {
 
     .navbar {
         position: fixed;
@@ -232,7 +239,7 @@ body {
     /* Platz unter der Navbar */
     .content {
         position: relative;
-        top: 60px;
+        top: 150px;
     }
 
     /* Burger sichtbar machen */