@charset "UTF-8";: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)}html,body{overflow-x:hidden}.drag-area{height:200px;margin-bottom:50px;display:flex;align-items:flex-start;flex-wrap:wrap;width:250px}.drag-area-highlight{background-color:var(--background-color-login);min-height:60em;max-height:max-content;min-width:21vw;width:99%;border-radius:16px}.todo{background-color:var(--background-color-login);border:1px solid black;border-radius:5px;padding:10px;margin:10px}.board-mainContainer{display:flex;flex-direction:column;width:93vw;position:relative;top:35px;right:65px;min-height:60vh;max-height:100vh;padding-bottom:10px}.board-top{display:flex;margin:48px 90px 48px 48px}.board-InputFieldDiv{margin-right:32px;position:relative}.board-InputField{border-radius:5px;background:var(--background-color-login);width:280px;height:32px;border:solid 1px var(--border-inputfeld-login);padding:5px;color:var(--text-color)}.board-input{display:flex;align-items:center;margin-left:auto}.board-title h1{font-size:64px;font-weight:700}.board-topAddtaskDiv{display:flex;align-items:center;background-color:#2a3647;border-radius:6px;padding:8px;cursor:pointer}.board-topAddtaskDiv:hover{transform:scale(1.03);transition:.1s ease;filter:brightness(.9);background-color:#29abe2}.board-topAddtaskFont{font-size:21px;margin-right:10px;color:#fff;font-weight:700}.board-AddImage{height:16px;width:16px;cursor:pointer}.board-searchImage{position:absolute;top:10px;left:250px;cursor:pointer}.board-searchImage:hover{transform:scale(1.2)}.board-center{display:flex;align-items:center;justify-content:space-around}.board-centerTitel{font-size:20px;font-weight:700;margin-right:10px}.board-bottomPlusImg{width:24px;height:24px}.board-bottomPlusImg:hover{transform:scale(1.2);cursor:pointer}.board-bottom{display:flex;align-items:center;justify-content:space-around;margin-right:90px;margin-left:48px;gap:20px}.noTaskSpan{text-align:center;border:1px dashed var(--border-inputfeld-login);background-color:var(--background-color-login);padding:16px;border-radius:10px;color:#a9a9a9;width:217px;height:73px;display:flex;justify-content:center;align-self:flex-start;margin:10px}.scroll-div{position:relative;margin-top:24px;display:flex;align-items:center;justify-content:center;height:300px}.scroll-div::-webkit-scrollbar{width:4px}.scroll-div::-webkit-scrollbar-track{background:#b8baba;border-radius:10px}.scroll-div::-webkit-scrollbar-thumb{background-color:#dcdada;border-radius:10px;border:2px solid #e4e2e2}.scroll-div::-webkit-scrollbar-thumb:hover{background-color:silver}#left,#right,#leftNum2,#rightNum2{width:230px;height:100%;padding:1px}.list{min-height:300px;min-width:20vw;width:99%;margin-bottom:25px;display:flex;align-items:center;flex-direction:column;background-color:var(--background-color-login);border:1px solid var(--border-inputfeld-login);cursor:grab;border-radius:16px;padding:10px}.background-bigListView{display:flex;position:fixed;justify-content:center;align-items:center;height:100%;width:100%;top:0;background-color:#9795955e}.inner-bigListView{display:flex;padding:50px;flex-direction:column;border-radius:40px;min-height:400px;width:500px;background-color:#f5f5f5;scrollbar-width:none;overflow-y:scroll}.top-content-bigListView{display:flex;justify-content:space-between;flex-direction:column;gap:15px}.close-bigListView-button{cursor:pointer}.board-centerTitel{padding-right:100px}.task-card-category,.task-card-title,.task-card-description,.task-card-subtask,.task-card-bottom{width:90%;flex:1}.task-card-category{display:flex;align-items:center;flex:1;justify-content:space-between}.category-story,.category-technical{border-radius:10px;padding:5px 10px;color:#fff}.category-story{background-color:#1fd7c1}.category-technical{background-color:#0038ff}.task-card-bottom,.task-card-subtask{display:flex;justify-content:space-between;align-items:baseline}.task-card-subtask{align-items:center;gap:10px}.task-card-description{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:#a8a8a8}.subtask-container{background-color:#dfdfdf;height:8px;width:55%;border-radius:8px}.subtask-value{background-color:#4589ff;height:8px;border-radius:8px}.subtask-info{width:45%;text-wrap:nowrap;font-size:14px}.task-card-contacts{display:flex;margin-right:initial}.task-card-prio{width:17px;height:13px}.task-card-prio-medium{width:17px;height:8px}.toAdd-bottom{display:flex;justify-content:space-between;margin-left:91px;width:340px}.board-title{margin-left:45px}.task-card-overlay-top{display:flex;justify-content:space-between}.task-card-overlay-top{display:flex;align-items:center;flex-direction:row}.task-card-subtask-overlay{display:flex;align-items:flex-start}.task-card-subtask-overlay ul{display:flex;flex-direction:column;list-style:none;gap:5px}.task-card-overlay-title{font-size:40px}.task-card-overlay-bottom{display:flex;justify-content:end;gap:10px}.btn-delete,.btn-edit{cursor:pointer}.btn-delete:hover,.btn-edit:hover{filter:var(--add-task-blue)}.tc-column{flex-direction:column;gap:10px}.tc-overlay{display:flex;align-items:baseline}.task-card-subtask-overlay{display:flex;flex-direction:column;gap:10px}.st-overlay{display:flex;align-items:center;gap:7px}.board-bottom{display:flex;justify-content:space-around;margin-right:90px;margin-left:50px;margin-top:50px;gap:20px}.overDiv-bottom,.overDiv-bottom-f{position:relative;bottom:40px;min-width:25%;width:25%}#overlayContainer{display:none}#overlayContainer.show{display:block!important}.at-overlay,.et-overlay{background-color:var(--background-color-content);position:absolute;top:52%;left:56%;transform:translate(-50%,-50%);width:80%;min-height:90%;max-height:95%;border-radius:25px;padding:50px;scrollbar-width:none;overflow-y:scroll;border:1px solid var(--border-inputfeld-login)}.overlay-add-task{display:flex;flex-direction:row;gap:10px 0}.content-overlay-left{display:flex;flex:1;flex-direction:column;padding:15px;row-gap:15px;align-items:center;width:50%}.content-overlay-right{display:flex;flex:1;flex-direction:column;padding:15px;row-gap:15px;border-left:solid var(--border-left);align-items:center;width:50%}.headline{width:100%;font-size:x-large;display:flex;justify-content:space-between}#closedSVG{display:flex;align-items:center;width:24px;height:25px;cursor:pointer}.overlay-closed{display:flex;width:24px;height:25px;border-radius:50%;cursor:pointer;opacity:.8;align-items:center}.input-title,.input-title-overlay-edit,.textarea-description,.input-date,.select-category,.input-subtask,.custom-select-container{background:var(--background-color-login);border:solid 1px var(--border-inputfeld-login);border-radius:10px;height:48px;padding:8px;color:var(--text-color);cursor:pointer}.input-Button{position:relative;top:-34px;left:631px;cursor:pointer}.input-Button-Dou{position:relative;top:-34px;left:609px;cursor:pointer;width:40px;display:flex;flex-direction:row;justify-content:space-between;gap:2px;height:11px;line-height:7px;color:gray;align-items:center}.overlay{display:flex;justify-content:center;align-items:center;top:52%;background-color:var(--background-color-content);position:absolute;left:55%;transform:translate(-50%,-50%);min-height:35%;max-height:95%;border-radius:25px;padding:50px;scrollbar-width:none;overflow-y:scroll;border:1px solid var(--border-inputfeld-login)}.overlay-content{display:flex;padding:50px;flex-direction:column;border-radius:40px;min-height:400px;max-height:90vh;width:500px;scrollbar-width:none;overflow-y:scroll;gap:15px}#taskDescription,#editTaskDescription{display:inline-block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px;font-size:1rem;cursor:pointer;min-height:80px;max-height:500px}.task-main-container-top{display:flex;justify-content:flex-end;width:100%}.task-main-container{width:100%;height:80%}.wrapper{display:flex;align-items:center;justify-content:flex-end}.close-button{display:block;width:40px;height:40px;position:relative;overflow:hidden}.close-button>div{position:relative}.close-button-block{width:40px;height:20px;position:relative;overflow:hidden}.close-button-block:before,.close-button-block:after{content:"";position:absolute;bottom:0;left:calc(55% - 4px);display:block;width:4px;height:25px;transform-origin:bottom center;background:var(--closed-arrow-color);transition:all ease-out .28s}.close-button-block:last-of-type{transform:rotate(180deg)}.close-button .in .close-button-block:before{transition-delay:.28s;transform:translate(20px) translateY(-20px) rotate(45deg)}.close-button .in .close-button-block:after{transition-delay:.28s;transform:translate(-22px) translateY(-22px) rotate(-45deg)}.close-button .out{position:absolute;top:0;left:0}.close-button .out .close-button-block:before{transform:translate(-5px) translateY(5px) rotate(45deg)}.close-button .out .close-button-block:after{transform:translate(5px) translateY(5px) rotate(-45deg)}.close-button:hover .in .close-button-block:before{transform:translate(-5px) translateY(5px) rotate(45deg)}.close-button:hover .in .close-button-block:after{transform:translate(5px) translateY(5px) rotate(-45deg)}.close-button:hover .out .close-button-block:before{transform:translate(-20px) translateY(20px) rotate(45deg)}.close-button:hover .out .close-button-block:after{transform:translate(20px) translateY(20px) rotate(-45deg)}.task-form{display:flex;flex-direction:column;gap:10px}.task-form,.edit-Task-Title,.edit-Task-Description,.edit-Task-Date,.edit-Task-Prio,.edit-Task-subtask{display:flex;flex-direction:column;gap:1px;padding:3px;width:400px}.edit-task-button-set{display:flex;flex-direction:row;align-items:center;gap:8px}.edit-task-button-set button{width:100px;height:40px;border:none;border-radius:10px;cursor:pointer;background-color:var(--background-conten-button);flex:1}.edit-custom-select-container{background:var(--background-color-login);border:solid 1px var(--border-inputfeld-login);border-radius:10px;height:48px;padding:8px;color:var(--text-color);cursor:pointer;width:400px;max-width:400px;min-width:400px}.options-list{display:none;position:relative;top:12px;left:-7px;width:105%;margin-top:4px;background-color:var(--background-color-login);list-style:none;padding:0;box-shadow:0 4px 6px #0000001a;z-index:100;height:17%}.options-list li:hover{background-color:var(--background-color-login);z-index:-1}.options-list li{padding:8px;cursor:pointer;background-color:var(--background-color-login);width:100%;color:var(--text-color);border-radius:10px;position:relative;top:-10px;list-style:none}.category-title,.subtask-title{margin-bottom:5px;padding:3px}.edit-subtask-task li{list-style:none}.subedit{background-color:var(--background-color-login);border-radius:30px;border:solid 1px var(--border-inputfeld-login);margin-bottom:5px;padding:6px}.focus-task-button button{background-color:var(--mouseover-button);color:var(--mouseover-button-text);width:140px;height:48px;padding:15px 24px;border:none;cursor:pointer;font-weight:700;border-radius:8px}.edit-submit{background-color:var(--submit-login-button);color:var(--submit-login-button-text);border-radius:8px;width:140px}.subtask-title-input li{background-color:var(--background-color-login)}.subtask-title-input{font-size:16px;width:70%;margin-right:10px;background-color:var(--background-color-login);border-radius:10px;height:48px;padding:8px;color:var(--text-color);cursor:pointer;border:none}.btn-remove-subtask{padding:5px 10px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-remove-subtask:hover{background-color:#d32f2f}.edit-input-Button{position:relative;top:-34px;left:370px;cursor:pointer}.edit-input-Button-Dou{position:relative;top:-29px;left:348px;cursor:pointer;width:40px;display:flex;flex-direction:row;justify-content:space-between;gap:2px;height:11px;line-height:7px;color:gray;align-items:center}.prio-btn{display:inline-flex;align-items:center;justify-content:center;flex:1;padding:10px 15px;background-color:#fff;border-radius:10px;border:none;-webkit-box-shadow:0 0 1px 0 rgba(79,79,79,.5);-moz-box-shadow:0 0 1px 0 rgba(79,79,79,.5);box-shadow:0 0 1px #4f4f4f80;font-size:1rem;cursor:pointer;gap:3px}@media only screen and (max-width: 600px){.board-InputFieldDiv{position:initial}.board-InputField{position:absolute;top:130px;right:10px;left:auto;border-radius:10px;width:278px;height:39px}.board-searchImage{position:absolute;background-color:#fff;top:140px;right:24px;left:auto;cursor:pointer}h1{font-size:47px}.board-top{display:flex;margin:48px 5px 48px 48px}.overDiv-bottom-f{margin-bottom:100px}}@media only screen and (min-width: 1200px){.board-bottom{width:1565px;gap:15px}.content-overlay-left input,textarea,select{width:660px;max-width:660px;min-width:660px}.content-overlay-left textarea{min-height:220px;max-width:660px}.content-overlay-right input,textarea,select,.custom-select-container,.content-add-task-button{width:660px;max-width:660px;min-width:660px}.input-title-overlay-edit,.edit-Task-Description,.edit-Task-Date,.edit-Task-Category,.edit-Task-subtask{width:400px!important;max-width:400px!important;min-width:400px!important}}@media only screen and (min-width: 2560px){.board-bottom{width:2085px;gap:15px}.content h1{margin-bottom:110px}.toAdd-bottom{margin-left:147px}.category-title{width:66%}}@media only screen and (min-width: 3840px) and (orientation: landscape){.header{height:50px;max-width:3840px;width:100vw}.board-mainContainer{width:97vw}.board-bottom{width:3840px;gap:1px}}@media only screen and (min-height: 2160px) and (orientation: portrait){.header{height:50px;max-width:3840px;width:100vw}.board-mainContainer{width:97vw}.board-bottom{width:3840px;gap:1px}}