diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index ffd7eb0b1e..e576881c45 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -1664,7 +1664,7 @@ body {
   height: 100%;
   width: 100%;
   border: none;
-  margin: 0;
+  margin: 0 auto 0px;
   background-color: white;
   background-image: url(../images/login/fullscreen.jpg);
   background-repeat: no-repeat;
@@ -1672,19 +1672,17 @@ body {
   background-size: cover;
 }
 #loginMainDiv #divAppIconBar {
-  display: inline-block;
-  position: absolute;
-  left: 50%;
-  top: 20%;
-  transform: translate(-50%, -50%);
   background: transparent;
   width: 100%;
   text-align: center;
-  max-width: 270px;
+  height: 35%;
+  display: block;
+  max-height: 35%;
+  overflow-y: auto;
 }
 #loginMainDiv #divAppIconBar #divLogo {
   position: relative;
-  top: 1px;
+  padding-top: 5%;
 }
 #loginMainDiv #divAppIconBar #divLogo img {
   margin: 0 auto;
@@ -1714,17 +1712,12 @@ body {
   width: 40px;
 }
 #loginMainDiv div#centerBox {
-  display: inline-block;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  background-color: white;
+  margin: 0 auto -20px;
+  background: transparent;
   border: none;
   z-index: 100;
   padding: 0;
-  border-radius: 5px;
-  opacity: 0.94;
+  width: 280px;
 }
 #loginMainDiv div#centerBox #loginCdMessage {
   margin: 1em;
@@ -1742,7 +1735,10 @@ body {
   font-weight: bold;
 }
 #loginMainDiv div#centerBox form {
-  margin: 1em;
+  border-radius: 5px;
+  opacity: 0.94;
+  background-color: white;
+  padding: 1em;
 }
 #loginMainDiv div#centerBox form .hiddenCredential {
   display: none;
@@ -1792,6 +1788,7 @@ body {
   height: 42px;
   border: none;
   border-bottom: 1px solid silver;
+  border-radius: 0px;
 }
 #loginMainDiv div#centerBox form table.divLoginbox input {
   width: calc(250px - 8px);
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index cb2476252f..8b7bd80aad 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -1653,7 +1653,7 @@ body {
   height: 100%;
   width: 100%;
   border: none;
-  margin: 0;
+  margin: 0 auto 0px;
   background-color: white;
   background-image: url(../images/login/fullscreen.jpg);
   background-repeat: no-repeat;
@@ -1661,19 +1661,17 @@ body {
   background-size: cover;
 }
 #loginMainDiv #divAppIconBar {
-  display: inline-block;
-  position: absolute;
-  left: 50%;
-  top: 20%;
-  transform: translate(-50%, -50%);
   background: transparent;
   width: 100%;
   text-align: center;
-  max-width: 270px;
+  height: 35%;
+  display: block;
+  max-height: 35%;
+  overflow-y: auto;
 }
 #loginMainDiv #divAppIconBar #divLogo {
   position: relative;
-  top: 1px;
+  padding-top: 5%;
 }
 #loginMainDiv #divAppIconBar #divLogo img {
   margin: 0 auto;
@@ -1703,17 +1701,12 @@ body {
   width: 40px;
 }
 #loginMainDiv div#centerBox {
-  display: inline-block;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  background-color: white;
+  margin: 0 auto -20px;
+  background: transparent;
   border: none;
   z-index: 100;
   padding: 0;
-  border-radius: 5px;
-  opacity: 0.94;
+  width: 280px;
 }
 #loginMainDiv div#centerBox #loginCdMessage {
   margin: 1em;
@@ -1731,7 +1724,10 @@ body {
   font-weight: bold;
 }
 #loginMainDiv div#centerBox form {
-  margin: 1em;
+  border-radius: 5px;
+  opacity: 0.94;
+  background-color: white;
+  padding: 1em;
 }
 #loginMainDiv div#centerBox form .hiddenCredential {
   display: none;
@@ -1781,6 +1777,7 @@ body {
   height: 42px;
   border: none;
   border-bottom: 1px solid silver;
+  border-radius: 0px;
 }
 #loginMainDiv div#centerBox form table.divLoginbox input {
   width: calc(250px - 8px);
diff --git a/pixelegg/less/layout_loginPage.less b/pixelegg/less/layout_loginPage.less
index d224cf8541..69450e02c9 100644
--- a/pixelegg/less/layout_loginPage.less
+++ b/pixelegg/less/layout_loginPage.less
@@ -33,7 +33,7 @@
 	height: 100%;
 	width: 100%;
 	border: none;
-	margin: 0;
+	margin: 0 auto 0px;
 	background-color: white;
 	background-image: url(../images/login/fullscreen.jpg);
 	background-repeat: no-repeat;
@@ -41,18 +41,16 @@
 	background-size: cover;
 	// Logo Leiste
 	#divAppIconBar {
-		display: inline-block;
-		position: absolute;
-		left: 50%;
-		top: 20%;
-		transform: translate(-50%, -50%);
 		background: transparent;
 		width: 100%;
 		text-align: center;
-		max-width:270px;
+		height: 35%;
+		display: block;
+		max-height: 35%;
+		overflow-y: auto;
 		#divLogo {
 			position: relative;
-			top: 1px;
+		    padding-top: 5%;
 			img {
 				margin: 0 auto;
 				max-width: 270px;
@@ -85,17 +83,12 @@
 	}
 	// Anmeldefenster / Box mit Mesaage + Form
 	div#centerBox {
-		display: inline-block;
-		position: absolute;
-		left: 50%;
-		top: 50%;
-		transform: translate(-50%, -50%);
-		background-color: white;
+		margin: 0 auto -20px;
+		background: transparent;
 		border: none;
 		z-index: 100;
 		padding: 0;
-		border-radius:5px;
-		opacity:0.94;
+		width: 280px;
 
 		// Message
 		#loginCdMessage {
@@ -111,7 +104,10 @@
 
 		// Formular
 		form {
-			 margin: 1em;
+			border-radius:5px;
+			opacity:0.94;
+			background-color: white;
+			padding:1em;
 			.hiddenCredential {display: none;}
 			// Table
 			table.divLoginbox {
@@ -141,6 +137,7 @@
 					height: 42px;
 					border: none;
 					border-bottom: 1px solid silver;
+					border-radius: 0px;
 				}
 				select:hover {}
 				input {
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index fd5d7f2f77..e36074dd62 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -1675,7 +1675,7 @@ body {
   height: 100%;
   width: 100%;
   border: none;
-  margin: 0;
+  margin: 0 auto 0px;
   background-color: white;
   background-image: url(../images/login/fullscreen.jpg);
   background-repeat: no-repeat;
@@ -1683,19 +1683,17 @@ body {
   background-size: cover;
 }
 #loginMainDiv #divAppIconBar {
-  display: inline-block;
-  position: absolute;
-  left: 50%;
-  top: 20%;
-  transform: translate(-50%, -50%);
   background: transparent;
   width: 100%;
   text-align: center;
-  max-width: 270px;
+  height: 35%;
+  display: block;
+  max-height: 35%;
+  overflow-y: auto;
 }
 #loginMainDiv #divAppIconBar #divLogo {
   position: relative;
-  top: 1px;
+  padding-top: 5%;
 }
 #loginMainDiv #divAppIconBar #divLogo img {
   margin: 0 auto;
@@ -1725,17 +1723,12 @@ body {
   width: 40px;
 }
 #loginMainDiv div#centerBox {
-  display: inline-block;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  background-color: white;
+  margin: 0 auto -20px;
+  background: transparent;
   border: none;
   z-index: 100;
   padding: 0;
-  border-radius: 5px;
-  opacity: 0.94;
+  width: 280px;
 }
 #loginMainDiv div#centerBox #loginCdMessage {
   margin: 1em;
@@ -1753,7 +1746,10 @@ body {
   font-weight: bold;
 }
 #loginMainDiv div#centerBox form {
-  margin: 1em;
+  border-radius: 5px;
+  opacity: 0.94;
+  background-color: white;
+  padding: 1em;
 }
 #loginMainDiv div#centerBox form .hiddenCredential {
   display: none;
@@ -1803,6 +1799,7 @@ body {
   height: 42px;
   border: none;
   border-bottom: 1px solid silver;
+  border-radius: 0px;
 }
 #loginMainDiv div#centerBox form table.divLoginbox input {
   width: calc(250px - 8px);