*{padding:0;margin:0;color:#f2f2f2}html{background-color:#1a1a1a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#0d0d0d}main{min-height:calc(100vh - 164px);padding:10px;background-color:#0d0d0d}header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px;background-color:#1a1a1a}nav{width:60vw;min-width:520px;display:flex;flex-direction:row;justify-content:space-around}a.navLink{display:inline-flex;flex-direction:row;align-items:center;padding-right:4px;border-radius:8px;color:#fff;line-height:40px;font-size:20px;text-decoration:none}a.navLink img{height:40px}.currentPath{background-color:#006fbe}.button-login{position:relative;background-color:#cc5230;color:#fff;border:none;height:40px;padding:0 2.5rem;font-size:18px;font-weight:800;cursor:pointer;border-radius:20px;overflow:visible;outline:none;display:inline-flex;flex-direction:row;justify-content:center}.button-login span{text-decoration:none}.button-login{box-shadow:inset 0 3px #ffffff47,inset 0 -4px #0006,inset 0 1px 6px #ffb47833,0 5px #5a1c09,0 7px 8px #00000073,0 8px 28px #ff603366;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}.button-login:hover{background-color:#ff6033;border-color:#ff8c66;transform:translateY(-2px);box-shadow:inset 0 3px #ffffff52,inset 0 -4px #00000059,inset 0 1px 6px #ffc88c40,0 7px #5a1c09,0 9px 10px #00000073,0 10px 40px #ff6033a6}.button-login:hover .btn-arrow{transform:translate(5px)}.button-login:hover .btn-inner{gap:14px}.button-login:active{background-color:#a83e22;border-color:#cc5230;transform:translateY(5px);box-shadow:inset 0 1px #ffffff1f,inset 0 -2px #00000080,inset 0 3px 8px #0000004d,0 0 #5a1c09,0 1px 4px #0000004d,0 2px 12px #ff603340;transition:transform .07s ease,box-shadow .07s ease,background-color .07s ease}.button-login:active .btn-inner{transform:translateY(1px)}.btn-inner{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;pointer-events:none;transition:gap .2s ease,transform .07s ease}.btn-arrow{display:inline-block;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}@keyframes sfy-fly{0%{transform:translate(0) rotate(var(--r0)) scale(1);opacity:1}70%{opacity:1}to{transform:translate(var(--tx),var(--ty)) rotate(var(--r1)) scale(.3);opacity:0}}@keyframes sfy-spark{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(0);opacity:0}}@keyframes sfy-flash{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}footer{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:space-around;background-color:#1a1a1a;font-size:16px;margin-top:20px;width:100%;height:60px;position:relative;bottom:0}footer a{color:#f2f2f2}dialog.info{max-width:500px;margin:auto;overflow-x:hidden;background-color:#1a1a1a;border:4px solid hsl(0,0%,30%);border-radius:16px;padding:16px}dialog.info h2{color:#f2f2f2;padding-bottom:8px;text-align:center}dialog.info::backdrop{background-color:#00000080}dialog.info:focus{outline:none}p{margin:8px;color:#f2f2f2;white-space:pre-line}a.blue{color:#0095ff}button{display:inline-flex;flex-direction:row;align-items:center;height:32px;padding:0 12px;background-color:#333;color:#f2f2f2;border:2px solid hsl(0,0%,30%);border-radius:20px;font-size:18px;transition:.5s}button img{height:32px}button:hover{cursor:pointer}.ButtonRowBorders{width:calc(100% - 16px);justify-content:space-between}.buttonRow{display:inline-flex;flex-direction:row;gap:20px;margin:8px 8px 0}.buttonRow .buttonNormal{background-color:#333;color:#fff}.buttonRow .buttonNormal:hover{background-color:#4d4d4d}.buttonRow .buttonImp{background-color:#006fbe;color:#fff;border:2px solid rgb(0,149,255)}.buttonRow .buttonImp:hover{background-color:#0095ff}.buttonRow .buttonGood{background-color:#28a30f;color:#fff;border:2px solid hsl(117,100%,42%)}.buttonRow .buttonGood:hover{background-color:#0bd600}.buttonRow .buttonBad{background-color:#9d1010;color:#fff;border:2px solid hsl(0,100%,42%)}.buttonRow .buttonBad:hover{background-color:#d60000}input{height:16px;padding:8px;margin:8px;background-color:#1a1a1a;color:#f2f2f2!important;font-size:18px;border:2px solid hsl(0,0%,30%);border-radius:8px}input:focus{outline:none;border:2px solid rgb(0,149,255)}input[type=checkbox]{accent-color:rgb(0,149,255)}textarea{display:block;height:200px;width:calc(100% - 50px);padding:16px;margin:8px;background-color:#1a1a1a;color:#f2f2f2!important;font-size:18px;border:2px solid hsl(0,0%,30%);border-radius:8px}textarea:focus{outline:none;border:2px solid rgb(0,149,255)}select{height:32px;padding:0 8px;margin:8px;background-color:#333;color:#f2f2f2!important;font-size:18px;border:2px solid hsl(0,0%,30%);border-radius:32px}select option{height:16px;padding:8px;margin:8px;background-color:#333;color:#f2f2f2!important;font-size:18px}select hr{height:20px}.error{width:auto;margin:40px;padding:8px;background-color:#f006;border:2px solid hsla(0,100%,50%,.75);border-radius:16px}.error p{text-align:center;font-size:18px;font-weight:600}.warning{width:auto;margin:40px;padding:8px;background-color:#fff20066;border:2px solid hsla(57,100%,50%,.75);border-radius:16px}.warning p{text-align:center;font-size:18px;font-weight:600}.info{width:auto;margin:40px;padding:8px;background-color:#2bff0066;border:2px solid hsla(110,100%,50%,.75);border-radius:16px}.info p{text-align:center;font-size:18px;font-weight:600}.createNew{margin:8px}.searchTasks{height:20px;width:calc(100% - 16px);transform:translate(-2px) translateY(-2px);position:relative;z-index:10;margin:0;padding:8px;font-size:20px}.searchHighlight{color:#000;background-color:#0f0;border-radius:4px}.filter{width:800px;border:2px solid hsl(0,0%,30%);border-radius:8px}.filter span{padding-left:8px;font-size:20px;color:#b3b3b3}.selectedFilter{border:2px solid rgb(0,149,255);background-color:#006fbe}.taskList{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:8px}.task{width:768px;padding:16px;border:2px solid hsl(0,0%,20%);border-radius:8px}.task h3{position:relative;width:100%;height:20px}.task h3 .fachTitel{position:absolute;left:8px}.task h3 .lernwochenTitel{position:absolute;left:580px}.task .id{color:#0d0d0d}#newTaskModal{margin:auto;overflow-x:hidden;background-color:#1a1a1a;border:4px solid hsl(0,0%,30%);border-radius:16px;padding:16px}#newTaskModal h3{color:#f2f2f2;padding:8px;text-align:center}#newTaskModal::backdrop{background-color:#00000080}.prioRow{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:42%}.prioRow b{flex-grow:2;padding-left:16px;color:#b3b3b3}.prio{margin:2px;background-color:#0000;border:none}.prio:focus{outline:none;background-color:#262626}.prio:hover{background-color:#262626}.prio img{width:20px;filter:brightness(1.5)}.prioSelected{background-color:#333!important}.weekSelect{display:flex;width:100%;padding:16px 0;justify-content:center}.week{display:flex;flex-direction:column;align-items:center}.week .day{display:flex;flex-direction:row}.week .day p{font-size:20px;line-height:32px}.week .day p.stundeLabel{width:200px;margin:8px;text-align:center}.week .day p.dayLabel{width:120px;margin:8px;text-align:end}.customSelect{display:block;width:200px;margin:8px}.customSelect .selectButton{height:32px;padding:2px;background-color:#1a1a1a;color:#f2f2f2!important;border:2px solid hsl(0,0%,30%);border-radius:8px;font-size:18px;line-height:30px;text-align:center}.customSelect .selectButton:hover{cursor:pointer}.customSelect .selectList{position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%);z-index:30;padding:8px;background-color:#1a1a1a;color:#f2f2f2!important;border:4px solid hsl(0,0%,30%);border-radius:8px}.customSelect .selectList .selectGrid{display:grid;grid-template-columns:repeat(3,200px)}.customSelect .selectList .selectGrid .selectItem{display:flex;flex-direction:row;justify-content:space-between;height:20px;padding:8px;margin:2px;border-radius:8px;background-color:#333}.customSelect .selectList .selectGrid .selectItem:hover{opacity:.75;cursor:pointer}.customSelect .selectList .selectGrid .selectItem svg{fill:#0d0d0d}.customSelect .selectList .selectGrid .selectItem .favorite{fill:#ffc400}.customSelect .selectList .selectGrid .selectItem div{display:flex;flex-direction:row;justify-content:space-between;width:85%;font-size:18px;line-height:18px}.customSelect .selectList .selectGrid .selected{box-shadow:inset 0 0 0 2px #0095ff}.customSelect .selectList .selectGrid .stillarbeit{background-color:#ffff5f}.customSelect .selectList .selectGrid .stillarbeit *{color:#1a1a1a}.customSelect .selectList .selectGrid .keineGruppen{background-color:#ffd1b9}.customSelect .selectList .selectGrid .keineGruppen *{color:#1a1a1a}.customSelect .selectList .selectGrid .oberstufe{background-color:#bfefaa}.customSelect .selectList .selectGrid .oberstufe *{color:#1a1a1a}.customSelect .selectList .selectButtonRow{width:calc(100% - 16px);justify-content:space-between}.customSelect .selectList .legende{display:flex;flex-direction:row;align-items:center}.customSelect .selectList .legende span{margin:16px 16px 16px 8px;line-height:16px}.customSelect .selectList .legende span div{display:inline-block;width:16px;height:16px;border-radius:4px}.customSelect .selectList .legende span .stillarbeit{background-color:#ffff5f}.customSelect .selectList .legende span .keineGruppen{background-color:#ffd1b9}.customSelect .selectList .legende span .oberstufe{background-color:#bfefaa}.backdrop{position:absolute;width:100vw;height:100vh;z-index:20;inset:0;background:#000000bf}form{display:flex;justify-content:space-between;flex-direction:column;width:400px;height:50vh;padding:20px;margin:auto;margin-top:5vh;border:2px solid hsl(0,0%,30%);border-radius:20px}form div{display:flex;flex-direction:column}form div label{padding-left:12px}.user{display:flex;justify-content:space-between;flex-direction:column;width:400px;height:50vh;padding:20px;margin:auto;margin-top:5vh;border:2px solid hsl(0,0%,30%);border-radius:20px}