*{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 - 144px);background-color:#0d0d0d}header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px;background-color:#1a1a1a}nav{width:60vw;min-width:520px;display:flex;flex-direction:row;justify-content:space-around}nav a{display:inline-flex;flex-direction:row;align-items:center;color:#fff;line-height:40px;font-size:20px;text-decoration:none}nav a img{height:40px}.button-login{background-color:#ba492a;color:#fff;border:2px solid #ff6033;height:36px;font-size:20px;font-weight:600}.button-login:hover{background-color:#ff6033}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:600px;margin-top: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:600px;margin-top: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}.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:#0f0}.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:20px}.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}#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}.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}