fix registration seite

CSS/Block/header.css

@@ -8,16 +8,5 @@ header {
 nav {
     display: flex;
     flex-direction: row;
-}
-
-@media only screen and (min-width: 900px) {
-    nav{
-        padding: 24px 42px 24px 42px;
-    }
-}
-
-@media only screen and (max-width: 800px) {
-    nav{
-        padding: 0;
-    }
+    padding: 24px 42px 24px 42px;
 }

CSS/Element/form.css

@@ -91,7 +91,7 @@ form .error {
   outline-color: var(--error);
 }
 .form-user {
-  justify-content: center !important;
+  /*justify-content: center !important;*/
   grid-template-columns: auto !important;
 }
 
@@ -108,3 +108,8 @@ form .error {
   height: var(--h-sm);
   width: var(--h-sm);
 }
+
+.input-transparent{
+  background: transparent!important;
+  border: transparent!important;
+}

CSS/Element/modal.css

@@ -2,14 +2,16 @@
     display: none;
     position: fixed;
     inset: 0;
-    background: rgba(0,0,0,0.6);
+    background: rgba(0, 0, 0, 0.6);
     justify-content: center;
     align-items: center;
     z-index: 1000;
 }
+
 .modal-overlay.is-visible {
     display: flex;
 }
+
 .modal {
     background: var(--brand-background);
     padding: 1.5rem;
@@ -17,4 +19,16 @@
     text-align: center;
     max-width: 320px;
     width: 90%;
+}
+
+@media only screen and (min-width: 900px) {
+    .modal nav {
+        padding: 24px 42px 24px 42px;
+    }
+}
+
+@media only screen and (max-width: 800px) {
+    .modal nav {
+        padding: 0;
+    }
 }