.login-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:auto;background:linear-gradient(145deg,#fafbf9 0%,#f1f4ef 52%,#e9eee7 100%);padding:32px}
.login-screen[hidden]{display:none}
#mfaLoginField[hidden]{display:none!important}
.login-layout{width:min(980px,100%);display:grid;grid-template-columns:minmax(320px,.9fr) minmax(390px,1fr);overflow:hidden;border:1px solid #e0e4dd;border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(35,45,31,.13)}
.login-brand{position:relative;display:flex;min-height:590px;flex-direction:column;justify-content:center;padding:58px;background:#f4f5f1;color:#171b17}.login-brand:after{content:"";position:absolute;right:0;top:54px;bottom:54px;width:1px;background:#dfe3da}.login-brand img{width:min(330px,100%);height:auto}.login-brand>p{margin:14px 0 46px;text-align:center;color:#657064;font-size:14px;letter-spacing:.15em;text-transform:uppercase}.login-brand div{display:grid;gap:13px}.login-brand span{display:flex;align-items:center;gap:11px;color:#40503f;font-size:14px}.login-brand span:before{content:"";width:7px;height:7px;border-radius:50%;background:#86ad35;box-shadow:0 0 0 5px rgba(134,173,53,.12)}
.login-card{width:100%;display:grid;align-content:center;gap:14px;background:#fff;color:#171b17;padding:58px 64px;border:0;border-radius:0;box-shadow:none}.login-product{display:flex;align-items:center;gap:13px;margin-bottom:20px}.login-product img{width:48px;height:48px;border-radius:11px}.login-product strong,.login-product small{display:block}.login-product strong{font-size:17px}.login-product small{margin-top:3px;color:#748072;font-size:12px}.login-card .eyebrow{margin:0;color:#79a227;font-size:11px;letter-spacing:.16em}.login-card h1{margin:0;font-size:30px;font-weight:600;letter-spacing:-.035em}.login-card>p:not(.eyebrow):not(.login-error){margin:0 0 8px;color:#697368;font-size:14px}.login-card label{display:grid;gap:7px;margin-top:3px;color:#3f4d3e;font-size:12px;font-weight:700}.login-card input{width:100%;min-height:46px;padding:11px 13px;border:1px solid #d7ddd3;border-radius:8px;background:#fff;color:#171b17;font-size:15px;transition:border-color .15s,box-shadow .15s}.login-card input:focus{outline:0;border-color:#86ad35;box-shadow:0 0 0 3px rgba(134,173,53,.14)}.login-card .primary{display:flex;min-height:46px;align-items:center;justify-content:space-between;margin-top:2px;padding:0 17px;border:0;border-radius:8px;background:#86ad35;color:#fff;cursor:pointer;font-weight:700}.login-card .primary:hover{background:#769b2f}.login-card .primary:disabled{opacity:.6;cursor:wait}.login-error{color:#ad3541;min-height:20px;margin:0!important;font-size:12px}.login-safety{display:block;margin-top:8px;color:#7a8479;font-size:11px;line-height:1.55}
@media(max-width:760px){.login-screen{padding:18px}.login-layout{grid-template-columns:1fr}.login-brand{display:none}.login-card{padding:38px 28px;min-height:560px}}
.login-layout .login-brand{background:#fff}
.login-layout .login-card{background:#f4f5f1}
.login-brand>small{margin-top:38px;color:#6e796d;font-size:12px;line-height:1.65}.login-mode{display:grid;grid-template-columns:minmax(120px,1fr) 48px minmax(110px,auto);align-items:center;gap:12px;margin:0 0 8px;padding:12px 14px;border:1px solid #d8ded4;border-radius:10px;background:#fff}.login-mode span{display:grid;gap:2px}.login-mode span small{color:#778175;font-size:9px;letter-spacing:.13em}.login-mode span strong{font-size:14px}.login-mode em{color:#697368;font-size:11px;font-style:normal;text-align:right}.login-mode button{position:relative;width:46px;height:26px;padding:0;border:0;border-radius:20px;background:#86ad35;cursor:pointer}.login-mode button i{position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.22);transition:left .18s}.login-mode button.operator{background:#bd3434}.login-mode button.operator i{left:24px}
@media(max-width:460px){.login-mode{grid-template-columns:1fr 48px}.login-mode em{grid-column:1/-1;text-align:left}}
.local-preview-access{display:flex;min-height:44px;align-items:center;justify-content:space-between;padding:0 17px;border:1px solid #cfd8c8;border-radius:8px;background:#f5f8f1;color:#405238;cursor:pointer;font-weight:700}.local-preview-access:hover{border-color:#86ad35;background:#eef5e5}.local-preview-access[hidden]{display:none!important}
.login-self-service{display:flex;justify-content:space-between;gap:14px}.login-self-service button{padding:3px 0;border:0;background:transparent;color:#587622;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:12px}.access-dialog{width:min(520px,calc(100vw - 32px));padding:30px;border:1px solid #dfe5dc;border-radius:14px}.access-dialog::backdrop{background:rgba(25,31,26,.55)}.access-dialog form{display:grid;gap:14px}.access-dialog label{display:grid;gap:6px;font-size:12px;color:#596259}.access-dialog input{min-height:44px;padding:0 12px;border:1px solid #cfd7cd;border-radius:7px;font:inherit}.access-dialog label small{font-size:10px;color:#7a8479}.access-dialog .close{position:absolute;right:14px;top:14px}.access-dialog .form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.access-dialog .primary{min-height:42px;padding:0 16px;border:0;border-radius:7px;background:#86ad35;color:#fff;font-weight:700}.access-dialog [hidden]{display:none!important}

/* Fünf Kernvorteile auf der Anmeldeseite */
.login-brand:has(.login-benefits){min-height:650px;padding:44px 48px}.login-brand:has(.login-benefits)>p{margin:12px 0 24px;font-size:11px}.login-benefits{display:grid!important;gap:8px!important}.login-benefits article{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:11px;padding:9px 10px;border:1px solid #e1e6dc;border-radius:10px;background:rgba(255,255,255,.76)}.login-benefits i{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:#eef4e3;color:#729927}.login-benefits svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.login-benefits span{display:block!important;color:inherit!important}.login-benefits span:before{display:none!important}.login-benefits strong,.login-benefits small{display:block}.login-benefits strong{color:#283127;font-size:12px;line-height:1.25}.login-benefits small{margin-top:3px;color:#687467;font-size:10px;line-height:1.35}.login-brand-foot{margin-top:20px!important;color:#6e796d;font-size:10px!important;line-height:1.5!important;text-align:center}
@media(max-height:760px) and (min-width:761px){.login-brand:has(.login-benefits){min-height:610px;padding-top:28px;padding-bottom:28px}.login-benefits{gap:6px!important}.login-benefits article{padding:7px 9px}.login-brand-foot{margin-top:12px!important}.login-card{padding-top:36px;padding-bottom:36px}}