@charset "UTF-8";::-ms-reveal{display:none}#login{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;animation:pan 100s infinite linear}#login.winter{background:url(/images/login/winter_Login.svg) repeat 0 0}#login.winter #submit,#login.winter #cancel{background-color:#4398bb}#login.winter #submit:hover,#login.winter #cancel:hover{background-color:#3c89a8}#login.spring{background:url(/images/login/frühling_Login.svg) repeat 0 0}#login.spring #submit,#login.spring #cancel{background-color:#00905f}#login.spring #submit:hover,#login.spring #cancel:hover{background-color:#00774e}#login.summer{background:url(/images/login/sommer_Login.svg) repeat 0 0}#login.summer #submit,#login.summer #cancel{background-color:#ffb800}#login.summer #submit:hover,#login.summer #cancel:hover{background-color:#e6a600}#login.autumn{background:url(/images/login/herbst_Login.svg) repeat 0 0}#login.autumn #submit,#login.autumn #cancel{background-color:#8c4a38}#login.autumn #submit:hover,#login.autumn #cancel:hover{background-color:#7a4031}@keyframes pan{0%{background-position:0}to{background-position:1800px}}.card-wrap{position:relative;width:min(29rem,100%);height:27rem;transform-style:preserve-3d;perspective:600px}.card{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transition:.5s ease-out}.card.active{transform:rotateY(180deg) rotate(90deg)}.card-front,.card-back{position:absolute;box-sizing:border-box;width:100%;height:100%;padding:2rem;border-radius:20px;background-color:#fffc;box-shadow:#00000040 0 54px 55px;transform-style:preserve-3d;backface-visibility:hidden}.card-back{transform:rotateY(180deg) rotate(90deg)}.card-front #titel{margin-top:1.5rem;margin-bottom:1rem}.card-front form{display:flex;justify-items:center;flex-direction:column;align-items:center;justify-content:center}.card-front form input{outline:none;margin:.5rem 0;padding:.75rem 1.25rem .75rem .75rem;width:18.5rem}#username,#password{border:none;border-bottom:2px solid rgb(128,128,128)}#username:focus,#username:hover,#password:focus,#password:hover{border-bottom:2px solid deepskyblue}#submit,#cancel{color:#fff;border:none}#submit#submit,#cancel#submit{border-radius:5px 0 0 5px}#submit#cancel,#cancel#cancel{border-radius:0 5px 5px 0}#submit:hover,#cancel:hover{box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}.input_div{position:relative;display:flex;align-items:center;width:20rem;height:3rem;padding:.75rem;margin:.5rem 0}#eye{width:2rem;height:2rem;position:absolute;right:1rem;transform-origin:center}.message{position:absolute;left:10px;bottom:10px;width:10rem;height:3rem;opacity:0;transition:opacity ease-in 1s}.message.active{opacity:1}.message.General{background-color:var(--general)}.message.Warning{background-color:var(--warning)}.message.Error{background-color:var(--error)}html{--general: #00ffb3;--warning: #FFEB3B;--error: #FF0000}html.light{--primary: #fff;--secondary: #00ffb3;--akzent: #454446;--text-white: #fff;--text-black: #000;--shadow: #404040}html.dark{--primary: #000}html,body,#root,main{height:100%;width:100%}*{padding:0;margin:0}main{background-color:var(--primary)}