@charset "UTF-8";@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:100;src:url(./lato-v24-latin-100-Dw0I1B7H.woff2) format("woff2"),url(./lato-v24-latin-100-Dw40n3D4.ttf) format("truetype")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:100;src:url(./lato-v24-latin-100italic-T4bLkjYz.woff2) format("woff2"),url(./lato-v24-latin-100italic-D-d-DREe.ttf) format("truetype")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:300;src:url(./lato-v24-latin-300-BP2wSCML.woff2) format("woff2"),url(./lato-v24-latin-300-eB954ePo.ttf) format("truetype")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:300;src:url(./lato-v24-latin-300italic-CK90s4zi.woff2) format("woff2"),url(./lato-v24-latin-300italic-B3bJgKFB.ttf) format("truetype")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:400;src:url(./lato-v24-latin-regular-BEhtfm5r.woff2) format("woff2"),url(./lato-v24-latin-regular-LMT6Cjo-.ttf) format("truetype")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:400;src:url(./lato-v24-latin-italic-Dc0B1559.woff2) format("woff2"),url(./lato-v24-latin-italic-BieLA7pp.ttf) format("truetype")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:700;src:url(./lato-v24-latin-700-BUGMgin4.woff2) format("woff2"),url(./lato-v24-latin-700-CJbL-VvX.ttf) format("truetype")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:700;src:url(./lato-v24-latin-700italic-Jzc1y7Yy.woff2) format("woff2"),url(./lato-v24-latin-700italic-UcvsBUA6.ttf) format("truetype")}@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:900;src:url(./lato-v24-latin-900-C3uaq3BA.woff2) format("woff2"),url(./lato-v24-latin-900-B1bPG5r9.ttf) format("truetype")}@font-face{font-display:swap;font-family:Lato;font-style:italic;font-weight:900;src:url(./lato-v24-latin-900italic-BavPsJuJ.woff2) format("woff2"),url(./lato-v24-latin-900italic-Bz6KgKIp.ttf) format("truetype")}:root{--background-color: #fff;--text-color: #121416d8;--link-color: #543fd7;--font-face: "Lato", "Roboto", sans-serif;--font-style-italic: "italic";--font-style-normal: "normal";--star-color: rgba(255, 41, 41, .7);--sidebar-width: 232px;--header-height: 96px}html[data-theme=light]{--background-color: #fff;--text-color: rgba(18, 20, 22, .85);--link-color: #543fd7;--border-shadow: 0 1px 0 0 rgba(227, 228, 229, .7);--background-header: rgba(255, 255, 255, 1);--background-color-content: rgba(246, 247, 248, 1);--background-color-sidebar: rgba(42, 54, 71, 1);--background-color-sidebar-hover: rgba(98, 110, 149, 1);--text-color-sidebar: rgba(200, 204, 209, 1);--background-color-login: rgba(255, 255, 255, 1);--background-color-login-content: rgba(246, 247, 248, 1);--border-inputfeld-login: rgba(227, 228, 229, .7);--border-input-focus: rgba(21, 29, 254, 1);--submit-login-button: rgba(42, 54, 71, 1);--submit-login-button-text: rgba(255, 255, 255, 1);--submit-login-guest-button-text: rgba(18, 20, 22, .85);--mouseover-button: rgba(0, 255, 255, 1);--mouseover-button-text: rgba(18, 20, 22, .85);--login-link-color: rgba(176, 178, 179, 1);--border-left: 1px rgba(227, 228, 229, .7);--background-conten-button: rgba(255, 255, 255, 1);--add-task-green-icon: brightness(0) saturate(100%) invert(46%) sepia(74%) saturate(2660%) hue-rotate(92deg) brightness(94%) contrast(107%);--add-task-red-icon: brightness(0) saturate(100%) invert(8%) sepia(100%) saturate(6833%) hue-rotate(355deg) brightness(122%) contrast(101%);--add-task-orange-icon: brightness(0) saturate(100%) invert(68%) sepia(98%) saturate(3723%) hue-rotate(354deg) brightness(102%) contrast(101%);--add-task-white-icon: brightness(0) saturate(100%) invert(100%) sepia(56%) saturate(378%) hue-rotate(293deg) brightness(101%) contrast(105%);--add-task-black-icon: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(774%) hue-rotate(171deg) brightness(116%) contrast(100%);--add-task-standart-icon: brightness(0) saturate(100%) invert(0%) sepia(2%) saturate(7479%) hue-rotate(1deg) brightness(93%) contrast(100%);--add-task-gray-icon: brightness(0) saturate(100%) invert(53%) sepia(25%) saturate(5%) hue-rotate(223deg) brightness(91%) contrast(95%);--add-task-blue: invert(62%) sepia(55%) saturate(6340%) hue-rotate(162deg) brightness(96%) contrast(101%);--box-shadow-add-task: 1px 5px 4px -2px rgba(227, 228, 229, .7);--background-color-orange: rgba(255, 168, 0, 1);--background-color-green: rgba(123, 226, 42, 1);--background-color-red: rgba(255, 61, 0, 1);--text-color-reverse: rgba(247, 248, 248, 1);--closed-arrow-color: rgba(153, 152, 152, 1);--summary-task-btn-hover: rgba(42, 54, 71, 1);--summary-task-btn-text-hover: rgba(255, 255, 255, 1);--edit-task-hover: rgba(204, 204, 204, 1);--background-dropdown: rgba(42, 54, 71, 1);--background-dropdown-hover:rgba(98, 110, 149, 1);--text-color-dropdown: rgba(200, 204, 209, 1)}html[data-theme=dark]{--background-color: #212a2e;--text-color: rgba(247, 248, 248, 1);--link-color: #828fff;--border-shadow: 0 1px 0 0 rgba(190, 190, 190, .7);--background-header: rgba(63, 77, 84, 1);--background-color-content: rgba(55, 68, 74, 1);--background-color-sidebar: rgba(46, 56, 61, 1);--background-color-sidebar-hover: rgba(59, 69, 74, 1);--text-color-sidebar: rgba(200, 204, 209, 1);--background-color-login: rgba(63, 77, 84, 1);--background-color-login-content: rgba(55, 68, 74, 1);--border-inputfeld-login: rgba(190, 190, 190, .7);--border-input-focus: rgba(56, 62, 219, 1);--submit-login-button: rgba(42, 54, 71, 1);--submit-login-button-text: rgba(247, 248, 248, 1);--submit-login-guest-button-text: rgba(247, 248, 248, 1);--mouseover-button: rgba(0, 255, 255, 1);--mouseover-button-text: rgba(18, 20, 22, .85);--login-link-color: rgba(221, 222, 223, 1);--border-left: 1px rgba(190, 190, 190, .7);--background-conten-button: rgba(63, 77, 84, 1);--add-task-green-icon: brightness(0) saturate(100%) invert(46%) sepia(74%) saturate(2660%) hue-rotate(92deg) brightness(94%) contrast(107%);--add-task-red-icon: brightness(0) saturate(100%) invert(8%) sepia(100%) saturate(6833%) hue-rotate(355deg) brightness(122%) contrast(101%);--add-task-orange-icon: brightness(0) saturate(100%) invert(68%) sepia(98%) saturate(3723%) hue-rotate(354deg) brightness(102%) contrast(101%);--add-task-white-icon: brightness(0) saturate(100%) invert(100%) sepia(56%) saturate(378%) hue-rotate(293deg) brightness(101%) contrast(105%);--add-task-black-icon: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7500%) hue-rotate(59deg) brightness(105%) contrast(111%);--add-task-standart-icon: brightness(0) saturate(100%) invert(0%) sepia(2%) saturate(7479%) hue-rotate(1deg) brightness(93%) contrast(100%);--add-task-gray-icon: brightness(0) saturate(100%) invert(53%) sepia(25%) saturate(5%) hue-rotate(223deg) brightness(91%) contrast(95%);--box-shadow-add-task: 1px 5px 4px -2px rgba(190, 190, 190, .7);--background-color-orange: rgba(255, 168, 0, 1);--background-color-green: rgba(123, 226, 42, 1);--background-color-red: rgba(255, 61, 0, 1);--text-color-reverse: rgba(18, 20, 22, .85);--closed-arrow-color: rgba(153, 152, 152, 1);--summary-task-btn-hover: rgba(46, 56, 61, 1);--summary-task-btn-text-hover: rgba(247, 248, 248, 1);--edit-task-hover: rgba(52, 61, 66, 1);--background-dropdown: rgba(46, 56, 61, 1);--background-dropdown-hover: rgba(59, 69, 74, 1);--text-color-dropdown: rgba(200, 204, 209, 1)}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-face)}*:focus{outline:none}html,body{max-height:100vh;max-width:100vw;background-color:var(--background-color-content);color:var(--text-color);height:100%;overflow-x:hidden}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:none}.hidden{visibility:hidden}#theme_switcher:focus{outline:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-face),serif;font-style:var(--font-style-normal);font-weight:700}label{margin-bottom:5px}.root{display:flex;flex-direction:column;width:100%;height:100%}input::placeholder{color:var(--text-color);opacity:1}textarea::placeholder{color:var(--text-color);opacity:1}.header{display:flex;background-color:var(--background-header);flex-basis:50px;box-shadow:var(--border-shadow);position:fixed;z-index:998}.headerName{flex-basis:270px;padding:10px;flex-grow:5;flex-shrink:5}.headerRight{flex-direction:row;display:flex;flex-basis:50px;justify-content:flex-end;flex-grow:2;flex-shrink:2;padding:10px;font-size:1.2em;margin-right:35px;gap:20px}.dropbtn{width:31px;height:31px;background-color:#fff;border:3px solid black;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;color:#29abe2;font-size:large;font-weight:700}.dropbtn:hover,.dropbtn:focus{transform:scale(1.5)}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;right:31px;top:24px;padding:10px;width:170px;background-color:var(--background-dropdown);border-bottom-right-radius:20px;border-bottom-left-radius:20px;border-top-left-radius:20px;z-index:30}.dropdown-content a{color:var(--text-color-dropdown);padding:12px 16px;text-decoration:none;display:block}.dropdown a:hover{box-shadow:.5px .5px .5px .5px #000;background-color:var(--background-dropdown-hover);border-bottom-right-radius:20px;border-bottom-left-radius:20px;border-top-left-radius:20px}.show{display:block}#siteName{display:flex;justify-content:space-evenly;font-size:1.6em}.headerRight ul{list-style:none;display:flex;gap:15px;margin-right:10px}.headerRight svg{width:30px;height:30px}.main{flex:1;display:flex;flex-direction:row}.sidebar-inc{height:100vh;z-index:999}.sidebar-left{display:flex;flex-direction:column;background-color:var(--background-color-sidebar);position:fixed;top:-50px;width:232px;bottom:0;z-index:998}.logo-sidebar{display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;height:300px;margin-bottom:10px}.sidebar-menu{display:flex;justify-content:center;align-self:center;width:232px;flex:2}.sidebar-menu li{list-style:none;width:100%;display:flex;justify-content:center;text-align:center}.sidebar-menu li a{list-style:none;display:flex;align-items:center;gap:5px;height:40px;padding:3px;text-decoration:none;width:42%;justify-content:space-between;color:var(--text-color-sidebar)}.sidebar-menu li span{display:flex;justify-content:left;width:65px}.sidebar-menu li:hover{background-color:var(--background-color-sidebar-hover)}.sidebar-menu li img{height:20px;width:20px}.sidebar-menu ul{height:120px;display:flex;flex-direction:column;width:232px}.logo-sidebar img{width:100px;height:121px}.sidebar-footer{height:400px;display:flex;justify-content:flex-end;flex-direction:column;align-self:center;flex:1}.sidebar-footer ul{list-style:none}.sidebar-footer li{height:40px;padding:3px}.sidebar-footer a{color:var(--text-color-sidebar);text-decoration:none;filter:brightness(70%)}[data-tooltip]:before,[data-tooltip]:after{position:absolute;left:50%;transform:translate(-50%);-webkit-font-smoothing:antialiased;margin:0 auto;opacity:0;visibility:hidden;z-index:9;transition:.6s ease-in-out .4s}[data-tooltip]:before{content:"";height:0;width:0;top:calc(100% - 9px);border-style:solid;border-width:10px;border-color:transparent transparent #333 transparent}[data-tooltip]:after{content:attr(data-tooltip);white-space:nowrap;background:#333;padding:.5rem 1rem;font-size:.9rem;box-sizing:border-box;top:calc(100% + 11px);color:#fff;border-radius:2px;text-shadow:0px 1px 1px #000;z-index:9}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;visibility:visible;transition:.4s ease-in-out .3s}.d-none{display:none}.spinner-content{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#212529!important;opacity:1;z-index:9999;visibility:hidden}.spinner-content.active{visibility:visible}.loading-text{margin:30px;font-family:Lato-Bold-Italic;font-size:20px;text-transform:capitalize}.login-content{width:100vw;max-height:100vh;display:flex;justify-content:center}.singup-content{width:100%;height:100%;display:flex;flex:1}.singup{display:flex;justify-content:center;align-items:center}.singup-formular{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--background-color-login)}.singup-content{background:var(--background-color-login-content)}.login{display:flex;justify-content:center;align-items:center;position:fixed}.login-formular{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--background-color-login)}.login-content{background:var(--background-color-login-content)}.login-header{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:2px;flex:1}.auto-login span{cursor:pointer;display:flex;justify-content:center;align-items:center}.sign-up button{width:91px;height:30px;border:none;border-radius:8px;cursor:pointer;background-color:var(--submit-login-button);color:var(--submit-login-button-text)}.focus-sign-up button{background-color:var(--mouseover-button);color:var(--mouseover-button-text);width:91px;height:30px;border:none;border-radius:8px;cursor:pointer}.login-body{display:flex;flex-direction:column;flex:3;width:100%;align-items:center;gap:20px}.login-body input{display:flex;gap:8px;width:97%;height:48px;justify-content:center;align-items:center;background:var(--background-color-login);color:var(--text-color);padding-left:20px;border:none}.input-name,.input-mail,.input-pwd,.input-pwd-confirm{width:422px;background:var(--background-color-login);border:solid 1px var(--border-inputfeld-login);border-radius:10px}.subtask-input{background:var(--background-color-login);border:none;color:var(--text-color)}#name{background:url(../icons/person.svg) right no-repeat;padding-right:30px;cursor:pointer}#mail{background:url(../icons/mail.svg) right no-repeat;padding-right:30px;cursor:pointer}#pwd{background:url(../icons/lock.svg) right no-repeat;padding-right:30px;cursor:pointer}#pwd:focus{background:url(../icons/visibility.svg) right no-repeat;cursor:pointer}#pwd.hidden{background:url(../icons/visibility_off.svg) right no-repeat;cursor:pointer}#pwdConfirm{background:url(../icons/lock.svg) right no-repeat;padding-right:30px;cursor:pointer}#pwdConfirm:focus{background:url(../icons/visibility.svg) right no-repeat;cursor:pointer}#pwdConfirm.hidden{background:url(../icons/visibility_off.svg) right no-repeat;cursor:pointer}.button-set{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;width:100%;height:50px;flex:3}.button-set button{width:110px;height:48px;padding:15px 24px;border:none;background:none;cursor:pointer;font-weight:700}.create-task-button button{background-color:var(--submit-login-button);color:var(--submit-login-button-text);border-radius:8px;width:140px}.submit-login button{background-color:var(--submit-login-button);color:var(--submit-login-button-text);border-radius:8px}.focus-submit-login button,.focus-login button{background-color:var(--mouseover-button);color:var(--mouseover-button-text);width:110px;height:48px;padding:15px 24px;border:none;cursor:pointer;font-weight:700;border-radius:8px}.submit-guest button{width:177px;border:solid 1px black;border-radius:8px;color:var(--submit-login-guest-button-text)}.focus-guest button{width:177px;border:solid 1px var(--mouseover-button);border-radius:8px;color:var(--mouseover-button)}.login-footer{display:flex;gap:35px;width:100%;justify-content:center;align-items:center}.login-footer a{text-decoration:none;color:var(--login-link-color)}.logo-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 2s ease-in-out}.logo-container.moved{top:10px;left:10px;transform:translate(0);z-index:1000;position:fixed}#logo{width:150px;height:150px;transition:all 2s ease-in-out}.logo-container.moved #logo{width:32.5px;height:32.5px}#toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:#950b02;color:#fff;padding:16px 24px;border-radius:4px;text-align:center;z-index:1000;box-shadow:0 4px 6px #0000004d;visibility:hidden;opacity:0;transition:opacity .5s ease,visibility .5s ease}#toast.show{visibility:visible;opacity:1}.checkbox-police a{color:var(--text-color-sidebar);text-decoration:none;filter:brightness(70%)}.custom-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.custom-checkbox{display:inline-block;position:relative;padding-left:35px;cursor:pointer;font-size:21px;-webkit-user-select:none;user-select:none}.custom-checkbox .checkmark{position:absolute;top:0;left:0;height:21px;width:21px;background-color:#eee;border:1px solid #ccc;border-radius:4px}.custom-checkbox input:checked+.checkmark{background-color:#2196f3;border:2px solid #2196F3}.custom-checkbox .checkmark:after{content:"";position:absolute;display:none}.custom-checkbox input:checked+.checkmark:after{display:block;left:6px;top:-10px;width:7px;height:22px;border:solid dimgrey;border-width:0 4px 4px 0;transform:rotate(45deg);transform-origin:50% 50%}.content{flex:4;height:100vh;margin-left:232px;width:100%}.content h1{display:flex;margin-bottom:40px;padding:15px;position:relative;top:45px;z-index:999;width:100%;height:50px;left:32px}@media only screen and (min-width: 1200px){.root{width:1920px;height:1080px}.header{height:50px;max-width:1920px;width:100vw}#question img{width:17px;height:17px}.singup-content{width:100%;height:100em;display:flex;flex:1;flex-direction:column}.singup{width:100%;height:50%}.singup-formular{width:652px;height:600px;border-radius:30px;padding:48px 115px;gap:32px}.login-content{display:flex;flex:1;flex-direction:column;align-content:center}.login-content::-webkit-scrollbar{width:0;background:transparent;scrollbar-width:none;-ms-overflow-style:none}.login{width:100%;height:50%}.login-formular{width:652px;height:493px;border-radius:30px;padding:48px 115px;gap:32px}.content-left input,textarea,select,.content-add-task-button{width:750px;max-width:750px;min-width:750px}.content-left textarea{min-height:220px}.content-right input,textarea,select,.custom-select-container,.subtask-item{width:750px;max-width:750px;min-width:750px}.subtask-input{width:400px!important}}@media only screen and (min-width: 2560px){.root{width:2560px;height:1444px}.header{height:50px;max-width:2560px;width:100vw}}@media only screen and (min-width: 3840px) and (orientation: landscape){.root{width:3840px;height:2160px}}@media only screen and (min-height: 2160px) and (orientation: portrait){.root{width:3840px;min-height:2160px}}