/* Username, Passwort & Wiederholen ausblenden */
#user_username,
#user_password,
#user_password_repeat,
label[for="user_username"],
label[for="user_password"],
label[for="user_password_repeat"],
#generate_password {
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Das Auge-Icon unsichtbar machen */
.bwd-show-pass-icon,
.bwd-show-pass-icon i.fa-eye {
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================
   E-MAIL-BLOCK STYLEN
   ========================= */
/* Den ganzen .form-group für E-Mail hervorheben (grauer Hintergrund, z-index 10) */
.form-group label[for="user_email"] {
    background-color: white !important;
}

.form-group:has(#user_email) {
    display: block;
    position: relative;
    z-index: 10;
}

/* =========================
   CAPTCHA-BLOCK "verstecken" via Überlagerung
   ========================= */
/* Der .form-group für das Captcha bleibt sichtbar,
   wird aber via margin-top nach oben geschoben
   und durch z-index 1 hinter dem E-Mail-Block liegen */
   .form-group:has(#captcha_answer) {
       margin-top: -196px;
       display: block;
       z-index: 1;
       position: relative;
   }

   /*Label registration-Page Design*/
   label {
       font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif !important;
       color: rgb(130, 139, 162) !important;
       font-size: 16px !important;
   }

   /*Email Input-feld*/
   input#user_email {
       border-radius: 3px !important;
       padding: 12px 16px !important;
       width: 100% !important;
       display: block !important;
       caret-color: rgb(26, 145, 240) !important;
       background-color: rgb(239, 242, 249) !important;
       outline: none !important;
       border: 0px !important;
       color: rgb(30, 37, 50) !important;
       transition: color 0.1s !important;
   }
   input#user_email:focus {
       border-bottom: 3px solid !important;
       border-color: rgb(26, 145, 240) !important;
   }

   /*Register Button Design (blue)*/
   input.btn.btn-primary {
       background-color: rgb(26, 145, 240) !important;
       line-height: 22px !important;
       font-weight: 600 !important;
       border-radius: 4px !important;
       cursor: pointer !important;
       pointer-events: auto !important;
       transition: background-color 0.1s, color 0.1s, box-shadow 0.1s !important;
   }
   input.btn.btn-primary:hover {
       background-color: rgb(17, 112, 205) !important;
   }

   /*Hintergrund der Box*/
   .bwd-custom-login-form, .bwd-custom-registration-form {
       background: white !important;
       border: solid;
       border-radius: 4px;
       padding: 10px 25px;
   }

   /*Bereits registriert?*/
   a.bwdcv-reg-log-extra {
       color: rgb(26, 145, 240) !important;
       font-size: 14px !important;
       line-height: 24px !important;
       font-weight: 400 !important;
       text-decoration: none !important;
       z-index: 10;
       position: relative;
   }