body#login{background-color:var(--white);background-image:url("https://personalentwicklung.elearning.uni-oldenburg.de/plugins_packages/UOL/PEOELayout/assets/peoe-logo-2020.svg"), url("https://personalentwicklung.elearning.uni-oldenburg.de/plugins_packages/UOL/PEOELayout/assets/peoe-background.svg");background-position:left 40px bottom 40px, right bottom 32px;background-repeat:no-repeat;background-size:20vw, 70vw}main#content{display:flex;align-items:flex-start;flex-direction:row;flex-wrap:wrap;justify-content:space-between}main#content .messagebox{flex:1 1 100%}#login-news{flex:0 0 50vw;background:var(--white);box-shadow:0 0 8px rgba(0, 0, 0, 0.5)}#background-desktop,#background-mobile{background-position:left top;background-repeat:no-repeat;background-size:cover}#loginbox{--login-transition-duration: 500ms}@media (prefers-reduced-motion){#loginbox{--login-transition-duration: 0s}}#loginbox header{margin-left:0}#loginbox header h1{margin:0;padding-bottom:10px}#loginbox .login-type{overflow:hidden;max-height:200px;transition:max-height var(--login-transition-duration), opacity var(--login-transition-duration)}#loginbox .login-type:not(.login-active){max-height:0;opacity:0}#loginbox .login-oidc .button{display:block}