:root{--of-brand:#30e9a9;--of-brand-dark:#1fc98e;--of-ink:#16161a}html[data-theme=light],html[data-theme=dark]{--theme-success-500:var(--of-brand)}.login .graphic-logo{max-width:280px}.of-login-intro{text-align:center;margin-bottom:1.5rem}.of-login-intro__claim{color:var(--theme-text);margin:0 0 4px;font-size:15px;font-weight:600}.of-login-intro__hint{color:var(--theme-elevation-500);margin:0;font-size:12px}.of-willkommen{border-bottom:1px solid var(--theme-elevation-100);margin-bottom:calc(var(--base)*1.5);padding-bottom:calc(var(--base)*1.5)}.of-willkommen__titel{margin:0 0 4px}.of-willkommen__kontext{color:var(--of-brand-dark)}.of-willkommen__hinweis{color:var(--theme-elevation-500);margin:0 0 var(--base)}.of-willkommen__kacheln{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.of-willkommen__kachel{background:var(--theme-elevation-50);border:1px solid var(--theme-elevation-100);border-radius:8px;flex-direction:column;gap:4px;padding:14px 16px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.of-willkommen__kachel strong{color:var(--theme-text);font-size:15px}.of-willkommen__kachel span{color:var(--theme-elevation-500);font-size:12.5px}.of-willkommen__kachel:hover{border-color:var(--of-brand);transform:translateY(-1px)}.btn--style-primary:not(:disabled):not([aria-disabled=true]):not(.btn--disabled){--color:var(--of-ink);background:var(--of-brand);border-color:var(--of-brand);color:var(--of-ink)}.btn--style-primary:not(:disabled):not([aria-disabled=true]):not(.btn--disabled):hover,.btn--style-primary:not(:disabled):not([aria-disabled=true]):not(.btn--disabled):focus-visible{background:var(--of-brand-dark);border-color:var(--of-brand-dark);color:var(--of-ink)}.of-tenant-badge{background:var(--of-ink);border:1px solid var(--theme-elevation-150);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.of-tenant-badge img{width:auto;height:22px;display:block}.of-env-banner{color:#fff;text-align:center;background:#b45309;padding:8px 16px;font-size:13px;font-weight:600}.of-env-banner strong{text-decoration:underline}
