/* KENbrand Erscheinungsbild 1.0.0 · Login (Relief auf kühler Fläche, Knopf bündig in Flächenfarbe). Nur auf Seiten mit KENDESIGN-Standard-Login. */
body.login.kb-skin { background: radial-gradient(ellipse 50% 45% at 50% 18%, #f3f5f8 0%, rgba(243,245,248,0) 75%), #e9edf2; min-height: 100vh; color: #1e2633; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
body.login.kb-skin #login { width: 360px; max-width: calc(100vw - 32px); padding: max(10vh, 48px) 0 48px; }
body.login.kb-skin #login h1 a { margin-bottom: 40px; }
body.login.kb-skin form { background: #e9edf2; border: 0; border-radius: 24px; padding: 32px 32px 32px; margin-top: 0; overflow: visible;
  box-shadow: 12px 12px 30px rgba(163,175,194,.5), -12px -12px 30px rgba(255,255,255,.92); }
body.login.kb-skin form label { font-size: 13px; color: #5c6677; font-weight: 450; line-height: 1.4; margin-bottom: 6px; display: inline-block; }
/* Felder: flache Prägung; beim Reinklicken ändert sich nichts */
body.login.kb-skin form .input, body.login.kb-skin input[type=text], body.login.kb-skin input[type=password] {
  font: 400 16px/1.4 inherit; padding: 10px 14px; min-height: 46px; border-radius: 12px; border: 1px solid transparent; background: #e9edf2; color: #1e2633; margin: 0 0 20px;
  box-shadow: inset 1.5px 1.5px 3px rgba(163,175,194,.5), inset -1.5px -1.5px 3px rgba(255,255,255,.9); }
body.login.kb-skin form .input:focus, body.login.kb-skin input[type=text]:focus, body.login.kb-skin input[type=password]:focus {
  border-color: transparent; outline: 0; box-shadow: inset 1.5px 1.5px 3px rgba(163,175,194,.5), inset -1.5px -1.5px 3px rgba(255,255,255,.9); }
body.login.kb-skin .wp-pwd { margin-bottom: 0; }
body.login.kb-skin .button.wp-hide-pw { height: 46px; min-height: 46px; width: 46px; top: 0; color: #6b7789; border: 0; background: transparent; box-shadow: none; outline: 0; }
body.login.kb-skin .button.wp-hide-pw:focus { box-shadow: none; }
/* Ausgeblendet: angemeldet bleiben, Passwort vergessen, Datenschutz, Sprachwahl */
body.login.kb-skin .forgetmenot, body.login.kb-skin #nav, body.login.kb-skin .privacy-policy-page-link, body.login.kb-skin .language-switcher { display: none !important; }
body.login.kb-skin .submit { clear: both; margin: 4px 0 0; padding: 0; }
body.login.kb-skin #backtoblog { margin: 22px 0 0; padding: 0; text-align: center; font-size: 13px; }
body.login.kb-skin #backtoblog a { color: #5c6677; text-decoration: none; transition: color .15s ease; }
body.login.kb-skin #backtoblog a:hover { color: #1e2633; }
/* Knopf: liegt bündig in der Fläche, versinkt beim Drücken */
body.login.kb-skin #wp-submit { float: none; width: 100%; min-height: 46px; border-radius: 12px; border: 0; text-shadow: none; outline: 0;
  font: 500 15px/1 inherit; letter-spacing: .01em; text-transform: none; transition: background-color .15s ease, box-shadow .15s ease, color .15s ease; }

body.login.kb-skin #wp-submit { background: #e9edf2; color: #253041; box-shadow: inset 1px 1px 0 rgba(255,255,255,.95), inset -1px -1px 0 rgba(163,175,194,.55); }
body.login.kb-skin #wp-submit:hover { color: #0f141c; background: #ecf0f4; }
body.login.kb-skin #wp-submit:focus { box-shadow: inset 1px 1px 0 rgba(255,255,255,.95), inset -1px -1px 0 rgba(163,175,194,.55); }
body.login.kb-skin #wp-submit:active { background: #e4e9ee; box-shadow: inset 3px 3px 7px rgba(163,175,194,.65), inset -3px -3px 7px rgba(255,255,255,.95); }
body.login.kb-skin :is(#login_error, .message, .success, .notice) { border: 0; border-radius: 12px; background: #e9edf2; color: #1e2633; padding: 12px 14px; margin-bottom: 24px;
  box-shadow: 5px 5px 12px rgba(163,175,194,.45), -5px -5px 12px rgba(255,255,255,.9); }
body.login.kb-skin #login_error strong { font-weight: 500; color: #b3262f; }
body.login.kb-skin .branda-background-mask { display: none; }