some fixes on mobile

custom-login-css.css

@@ -30,7 +30,7 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
     top: 50%;
     left: 50%;
     margin: 0;
-    position: absolute;
+    position: absolute;     /*fixed;*/
     border-radius: 24px;
     width: 30vw;
     height: 74vh;
@@ -44,6 +44,9 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
     max-width: 28em;
     max-height: 55em;
     overflow-y: auto;
+    overflow: auto;
+    overscroll-behavior: contain;
+    overflow-x: hidden;
 }
 
 #loginPage .squareCard {
@@ -66,7 +69,10 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
 #loginPage {
     background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
         url('/web/pictures/background-2.png');
+    position: fixed;
     background-size: cover;
+    background-position: center;
+    background-attachment: fixed;
 }
 
 
@@ -168,6 +174,13 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
     #loginPage .readOnlyContent {
         width: 100%;
     }
+
+    /* Login-Container */
+    .manualLoginForm {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+    }
 }
 
 /* Mobile Optimierungen für Smartphone*/
@@ -200,4 +213,11 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
     #loginPage .readOnlyContent {
         width: 100%;
     }
+
+    /* Login-Container */
+    .manualLoginForm {
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+    }
 }