@font-face{font-family:Montserrat;src:url('../fonts/Montserrat-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--pf-v5-global--FontFamily--text:Montserrat,sans-serif;--pf-v5-global--FontFamily--heading:Montserrat,sans-serif;--pf-v5-global--Color--100:#e9eff3;--pf-v5-global--Color--200:#a0b0bc;--pf-v5-global--BackgroundColor--100:#0e1923;--pf-v5-global--BackgroundColor--200:#0a1116;--pf-v5-global--primary-color--100:#fbbc7d;--pf-v5-global--primary-color--200:#ffd200;--pf-v5-global--active-color--100:#ffd200}
html,body{margin:0;background:#0a1116!important;color:#e9eff3;font-family:Montserrat,sans-serif!important;font-size:16px}
#keycloak-bg{background-image:linear-gradient(#e9eff306 1px,transparent 1px),linear-gradient(90deg,#e9eff306 1px,transparent 1px)!important;background-size:32px 32px!important}
.pf-v5-c-login{min-height:100dvh;padding:24px 16px;background:transparent}
.pf-v5-c-login__container{width:min(100%,900px)!important;max-width:900px;margin:auto;grid-template-columns:minmax(0,1fr)!important;row-gap:32px}
#kc-header{margin:0;grid-column:1/-1!important;width:100%;text-align:center}
#kc-header-wrapper{display:block;width:100%;padding:0;color:#e9eff3;font:400 1rem/1.6 Montserrat,sans-serif;letter-spacing:normal;background:none}
.refnorm-brand-network{display:grid;grid-template-columns:100px minmax(0,110px) 190px minmax(0,110px) 100px;align-items:center;justify-content:center;column-gap:24px;max-width:850px;margin:auto}
.refnorm-company{display:flex;flex-direction:column;align-items:center;gap:14px;white-space:nowrap;font-size:1rem}.refnorm-company b{font-weight:400;color:#fbbc7d}.refnorm-kom b{color:#ffd200}
.refnorm-company-mark{display:block;width:84px;height:84px;border-radius:18px;background-position:center;background-repeat:no-repeat;background-size:contain}.refnorm-elektro .refnorm-company-mark{background-image:url('../img/ref-elektro.png')}.refnorm-kom .refnorm-company-mark{background-image:url('../img/refkom.png')}
.refnorm-central-brand{display:flex;flex-direction:column;align-items:center}.refnorm-central-mark{display:block;width:144px;height:144px;background:url('../img/refnorm-mark.svg') center/contain no-repeat}.refnorm-wordmark{margin-top:-8px;font-size:2.5rem;letter-spacing:-.055em;font-weight:700;line-height:1.2}.refnorm-norm{font-weight:400;color:#fbbc7d}
.refnorm-connection{display:block;position:relative;height:1px;margin-top:-30px;background:linear-gradient(90deg,#fbbc7d33,#fbbc7d)}.refnorm-kom-line{background:linear-gradient(90deg,#fbbc7d,#ffd20033)}.refnorm-connection::before,.refnorm-connection::after{content:"";position:absolute;top:-3px;width:7px;height:7px;border:1px solid #fbbc7d;border-radius:50%;background:#0a1116;box-sizing:border-box}.refnorm-connection::before{left:0}.refnorm-connection::after{right:0}
.refnorm-network-caption{display:block;margin-top:24px;color:#a0b0bc;font-size:1rem;line-height:1.6;letter-spacing:.03em;text-align:center}
.pf-v5-c-login__main{width:min(100%,480px);margin:auto;border:1px solid #e9eff329;border-radius:18px;background:linear-gradient(135deg,#142634c2,#0b1117fa)!important;box-shadow:0 20px 60px #0003;color:#e9eff3;grid-column:1/-1!important;min-width:0}
.pf-v5-c-login__main-header,.pf-v5-c-login__main-body,.pf-v5-c-login__main-footer{padding-left:28px;padding-right:28px}
.pf-v5-c-login__main-header{padding-top:26px;border-top:0;border-radius:18px 18px 0 0}.pf-v5-c-login__main-footer{padding-bottom:20px;border-radius:0 0 18px 18px}
h1,h2,input,button,select,textarea,label{font-family:Montserrat,sans-serif!important}
#kc-page-title{font-size:1.65rem;line-height:1.3;color:#e9eff3}.pf-v5-c-form__label{color:#a0b0bc;font-size:.875rem;letter-spacing:.03em}
.pf-v5-c-form-control,.pf-v5-c-form-control input{background:#0a1116!important;color:#e9eff3!important;min-height:46px}.pf-v5-c-button{font-size:1rem;min-height:44px}.pf-v5-c-button.pf-m-primary{background:#fbbc7d;color:#0a1116}.pf-v5-c-button.pf-m-primary:hover{background:#ffd200}
a{color:#fbbc7d}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffd200!important;outline-offset:3px}
.refnorm-footer{font-size:.875rem;line-height:1.6;color:#a0b0bc;text-align:center}.refnorm-footer p{margin:0 0 12px}.refnorm-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
@media(max-width:640px){.refnorm-brand-network{grid-template-columns:62px minmax(0,1fr) 118px minmax(0,1fr) 62px;gap:10px;max-width:480px}.refnorm-company{font-size:.875rem;gap:12px}.refnorm-company-mark{width:58px;height:58px;border-radius:12px}.refnorm-central-mark{width:112px;height:112px}.refnorm-wordmark{font-size:1.75rem}.refnorm-connection{margin-top:-22px}.refnorm-network-caption{font-size:.875rem;margin-top:18px}}
@media(max-width:380px){.pf-v5-c-login{padding:20px 12px}.refnorm-brand-network{grid-template-columns:54px minmax(0,1fr) 98px minmax(0,1fr) 54px;gap:6px}.refnorm-company-mark{width:50px;height:50px}.refnorm-central-mark{width:96px;height:96px}.refnorm-wordmark{font-size:1.5rem}.pf-v5-c-login__main-header,.pf-v5-c-login__main-body,.pf-v5-c-login__main-footer{padding-left:18px;padding-right:18px}}
.refnorm-agreement-text{white-space:pre-wrap;overflow-wrap:anywhere;font:400 1rem/1.65 Montserrat,sans-serif;max-height:55vh;overflow:auto;padding:12px;border:1px solid #e9eff329}.refnorm-consent{display:flex;align-items:flex-start;gap:10px;margin:20px 0;font-size:1rem;line-height:1.5}.refnorm-consent input{min-height:24px;min-width:24px;margin-top:0}#refnorm-receipt-text{width:100%;max-width:100%;font:400 1rem/1.5 Montserrat,sans-serif;margin-bottom:16px;padding:12px}#kc-header-wrapper{text-transform:none}