Fixzentrierung der 2 besprochenen Seiten fix

css/login/Changepw.css

@@ -84,22 +84,20 @@
     justify-content: center;
     align-items: center;
     width: 1024px;
-    height: 800px;
-    margin: auto;
-    top: 50%;
-    left: 50%;
-    transform: translate(0, -50%);
+    height: 800px;   
+    margin: 0 auto;
+    margin-top: 0px;
 }
 
-.container-fluid {    
+.container-fluid {
     width: 400px;
     height: 379px;
     background-color: rgba(255,255,255,0.5);
-    margin: auto;
     top: 50%;
+    bottom: auto;
     left: -20%;
-    transform: translate(0, -50%);
-    
+    right: 520px;
+    margin: auto;
 }
 
 #tbl_main {

css/login/ForgotPW.css

@@ -16,21 +16,25 @@
 }
 
 #content_container {
+    position: absolute;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 1024px;
-    height: 800px;
-    margin: 0 auto;
-    margin-top: 0px;
+    height: 800px;   
+    top: 50%;
+    left: 50%;
+    transform: translate(0, -50%);
 }
 
 .container-fluid {
     width: 400px;
     height: 295px;
     background-color: rgba(255,255,255,0.5);
-    margin: 0 auto;
-    margin-top: 50%;
+    margin: auto;
+    top: 50%;
+    left: -20%;
+    transform: translate(0, -50%);
 }
 
 #tbl_main {

css/login/loginFLEX.css

@@ -9,7 +9,7 @@
         background-attachment: fixed;
         background-size: cover;
         background-color: #fff;
-        overflow-y: clip;
+        
     }
 
     #Login1_LoginButton {
@@ -18,8 +18,9 @@
         padding: 0px 0px 0px 0px;
         margin: 0px 0px 0px 0px;
     }
-
+         
     #content_container {
+        position: absolute;
         display: flex;
         justify-content: center;
         align-items: center;
@@ -33,8 +34,11 @@
         width: 400px;
         height: 274px;
         background-color: rgba(255,255,255,0.5);
-        margin: 0 auto;
-        margin-top: 50%;
+        top: auto;
+        bottom: auto;
+        left: -20%;
+        right: 520px;
+        margin: auto;
     }
 
     #tbl_main {