Client/wwwroot/Themes/SZUAbsolventenverein.Theme.Website/Theme.css

@@ -152,26 +152,74 @@ div.app-moduleactions a.dropdown-toggle, div.app-moduleactions div.dropdown-menu
 }
 
 @media (max-width: 767.98px) {
-
     /* Dynamische Schriftgr<67><72>e im Dropdown-Men<65> */
     .app-menu .nav-item a {
-        font-size: clamp(10px, 3vw, 20px); /* Dynamische, begrenzte Schriftgr<67><72>e */
+        font-size: clamp(9px, 3vw, 13px); /* Dynamische, begrenzte Schriftgr<67><72>e */
-        
     }
 
     .app-menu-toggler {
         position: fixed;
         top: 1.5rem; /* Abstand von oben */
-        right: 4rem; /* Abstand von rechts */
+        left: 17rem; /* Abstand von rechts */
-      
     }
+
     .app-menu {
         position: fixed;
         right: 1rem;
-        margin-top: 3.5rem;
+        margin-top: 2rem;
+        width: 25%;
+        background-color: grey;
+    }
+
+    .navbar {
+        position: fixed;
+        width: 100%;
+    }
+
+    .controls {
+        height: 60px;
+        top: 15px;
+        position: fixed;
+        top: 0px;
+        width: 100%;
+        background-color: grey;
+    }
+
+    .controls-group {
+        float: right;
+        margin-right: 25px;
+    }
+
+    .content {
+        position: relative;
+        top: 60px;
+    }
+
+    .app-search:active, .app-search:hover {
+        min-height: 60px;
+    }
+    
+
+}@media (max-width: 504px) {
+
+    /* Dynamische Schriftgr<67><72>e im Dropdown-Men<65> */
+    .app-menu .nav-item a {
+        font-size: clamp(9px, 3vw, 13px); /* Dynamische, begrenzte Schriftgr<67><72>e */
+    }
+
+    .app-menu-toggler {
+        position: fixed;
+        top: 1.5rem; /* Abstand von oben */
+        right: 2.75rem; /* Abstand von rechts */
+        left: auto;
+    }
+
+    .app-menu {
+        position: fixed;
+        right: 1rem;
+        margin-top: 5.25rem;
         width: 25%;
         background-color: grey;
-       
     }
 
     .navbar {