:root{--cassy-red:#e4003a;--cassy-red-hover:#c80033;--cassy-black:#000000;--cassy-white:#ffffff;--cassy-grey-middle:#c0c0c0;--cassy-grey-dark:#989898;--cassy-green-bg:rgba(191,228,164,0.2)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}@font-face{font-family:'Nunito';src:url('fonts/Nunito-Regular.woff') format('woff');font-weight:normal;font-style:normal}body{font-family:'Nunito',sans-serif;font-size:14px;line-height:1.5;color:var(--cassy-black);background-color:var(--cassy-white)}a{color:var(--cassy-red);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}div.container{display:flex;height:100vh;height:100dvh;width:100%}.login-image-side{flex:0 0 58.33%;position:relative;background-color:var(--cassy-grey-dark);background-image:url('../img/CASSYApp_Startbildschirm_FreierFall_LD_DIDACTIC.jpg');background-size:cover;background-position:center bottom;background-repeat:no-repeat;clip-path:polygon(0 0, 85% 0, 100% 100%, 0 100%);z-index:2}.login-image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);background-size:100% 150px;background-position:bottom;background-repeat:no-repeat}.leybold-logo{position:absolute;bottom:30px;left:30px;z-index:10}.leybold-logo img{height:35px;width:auto;filter:brightness(0) invert(1)}.login-form-side{flex:0 0 41.67%;display:flex;flex-direction:column;background-color:var(--cassy-white);position:relative}.login-form-side>.row{margin:0 10px}.top-bar{display:flex;justify-content:flex-end;z-index:100;padding:20px;min-height:105px}.top-bar .cassy-logo{display:none;margin-left:auto;margin-right:auto}body.school .top-bar .cassy-logo{margin-left:0}.school-logo img{max-height:60px;width:auto}.login-content{flex:1;display:flex;flex-direction:column;padding:40px;max-width:400px;margin:0 auto;width:100%}.form-signin{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px}.cassy-logo img{height:110px;width:auto}.tagline{font-weight:400;color:var(--cassy-black);margin-bottom:24px;text-align:center}.form-group{width:100%;position:relative}input.pin-input{width:100%;padding:8px 44px 8px 15px;border:.5px solid var(--cassy-grey-middle);border-radius:5px;font-weight:500;color:var(--cassy-black);outline:none;transition:border-color .2s ease}input.pin-input:focus{border-color:var(--cassy-grey-dark)}input.pin-input::placeholder{color:var(--cassy-black)}.error-message{display:block;margin-top:8px;color:var(--cassy-red)}.error-message.hidden{display:none}.btn{width:100%;padding:9px 28px;background-color:var(--cassy-red);color:var(--cassy-white);border:none;border-radius:8px;font-weight:500;text-align:center;cursor:pointer;transition:background-color .2s ease}.btn:hover{background-color:var(--cassy-red-hover)}a.btn:hover{text-decoration:none}.overlay-right{position:absolute;right:10px;top:5px}.help-link{display:flex;align-items:center;text-decoration:none;opacity:1}.help-link:hover,.settings-help-toggle:hover{text-decoration:none;opacity:.8}.help-icon{width:24px;height:24px}.settings-file-row{display:flex;align-items:center;gap:12px}a.settings-download{color:var(--cassy-black);font-size:20px}.discovery-banner,.no-discovery-banner,.discovery-error-banner{position:relative;margin-bottom:64px;left:-100px;width:calc(50% + 260px);padding:16px 24px 16px 124px;background-color:var(--cassy-green-bg);border-radius:0 12px 12px 0;z-index:1;transform:translateX(-100%);animation:slideInBanner 300ms ease-out 1600ms forwards}@keyframes slideInBanner{from{transform:translateX(-100%)}to{transform:translateX(0)}}.discovery-content{display:flex;align-items:center;margin-bottom:5px;gap:8px;font-weight:500;font-size:12px;color:var(--cassy-black)}.discovery-content img{width:24px;height:24px;flex-shrink:0}.no-discovery-banner{background-color:#fff3cd}.discovery-error-banner{background-color:#f8d7da}.footer-links{position:relative;padding:20px;left:50%;transform:translateX(-50%);display:flex;gap:19px;max-width:400px;width:100%;justify-content:center}.footer-links a{font-weight:500;font-size:12px;color:var(--cassy-grey-dark);text-decoration:none}.footer-links a:hover{text-decoration:underline}.store-banner{display:flex;gap:10px;justify-content:center;padding:0 20px 0;font-size:12px;font-weight:bold;color:var(--cassy-grey-dark)}@media (max-height:800px){.discovery-banner,.no-discovery-banner,.discovery-error-banner{margin-bottom:20px}.login-content{padding-top:10px}}@media (max-height:800px) and (min-width:769px){.top-bar{min-height:85px}.school-logo img{max-height:40px}}@media (max-height:750px) and (min-width:769px){.cassy-logo img{height:80px}.tagline{margin-bottom:12px}}@media (max-width:1024px){.login-image-side{flex:0 0 50%}.login-form-side{flex:0 0 50%}}@media (max-width:768px){.login-image-side{display:none}.login-form-side{flex:1}.login-content{padding:20px;justify-content:flex-start}.top-bar .cassy-logo{display:inline}.login-content .cassy-logo{display:none}.cassy-logo img{height:60px}.tagline{margin-bottom:16px}.discovery-banner,.no-discovery-banner,.discovery-error-banner{width:calc(90% + 100px)}}@media (max-width:480px){.login-content{padding:20px 16px}.tagline{font-size:13px}.login-form{gap:16px}}.hidden{display:none !important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}