@font-face{font-family:Inter;src:url('../fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--me-bg:#f6f7f5;--me-text:#193238;--me-primary:#0d6269;--me-border:#dce6e3;--me-muted:#688086;--me-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--pf-global--FontFamily--text:var(--me-font);--pf-global--FontFamily--heading:var(--me-font)}
html.login-pf,html.login-pf body,body{background:var(--me-bg)!important;background-image:none!important;color:var(--me-text);font-family:var(--me-font);margin:0;min-width:0}
body,input,button,select,textarea,h1,h2,h3,p,a,label{font-family:var(--me-font)}
.login-pf-page{padding:0!important;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(290px,39%) minmax(0,1fr);align-items:center}
#kc-header{align-self:stretch;min-height:100vh;min-height:100dvh;background:linear-gradient(168deg,#0d4c55,#0a424a 64%,#083940);margin:0;display:flex;align-items:center;padding:64px clamp(28px,5vw,80px);position:relative;text-align:left;color:#fff;overflow:hidden}
#kc-header:after{content:"Dein Team. Dein Arbeitsplatz.";position:absolute;left:clamp(28px,5vw,80px);top:calc(50% + 90px);right:24px;color:#b9d8d1;font-size:16px;font-weight:450;line-height:1.6;letter-spacing:0}
#kc-header-wrapper{padding:0!important;color:#fff;text-transform:none;font-size:clamp(30px,3vw,42px);font-weight:750;line-height:1.15;letter-spacing:-1.3px;position:relative;white-space:normal}
#kc-header-wrapper:before{content:"";display:block;width:64px;height:64px;margin:0 0 28px;border-radius:18px;background:#eff9f3 url('../img/mainengel.svg') center/64px 64px no-repeat;box-shadow:0 12px 32px #062e3580}
.login-pf-page .card-pf{width:calc(100% - 80px);max-width:510px;min-width:0;margin:48px auto!important;padding:38px 40px 28px;background:#fff;border:1px solid var(--me-border);border-top:1px solid var(--me-border);border-radius:20px;box-shadow:0 14px 42px #1e5b5310}
.login-pf-page .login-pf-header{margin-bottom:25px;text-align:left}
#kc-page-title{font-size:27px;line-height:1.22;letter-spacing:-.8px;font-weight:730;color:var(--me-text);margin:0 0 10px;text-align:left}
#kc-content,#kc-content-wrapper{padding:0;min-width:0}
.login-pf-page .form-group{margin-bottom:20px}
.login-pf-page label,.login-pf-page .pf-c-form__label-text{font-size:13px;line-height:1.5;font-weight:650;color:var(--me-text);margin-bottom:7px}
.login-pf-page .pf-c-form-control,.login-pf-page input:not([type=checkbox]):not([type=radio]):not([type=submit]),.login-pf-page select,.login-pf-page textarea{font-family:var(--me-font);background:#fff;color:var(--me-text);border:1px solid var(--me-border);border-radius:10px;box-shadow:none;font-size:16px;min-height:48px;padding:11px 13px;line-height:1.4;max-width:100%}
.login-pf-page .pf-c-form-control:focus,.login-pf-page input:focus{border-color:#7db5ad;box-shadow:0 0 0 3px #7db5ad30;outline:0}
.login-pf-page .pf-c-input-group{gap:0}
.login-pf-page .pf-c-input-group input{border-radius:10px 0 0 10px!important}
.login-pf-page .pf-c-input-group>.pf-c-button.pf-m-control{background:#f7faf8;color:var(--me-primary);border:1px solid var(--me-border);border-left:0;border-radius:0 10px 10px 0;min-height:48px;box-shadow:none}
.login-pf-page .pf-c-input-group>.pf-c-button.pf-m-control:after{border:0}
.login-pf-page .pf-c-button.pf-m-primary,.login-pf-page input[type=submit],.login-pf-page button[type=submit]{background:var(--me-primary);color:#fff;border:1px solid var(--me-primary);border-radius:10px;min-height:48px;padding:12px 18px;font-family:var(--me-font);font-size:15px;font-weight:650;line-height:1.35;box-shadow:none;transition:background .15s ease}
.login-pf-page .pf-c-button.pf-m-primary:after{border:0}
.login-pf-page .pf-c-button.pf-m-primary:hover,.login-pf-page input[type=submit]:hover,.login-pf-page button[type=submit]:hover{background:#0a5158;border-color:#0a5158}
.login-pf-page a{color:var(--me-primary);font-size:13px;text-decoration:none;font-weight:550}
.login-pf-page a:hover{text-decoration:underline}
.login-pf-page a:focus-visible,.login-pf-page button:focus-visible,.login-pf-page input[type=submit]:focus-visible{outline:3px solid #7db5ad;outline-offset:3px}
.login-pf-page .login-pf-settings{gap:14px;margin-bottom:23px;align-items:center}
.login-pf-page .instruction,.login-pf-page p{font-size:14px;line-height:1.65;color:#536c72}
.login-pf-page .pf-c-alert{border-radius:10px;padding:14px 16px;font-size:14px;margin-bottom:22px;box-shadow:none}
.login-pf-page .pf-c-alert.pf-m-danger{background:#fff3f1;border:1px solid #efd2cc;color:#9d3b36}
.login-pf-page .pf-c-alert.pf-m-success{background:#edf7ef;border:1px solid #cfe4d6;color:#22704b}
#kc-info{margin:24px 0 0;padding:0;background:transparent}
#kc-info-wrapper{padding:16px 0 0;border-top:1px solid #e8efeb;background:transparent;border-radius:0;font-size:13px;line-height:1.6;color:var(--me-muted)}
#kc-content:after{content:"Mainengel GmbH · Internes Teamportal";display:block;margin-top:28px;padding-top:21px;border-top:1px solid #edf1ef;color:#7b9093;font-size:11px;line-height:1.5;text-align:center}
#kc-form-login img,#kc-totp-settings img{max-width:100%;height:auto}
#kc-totp-settings{padding-left:20px}
.login-pf-page .pf-c-form__helper-text.pf-m-error{color:#b73838;font-size:12px;line-height:1.5}
@media(max-width:780px){.login-pf-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:100dvh}#kc-header{min-height:0;padding:27px 24px;display:block}#kc-header:after{display:none}#kc-header-wrapper{font-size:25px;letter-spacing:-.6px;display:flex;align-items:center;gap:13px}#kc-header-wrapper:before{width:47px;height:47px;flex-shrink:0;background-size:47px 47px;border-radius:13px;margin:0}.login-pf-page .card-pf{width:calc(100% - 32px);max-width:510px;padding:28px 24px 23px;margin:24px auto!important;border-radius:17px}#kc-page-title{font-size:25px}#kc-content:after{font-size:10px;margin-top:24px;padding-top:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}