/* Anmeldeseite im Stil des Mitgliederbereichs: Pflaume (Fläche), Mint (Akzent), Rot nur für Fehler. Ein Winkel: 12°. */
body.vkl-anmeldung{background:#2E1A3D;color:#1D1424;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px}
.vkl-anmeldung #login{width:min(400px,calc(100% - 2rem));padding:8vh 0 2rem}

/* Kopf: Vereinsname statt WordPress-Logo */
.vkl-anmeldung #login h1{margin:0 0 1.4rem;text-align:left}
.vkl-anmeldung #login h1 a{background:none;width:auto;height:auto;text-indent:0;overflow:visible;margin:0;padding:0;color:#fff;font:900 clamp(1.6rem,1.2rem + 2vw,2.2rem)/1.05 Inter,sans-serif;text-transform:uppercase;letter-spacing:-.01em;text-decoration:none;display:block}
.vkl-anmeldung #login h1 a::before{content:"Mitgliederbereich";display:block;font-size:.78rem;font-weight:800;letter-spacing:.2em;color:#4FD1A5;margin-bottom:.5rem}
.vkl-anmeldung #login h1 a::after{content:"";display:block;width:3.2rem;height:.32rem;background:#4FD1A5;margin-top:1rem}

/* Formular als helle Karte */
.vkl-anmeldung form,.vkl-anmeldung .vkl-login-box{background:#fff;border:0;border-top:4px solid #4FD1A5;border-radius:0;box-shadow:0 18px 40px rgba(0,0,0,.25);padding:1.6rem 1.6rem 1.8rem;margin:0}
.vkl-anmeldung .vkl-login-box h1{font:900 1.3rem/1.1 Inter,sans-serif;text-transform:uppercase;margin:0 0 .9rem;color:#2E1A3D}
.vkl-anmeldung .vkl-login-box form{box-shadow:none;border:0;padding:0;margin-top:1rem}
.vkl-anmeldung label{font-weight:700;font-size:.92rem;color:#1D1424}
.vkl-anmeldung p,.vkl-anmeldung .vkl-login-box li{line-height:1.55}
.vkl-anmeldung input[type=text],.vkl-anmeldung input[type=password],.vkl-anmeldung input[type=email]{min-height:48px;border:2px solid #8A729C;border-radius:0;background:#fff;color:#1D1424;font-size:1.05rem;padding:.55rem .75rem;box-shadow:none;margin-top:.3rem}
.vkl-anmeldung input[type=text]:focus,.vkl-anmeldung input[type=password]:focus,.vkl-anmeldung input[type=email]:focus{border-color:#2E1A3D;outline:3px solid #137A5C;outline-offset:0;box-shadow:none}
.vkl-anmeldung input[type=checkbox]{accent-color:#137A5C;border-radius:0}
.vkl-anmeldung .button.wp-hide-pw{color:#2E1A3D;min-height:48px}
.vkl-anmeldung .button.wp-hide-pw:focus{outline:3px solid #137A5C;box-shadow:none}

/* Knopf: Mint mit Anschnitt */
.vkl-anmeldung .wp-core-ui .button-primary,.vkl-anmeldung .button-primary{min-height:48px;padding:0 1.5rem 0 1.2rem;border:0;border-radius:0;background:#137A5C;color:#fff;font:800 .9rem/48px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-shadow:none;box-shadow:none;clip-path:polygon(0 0,100% 0,calc(100% - .65rem) 100%,0 100%)}
.vkl-anmeldung .wp-core-ui .button-primary:hover,.vkl-anmeldung .button-primary:hover{background:#0F6149;color:#fff}
.vkl-anmeldung .wp-core-ui .button-primary:focus,.vkl-anmeldung .button-primary:focus{outline:3px solid #2E1A3D;outline-offset:3px;box-shadow:none}
.vkl-anmeldung .submit{margin-top:1rem}

/* Hinweise: Mint für Info, Rot nur für Fehler */
.vkl-anmeldung .message,.vkl-anmeldung .notice,.vkl-anmeldung .success{border:0;border-left:4px solid #137A5C;border-radius:0;background:#EEF8F4;color:#1D1424;box-shadow:none;margin:0 0 1rem}
.vkl-anmeldung #login_error,.vkl-anmeldung .notice-error{border-left-color:#A00D24;background:#FBEDEF}
.vkl-anmeldung #login_error a,.vkl-anmeldung .message a{color:#137A5C}

/* Links unter dem Formular auf dunklem Grund */
.vkl-anmeldung #nav,.vkl-anmeldung #backtoblog{margin:1.2rem 0 0;padding:0;font-size:.95rem}
.vkl-anmeldung #nav a,.vkl-anmeldung #backtoblog a,.vkl-anmeldung .privacy-policy-page-link a{color:#fff;text-decoration:underline;text-underline-offset:.15em}
.vkl-anmeldung #nav a:hover,.vkl-anmeldung #backtoblog a:hover,.vkl-anmeldung .privacy-policy-page-link a:hover{color:#4FD1A5}
.vkl-anmeldung a:focus{outline:3px solid #4FD1A5;outline-offset:2px;box-shadow:none;color:#fff}
.vkl-anmeldung .vkl-login-box a:focus,.vkl-anmeldung form a:focus{outline-color:#137A5C;color:#137A5C}
.vkl-anmeldung .privacy-policy-page-link{margin:2rem 0 0;text-align:left}