logo always dynamicialy

custom-login-css.css

@@ -18,10 +18,10 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
     display: none;
 }
 
- #loginPage .readOnlyContent {
+#loginPage .readOnlyContent {
     padding: 0 !important;
     width: 90% !important;
-  }
+}
 
 #loginPage .padded-left.padded-right.padded-bottom-page {
     background: #000000bf;
@@ -86,14 +86,13 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
 }
 
 /*Logo verkleinern*/
-@media (max-width: 1165px) {
-    #login-logo {
+#login-logo {
     max-width: 100%;
     height: auto;
-    }
 }
 
 @media (max-width: 1050px) {
+
     /* Login-Container */
     #loginPage .padded-left.padded-right.padded-bottom-page {
         width: 38vw;
@@ -125,6 +124,7 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
 /* Mobile Optimierungen für Tablet */
 @media (max-width: 886px) {
     @media (orientation: landscape) {
+
         /* Login-Container */
         #loginPage .padded-left.padded-right.padded-bottom-page {
             width: 32vw;
@@ -139,6 +139,7 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
     }
 
     @media (orientation: portrait) {
+
         /* Login-Container */
         #loginPage .padded-left.padded-right.padded-bottom-page {
             width: 50vw;
@@ -171,6 +172,7 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
 
 /* Mobile Optimierungen für Smartphone*/
 @media (max-width: 768px) {
+
     /* Login-Container */
     #loginPage .padded-left.padded-right.padded-bottom-page {
         width: 80vw;
@@ -190,7 +192,8 @@ body:not(:has(#loginPage:not(.hide))) .skinHeader {
 
     /* Square Card */
     #loginPage .squareCard {
-        width: 24%; /* 30% */
+        width: 24%;
+        /* 30% */
     }
 
     /* Verkleinern der Schriftgröße und Anpassung für andere Elemente */