/* Anmeldeseite im Aussehen von Tagwerk / FRAUEN helfen FRAUEN e.V. */
@font-face{font-family:"Atkinson";src:url(../fonts/atkinson-hyperlegible-next-latin-400-normal.woff2) format("woff2");font-weight:400}
@font-face{font-family:"Atkinson";src:url(../fonts/atkinson-hyperlegible-next-latin-700-normal.woff2) format("woff2");font-weight:700}
@font-face{font-family:"Serif4";src:url(../fonts/source-serif-4-latin-600-normal.woff2) format("woff2");font-weight:600}
:root{
  --fhf-lila:#821072; --fhf-lila-tief:#5c0b50; --fhf-zart:#f3e8f1; --fhf-grund:#f4eff1; --fhf-karte:#fffdfe; --fhf-linie:#e5dbe2;
  --pf-v5-global--FontFamily--text:"Atkinson",system-ui,sans-serif;
  --pf-v5-global--FontFamily--heading:"Serif4",Georgia,serif;
  --pf-v5-global--primary-color--100:var(--fhf-lila);
  --pf-v5-global--primary-color--200:var(--fhf-lila-tief);
  --pf-v5-global--link--Color:var(--fhf-lila);
  --pf-v5-global--link--Color--hover:var(--fhf-lila-tief);
  --pf-v5-global--active-color--100:var(--fhf-lila);
  --pf-v5-c-button--BorderRadius:999px;
}
body, .pf-v5-c-login, .pf-v5-c-background-image{background:var(--fhf-grund)!important}
.pf-v5-c-background-image{display:none}
.pf-v5-c-login__container{max-width:440px}
#kc-header, .pf-v5-c-login__header{padding-top:28px}
#kc-header-wrapper{font-family:"Serif4",Georgia,serif;font-size:26px;color:var(--fhf-lila-tief);text-transform:none;letter-spacing:0;line-height:1.25;text-align:center;
  padding-top:96px;background:url(../img/logo.svg) no-repeat center top/64px auto}
.pf-v5-c-login__main{background:var(--fhf-karte);border:1px solid var(--fhf-linie);border-radius:14px;box-shadow:0 1px 2px rgba(60,20,55,.06),0 4px 14px rgba(60,20,55,.06)}
.pf-v5-c-login__main-header h1, #kc-page-title{font-family:"Serif4",Georgia,serif;font-weight:600;color:#2a2128}
.pf-v5-c-button{font-weight:700;padding-top:11px;padding-bottom:11px}
.pf-v5-c-button.pf-m-primary{background:var(--fhf-lila)}
.pf-v5-c-button.pf-m-primary:hover{background:var(--fhf-lila-tief)}
.pf-v5-c-button.pf-m-secondary{color:var(--fhf-lila)}
.pf-v5-c-button.pf-m-secondary::after{border-color:#e4cfe0;border-radius:999px}
.pf-v5-c-form-control{border-radius:9px}
.pf-v5-c-form-control:focus-within{--pf-v5-c-form-control--focus--after--BorderBottomColor:var(--fhf-lila)}
@media (prefers-color-scheme: dark){
  body, .pf-v5-c-login{background:#1c161b!important}
  .pf-v5-c-login__main{background:#2b2229;border-color:#3a2f37}
  #kc-header-wrapper{color:#e9a6de}
  .pf-v5-c-login__main-header h1, #kc-page-title{color:#f2eaf0}
  :root{--pf-v5-global--primary-color--100:#d07ac2;--pf-v5-global--link--Color:#d07ac2}
}
/* Feinschliff nach Bildschirmprüfung */
#kc-header-wrapper, #kc-header-wrapper *{color:var(--fhf-lila-tief)!important;font-size:22px}
.pf-v5-c-login__main{border-top:1px solid var(--fhf-linie)!important;--pf-v5-c-login__main--BorderTopColor:transparent}
.pf-v5-c-login__main::before,.pf-v5-c-login__main::after{display:none!important}
.pf-v5-c-button,.pf-v5-c-button::after{border-radius:999px!important}
@media (prefers-color-scheme: dark){#kc-header-wrapper, #kc-header-wrapper *{color:#e9a6de!important}}
:root{--keycloak-card-top-color:transparent}
.pf-v5-c-login__main-header{border-top:0!important}