/* Layout contract for every inherited Keycloak login step, including MFA/recovery. */
*{box-sizing:border-box}html,body,.login-pf body{margin:0;background:#fff!important;color:#24444e!important;width:100%;max-width:none}
.pf-v5-c-login{width:100%!important;max-width:none!important;margin:0!important}body{padding:0!important}.pf-v5-c-login__main-header{display:block!important;border:0!important}.pf-v5-c-login__main-header:before{display:none!important}#kc-header-wrapper{text-align:left!important;position:relative;z-index:1}
.pf-v5-c-login{padding:0!important;min-height:100dvh;background:#fff;display:block!important}.pf-v5-c-login__container{padding:0!important}
.pf-v5-c-login__container{display:grid!important;grid-template-columns:minmax(420px,1fr) minmax(480px,1fr)!important;grid-template-areas:'brand main'!important;gap:0!important;width:100%!important;max-width:none!important;min-height:100dvh;margin:0!important;align-items:stretch!important}
#kc-header{grid-area:brand!important;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 60%,#245e60,transparent 60%),#073638;min-height:100dvh;margin:0!important;padding:52px 64px!important;text-align:left!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
#kc-header-wrapper{font-size:0!important;width:100%;margin:0!important;padding:0!important;color:#fff}
#kc-header-wrapper:before{width:235px;height:64px;margin:0;background-position:left center;filter:brightness(0) invert(1);opacity:.95}
#kc-header-wrapper:after{content:'DEIN GALAXYEVENTS WORKSPACE';display:block;margin-top:66px;color:#8bb6b5;font-size:10px;letter-spacing:2.3px;font-weight:600}
#kc-header:before{content:'Aus Ideen werden\A besondere Momente.';white-space:pre-line;position:absolute;top:244px;left:64px;right:40px;font-size:clamp(30px,3.2vw,52px);font-weight:550;letter-spacing:-1.7px;line-height:1.23;color:#eef8f3}
#kc-header:after{content:'';position:absolute;left:0;right:0;top:330px;bottom:25px;background:url('../img/workspace.svg') center/contain no-repeat;pointer-events:none}
.pf-v5-c-login__main,.card-pf{grid-area:main!important;align-self:center!important;justify-self:center!important;width:100%!important;max-width:490px!important;min-width:0!important;margin:60px 0!important;padding:0 38px!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;--pf-v5-c-login__main--BorderTopWidth:0}
.pf-v5-c-login__main:before{content:'WILLKOMMEN IM WORKSPACE';display:block;font-size:10px;font-weight:650;letter-spacing:1.8px;color:#73969c;margin-bottom:17px}
.pf-v5-c-login__main-header{padding:0 0 34px!important}.pf-v5-c-title,#kc-page-title{font-size:36px!important;font-weight:600!important;letter-spacing:-1.2px!important;line-height:1.3!important;color:#123d47!important;margin:0!important}
.pf-v5-c-login__main-header:after{content:'Melde dich mit deinem persönlichen Zugang an.';display:block;font-size:13px;color:#8a9da5;line-height:1.8;margin-top:14px}
.pf-v5-c-login__main-body{padding:0!important}.pf-v5-c-login__main-footer{padding:0!important;background:transparent!important}.pf-v5-c-form{gap:24px!important}.pf-v5-c-form__group{gap:8px!important}.pf-v5-c-form__group-label{padding-bottom:7px!important}
.pf-v5-c-form__label,.pf-v5-c-form__label-text{font-size:12px!important;font-weight:550!important;color:#5b7883!important}
.pf-v5-c-form-control{display:flex!important;border:1px solid #d6e3e7!important;border-radius:8px!important;min-height:50px!important;box-shadow:0 2px 4px #123d4703;overflow:hidden}
.pf-v5-c-form-control:before,.pf-v5-c-form-control:after{border:0!important}.pf-v5-c-form-control:focus-within{border-color:#6b9b9e!important;box-shadow:0 0 0 3px #2d858912}
.pf-v5-c-form-control input{width:100%;min-width:0;font-size:14px!important;padding:13px 15px!important;color:#24444e!important;outline:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.pf-v5-c-input-group{display:flex!important;gap:8px!important}.pf-v5-c-input-group__item.pf-m-fill{flex:1;min-width:0}.pf-v5-c-button.pf-m-control{height:50px!important;min-width:48px;border:1px solid #dce7ea!important;border-radius:8px!important;color:#5d818a!important;background:#f8fafb!important}
.pf-v5-c-button.pf-m-primary{background:#073638!important;border:1px solid #073638!important;color:#fff!important;border-radius:8px!important;min-height:50px!important;font:600 13px Manrope,Arial,sans-serif!important;box-shadow:0 4px 10px #07363812!important;padding:13px 20px!important}.pf-v5-c-button.pf-m-primary:hover{background:#15575a!important}.pf-v5-c-button.pf-m-primary:after{border:0!important}
a{color:#376f77!important;font-size:12px!important;text-underline-offset:4px}.pf-v5-c-form__helper-text{margin-top:10px!important;font-size:12px}.pf-v5-c-login__main-footer-band{margin-top:24px;background:#f6f9fa!important;padding:18px!important;border-radius:8px;color:#6b8893!important;font-size:12px}.pf-v5-c-alert{border-radius:8px;font-size:12px;margin-bottom:20px}.pf-v5-c-login__main-header-desc{font-size:13px;line-height:1.8;color:#6b8893}
:is(button,a,input):focus-visible{outline:2px solid #428c93!important;outline-offset:4px!important}
@media(min-width:1600px){#kc-header{padding-left:84px!important}#kc-header:before{left:84px;top:26%}#kc-header:after{top:36%;bottom:8%}}
@media(max-height:800px) and (min-width:901px){#kc-header-wrapper:after{margin-top:40px}#kc-header:before{top:200px;font-size:36px}#kc-header:after{top:270px;bottom:0}}
@media(max-width:900px){.pf-v5-c-login__container{grid-template-columns:1fr!important;grid-template-areas:'brand' 'main'!important;min-height:100dvh;align-content:start!important}#kc-header{min-height:190px;padding:28px 32px!important}#kc-header-wrapper:before{width:190px;height:48px}#kc-header-wrapper:after{margin-top:24px;font-size:9px}#kc-header:before{display:none}#kc-header:after{left:auto;width:220px;right:5px;top:0;bottom:-18px;opacity:.7}.pf-v5-c-login__main{margin:48px 0!important;padding:0 28px!important;max-width:460px!important}.pf-v5-c-title,#kc-page-title{font-size:30px!important}.pf-v5-c-login__main-header{padding-bottom:28px!important}}
@media(max-width:380px){#kc-header{padding-inline:24px!important}.pf-v5-c-login__main{padding-inline:24px!important}.pf-v5-c-title,#kc-page-title{font-size:27px!important}#kc-header:after{right:-55px;opacity:.4}}