Überarbeitete Version der 1. Version. Es bestehen noch grosse Feher in einzelnen Skripten.

www/intern/css/logindata.css

@@ -32,6 +32,10 @@
         "ROND" 0;
 }
 
+.hidden {
+    display: none !important;
+}
+
 html,
 body,
 section {
@@ -121,6 +125,7 @@ input {
     font-size: 0.95rem;
     font-weight: 500;
     cursor: pointer;
+    height: 39px;
     transition: all 0.25s ease;
 }
 
@@ -155,7 +160,8 @@ h3.benutzer {
 
 /* ── User / Verein card ───────────────────────────────── */
 
-.single_pwedit {
+.single_pwedit, 
+.newUserLink {
     background: var(--card-bg);
     border-radius: var(--card-radius);
     box-shadow: var(--card-shadow);
@@ -163,24 +169,28 @@ h3.benutzer {
     transition: box-shadow 0.25s ease;
 }
 
-.single_pwedit:hover {
+.single_pwedit:hover, 
+.newUserLink:hover {
     box-shadow: 0 14px 40px rgba(15, 23, 42, 0.12);
 }
 
-.single_pwedit.verein {
+.single_pwedit.verein, 
+.newUserLink.verein {
     border-left: 4px solid var(--bg-top);
 }
 
 /* ── Form fields inside user card ─────────────────────── */
 
-.single_pwedit form {
+.single_pwedit form, 
+.newUserLink form {
     display: flex;
     flex-wrap: wrap;
     gap: 14px 24px;
     align-items: flex-end;
 }
 
-.single_pwedit label {
+.single_pwedit label, 
+.newUserLink label {
     display: block;
     font-size: 0.8rem;
     font-weight: 500;
@@ -190,12 +200,14 @@ h3.benutzer {
     margin-bottom: 5px;
 }
 
-.single_pwedit .field-group {
+.single_pwedit .field-group, 
+.newUserLink .field-group {
     flex: 1 1 200px;
     min-width: 0;
 }
 
-.single_pwedit input[type="text"] {
+.single_pwedit input[type="text"], 
+.newUserLink input[type="text"] {
     width: 100%;
     padding: 9px 12px;
     border: 1px dashed #999;
@@ -207,20 +219,23 @@ h3.benutzer {
     transition: border-color 0.2s ease, box-shadow 0.2s ease;
 }
 
-.single_pwedit input[type="text"]:focus {
+.single_pwedit input[type="text"]:focus, 
+.newUserLink input[type="text"]:focus {
     outline: none;
     border: 1px solid var(--bg-top);
     box-shadow: 0 0 0 3px rgba(var(--bg-top-raw) / 0.12);
 }
 
-.single_pwedit input[type="text"]::placeholder {
+.single_pwedit input[type="text"]::placeholder, 
+.newUserLink input[type="text"]::placeholder {
     color: #b0b0b0;
     font-style: italic;
 }
 
 /* ── Buttons inside cards ─────────────────────────────── */
 
-.single_pwedit button[type="submit"] {
+.single_pwedit button[type="submit"], 
+.newUserLink button[type="submit"] {
     appearance: none;
     border: 1px solid #7777778e;
     background: #7777778e;
@@ -234,7 +249,8 @@ h3.benutzer {
     white-space: nowrap;
 }
 
-.single_pwedit button[type="submit"]:hover {
+.single_pwedit button[type="submit"]:hover, 
+.newUserLink button[type="submit"]:hover {
     background: var(--bg-top);
     border-color: var(--bg-top);
     color: #fff;
@@ -284,6 +300,26 @@ h3.benutzer {
     color: var(--bg-top);
 }
 
+.bgNewUserLink {
+    position: fixed;
+    top: 0;
+    left: 0;
+    height: 100dvh;
+    width: 100dvw;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #39393941;
+    backdrop-filter: blur(2px);
+}
+
+.newUserLink {
+    max-width: 600px;
+    max-height: 500px;
+    overflow-y: auto;
+    z-index: 9999;
+}
+
 /* ── Permission dropdown ──────────────────────────────── */
 
 .perm-section {