a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,html{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;margin:0;padding:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}ol,ul{list-style:none}hr{border:0;height:1px;background:#ccc}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{margin:0;padding:0;list-style:none;box-sizing:border-box}a,button,html,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}#root{background:#fafafa;display:flex;align-items:center;flex-direction:column;box-sizing:border-box;color:#000}body,button,input{background-color:#fafafa;font-weight:400;font-family:"-apple-system","Roboto",sans-serif}.container{flex-direction:column;flex:1 0 auto;float:left;padding:15px}.container,footer{display:flex;width:100%;max-width:970px}footer{flex-shrink:0;font-weight:500;align-items:center;clear:both;padding:0 8px;height:5vh}input{color:#000;appearance:none;-moz-appearance:none;-webkit-appearance:none;margin-top:12px;background:#f0f0f0;border-radius:10px;border:0;width:100%;height:51px;font-size:21px;padding:0 16px}input::-ms-input-placeholder{color:#c4c4c4}input::placeholder{color:#c4c4c4}input::-webkit-input-placeholder{color:#c4c4c4}input::-moz-placeholder{color:#c4c4c4}input:-ms-input-placeholder{color:#c4c4c4}input:-moz-placeholder{color:#c4c4c4}input[type=submit]{background:#3e5d99;color:#fff}a{text-decoration:none;color:#3a5a97}.btn{cursor:pointer}.btnIcon{color:#707070;font-size:23px}.hidden{display:none!important;opacity:0}.background{z-index:3;left:0;top:0;height:100%;overflow:auto;background-color:transparent;transition:all .5s}.background,header{position:fixed;width:100%}header{flex-shrink:0;display:inline-flex;align-items:center;max-width:970px;background:#fafafa;height:70px;padding:0 15px;z-index:2}header:first-of-type+.container{margin-top:70px}header .placeholderIcon{border:11px solid #fafafa}header h1{font-weight:400;font-size:24px;width:calc(100vw - 78px);text-align:center;color:#000}.container ul.empty:after{content:"Es sind keine Vertretungspläne verfügbar.";text-align:center;display:block;color:#aaa;margin-top:15px;font-size:.8em}.container ul,.container ul li{width:100%;float:left}.container ul li{min-height:50px;font-size:14px;font-weight:500;color:#000;line-height:22px;background:#fff;border-radius:5px;position:relative;box-shadow:0 4px 6px rgba(0,0,0,.2);margin:0 0 10px;padding:14px 0 14px 14px;word-break:break-word}.container .empty tbody{display:none}.container .empty:after{content:"Keine Vertretungen für diesen Nutzer."}.container table{width:100%;border-collapse:collapse}.container table td,.container table th{border-collapse:collapse;padding-right:.4em;width:auto;text-align:left}.container table .entfall{color:#be1e2d}.filter{flex-shrink:0;display:inline-flex;max-width:970px;transition:margin .5s;position:fixed;z-index:3;margin-top:70px;width:100%;padding:0 15px}.filter .filterContent{border-radius:16px;background-color:#fff;height:63.15789vh;width:100%;margin-top:70px;box-shadow:0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);padding:16px}.filter .btn-Filter{color:#718ce1}.filter .row,.filter input{margin-top:21px}.filter .menu{display:flex;align-items:center}.filter .menu p:last-child{margin-left:auto}.filter .row{display:flex;align-items:center}.filter .row p{flex:1 1;font-size:18.5px;color:#707070}.filter .row :first-child{margin-right:16px}.filter .row :last-child{margin-left:auto}.filter-enter{margin-top:100vh}.filter-enter-active{margin-top:70px}.filter-exit-active{margin-top:100vh}.main{display:flex;justify-content:center}.main .login{max-width:970px}.main .login a p{margin-top:12px;font-size:18px;text-align:center;color:#c4c4c4}.main .login .message{display:flex;align-items:center;margin-top:12px;background:#f8d7da;border-radius:10px;border:0;width:100%;height:51px;padding:0 16px}.main .login .message p{font-size:21px;color:#721c24}.welcome{max-width:970px;display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome .bigIcon{width:46.8599034vw;height:46.8599034vw;max-width:374px;max-height:374px}.welcome h1{color:#616161;font-size:24px;font-weight:400;margin-top:20.7880435vh;width:100%;text-align:center}.welcome .btnMoodle{margin-top:39px;padding:0 22px 0 10px;height:58px;border-radius:16px;background:#f98012;display:flex;align-items:center}.welcome .btnMoodle img{height:44px;width:44px}.welcome .btnMoodle p{line-height:22px;text-align:left;font-size:22px;color:#fff}.settings{max-width:970px;min-height:calc(95vh - 100px);display:flex;flex-direction:column;justify-content:center}.settings .setting:last-child{flex-shrink:0;clear:both}.settings .setting{display:flex;align-items:center;margin-bottom:32px}.settings .setting h1{color:#000;text-transform:capitalize;font-weight:700;font-size:19px}.settings .setting p{font-size:16.6px;color:#a6a6a6}.settings .setting :last-child{margin-left:auto}.settings .setting .switch{position:relative;display:inline-block;width:52.94118px;height:30px}.settings .setting .switch input{opacity:0;width:0;height:0}.settings .setting .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.settings .setting .switch .slider:before{position:absolute;content:"";height:22.94118px;width:22.94118px;left:4px;bottom:4px;background-color:#fff;transition:.4s}.settings .setting .switch input:checked+.slider{background-color:#2196f3}.settings .setting .switch input:focus+.slider{box-shadow:0 0 1px #2196f3}.settings .setting .switch input:checked+.slider:before{transform:translateX(22.93941px)}.settings .setting .switch .slider.round{border-radius:52.94118px}.settings .setting .switch .slider.round:before{border-radius:50%}@media only screen and (max-width:347px){.container{padding:15px 2vw}}@media only screen and (max-width:560px) and (orientation:portrait){td:nth-child(7),th:nth-child(7){display:none}}@media (min-width:768px){.container,footer,header{max-width:750px}}@media (min-width:992px){.container,footer,header{max-width:970px}}@media (min-width:1200px){.container,footer,header{max-width:1170px}}
/*# sourceMappingURL=main.d8f38936.chunk.css.map */