@tailwind base;@tailwind components;@tailwind utilities;@font-face{font-family:SlimJim;src:url(/fonts/SlimJim.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Regular.ttf) format("truetype");font-weight:400;font-style:normal}.loginFormTitle{font-family:SlimJim}*{font-family:Roboto}body{position:relative;width:100%;height:auto;overflow:hidden;overflow-y:auto;margin:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--page-color-bg);padding:70px 0 0}body *{transition:background-color .5s}@media(max-width:500px){body{padding-top:35px}}select{border-radius:7px!important}.massage{width:700px;background-color:var(--box-color-bg);border-radius:20px;padding:20px;box-shadow:-5px 7px 5px gray;position:fixed;top:100px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);left:calc(50% - 350px);border:2px solid var(--primary-color);font-size:20px;text-align:center}.massage .fa-xmark{position:absolute;top:-11px;right:-11px;width:30px;height:30px;border-radius:50%;background-color:var(--page-color-bg);display:flex;justify-content:center;align-items:center;box-shadow:0 0 3px gray;opacity:.8;cursor:pointer}.massage .fa-xmark:hover{opacity:1}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-months .flatpickr-month,.flatpickr-weekdays,.selected,span.flatpickr-weekday{background:var(--primary-color)!important}.selected{border:none!important}.flatpickr-monthDropdown-month{background:var(--primary-color)!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--box-color-bg)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:30px}::-webkit-scrollbar-thumb:hover{background:#a77262}.fc-h-event{border-color:#927064;background-color:#927064}.fc .fc-daygrid-day.fc-day-today{background-color:hsla(16,19%,48%,.431)}.fc .fc-button,.fc .fc-button-primary:disabled,.fc .fc-button-primary:not(:disabled).fc-button-active{background-color:#927064}.fc-v-event{border-color:#927064;background-color:hsla(16,19%,48%,.843)}.swal-modal .swal-icon--info{border-color:#b1b1b1!important}.swal-icon--info:after,.swal-icon--info:before{background-color:#b1b1b1!important}.swal-icon--success:after,.swal-icon--success:before,.swal-icon--success__hide-corners{background-color:hsla(0,0%,100%,0)}.loginPage{width:100%;height:100vh;background-image:url(/_next/static/media/bg.bb5db56c.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;margin-top:-70px;position:fixed;z-index:100;overflow:hidden}@media(max-width:500px){.loginPage{margin-top:-35px}}.loginPage .fa-truck-moving{z-index:5;font-size:600px;color:var(--primary-color);position:absolute;left:-100%}.loginPage .darckBg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.557);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loginPage .PasswortVergessenBox{width:100%;height:100dvh;background-color:var(--page-color-bg);position:fixed;top:0;left:0;z-index:5;display:flex;justify-content:center;align-items:center}@media(max-width:450px){.loginPage .PasswortVergessenBox h3{width:90%}}.loginPage .PasswortVergessenBox .status{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.loginPage .PasswortVergessenBox .status .fa-check{width:100px;height:100px;display:flex;justify-content:center;align-items:center;font-size:30px;border-radius:50%;background-color:#3ab33a}.loginPage .PasswortVergessenBox .status .text{margin-top:20px;font-size:20px}.loginPage .PasswortVergessenBox .loginForm{position:absolute;box-shadow:0 0 13px var(--primary-color)}.loginPage .PasswortVergessenBox .loginForm .fa-xmark{position:absolute;top:10px;left:10px;font-size:20px;color:var(--text-color);cursor:pointer}.loginPage .loginForm{width:700px;border-radius:10px;padding:70px 0;background-color:var(--box-color-bg);z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media(max-width:500px){.loginPage .loginForm{width:98%;justify-content:flex-start}}.loginPage .loginForm .alert{background-color:#dd6161;padding:20px;width:calc(80% - 20px);border-radius:10px;font-size:20px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;color:#eee;position:relative}.loginPage .loginForm .alert i{font-size:20px;color:#dadada;position:absolute;right:10px;top:10px;cursor:pointer}.loginPage .loginForm .loginFormTitle{width:100%;text-align:center;position:relative;color:var(--primary-color);font-size:55px;font-weight:bolder;margin-top:20px}@media(max-width:800px){.loginPage .loginForm .loginFormTitle{margin-top:75px}}@media(max-width:450px){.loginPage .loginForm .loginFormTitle{font-size:40px}}.loginPage .loginForm .loginFormHeader{width:100%;text-align:center;color:var(--secondary-color);font-size:20px;margin-bottom:40px}@media(max-width:450px){.loginPage .loginForm .loginFormHeader{font-size:17px}}.loginPage .loginForm .logoBox{position:absolute;top:0;right:80px;width:80px;height:90px;overflow:hidden;z-index:4}.loginPage .loginForm .logoBox .logo{position:absolute;width:100%;height:100%}.loginPage .loginForm .logoBox .logo .logoImg{width:100%;height:100%}.loginPage .loginForm label{color:var(--text-color);width:80%;font-size:20px;margin-bottom:-10px}@media(max-width:450px){.loginPage .loginForm label{width:95%;font-size:16px}}.loginPage .loginForm input{padding:10px;border-radius:5px;font-size:18px;width:80%;margin-bottom:15px;border:none;outline:none;color:var(--text-color);border-bottom:2px solid var(--primary-color);background-color:transparent}@media(max-width:500px){.loginPage .loginForm input{width:90%;font-size:16px}}.loginPage .loginForm button{width:83%;font-size:20px;padding:10px;background-color:var(--primary-color);color:var(--box-color-bg);border:1px solid var(--box-color-bg);border-radius:5px;cursor:pointer;margin-top:20px;position:relative}.loginPage .loginForm button .svg{position:absolute;width:20px;animation:rotate .5s linear infinite;left:37%;top:calc(50% - 10px)}@media(max-width:500px){.loginPage .loginForm button .svg{left:20px}}.loginPage .loginForm .passBox{position:relative;width:100%;display:flex;justify-content:center}.loginPage .loginForm .passBox .passInput{width:72%;padding-right:8%}@media(max-width:500px){.loginPage .loginForm .passBox .passInput{width:85%;font-size:16px}}.loginPage .loginForm .passBox .icon{position:absolute;color:var(--primary-color);right:11%;top:15px;cursor:pointer}.loginPage .loginForm .pssVergessen{color:var(--text-color);width:80%;text-decoration:underline;cursor:pointer}.statPage{width:100%;background-color:var(--page-color-bg);display:flex;flex-wrap:wrap;margin-top:27px;transition:all 0s}.statPage .Uhrzeit{width:auto;display:flex;justify-content:center;position:absolute;top:72px;gap:20px;color:var(--text-color);background-color:var(--box-color-bg);padding:2px 10px;border-radius:5px;left:calc(50% - 130px);box-shadow:0 0 3px var(--primary-color);z-index:10}.statPage .Uhrzeit p{margin:0}@media(max-width:500px){.statPage .Uhrzeit{display:none}}.statPage .mainBox{width:calc(100% - 10px);height:calc(100dvh - 100px);padding:0 5px;display:flex;position:relative}@media(max-width:850px){.statPage .mainBox{flex-direction:column;height:auto;padding:0;margin:0 auto 20px}}.statPage .mainBox .w_schein{width:100%;height:100dvh;background-color:var(--box-color-bg);position:fixed;top:0;left:0;z-index:5;display:flex;justify-content:center;align-items:center;gap:5px;color:var(--text-color)}.statPage .mainBox .w_schein .fa-xmark{position:absolute;top:100px;left:20px;font-size:25px;cursor:pointer;z-index:100}.statPage .mainBox .w_schein .pdf{width:calc(100% - 400px);height:100%;box-shadow:0 0 13px var(--primary-color);border-radius:10px;display:flex;justify-content:center;overflow:hidden}.statPage .mainBox .w_schein .pdf .iframe{width:100%;height:100%}.statPage .mainBox .w_schein .pdf .noPdf{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.statPage .mainBox .w_schein .pdf .noPdf .fa-file-pdf{font-size:100px;width:300px;height:400px;background-color:var(--box-color-bg);display:flex;justify-content:center;align-items:center;border-radius:20px}.statPage .mainBox .w_schein .form{width:600px;border-radius:20px;border:2px solid var(--primary-color);background-color:var(--page-color-bg);box-shadow:0 0 10px var(--primary-color);position:relative;overflow:hidden;overflow-y:auto}.statPage .mainBox .w_schein .form .fa-xmark{position:absolute;left:10px;top:10px;cursor:pointer;font-size:20px}.statPage .mainBox .w_schein .form .title{padding:20px 0;text-align:center;font-size:16px;font-weight:700}.statPage .mainBox .w_schein .form .link{width:100%;display:flex;justify-content:center;text-align:center}.statPage .mainBox .w_schein .form .link a{width:calc(100% - 40px);color:var(--text-color);font-weight:700;display:flex;justify-content:center;align-items:center;gap:10px}.statPage .mainBox .w_schein .form .link a .fa-xmark{position:relative;font-size:15px;font-weight:700;bottom:0;top:0;left:0;cursor:pointer;border-radius:50%;background-color:var(--page-color-bg);width:20px;height:20px;display:flex;justify-content:center;align-items:center}.statPage .mainBox .w_schein .form .link a .fa-xmark:hover{color:red}.statPage .mainBox .w_schein .form .link a:hover{color:var(--primary-color)}.statPage .mainBox .w_schein .form .box{padding:10px 20px;display:flex;justify-content:space-between;align-items:center;background-color:var(--input-box-bg);margin:2px 0}.statPage .mainBox .w_schein .form .box label{width:150px}.statPage .mainBox .w_schein .form .box input{width:395px}.statPage .mainBox .w_schein .form .box input,.statPage .mainBox .w_schein .form .box textarea{padding:5px 2px;outline-color:var(--primary-color);border:none;border-radius:5px;background-color:#fff}.statPage .mainBox .w_schein .form .box textarea{max-width:395px;min-width:395px}.statPage .mainBox .w_schein .form .btnBox{width:100%;display:flex}.statPage .mainBox .w_schein .form .btnBox button{border:none;width:50%;padding:10px;cursor:pointer;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:17px;color:#fff}.statPage .mainBox .w_schein .form .btnBox .Speichern{background-color:#407d69}.statPage .mainBox .w_schein .form .btnBox .Löchen{background-color:#ff6e6e;gap:10px}.statPage .mainBox .menuBtn{position:absolute;top:calc(30% - 15px);left:0;z-index:3;color:var(--text-color);height:30px;font-size:12px;border-radius:0 40px 40px 0;justify-content:center;cursor:pointer}.statPage .mainBox .menuBtn,.statPage .mainBox .menuIcons{background-color:var(--box-color-bg);display:flex;align-items:center}.statPage .mainBox .menuIcons{width:160px;height:calc(100dvh - 152px);border-radius:10px;flex-direction:column;justify-content:flex-start;position:relative;gap:10px;overflow:hidden;overflow-y:auto;padding-bottom:50px;transition:all 0s;box-shadow:0 0 3px var(--primary-color)}@media(max-width:850px){.statPage .mainBox .menuIcons{width:100%;min-width:160px;height:100px!important;flex-direction:row;overflow-y:hidden;padding:15px 10px;margin-bottom:5px;overflow-x:auto}.statPage .mainBox .menuIcons::-webkit-scrollbar{display:none}}.statPage .mainBox .menuIcons .menuBtn1{width:147px;background-color:var(--primary-color);position:-webkit-sticky;position:sticky;top:0;z-index:3;color:var(--text-color);font-size:13px;display:flex;padding:2px 0;justify-content:center;align-items:center;cursor:pointer;border-radius:10px 10px 0 0}@media(max-width:850px){.statPage .mainBox .menuIcons .menuBtn1{display:none}}.statPage .mainBox .menuIcons .menuBtn1:hover{background-color:#adadad}.statPage .mainBox .menuIcons .iconBox{width:75%;height:75px;border:1px solid var(--primary-color);border-radius:10px;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;position:relative;transition:all 0s;padding:20px 10px;transition:background-color .6s}.statPage .mainBox .menuIcons .iconBox:hover{border:1px dashed var(--primary-color);background-color:var(--primary-color)}@media(max-width:850px){.statPage .mainBox .menuIcons .iconBox{width:120px}}.statPage .mainBox .menuIcons .iconBox .fa-crown{position:absolute;left:5px;top:5px;color:orange;font-size:14px}.statPage .mainBox .menuIcons .iconBox .box{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px;width:100%;height:100%;border-radius:10px;padding:25px 10px;transition:transform .8s;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:all 0s;color:var(--text-color)}@media(max-width:850px){.statPage .mainBox .menuIcons .iconBox .box{width:150px}}.statPage .mainBox .menuIcons .iconBox .box .title{font-size:12px;font-weight:700}.statPage .mainBox .menuIcons .iconBox .box .fa-solid{font-size:40px;color:var(--icons_color)}.statPage .mainBox .menuIcons .iconBox .box .fa-circle-notch{animation:rotate .5s linear infinite}.statPage .mainBox .menuIcons::-webkit-scrollbar{width:0}.statPage .mainBox .infoBox{width:100%;padding:0 0 0 5px}@media(max-width:850px){.statPage .mainBox .infoBox{padding:0;height:auto}}.statPage .mainBox .infoBox .headBox{width:100%;height:auto;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px}@media(max-width:850px){.statPage .mainBox .infoBox .headBox{height:auto}}.statPage .mainBox .infoBox .headBox .LiveTicker{width:calc(25% - 5px);min-width:200px;color:var(--text-color);background-color:var(--box-color-bg);border-radius:10px;box-shadow:0 0 3px var(--primary-color);overflow:hidden}@media(max-width:1120px){.statPage .mainBox .infoBox .headBox .LiveTicker{width:calc(50% - 5px)}}@media(max-width:850px){.statPage .mainBox .infoBox .headBox .LiveTicker{width:calc(50% - 3px)}}@media(max-width:550px){.statPage .mainBox .infoBox .headBox .LiveTicker{width:100%;height:130px}}.statPage .mainBox .infoBox .headBox .detailsBox{width:calc(25% - 45px);min-width:200px;background-color:var(--box-color-bg);border-radius:10px;padding:10px 20px;box-shadow:0 0 3px var(--primary-color);position:relative}.statPage .mainBox .infoBox .headBox .detailsBox .ausdrückenBtn{width:auto;display:flex;justify-content:center;align-items:center;position:absolute;top:15px;right:16px;gap:5px;color:gray;padding:2px 10px;border-radius:5px;cursor:pointer;z-index:1}.statPage .mainBox .infoBox .headBox .detailsBox .ausdrückenBtn .fa-print:hover{color:var(--text-color)}@media(max-width:1120px){.statPage .mainBox .infoBox .headBox .detailsBox{width:calc(50% - 43px)}}@media(max-width:850px){.statPage .mainBox .infoBox .headBox .detailsBox{width:calc(50% - 43px)}}@media(max-width:550px){.statPage .mainBox .infoBox .headBox .detailsBox{width:100%}}.statPage .mainBox .infoBox .headBox .detailsBox .title{width:100%;text-align:center;color:var(--text-color);padding:5px 0;border-bottom:2px solid var(--primary-color);margin-bottom:10px;position:relative}.statPage .mainBox .infoBox .headBox .detailsBox .title .fa-circle-info{position:absolute;left:0;font-size:18px;top:5px;cursor:pointer;color:gray}.statPage .mainBox .infoBox .headBox .detailsBox .title .fa-circle-info:hover{color:var(--text-color)}.statPage .mainBox .infoBox .headBox .detailsBox .title .infosBox{top:30px;position:absolute;padding:20px;border:2px solid var(--primary-color);background-color:var(--page-color-bg);color:var(--text-color);font-weight:500;text-align:left;border-radius:20px;box-shadow:0 0 5px var(--primary-color);transition:all .5s}.statPage .mainBox .infoBox .headBox .detailsBox .info{width:100%;display:flex;justify-content:space-between;text-align:center;color:var(--text-color);padding:5px 0;margin-bottom:5px}.statPage .mainBox .infoBox .mainBox{width:100%;height:calc(100% - 135px);margin-top:5px;padding:0;display:flex;flex-wrap:wrap}@media(max-width:850px){.statPage .mainBox .infoBox .mainBox{height:auto;flex-wrap:nowrap}}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox{width:55%;height:50%;border-radius:10px;overflow:hidden;display:flex;flex-wrap:wrap}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .title{width:100%;height:20px;padding:5px 0;font-weight:700;text-align:center;color:var(--text-color);background-color:var(--box-color-bg);border-radius:10px 10px 0 0;margin-bottom:2px;position:relative}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .title span{position:absolute;right:calc(5% + 133px);top:6px;font-size:14px}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .title .machines{position:absolute;right:5%;top:6px;width:130px;border-radius:30px;border:none;cursor:pointer;outline:none;color:var(--text-color);background-color:var(--box-color-bg)}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .ctx{width:70%;height:calc(100% - 32px);background-color:var(--chart-bg-color);display:flex;justify-content:center;align-items:center;overflow:hidden}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox{width:30%;height:calc(100% - 33px);background-color:var(--box-color-bg);color:var(--text-color);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;padding:10px 0}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .chartOptionsHeader{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-size:13px}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .chartOptionsHeader .chartOptionsBoxTitle{width:100%;text-align:center;margin-bottom:10px;display:flex;justify-content:center}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .chartOptionsHeader .chartOption{font-size:14px;font-size:13px;width:40%}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .chartOptionsHeader .chartOption input{cursor:pointer}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .options{width:auto;height:160px;box-shadow:0 0 2px var(--primary-color);border-radius:10px;overflow:hidden}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .options .optionsHeader{display:flex;font-size:12px;border-bottom:1px solid var(--primary-color)}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .options .optionsHeader div{width:50%;padding:5px;text-align:center;cursor:pointer}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .options .datumBox{width:calc(100% - 4px);height:115px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:2px;gap:2px;overflow:hidden;overflow-y:auto}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .options .datumBox .btn{width:25%;padding:5px;background-color:var(--box-color-bg);border-radius:5px;text-align:center;font-size:15px;cursor:pointer}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .options .datumBox .btn:hover{background-color:rgba(94,94,94,.157)}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .box{font-size:13px;margin-top:-5px}.statPage .mainBox .infoBox .mainBox .MonatsauswertungBox .optionsBox .box input{cursor:pointer}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege{width:100%;border-radius:10px;background-color:var(--box-color-bg);padding-bottom:2px;overflow:hidden;position:relative;transition:all .5s}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .svg{position:absolute;width:20px;animation:rotate .5s linear infinite;left:calc(50% - 10px);top:100px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title{width:100%;padding:5px;color:var(--text-color);border-bottom:2px solid var(--page-color-bg);transition:all .5s;font-size:15px;font-weight:700;display:flex;justify-content:center;gap:5px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title .icon{left:10px;position:absolute;color:gray;cursor:pointer}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title .filterBox{height:20px;position:absolute;right:30px;display:flex;gap:20px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title .filterBox .selectBox{display:flex;align-items:center;gap:5px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title .filterBox .selectBox label{font-size:13px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title .filterBox .selectBox select{border:none;background-color:var(--select-box-bg);border-radius:20px;cursor:pointer;border:1px solid var(--primary-color);outline-color:var(--primary-color)}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title .filterBox .flatpickr-input{border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color)}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn{width:calc(100% - 30px);display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;padding:5px 15px;border-bottom:2px solid var(--page-color-bg);color:var(--text-color);transition:all .5s}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn div{width:7.7%;text-align:center}@media(max-width:850px){.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn{width:70px;flex-direction:column;gap:10px;padding:5px 7px;border-right:2px solid var(--page-color-bg);border-bottom:none}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableColumn div{width:100%;height:35px;display:flex;justify-content:center;align-items:center}}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows{height:calc(100% - 98px);overflow-y:auto;display:flex;flex-direction:column;padding-bottom:30px;gap:2px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow{width:calc(100% - 30px);display:flex;justify-content:space-between;font-size:12px;padding:5px 15px;background-color:var(--chart-bg-color);align-items:center;color:var(--text-color)}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow div{width:7.7%;text-align:center}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .Upload{display:flex;flex-direction:column;gap:5px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .Upload a{font-size:11px;font-weight:700;text-decoration:underline;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:3px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .Upload a i{width:15px;height:15px;display:flex;justify-content:center;align-items:center;border-radius:50%;text-decoration:none;font-size:12px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .Upload a .fa-check{background-color:#02b67a}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow .Upload a .fa-exclamation{background-color:orange}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow i{font-size:16px;cursor:pointer}@media(max-width:850px){.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow{flex-direction:column;height:calc(100% - 10px);gap:10px;padding:5px 7px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow div{width:100%;height:35px;text-align:left;display:flex;justify-content:center;align-items:center}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows{width:calc(100% - 86px);height:auto;flex-direction:row;padding-bottom:0;overflow-x:auto}}@media(max-width:850px){.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows::-webkit-scrollbar{width:5px;height:5px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .tableRows .tableRow{width:100px}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege{height:auto;display:flex;flex-wrap:wrap;overflow:auto}.statPage .mainBox .infoBox .mainBox .toDoKontrollbelege .title{width:100%;position:-webkit-sticky;position:sticky;top:0;background-color:var(--box-color-bg)}}.statPage .alert{width:400px;height:400px;background-color:red;position:absolute;bottom:5px;right:5px;border-radius:20px;box-shadow:0 0 10px red;transition:all .5s}.statPage .alert .fa-xmark{position:absolute;top:10px;left:10px;font-size:20px;cursor:pointer;color:var(--text-color)}.swal-text{width:80%!important}.Notifications_Num{width:22px;height:22px;position:absolute;background-color:#fd5555;font-size:12px;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;top:-11px;left:8px;z-index:-1}.header{width:100%;height:70px;background-color:var(--header-color-bg);border-radius:0 0 50px 50px;display:flex;justify-content:space-between;position:fixed;z-index:12;top:0;font-family:sans-serif;box-shadow:0 0 10px var(--primary-color)}@media(max-width:850px){.header{border-radius:0 0 25px 25px}}@media(max-width:500px){.header{height:50px;border-radius:0 0 10px 10px}}.header .errorBox{background-color:#fd5555;width:100%;height:auto;padding:20px;position:absolute;box-shadow:0 0 10px #000;display:flex;justify-content:center;gap:10px;z-index:10}.header .errorBox .fa-xmark{color:#fff;font-size:20px;cursor:pointer;position:absolute;top:10px;left:10px}.header .errorBox .contBox{border:1px solid #fff;color:#fff;padding:10px;border-radius:10px}.header .errorBox .contBox .title{width:100%;border-bottom:1px solid #fff;padding-bottom:5px;margin-bottom:10px}.header .errorBox .contBox .infoBox{color:#fff;margin-bottom:3px}.header .errorBox .contBox .infoBox span{text-decoration:underline;cursor:pointer}.header .beta{position:absolute;right:10px;top:5px;font-weight:700;color:var(--text-color)}.header .loud{width:100%;height:100dvh;background-color:var(--box-color-bg);position:fixed;top:0;left:0;z-index:20;display:flex;justify-content:center;align-items:center}.header .loud h2{position:absolute;top:calc(50% - 150px);width:100%;text-align:center;color:var(--text-color)}.header .loud .svg{width:70px;animation:rotate .5s linear infinite}.header .logoBox{width:20%;display:flex;justify-content:center;position:relative}@media(max-width:900px){.header .logoBox{width:30%}}.header .logoBox .logo{width:auto;height:auto}.header .logoBox .logo2{width:90px;height:95px}@media(max-width:600px){.header .logoBox{width:40%}}@media(max-width:500px){.header .logoBox .logo2{width:auto;height:auto}}.header .rightBox{width:80%;height:100%;display:flex;align-items:center;justify-content:space-around}@media(max-width:1650px){.header .rightBox{justify-content:flex-start;gap:40px}}@media(max-width:980px){.header .rightBox{width:70%}}@media(max-width:600px){.header .rightBox{width:60%}}.header .rightBox .navBar{height:auto;display:flex;gap:30px;position:relative;align-items:center}.header .rightBox .navBar .fa-triangle-exclamation{font-size:22px;transition:all .2s;color:gold;position:relative}.header .rightBox .navBar .fa-triangle-exclamation .errorNum{color:#fff;text-shadow:none;font-size:12px;width:22px;height:22px;border-radius:50%;background-color:#fd5555;display:flex;justify-content:center;align-items:center;position:absolute;top:-10px;margin-left:10px;z-index:-1}.header .rightBox .navBar .sun{width:30px;height:30px;cursor:pointer}.header .rightBox .navBar .fa-moon{width:25px;height:25px;font-size:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--text-color);opacity:.7}.header .rightBox .navBar .fa-moon:hover{opacity:1;color:var(--primary-color)}.header .rightBox .navBar .Company{font-weight:700}@media(max-width:700px){.header .rightBox .navBar{display:none}}.header .rightBox .navBar i{color:var(--text-color);font-size:20px;cursor:pointer}.header .rightBox .navBar .fa-bell{color:#e69705}.header .rightBox .navBar .chatIconBox{position:relative}.header .rightBox .navBar .chatIconBox .fa-comments{color:#546b67;z-index:10}.header .rightBox .navBar .chatIconBox .newMessage{background-color:#fd5555;position:absolute;top:-12px;right:-8px;width:22px;height:22px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;font-weight:700;font-size:12px;z-index:1}.header .rightBox .navBar .fa-bell,.header .rightBox .navBar .fa-comments{position:relative}.header .rightBox .navBar .fa-bell:hover,.header .rightBox .navBar .fa-comments:hover{opacity:1;color:var(--primary-color)}.header .rightBox .navBar select{outline:none;width:300px;border-radius:10px;padding:5px;border:none;border:1px solid var(--primary-color);cursor:pointer;background-color:var(--chart-bg-color);color:var(--text-color)}@media(max-width:980px){.header .rightBox .navBar select{display:none}}.header .rightBox .navBar .navBox{display:flex;height:100%}.header .rightBox .navBar .navBox a{color:var(--text-color);text-decoration:none;font-weight:700;height:30px;display:flex;align-items:center;justify-content:center;padding:0 15px;border-radius:5px}.header .rightBox .navBar .navBox a:hover{color:var(--primary-color);border:1px dashed var(--primary-color);padding:0 14px;height:28px}.header .rightBox .navBar .mehrLink{height:30px;display:flex;align-items:center;justify-content:center}.header .rightBox .navBar .mehrLink:hover .fa-angle-up{color:var(--primary-color)}.header .rightBox .navBar .mehrLink .fa-angle-up{margin-left:5px}.header .rightBox .navBar .fa-chevron-right{position:relative;right:-50px;font-size:10px}.header .rightBox .navBar .mehrList{width:196px;border-radius:0 0 10px 10px;background-color:var(--header-color-bg);box-shadow:0 10px 8px hsla(18,26%,54%,.31);border:1px solid var(--primary-color);border-top:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;top:70px;z-index:1;color:var(--text-color);display:flex;flex-direction:column;gap:15px;margin-left:-70px;padding:0 7px 15px}.header .rightBox .navBar .mehrList div{width:calc(100% - 15px);display:flex;gap:10px;cursor:pointer;font-size:15px;font-weight:600}.header .rightBox .navBar .mehrList div i{font-size:17px}.header .rightBox .navBar .mehrList .abholerListe{position:absolute;top:181px;width:200px;border-radius:0 0 10px 10px;display:flex;flex-direction:column;gap:1px;background-color:var(--header-color-bg);box-shadow:0 10px 8px hsla(18,26%,54%,.31);border-top:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:20px 5px;margin-left:-8px;border:1px solid var(--primary-color);border-top:2px solid var(--page-color-bg);max-height:330px;overflow:hidden;overflow-y:auto}.header .rightBox .navBar .mehrList .abholerListe .abholer{width:calc(100% - 10px);padding:5px 0 5px 10px;border-radius:5px;margin:0;color:var(--text-color)}.header .rightBox .navBar .mehrList .abholerListe .abholer:hover{background-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.header .rightBox .navBar .mehrList .option{padding:7px;border-radius:5px}.header .rightBox .navBar .mehrList .option:hover{background-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.header .rightBox .navBar .CompanyLogo{height:70px;overflow:hidden;position:relative;left:50px}.header .rightBox .navBar .CompanyLogo .Companylogo{height:100%}.header .rightBox .SearchBoxAdmin{display:flex;align-items:center;color:var(--text-color);gap:20px;position:relative}@media(max-width:1400px){.header .rightBox .SearchBoxAdmin{display:none}}.header .rightBox .SearchBoxAdmin input{width:220px;height:27px;border-radius:30px;border:none;padding-left:10px;padding-right:30px;outline-color:var(--primary-color);border:1px solid var(--primary-color)}.header .rightBox .SearchBoxAdmin .fa-magnifying-glass{position:absolute;right:56px;top:5px;color:#474747;font-size:20px;cursor:pointer}.header .rightBox .SearchBoxAdmin .fa-magnifying-glass:hover{color:var(--primary-color)}.header .rightBox .SearchBoxAdmin .fa-xmark{position:absolute;left:-25px;background-color:var(--page-color-bg);color:var(--text-color);width:25px;height:25px;font-size:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.header .rightBox .SearchBox{display:flex;color:var(--text-color);gap:20px;position:relative}@media(max-width:900px){.header .rightBox .SearchBox{display:none}}.header .rightBox .SearchBox input{background-color:var(--sarch-color-bg);width:170px;height:27px;border-radius:30px;border:none;padding-right:30px;outline:none}.header .rightBox .SearchBox .fa-magnifying-glass{position:absolute;left:178px;top:5px;color:#474747;font-size:20px;cursor:pointer}.header .rightBox .SearchBox .fa-magnifying-glass:hover{color:var(--primary-color)}.header .rightBox .SearchBox .sun{width:30px;height:30px;cursor:pointer}.header .rightBox .SearchBox .fa-moon{width:30px;height:30px;font-size:24px;cursor:pointer}.header .rightBox .userBoxAdmin{width:auto;display:flex;align-items:center;gap:15px;color:var(--text-color);position:relative}@media(max-width:1600px){.header .rightBox .userBoxAdmin{display:none}}.header .rightBox .userBoxAdmin .userNameBox{width:auto;height:100%;display:flex;text-align:right;flex-direction:column;font-weight:700}.header .rightBox .userBoxAdmin .role{width:auto;text-align:right;font-size:14px;font-weight:400;margin-bottom:0}.header .rightBox .userBoxAdmin .fa-user{width:30px;height:30px;color:var(--sarch-color-bg);background-color:#556080;padding:10px;border-radius:50%;font-size:22px;display:flex;align-items:center;justify-content:center}.header .rightBox .userBoxAdmin .fa-arrow-right-from-bracket{font-size:25px;margin-left:10px;cursor:pointer}.header .rightBox .userBoxAdmin .fa-arrow-right-from-bracket:hover{color:#f79898}.header .rightBox .userBox{display:flex;align-items:center;gap:10px;color:var(--text-color)}@media(max-width:1600px){.header .rightBox .userBox{display:none}}.header .rightBox .userBox .fa-user{width:30px;height:30px;color:var(--sarch-color-bg);background-color:#556080;padding:10px;border-radius:50%;font-size:22px;display:flex;align-items:center;justify-content:center}.header .rightBox .userBox .fa-arrow-right-from-bracket{font-size:25px;margin-left:10px;cursor:pointer}.header .rightBox .userBox .fa-arrow-right-from-bracket:hover{color:#f79898}.header .rightBox .userEditBox{width:300px;height:auto;background-color:var(--box-color-bg);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:2px solid var(--primary-color);box-shadow:0 0 10px var(--page-color-bg);border-radius:20px;position:absolute;top:70px;right:50px;display:flex;flex-direction:column;align-items:center;padding-bottom:30px;z-index:1000;color:var(--text-color)}.header .rightBox .userEditBox .title{width:100%;text-align:center;padding:20px 0;font-weight:bolder}.header .rightBox .userEditBox .role{font-size:14px;font-weight:700;margin-top:5px}.header .rightBox .userEditBox .fa-user{width:75px;height:75px;font-size:35px;background-color:#556080;display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--sarch-color-bg)}.header .rightBox .userEditBox .fa-pen-to-square{position:relative;cursor:pointer;right:30px}.header .rightBox .userEditBox .fa-pen-to-square:hover{color:var(--primary-color)}.header .rightBox .userEditBox .name{width:calc(100% - 30px);padding-left:30px;display:flex;gap:10px;margin-top:20px}.header .rightBox .userEditBox .name span{font-weight:700}.header .rightBox .userEditBox .email{width:calc(100% - 30px);margin-top:5px;display:flex;padding-left:30px;gap:10px}.header .rightBox .userEditBox .email span{font-weight:700}.header .rightBox .userEditBox .cont{background-color:var(--page-color-bg);padding:10px;margin-top:20px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%}.header .rightBox .userEditBox .cont .plan{font-size:15px;display:flex;flex-direction:column;align-items:center;gap:10px}.header .rightBox .userEditBox .cont .plan .Payment{font-size:14px;font-weight:700}.header .rightBox .userEditBox .cont .text{width:100%;text-align:center;font-size:14px;color:red;margin-top:10px}.header .rightBox .userEditBox .cont .time{width:90%;margin-top:5px;text-align:center;font-size:14px;font-weight:700}.header .rightBox .userEditBox .link{margin-top:30px;font-size:14px;display:flex;align-items:center;gap:5px;cursor:pointer}.header .rightBox .userEditBox .link i{transform:rotateY(180deg)}.header .rightBox .userEditBox .link:hover{color:#3e3ee2}.header .rightBox .userEditBox .btn{width:100%;display:flex;justify-content:center;gap:20px;cursor:pointer;margin-top:10px}.header .rightBox .userEditBox .btn div{border:1px solid var(--primary-color);padding:5px 10px;border-radius:10px;font-size:14px;box-sizing:border-box}.header .rightBox .userEditBox .btn .Abo:hover{background-color:var(--primary-color);border:none;box-shadow:0 0 5px var(--primary-color);margin-left:2px}.header .rightBox .userEditBox .btn .Konto{width:200px;margin-top:10px;text-align:center}.header .rightBox .userEditBox .btn .Konto:hover{background-color:#e37d7d}.header .rightBox .barsIconAdmin{right:40px;width:35px;height:30px;border-radius:5px;cursor:pointer;display:none;z-index:2}@media(max-width:1600px){.header .rightBox .barsIconAdmin{display:flex}}.header .rightBox .barsIconAdmin .lines{width:100%;height:100%;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:3px}.header .rightBox .barsIconAdmin .lines div{border-radius:20px;height:2px;background-color:var(--text-color)}.header .rightBox .barsIconAdmin .lines .line1{width:50%}.header .rightBox .barsIconAdmin .lines .line2{width:75%}.header .rightBox .barsIconAdmin .lines .line3{width:100%}.header .rightBox .barsIconAdmin .Icon{color:var(--text-color);font-size:30px;margin-top:-5px}.header .rightBox .barsIcon{right:40px;width:35px;height:30px;border-radius:5px;cursor:pointer;display:none;z-index:2}@media(max-width:1600px){.header .rightBox .barsIcon{display:flex}}.header .rightBox .barsIcon .lines{width:100%;height:100%;display:flex;flex-direction:column;gap:5px;justify-content:center;padding:3px}.header .rightBox .barsIcon .lines div{border-radius:20px;height:2px;background-color:var(--text-color)}.header .rightBox .barsIcon .lines .line1{width:50%}.header .rightBox .barsIcon .lines .line2{width:75%}.header .rightBox .barsIcon .lines .line3{width:100%}.header .rightBox .barsIcon .Icon{color:var(--text-color);font-size:30px;margin-top:-5px}.header .menuBox{position:fixed;width:400px;height:100dvh;min-height:900px;background-color:var(--header-color-bg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);right:-1000px;display:flex;flex-direction:column;align-items:center;gap:30px;z-index:1;display:none}@media(max-width:1200px){.header .menuBox{display:flex}}@media(max-width:700px){.header .menuBox{width:100%}}.header .menuBox .title{color:var(--primary-color);font-weight:700;font-size:25px;margin:70px 0 40px}.header .menuBox select{outline:none;border:none;width:330px;border-radius:30px;padding:5px;margin-top:-20px;cursor:pointer;background-color:var(--page-color-bg);color:var(--text-color);display:none}@media(max-width:980px){.header .menuBox select{display:block}}.header .menuBox .navBar{display:flex;flex-direction:column;align-items:center;gap:30px;display:none;margin-top:50px}@media(max-width:700px){.header .menuBox .navBar{display:flex}}.header .menuBox .navBar a{color:var(--text-color);text-decoration:none;font-weight:700}.header .menuBox .navBar a:hover{color:var(--primary-color)}.header .menuBox .navBar .mehrList{background-color:var(--box-color-bg);width:100%;margin-top:-25px;display:flex;flex-direction:column;gap:5px}.header .menuBox .navBar .mehrList div{font-size:15px;font-weight:700;display:flex;gap:10px;border-radius:5px;padding:5px;background-color:var(--sarch-color-bg);border:1px solid var(--primary-color)}.header .menuBox .navBar .managementAnsichtBtn{border:1px solid var(--primary-color);padding:5px;border-radius:5px;background-color:var(--page-color-bg)}.header .menuBox .logoutBtn a{text-decoration:none;font-size:18px;font-weight:700;color:var(--text-color)}@media(max-width:700px){.header .menuBox .logoutBtn{display:none}}.header .menuBox .logout{display:flex;justify-content:center;align-items:center;gap:10px}.header .menuBox .logout .fa-arrow-right-from-bracket{color:var(--text-color);font-size:25px;margin-left:10px;cursor:pointer}.header .menuBox .logout .fa-arrow-right-from-bracket:hover{color:#f79898}.header .menuBox .logout div{color:var(--text-color);text-decoration:none;font-weight:700}.header .menuBox .SearchBox{width:330px;display:flex;color:var(--text-color);gap:20px;position:relative;display:none}@media(max-width:900px){.header .menuBox .SearchBox{display:flex}}.header .menuBox .SearchBox input{background-color:var(--sarch-color-bg);width:270px;height:27px;border-radius:30px;border:none;padding-right:30px;outline:none}.header .menuBox .SearchBox .fa-magnifying-glass{position:absolute;right:54px;top:5px;color:#474747;font-size:20px;cursor:pointer}.header .menuBox .SearchBox .fa-magnifying-glass:hover{color:var(--primary-color)}.header .menuBox .SearchBox .fa-moon,.header .menuBox .SearchBox .sun{width:30px;height:30px;cursor:pointer}.header .menuBox .SearchBox .fa-moon{font-size:24px}.header .menuBox .userBox{width:330px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-color)}.header .menuBox .userBox .fa-user{width:30px;height:30px;color:var(--sarch-color-bg);background-color:#556080;padding:10px;border-radius:50%;font-size:22px;display:flex;align-items:center;justify-content:center}.LagersystemBox{width:100%;height:50%;border-radius:10px;overflow:hidden;transition:all .5s;box-shadow:0 0 3px var(--primary-color)}.LagersystemBox .title{width:100%;height:20px;padding:5px 0;font-weight:700;color:var(--text-color);background-color:var(--box-color-bg);border-radius:10px 10px 0 0;font-size:15px;display:flex;justify-content:center;align-items:center;position:relative}.LagersystemBox .title .fa-up-right-and-down-left-from-center{position:absolute;left:10px;color:gray;cursor:pointer}.LagersystemBox .title .Btn{height:28px;padding:0 10px;border-radius:5px 5px 0 0;margin-bottom:-2px;z-index:0;margin-left:2px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:10px}.LagersystemBox .title .Btn:hover{color:var(--text-color)}.LagersystemBox .title .Btn .fa-plus{border-radius:50%;background-color:var(--box-color-bg);width:25px;height:25px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .5s;font-size:13px;font-weight:700;position:relative}.LagersystemBox .title .Btn .fa-plus:hover{transform:rotate(1turn)}.LagersystemBox .title .filterBox{position:absolute;right:10px;display:flex;gap:10px;align-items:center}.LagersystemBox .title .filterBox select{outline-color:var(--primary-color);border:1px solid gray;border-radius:5px}.LagersystemBox .title .filterBox i{opacity:.8;cursor:pointer;outline-color:var(--primary-color)}.LagersystemBox .title .filterBox i:hover{opacity:1}.LagersystemBox .headerBox{width:100%}.LagersystemBox .headerBox .tableTitle{width:calc(100% - 10px);height:25px;background-color:var(--box-color-bg);display:flex;justify-content:space-between;align-items:center;color:var(--text-color);margin-top:2px;font-size:13px;padding:5px;gap:20px;border-bottom:2px solid var(--page-color-bg)}.LagersystemBox .headerBox .tableTitle div{width:20%;font-weight:700;text-align:center}.LagersystemBox .headerBox .tableTitle div .fa-info{padding:4px 8px;background-color:gray;border-radius:50%;color:var(--box-color-bg);margin-left:5px;font-size:12px;cursor:pointer;position:absolute}.LagersystemBox .headerBox .tableTitle .Status{width:auto;position:absolute;left:10px}@media(max-width:850px){.LagersystemBox .headerBox .tableTitle{font-size:12px;width:80px;height:auto;border-right:2px solid var(--page-color-bg);margin-top:0;flex-direction:column;gap:42px;padding:5px 5px 30px}.LagersystemBox .headerBox .tableTitle .Status{position:static}.LagersystemBox .headerBox .tableTitle div{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.LagersystemBox .headerBox .tableTitle .Füllgrad{position:relative;top:-15px}.LagersystemBox .headerBox{width:auto;height:auto}}.LagersystemBox .infosBox{width:100%;height:calc(100% - 100px);overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:1px;position:relative;background-color:var(--box-color-bg);padding-bottom:30px}.LagersystemBox .infosBox .InfoBox{top:30px;width:auto;height:auto;top:230px;left:100px;position:fixed;border:2px solid var(--primary-color);background-color:var(--page-color-bg);color:var(--text-color);font-weight:500;text-align:left;z-index:10;border-radius:20px;padding:30px 20px 20px}.LagersystemBox .infosBox .InfoBox i{position:absolute;top:10px;left:10px;cursor:pointer}.LagersystemBox .infosBox svg{position:absolute;width:20px;animation:rotate .5s linear infinite;left:calc(50% - 10px);top:50px;z-index:1000}.LagersystemBox .infosBox .infoRow{width:calc(100% - 10px);min-height:80px;padding:10px 5px;background-color:var(--chart-bg-color);color:var(--text-color);display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:20px;position:relative;overflow:hidden}.LagersystemBox .infosBox .infoRow .div{width:20%;height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;font-size:12px;font-weight:700;gap:5px;text-align:center}@media(max-width:850px){.LagersystemBox .infosBox .infoRow .div{font-size:11px;text-align:center;border-radius:0}}.LagersystemBox .infosBox .infoRow .div .fa-pen-to-square{font-size:15px;cursor:pointer}.LagersystemBox .infosBox .infoRow .div .fa-pen-to-square:hover{color:var(--primary-color)}.LagersystemBox .infosBox .infoRow .div img{width:40px;height:20px;cursor:pointer}.LagersystemBox .infosBox .infoRow .div .box{width:70px;height:40px;text-align:center;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.LagersystemBox .infosBox .infoRow .div .box p{margin:0;padding:0}.LagersystemBox .infosBox .infoRow .div .box .p{text-align:center;font-weight:700;border-bottom:1px solid var(--primary-color);cursor:pointer;border-radius:2px}.LagersystemBox .infosBox .infoRow .div .box .p:hover{background-color:var(--primary-color)}.LagersystemBox .infosBox .infoRow .div .Percent{cursor:pointer;width:130px;height:40px;border:1px solid #000;border-radius:5px;text-shadow:0 0 13px var(--box-color-bg);position:relative;display:flex;align-items:flex-end;overflow:hidden}@media(max-width:850px){.LagersystemBox .infosBox .infoRow .div .Percent{width:100px;height:35px}}.LagersystemBox .infosBox .infoRow .div .Percent .numBox{position:absolute;top:calc(50% - 5px);width:100%;text-align:center}.LagersystemBox .infosBox .infoRow .div .Percent .numBox .fa-question{position:absolute;background-color:var(--box-color-bg);border-radius:50%;width:20px;height:20px;color:var(--text-color);display:flex;justify-content:center;align-items:center;cursor:pointer;left:-50px;bottom:0;transition:all .2s}.LagersystemBox .infosBox .infoRow .div .Percent .numBox .num{display:inline;text-shadow:0 0 13px var(--box-color-bg);background-color:var(--box-color-bg);border-radius:2px;padding:0 2px}.LagersystemBox .infosBox .infoRow .div .Percent .Füllgrad{width:100%}.LagersystemBox .infosBox .infoRow .div .Percent:hover .numBox .fa-question{left:2px}.LagersystemBox .infosBox .infoRow .div .fa-info{width:25px;height:25px;background-color:gray;display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer}.LagersystemBox .infosBox .infoRow .div .pickUpDate1{color:#000;display:flex;color:gray;justify-content:center;font-weight:700;gap:5px}@media(max-width:850px){.LagersystemBox .infosBox .infoRow .div .pickUpDate1{gap:5px;justify-content:center}}.LagersystemBox .infosBox .infoRow .div .pickUpDate1 .fa-info{width:20px;height:20px;background-color:var(--primary-color);display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--text-color)}@media(max-width:850px){.LagersystemBox .infosBox .infoRow .div .pickUpDate1 .fa-info{min-width:17px;min-height:17px}}.LagersystemBox .infosBox .infoRow .div .pickUpDate{color:#000;display:flex;color:#ff7676;font-weight:700;justify-content:center;gap:5px}@media(max-width:850px){.LagersystemBox .infosBox .infoRow .div .pickUpDate{gap:5px;justify-content:center}}.LagersystemBox .infosBox .infoRow .div .pickUpDate div{width:auto;padding:0}.LagersystemBox .infosBox .infoRow .div .pickUpDate .fa-exclamation{width:20px;height:20px;background-color:#daa520;display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--text-color)}@media(max-width:850px){.LagersystemBox .infosBox .infoRow .div .pickUpDate .fa-exclamation{min-width:17px;min-height:17px}}.LagersystemBox .infosBox .infoRow .div .pickUpDate .fa-info{width:20px;height:20px;background-color:#daa520;display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--text-color)}@media(max-width:850px){.LagersystemBox .infosBox .infoRow .div .pickUpDate .fa-info{min-width:17px;min-height:17px}}.LagersystemBox .infosBox .infoRow .div .check{color:#000;display:flex;align-items:center;color:#219e55;font-weight:700;gap:5px}.LagersystemBox .infosBox .infoRow .div .check .fa-check,.LagersystemBox .infosBox .infoRow .div .check .fa-info{width:20px;height:20px;background-color:#20da5e;display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--text-color)}@media(max-width:850px){.LagersystemBox .infosBox .infoRow .div .check .fa-info{min-width:17px;min-height:17px}}.LagersystemBox .infosBox .infoRow .div .iconBox{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;padding:0;margin:0;position:relative}.LagersystemBox .infosBox .infoRow .div .iconBox .icons{width:100%;height:20px;display:flex;justify-content:center;align-items:center;gap:30px;padding:0;margin:0}.LagersystemBox .infosBox .infoRow .div .iconBox .icons i{padding:0;margin:0;font-size:20px;cursor:pointer}@media(max-width:850px){.LagersystemBox .infosBox .infoRow .div .iconBox .icons i{font-size:18px}}.LagersystemBox .infosBox .infoRow .div .iconBox .datum{width:100%;height:20px;text-align:center;padding:0;margin:0}.LagersystemBox .infosBox .infoRow .icon{position:absolute;width:40px;height:20px;left:10px;z-index:1}.LagersystemBox .infosBox .infoRow .datum{flex-direction:column;position:relative;border-radius:20px}.LagersystemBox .infosBox .infoRow .datum div{display:flex;align-items:center;gap:5px;position:relative}.LagersystemBox .infosBox .infoRow .datum div .fa-gears{font-size:15px;position:absolute;right:-25px}.LagersystemBox .infosBox .infoRow .datum .Auto{color:#000;border-radius:5px 5px 0 0;padding:1px 5px;position:absolute;bottom:-10px;font-size:11px;box-shadow:0 0 3px gray}.LagersystemBox .infosBox .infoRow .Price{position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;background-color:var(--box-color-bg);display:flex;justify-content:center;align-items:center}.LagersystemBox .infosBox .infoRow .Price .box{width:500px;background-color:var(--chart-bg-color);border:2px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color);border-radius:20px;overflow:hidden;position:relative;color:var(--text-color)}.LagersystemBox .infosBox .infoRow .Price .box .title{width:100%;text-align:center;margin-top:20px;font-size:16px;font-weight:700;color:var(--text-color);background-color:var(--chart-bg-color);position:relative}.LagersystemBox .infosBox .infoRow .Price .box .fa-xmark{position:absolute;top:10px;left:10px;cursor:pointer;font-size:20px}.LagersystemBox .infosBox .infoRow .Price .box .head{display:flex;justify-content:center;padding:20px;border-bottom:2px solid var(--box-color-bg)}.LagersystemBox .infosBox .infoRow .Price .box .head select{color:var(--text-color);width:200px;border-radius:20px;outline-color:var(--primary-color);border:none;border:1px solid var(--primary-color);background-color:var(--select-box-bg);cursor:pointer}.LagersystemBox .infosBox .infoRow .Price .infoBox{width:100%;height:100%;display:flex;flex-direction:column;gap:2px}.LagersystemBox .infosBox .infoRow .Price .infoBox .row{width:calc(100% - 1px);margin-left:-5px;display:flex;background-color:var(--box-color-bg);font-size:14px}.LagersystemBox .infosBox .infoRow .Price .infoBox .row:hover{background-color:var(--chart-bg-color)}.LagersystemBox .infosBox .infoRow .Price .infoBox .row div{width:50%;text-align:center;padding:10px;cursor:pointer}.LagersystemBox .infosBox .infoRow .Price .infoBox .row input{width:50%;text-align:center;border-radius:10px;border:none;outline-color:var(--primary-color);border:1px solid var(--primary-color)}.LagersystemBox .infosBox .infoRow .Price .btntBox{width:100%;display:flex}.LagersystemBox .infosBox .infoRow .Price .btntBox button{width:50%;padding:10px;border:none;cursor:pointer;font-size:17px;color:#fff}.LagersystemBox .infosBox .infoRow .Price .btntBox .Abbrechen{background-color:gray}.LagersystemBox .infosBox .infoRow .Price .btntBox .Speichern{background-color:#43806c}.LagersystemBox .infosBox .infoRow .formData{width:100%;height:100dvh;background-color:var(--box-color-bg);position:fixed;top:0;left:0;z-index:5;display:flex;justify-content:center;align-items:center}.LagersystemBox .infosBox .infoRow .formData .formDataTitle{width:100%;text-align:center;font-size:16px;font-weight:700;margin-bottom:30px}.LagersystemBox .infosBox .infoRow .formData .from{width:400px;background-color:var(--page-color-bg);border:2px solid var(--primary-color);border-radius:10px;padding:30px 20px 20px;position:relative;box-shadow:0 0 10px var(--primary-color)}.LagersystemBox .infosBox .infoRow .formData .from .fa-xmark{font-size:20px;position:absolute;top:10px;left:10px;cursor:pointer}.LagersystemBox .infosBox .infoRow .formData .from .feldBox{width:100%;display:flex;gap:5px;margin:10px 0}.LagersystemBox .infosBox .infoRow .formData .from .feldBox .label{width:40%;font-weight:700;font-size:14px}.LagersystemBox .infosBox .infoRow .formData .from .feldBox input{width:60%;border-radius:5px;border:none;padding:5px;outline-color:var(--primary-color)}.LagersystemBox .infosBox .infoRow .formData .from .btnBox{width:100%;margin-top:40px;border-radius:10px;overflow:hidden}.LagersystemBox .infosBox .infoRow .formData .from .btnBox button{opacity:.8}.LagersystemBox .infosBox .infoRow .formData .from .btnBox button:hover{opacity:1}.LagersystemBox .infosBox .infoRow .formData .from .btnBox .Abbrechen{width:50%;border:none;padding:10px;font-size:14px;background-color:gray;cursor:pointer;color:#e9e9e9}.LagersystemBox .infosBox .infoRow .formData .from .btnBox .Speichern{width:50%;border:none;padding:10px;font-size:14px;background-color:#306e5a;color:#e9e9e9;cursor:pointer}@media(max-width:850px){.LagersystemBox .infosBox .infoRow{gap:10px;width:auto;display:flex;flex-direction:column;padding:5px 5px 0}.LagersystemBox .infosBox .infoRow .div{width:100%;min-height:60px;height:auto}.LagersystemBox .infosBox .infoRow .div .pickUpDate1{width:100%}.LagersystemBox .infosBox .infoRow .div .pickUpDate1 .fa-info{width:10px;height:10px}.LagersystemBox .infosBox .infoRow .div .pickUpDate{width:100%;gap:3px}.LagersystemBox .infosBox .infoRow .div .pickUpDate .fa-info{width:10px;height:10px}.LagersystemBox .infosBox .infoRow .icon{left:0;position:static}}.LagersystemBox .infosBox .vInfoRow{width:calc(100% - 10px);min-height:60px!important;padding:10px 5px;background-color:var(--chart-bg-color);color:var(--text-color);display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:20px;position:relative}.LagersystemBox .infosBox .vInfoRow button{width:140px;border:1px solid gray;border-radius:7px;padding:5px;font-weight:700;font-size:12px;cursor:pointer;color:var(--text-color);opacity:.8;display:flex;justify-content:flex-start;align-items:center;gap:5px;background-color:hsla(16,19%,48%,.65)}.LagersystemBox .infosBox .vInfoRow button:hover{opacity:1}.LagersystemBox .infosBox .vInfoRow button i{margin-left:7.5px}.LagersystemBox .infosBox .vInfoRow .div{width:20%;display:flex;justify-content:center;align-items:center;font-weight:700;text-align:center}.LagersystemBox .infosBox .vInfoRow .div .fa-clock-rotate-left{cursor:pointer;font-size:15px}.LagersystemBox .infosBox .vInfoRow .div .fa-pen-to-square{cursor:pointer;opacity:.8;font-size:17px;margin-right:5px}.LagersystemBox .infosBox .vInfoRow .div .fa-pen-to-square:hover{opacity:1}@media(max-width:850px){.LagersystemBox .infosBox .vInfoRow .div{width:100%}}.LagersystemBox .infosBox .vInfoRow .datumBoxVirtualesLager{display:flex;flex-direction:column;gap:10px}.LagersystemBox .infosBox .vInfoRow .datumBoxVirtualesLager .fa-calendar-days{cursor:pointer;font-size:20px}.LagersystemBox .infosBox .vInfoRow .selecteddatumBoxisConfirmed{width:100%;color:#219e55;display:flex;justify-content:center;align-items:center;gap:5px;font-size:12px!important}.LagersystemBox .infosBox .vInfoRow .selecteddatumBoxisConfirmed .fa-check{width:20px;height:20px;background-color:#20da5e;display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--text-color)}.LagersystemBox .infosBox .vInfoRow .selecteddatumBox{width:100%;color:#ff7676;display:flex;justify-content:center;align-items:center;gap:5px;font-size:12px!important}.LagersystemBox .infosBox .vInfoRow .Percent{cursor:pointer;width:130px;height:40px;border:1px solid #000;border-radius:5px;text-shadow:0 0 13px var(--box-color-bg);position:relative;display:flex;align-items:flex-end;overflow:hidden}.LagersystemBox .infosBox .vInfoRow .Percent .numBox{position:absolute;top:calc(50% - 5px);width:100%;text-align:center}.LagersystemBox .infosBox .vInfoRow .Percent .numBox .fa-question{position:absolute;background-color:var(--box-color-bg);border-radius:50%;width:20px;height:20px;color:var(--text-color);display:flex;justify-content:center;align-items:center;cursor:pointer;left:-50px;bottom:0;transition:all .2s}.LagersystemBox .infosBox .vInfoRow .Percent .numBox .num{width:auto;display:inline;text-shadow:0 0 13px var(--box-color-bg);background-color:var(--box-color-bg);border-radius:2px;padding:0 2px}.LagersystemBox .infosBox .vInfoRow .Percent .Füllgrad{width:100%}.LagersystemBox .infosBox .vInfoRow .Percent:hover .numBox .fa-question{left:2px}.LagersystemBox .infosBox .vInfoRow .abholDatumPage{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:var(--box-color-bg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .fa-check{position:absolute;width:150px;height:150px;font-size:60px;background-color:green;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum{width:550px;height:auto;padding:20px;background-color:var(--page-color-bg);display:flex;flex-direction:column;justify-content:center;gap:30px;align-items:center;border-radius:20px;box-shadow:0 0 5px gray;border:2px solid var(--primary-color);position:relative}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .fa-xmark{position:absolute;top:20px;left:20px;font-size:20px;cursor:pointer;color:var(--text-color)}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .abholDatumTitle{text-align:center;width:100%;font-size:20px;font-weight:700}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .datumBox{width:90%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;border-radius:10px;background-color:var(--box-color-bg)}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .datumBox .format{width:40%;font-size:16px}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .datumBox .time{width:100%;border:2px solid var(--primary-color);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;padding-bottom:20px;border-radius:20px;margin:0}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .datumBox .time .timeTitle{width:100%;text-align:center;padding:10px;font-size:16px;font-weight:700}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .datumBox .time .div{width:110px;padding:10px;border-radius:5px;background-color:var(--page-color-bg);font-weight:700;text-align:center;color:var(--text-color);display:flex;flex-direction:column;cursor:pointer}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .datumBox .time .div:hover{background-color:#afafaf}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .datumBox .time .selected{background-color:var(--primary-color)}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .datumBox .contractor{width:100%;padding:20px;font-size:18px;font-weight:700;text-align:center;border-top:2px solid var(--page-color-bg)}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .datumBox .contractor span{color:#f06060;font-size:14px;margin-left:5px}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .datumBox .contractor .select{margin-top:10px;font-size:15px;display:flex;justify-content:center;gap:5px;position:relative}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .datumBox .contractor .select select{border-radius:10px;outline-color:var(--primary-color);border-color:var(--primary-color)}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .datumBox .contractor .select .addbtn{font-size:14px;background-color:#427f6b;padding:2px;width:75px;position:absolute;right:0;border-radius:5px;cursor:pointer;font-weight:500;color:#fff}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .datumBox .contractor .addContLink{border:1px solid var(--primary-color);border-radius:5px;width:300px;margin:15px auto 0;cursor:pointer}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .datumBox .contractor .addContLink:hover{color:#fff;background-color:var(--primary-color);box-shadow:0 0 5px var(--primary-color)}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .datumBox input{width:250px;padding:10px;font-size:18px;border-radius:10px;border:none;outline-color:var(--primary-color);border:1px solid var(--primary-color)}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .AbholerListe{width:900px;border-radius:10px;background-color:var(--page-color-bg);z-index:5;overflow:hidden;box-shadow:0 0 10px var(--primary-color)}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .AbholerListe .tableHead{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:var(--box-color-bg);padding:5px;border-bottom:2px solid var(--page-color-bg)}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .AbholerListe .tableHead .checkbox{width:20px;height:20px;text-align:center}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .AbholerListe .tableHead .name{height:20px;width:200px;text-align:center}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .AbholerListe .tableHead .phone{height:20px;width:100px;text-align:center}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .AbholerListe .tableHead .email{height:20px;width:400px;text-align:center}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .AbholerListe .infos{width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:2px;overflow:hidden;overflow-y:auto}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .AbholerListe .infos .emptyBox{width:100%;padding:20px}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .AbholerListe .infos .emptyBox .msg{width:100%;display:flex;justify-content:center;align-items:center;gap:10px}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .AbholerListe .infos .emptyBox .msg .fa-exclamation{width:25px;height:25px;border-radius:50%;background-color:var(--box-color-bg);display:flex;justify-content:center;align-items:center}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .AbholerListe .infos .row{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:var(--chart-bg-color)}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .AbholerListe .infos .row .checkbox{width:20px;height:20px}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .AbholerListe .infos .row .name,.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .AbholerListe .infos .row .phone{height:20px;width:200px;text-align:center}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .AbholerListe .infos .row .email{height:20px;width:400px;text-align:center}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .btnBox{display:flex;justify-content:center;width:100%}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .btnBox button{padding:8px;width:200px;font-weight:700;font-size:15px;color:#fff;background-color:#306e5a;border:none;border-radius:5px;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer}.LagersystemBox .infosBox .vInfoRow .abholDatumPage .abholDatum .btnBox button:hover{background-color:#43806c}@media(max-width:850px){.LagersystemBox .infosBox .vInfoRow .abholDatumPage{height:100%}}.LagersystemBox .infosBox .vInfoRow .fa-ellipsis-vertical{font-size:16px;min-width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;position:absolute;right:10px;top:5px}.LagersystemBox .infosBox .vInfoRow .fa-ellipsis-vertical:hover{background-color:var(--box-color-bg);color:var(--primary-color)}.LagersystemBox .infosBox .vInfoRow .icons{border:2px solid var(--primary-color);border-radius:5px;background-color:var(--page-color-bg);position:absolute;top:23px;right:50px;width:auto;padding:7px;display:flex;gap:10px}.LagersystemBox .infosBox .vInfoRow .icons i{cursor:pointer;font-size:15px;opacity:.8}.LagersystemBox .infosBox .vInfoRow .icons i:hover{opacity:1}.LagersystemBox .infosBox .vInfoRow .Price{position:fixed;z-index:10;top:0;left:0;width:100%;height:100%;background-color:var(--box-color-bg);display:flex;justify-content:center;align-items:center}.LagersystemBox .infosBox .vInfoRow .Price .box{width:500px;background-color:var(--chart-bg-color);border:2px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color);border-radius:20px;overflow:hidden;position:relative;flex-wrap:wrap;color:var(--text-color)}.LagersystemBox .infosBox .vInfoRow .Price .box .title{width:100%;text-align:center;margin-top:20px;font-size:16px;font-weight:700;color:var(--text-color);background-color:var(--chart-bg-color)}.LagersystemBox .infosBox .vInfoRow .Price .box .fa-xmark{position:absolute;top:10px;left:10px;cursor:pointer;font-size:20px}.LagersystemBox .infosBox .vInfoRow .Price .box .head{display:flex;justify-content:center;padding:20px;border-bottom:2px solid var(--box-color-bg)}.LagersystemBox .infosBox .vInfoRow .Price .box .head select{color:var(--text-color);width:200px;border-radius:20px;outline-color:var(--primary-color);border:none;border:1px solid var(--primary-color);background-color:var(--select-box-bg);cursor:pointer}.LagersystemBox .infosBox .vInfoRow .Price .infoBox{width:100%;height:100%;display:flex;flex-direction:column;gap:2px}.LagersystemBox .infosBox .vInfoRow .Price .infoBox .row{width:calc(100% - 1px);margin-left:-5px;display:flex;background-color:var(--box-color-bg);font-size:14px}.LagersystemBox .infosBox .vInfoRow .Price .infoBox .row:hover{background-color:var(--chart-bg-color)}.LagersystemBox .infosBox .vInfoRow .Price .infoBox .row div{width:50%;text-align:center;padding:10px;cursor:pointer}.LagersystemBox .infosBox .vInfoRow .Price .infoBox .row input{width:50%;height:30px;text-align:center;border-radius:10px;border:none;outline-color:var(--primary-color);border:1px solid var(--primary-color)}.LagersystemBox .infosBox .vInfoRow .Price .btntBox{width:100%;display:flex}.LagersystemBox .infosBox .vInfoRow .Price .btntBox button{width:50%;padding:10px;border:none;cursor:pointer;font-size:17px;color:#fff;border-radius:0;display:flex;justify-content:center;align-items:center}.LagersystemBox .infosBox .vInfoRow .Price .btntBox .Abbrechen{background-color:gray}.LagersystemBox .infosBox .vInfoRow .Price .btntBox .Speichern{background-color:#43806c}.LagersystemBox .infosBox .vInfoRow .WeightBox{width:400px;height:auto;position:fixed;background-color:var(--page-color-bg);border-radius:20px;border:2px solid var(--primary-color);box-shadow:-3px 3px 3px gray;top:calc(50% - 225px);left:calc(50% - 200px);z-index:1;display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.LagersystemBox .infosBox .vInfoRow .WeightBox h3{width:100%;text-align:center;margin-bottom:20px;margin-top:-10px;font-size:16px}.LagersystemBox .infosBox .vInfoRow .WeightBox .fa-xmark{width:100%;font-size:20px;cursor:pointer;text-align:left;padding:10px}.LagersystemBox .infosBox .vInfoRow .WeightBox .box{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px}.LagersystemBox .infosBox .vInfoRow .WeightBox .box label{width:100%;text-align:left;font-size:14px;margin-bottom:2px;padding-left:3px}.LagersystemBox .infosBox .vInfoRow .WeightBox .box input,.LagersystemBox .infosBox .vInfoRow .WeightBox .box textarea{width:100%;padding:5px;border-radius:5px;border:1px solid gray;outline-color:var(--primary-color)}.LagersystemBox .infosBox .vInfoRow .WeightBox .box textarea{height:50px}.LagersystemBox .infosBox .vInfoRow .WeightBox .btnBox{width:calc(100% - 40px);padding:20px;display:flex;justify-content:space-between}.LagersystemBox .infosBox .vInfoRow .WeightBox .btnBox button{justify-content:center;font-size:14px}.LagersystemBox .infosBox .vInfoRow .WeightBox .btnBox .Speichern{background-color:#306e5a!important}.LagersystemBox .infosBox .vInfoRow .WeightBox .btnBox .Abbrechen{background-color:#787979!important}.LagersystemBox .infosBox .vInfoRow .HistoryBox{width:800px;height:auto;background-color:var(--page-color-bg);position:fixed;top:200px;left:calc(50% - 400px);z-index:1;border-radius:20px;border:2px solid var(--primary-color);box-shadow:-3px 3px 3px gray;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow:hidden;padding-bottom:20px}.LagersystemBox .infosBox .vInfoRow .HistoryBox .fa-xmark{width:auto;font-size:20px;cursor:pointer;text-align:left;padding:10px}.LagersystemBox .infosBox .vInfoRow .HistoryBox .tabs{width:100%;display:flex;justify-content:flex-start;padding-left:2px;text-align:center;font-weight:700;padding-right:100px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;padding-top:3px}.LagersystemBox .infosBox .vInfoRow .HistoryBox .tabs:active{cursor:-webkit-grabbing;cursor:grabbing}.LagersystemBox .infosBox .vInfoRow .HistoryBox .tabs::-webkit-scrollbar{width:1px;height:0}.LagersystemBox .infosBox .vInfoRow .HistoryBox .tabs div{min-width:180px;padding:10px;font-size:15px;border-radius:10px 10px 0 0;background-color:var(--box-color-bg);cursor:pointer;box-shadow:0 0 4px gray;position:relative;display:flex;justify-content:center;align-items:center;gap:10px;margin-left:3px}.LagersystemBox .infosBox .vInfoRow .HistoryBox .tabs div:active{cursor:-webkit-grabbing;cursor:grabbing}.LagersystemBox .infosBox .vInfoRow .HistoryBox .tabs div .fa-xmark{width:20px;height:0;margin:0;padding:0;display:block;border-radius:50%;display:flex;justify-content:center;align-items:center;opacity:.8}.LagersystemBox .infosBox .vInfoRow .HistoryBox .tabs div .fa-xmark:hover{opacity:1}.LagersystemBox .infosBox .vInfoRow .HistoryBox .HistoryBoxHeader{display:flex;padding:10px 0;width:100%;justify-content:space-around;border-bottom:2px solid gray;border-top:2px solid gray;background-color:var(--box-color-bg);gap:10px;font-size:15px;font-weight:700}.LagersystemBox .infosBox .vInfoRow .HistoryBox .HistoryBoxHeader div{width:200px;text-align:center}.LagersystemBox .infosBox .vInfoRow .HistoryBox .History{width:100%;height:400px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;overflow-y:auto;flex-direction:column-reverse;justify-content:flex-end}.LagersystemBox .infosBox .vInfoRow .HistoryBox .History .emptyBox{width:100%;padding:20px;text-align:center;background-color:var(--box-color-bg);display:flex;justify-content:center;align-items:center;gap:5px}.LagersystemBox .infosBox .vInfoRow .HistoryBox .History .element{align-items:center;width:100%;border-bottom:1px solid gray;background-color:var(--box-color-bg);display:flex;justify-content:space-around;padding:10px 0}.LagersystemBox .infosBox .vInfoRow .HistoryBox .History .element div{width:200px;text-align:center;font-weight:700}.LagersystemBox .infosBox .vInfoRow .HistoryBox .History .element .name{height:calc(100% - 20px);text-align:center;font-weight:700;padding:25px 10px 10px}.LagersystemBox .infosBox .vInfoRow .HistoryBox .History .element .dateBox{font-weight:700;text-align:center;display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:2px}.LagersystemBox .infosBox .vInfoRow .HistoryBox .History .element .dateBox .date{display:flex;justify-content:space-around;padding:4px;cursor:pointer;border-radius:5px}.LagersystemBox .infosBox .vInfoRow .HistoryBox .History .element .dateBox .date i{color:gray}.LagersystemBox .infosBox .vInfoRow .HistoryBox .History .element .dateBox .date:hover{background-color:var(--page-color-bg)}@media(max-width:850px){.LagersystemBox .infosBox .vInfoRow{gap:10px;width:auto;display:flex;flex-direction:column;padding:5px 5px 0}.LagersystemBox .infosBox .vInfoRow .div{width:100%;min-height:60px;height:auto}.LagersystemBox .infosBox .vInfoRow .div .pickUpDate1{width:100%}.LagersystemBox .infosBox .vInfoRow .div .pickUpDate1 .fa-info{width:10px;height:10px}.LagersystemBox .infosBox .vInfoRow .div .pickUpDate{width:100%;gap:3px}.LagersystemBox .infosBox .vInfoRow .div .pickUpDate .fa-info{width:10px;height:10px}.LagersystemBox .infosBox .vInfoRow .icon{left:0;position:static}}.LagersystemBox .infosBox .VirtualesLagersystemForm{width:100%;height:100dvh;position:fixed;top:0;left:0;z-index:10;background-color:var(--box-color-bg);display:flex;justify-content:center;align-items:center}.LagersystemBox .infosBox .VirtualesLagersystemForm .form{width:500px;height:auto;border-radius:20px;background-color:var(--page-color-bg);display:flex;flex-direction:column;border:2px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color);position:relative;overflow:hidden}.LagersystemBox .infosBox .VirtualesLagersystemForm .form .title{font-size:18px;background:none;margin-top:20px;margin-bottom:25px}.LagersystemBox .infosBox .VirtualesLagersystemForm .form .fa-xmark{font-size:20px;cursor:pointer;position:absolute;top:10px;left:10px;opacity:.8;z-index:10}.LagersystemBox .infosBox .VirtualesLagersystemForm .form .fa-xmark:hover{opacity:1}.LagersystemBox .infosBox .VirtualesLagersystemForm .form .feld{display:flex;align-items:center;padding:10px 30px;background-color:var(--input-box-bg);margin-bottom:4px}.LagersystemBox .infosBox .VirtualesLagersystemForm .form .feld label{width:30%}.LagersystemBox .infosBox .VirtualesLagersystemForm .form .feld input{width:313px;padding:5px;border-radius:5px;border:none;outline-color:var(--primary-color)}.LagersystemBox .infosBox .VirtualesLagersystemForm .form .feld select{border:none;width:320px;margin:0}.LagersystemBox .infosBox .VirtualesLagersystemForm .form .btnBox{display:flex;justify-content:space-between;margin-top:0}.LagersystemBox .infosBox .VirtualesLagersystemForm .form .btnBox button{width:50%;padding:10px;border-radius:0;border:1px solid gray;opacity:.8;cursor:pointer;color:#fff;font-size:17px}.LagersystemBox .infosBox .VirtualesLagersystemForm .form .btnBox button:hover{opacity:1}.LagersystemBox .infosBox .VirtualesLagersystemForm .form .btnBox .Speichern{background-color:#306e5a}.LagersystemBox .infosBox .VirtualesLagersystemForm .form .btnBox .Abbrechen{background-color:gray}@media(max-width:850px){.LagersystemBox .infosBox{width:calc(100% - 92px);height:calc(100% - 52px);flex-direction:row;padding-bottom:20px;margin:0;gap:2px;overflow:auto}}.LagersystemBox .infosBox::-webkit-scrollbar{width:5px;height:5px}@media(max-width:850px){.LagersystemBox{height:570px!important;display:flex;flex-wrap:wrap}.LagersystemBox .title{border-bottom:2px solid var(--page-color-bg);display:flex;justify-content:flex-start}}.KontrollbelegePage .mainBox{width:100%;height:auto;margin-top:25px}.KontrollbelegePage .mainBox .deleteBox .box{width:450px;color:var(--text-color);padding:20px;background-color:var(--page-color-bg);border-radius:20px;border:2px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.KontrollbelegePage .mainBox .deleteBox .box .fa-xmark{font-size:20px;cursor:pointer}.KontrollbelegePage .mainBox .deleteBox .box p{font-size:18px;margin-top:20px}.KontrollbelegePage .mainBox .deleteBox .box p span{font-weight:700}.KontrollbelegePage .mainBox .deleteBox .box .btnBox{width:100%;display:flex;justify-content:space-between;margin-top:50px}.KontrollbelegePage .mainBox .deleteBox .box .btnBox button{width:150px;border:none;padding:5px 0;border-radius:20px;cursor:pointer;font-size:16px}.KontrollbelegePage .mainBox .deleteBox .box .btnBox .Abbrechen{background-color:gray}.KontrollbelegePage .mainBox .deleteBox .box .btnBox .Löchen{background-color:#f07777}.KontrollbelegePage .mainBox .w_schein{width:100%;height:100dvh;background-color:var(--box-color-bg);position:fixed;top:0;left:0;z-index:5;display:flex;justify-content:center;align-items:center;gap:5px;color:var(--text-color)}.KontrollbelegePage .mainBox .w_schein .fa-xmark{position:absolute;top:100px;left:20px;font-size:25px;cursor:pointer;z-index:100}.KontrollbelegePage .mainBox .w_schein .pdf{width:calc(100% - 400px);height:100%;box-shadow:0 0 13px var(--primary-color);border-radius:10px;display:flex;justify-content:center;overflow:hidden}.KontrollbelegePage .mainBox .w_schein .pdf .iframe{width:100%;height:100%}.KontrollbelegePage .mainBox .w_schein .pdf .noPdf{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.KontrollbelegePage .mainBox .w_schein .pdf .noPdf .fa-file-pdf{font-size:100px;width:300px;height:400px;background-color:var(--box-color-bg);display:flex;justify-content:center;align-items:center;border-radius:20px}.KontrollbelegePage .mainBox .w_schein .form{width:600px;border-radius:20px;border:2px solid var(--primary-color);background-color:var(--page-color-bg);box-shadow:0 0 10px var(--primary-color);position:relative;overflow:hidden;overflow-y:auto}.KontrollbelegePage .mainBox .w_schein .form .fa-xmark{position:absolute;left:10px;top:10px;cursor:pointer;font-size:20px}.KontrollbelegePage .mainBox .w_schein .form .title{padding:20px 0;text-align:center;font-size:16px;font-weight:700}.KontrollbelegePage .mainBox .w_schein .form .link{width:100%;display:flex;justify-content:center;text-align:center}.KontrollbelegePage .mainBox .w_schein .form .link a{width:calc(100% - 40px);color:var(--text-color);font-weight:700;display:flex;justify-content:center;align-items:center;gap:10px}.KontrollbelegePage .mainBox .w_schein .form .link a .fa-xmark{position:relative;font-size:15px;font-weight:700;bottom:0;top:0;left:0;cursor:pointer;border-radius:50%;background-color:var(--page-color-bg);width:20px;height:20px;display:flex;justify-content:center;align-items:center}.KontrollbelegePage .mainBox .w_schein .form .link a .fa-xmark:hover{color:red}.KontrollbelegePage .mainBox .w_schein .form .link a:hover{color:var(--primary-color)}.KontrollbelegePage .mainBox .w_schein .form .box{padding:10px 20px;display:flex;justify-content:space-between;align-items:center;background-color:var(--input-box-bg);margin:2px 0}.KontrollbelegePage .mainBox .w_schein .form .box label{width:150px}.KontrollbelegePage .mainBox .w_schein .form .box input{width:395px;padding:5px 2px;outline-color:var(--primary-color);border:none;border-radius:5px;background-color:#fff}.KontrollbelegePage .mainBox .w_schein .form .box textarea{max-width:395px;min-width:395px;padding:5px 2px;outline-color:var(--primary-color);border:none;border-radius:5px;background-color:#fff}.KontrollbelegePage .mainBox .w_schein .form .btnBox{width:100%;display:flex}.KontrollbelegePage .mainBox .w_schein .form .btnBox button{border:none;width:50%;padding:10px;cursor:pointer;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:17px;color:#fff}.KontrollbelegePage .mainBox .w_schein .form .btnBox .Speichern{background-color:#407d69}.KontrollbelegePage .mainBox .w_schein .form .btnBox .Löchen{background-color:#ff6e6e;gap:10px}@media(max-width:850px){.KontrollbelegePage .mainBox .w_schein .form{width:98%}.KontrollbelegePage .mainBox .w_schein .form .box{flex-wrap:wrap;padding:5px}.KontrollbelegePage .mainBox .w_schein .form .btnBox{width:100%;display:flex}.KontrollbelegePage .mainBox .w_schein .form .btnBox button{border:none;width:50%;padding:7px;font-size:15px}}.KontrollbelegePage .mainBox .tableBox{width:90%;height:100%;border-radius:20px 20px 0 0;margin:0 auto;overflow:hidden;position:relative;background-color:var(--box-color-bg);box-shadow:0 0 5px var(--primary-color)}@media(max-width:1200px){.KontrollbelegePage .mainBox .tableBox{width:98%}}.KontrollbelegePage .mainBox .tableBox .PageTitle{position:absolute;width:100%;padding-top:30px;text-align:center;font-size:20px;font-weight:700;color:var(--text-color);z-index:1}@media(max-width:850px){.KontrollbelegePage .mainBox .tableBox .PageTitle{font-size:16px;text-align:left;padding-left:20px}}.KontrollbelegePage .mainBox .tableBox .iconBox{width:100%;padding:10px 0;display:flex;justify-content:space-between;z-index:1;position:-webkit-sticky;position:sticky}.KontrollbelegePage .mainBox .tableBox .iconBox i{font-size:25px;color:var(--text-color);cursor:pointer;z-index:10}@media(max-width:850px){.KontrollbelegePage .mainBox .tableBox .iconBox i{font-size:20px}}.KontrollbelegePage .mainBox .tableBox .iconBox div{text-align:center}.KontrollbelegePage .mainBox .tableBox .iconBox .druckenTitle{color:var(--text-color);font-size:14px;cursor:pointer;z-index:10}@media(max-width:850px){.KontrollbelegePage .mainBox .tableBox .iconBox .druckenTitle{font-size:13px}.KontrollbelegePage .mainBox .tableBox .iconBox .fa-arrow-left{position:relative;top:40px;font-size:20px}}.KontrollbelegePage .mainBox .tableBox .headBox{width:calc(100% - 40px);height:auto;background-color:var(--box-color-bg);padding:20px}@media(max-width:850px){.KontrollbelegePage .mainBox .tableBox .headBox{height:auto;font-size:14px;height:90px}}.KontrollbelegePage .mainBox .tableBox .headBox .navBaar{position:absolute;top:32px;left:75px;color:var(--text-color);width:300px;display:flex;gap:5px;margin-bottom:20px}@media(max-width:850px){.KontrollbelegePage .mainBox .tableBox .headBox .navBaar{font-size:13px;left:50px;top:70px}}.KontrollbelegePage .mainBox .tableBox .headBox .navBaar span{border-bottom:1px solid var(--text-color);cursor:pointer}.KontrollbelegePage .mainBox .tableBox .headBox .machines{text-align:center;padding:2px 5px;outline-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:20px;width:100px;cursor:pointer;background-color:var(--select-box-bg);color:var(--text-color)}.KontrollbelegePage .mainBox .tableBox .headBox .machines option{width:calc(100% - 10px)}.KontrollbelegePage .mainBox .tableBox .headBox .fa-filter{cursor:pointer;display:none}@media(max-width:850px){.KontrollbelegePage .mainBox .tableBox .headBox .fa-filter{display:block;position:relative;top:30px}}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox{width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:20px;color:var(--text-color);margin-top:15px}@media(max-width:850px){.KontrollbelegePage .mainBox .tableBox .headBox .filterBox{justify-content:space-around;position:absolute;width:auto;padding:10px;flex-direction:column;box-shadow:0 0 5px var(--primary-color);top:117px;left:5px;background-color:var(--page-color-bg);z-index:10}}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm{width:100%;height:100dvh;background-color:var(--box-color-bg);position:fixed;top:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden{overflow:hidden;border-radius:20px;box-shadow:0 0 10px var(--primary-color);margin-top:50px;height:744px;border:2px solid var(--primary-color)}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form{width:600px;max-height:750px;border-radius:20px;background-color:var(--page-color-bg);position:relative;overflow:hidden;overflow-y:auto;margin:-5px}@media(max-width:850px){.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form{width:100%}}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form::-webkit-scrollbar{width:0}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form .fa-xmark{position:absolute;top:20px;left:20px;cursor:pointer;font-size:20px}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form .title{position:-webkit-sticky;position:sticky;top:0;background-color:var(--page-color-bg);width:100%;text-align:center;font-weight:700;padding:20px 0}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form .box{padding:10px 20px;display:flex;justify-content:space-between;align-items:center;background-color:var(--input-box-bg);margin:2px 0}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form .box label{width:150px}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form .box .input,.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form .box .kalender,.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form .box select,.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form .box textarea{max-width:400px;min-width:400px;padding:5px 2px;outline-color:var(--primary-color);border:none;border-radius:5px;background-color:#fff;margin:0}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form button{position:-webkit-sticky;position:sticky;bottom:0;width:100%;padding:10px;text-align:center;border:none;font-size:17px;background-color:#407d69;color:#fff;cursor:pointer}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form button:hover{background-color:#52aa8d}@media(max-width:850px){.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form{width:99%}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form .box{padding:5px}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form .box .input,.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form .box .kalender,.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form .box select,.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .DocumentForm .formHidden .form .box textarea{max-width:240px;min-width:240px}}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .Box{display:flex;align-items:center;gap:5px}@media(max-width:850px){.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .Box{justify-content:space-between}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .Box select{width:150px}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .Box .fa-reply-all{border:1px solid var(--primary-color);background-color:var(--box-color-bg)}}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .Box .kalenderValue{border-radius:5px;width:200px;height:24px;overflow:hidden;border:1px solid var(--primary-color)}@media(max-width:850px){.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .Box .kalenderValue{width:150px}}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .Box .kalenderValue input{background-color:var(--sarch-color-bg);width:100%;height:calc(100% + 5px);outline-color:var(--primary-color);font-size:14px;padding:0 5px;margin-top:-2px;border:none}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .Box .kalenderValue .kalender{position:absolute;background-color:#b4d5f5;z-index:2px;border-radius:10px;z-index:2}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .Box .kalenderValue .kalender i{position:absolute;display:flex;justify-content:center;align-items:center;top:-1px;left:-1px;color:#ffc3c3;z-index:2;font-size:20px;width:25px;height:25px;border-radius:50%;cursor:pointer}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .Box .kalenderValue .kalender i:hover{background-color:var(--box-color-bg)}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .Box .fa-reply-all{cursor:pointer;color:var(--text-color);padding:5px;border-radius:5px}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .Box .fa-reply-all:hover{background-color:var(--page-color-bg)}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .Box .fa-plus{width:30px;height:30px;margin-left:5px;background-color:var(--box-color-bg);display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;box-shadow:0 0 5px var(--primary-color);transition:.3s}.KontrollbelegePage .mainBox .tableBox .headBox .filterBox .Box .fa-plus:hover{transform:rotate(180deg)}.KontrollbelegePage .mainBox .tableBox .table{margin-top:2px;width:100%;min-height:calc(100dvh - 290px);position:relative;padding-bottom:50px}.KontrollbelegePage .mainBox .tableBox .table .svg{position:absolute;width:20px;animation:rotate .5s linear infinite;left:calc(50% - 10px);top:100px}.KontrollbelegePage .mainBox .tableBox .table .tableAlert{width:100%;padding:20px;display:flex;justify-content:center;align-items:center;gap:10px;color:var(--text-color)}.KontrollbelegePage .mainBox .tableBox .table .tableAlert i{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:var(--page-color-bg);color:var(--text-color);border-radius:50%}.KontrollbelegePage .mainBox .tableBox .table .tableColumn{width:100%;background-color:var(--box-color-bg);display:flex;color:var(--text-color);justify-content:space-around;align-items:center;font-size:14px;font-weight:700;padding:5px 0;border-top:2px solid var(--page-color-bg);border-bottom:2px solid var(--page-color-bg)}.KontrollbelegePage .mainBox .tableBox .table .tableColumn div{text-align:center;width:8.3333333333%;display:flex;justify-content:center;font-size:13px;color:var(--text-color)}.KontrollbelegePage .mainBox .tableBox .table .tableColumn .div{width:200px}.KontrollbelegePage .mainBox .tableBox .table .tableColumn p{width:30px;text-align:center}.KontrollbelegePage .mainBox .tableBox .table .tableRows{width:100%;height:100%;overflow:hidden;overflow-y:auto;background-color:var(--box-color-bg)}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow{width:100%;background-color:var(--chart-bg-color);display:flex;justify-content:space-between;align-items:center;margin:2px 0;position:relative}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow .betragInfo{height:18px;width:200px;display:flex;gap:2px;align-items:center;background-color:var(--box-color-bg);box-shadow:0 0 3px var(--primary-color);border-radius:5px}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow .betragInfo input{width:60%;height:100%;border-radius:2px;background-color:#fff;outline-color:var(--primary-color);border:none;padding:2px;border:1px solid var(--text-color);border-radius:5px}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow .betragInfo i{cursor:pointer;font-size:20px;padding:2px;border-radius:2px}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow .betragInfo .fa-check{color:#43806c}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow .betragInfo .fa-check:hover{color:#02b67a}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow .betragInfo .fa-xmark{color:red}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow .betragInfo .fa-xmark:hover{color:#b60202}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow div{width:8.3333333333%;height:100%;display:flex;padding:5px 0;justify-content:center;font-size:14px;color:var(--text-color);gap:5px;text-align:center;flex-wrap:wrap}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow div span{display:flex;gap:5px}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow div span i{width:18px;height:18px;border-radius:50%;color:var(--text-color);display:flex;justify-content:center;align-items:center}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow div span .fa-check{background-color:#02b67a}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow div span .fa-exclamation{background-color:orange}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow div .fa-cloud-arrow-up,.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow div .fa-file-arrow-down{font-size:20px;cursor:pointer;color:var(--text-color)}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow div .fa-cloud-arrow-up:hover,.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow div .fa-file-arrow-down:hover{color:#383838}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow div .fa-pen-to-square{justify-self:flex-start;cursor:pointer;font-size:15px;margin-left:-10px}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow .div{width:200px}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow .Upload{flex-direction:column}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow .Upload a{font-size:11px;font-weight:700;text-decoration:underline;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:3px}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow .Upload a i{width:15px;height:15px;display:flex;justify-content:center;align-items:center;border-radius:50%;text-decoration:none}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow .Upload a .fa-check{background-color:#02b67a}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow .Upload a .fa-exclamation{background-color:orange}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow p{color:var(--text-color);width:30px;padding:2px;cursor:pointer;font-size:17px;text-align:center;margin-right:10px;border-radius:50%}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow p:hover{background-color:var(--primary-color)}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow .OptionsBox{padding:5px 7px;border-radius:5px;background-color:var(--chart-bg-color);color:var(--text-color);position:absolute;top:10px;right:35px;display:flex;gap:10px;box-shadow:0 0 7px var(--primary-color);border:2px solid var(--primary-color)}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow .OptionsBox i{font-size:18px;cursor:pointer}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow .OptionsBox .fa-trash-can{font-size:17px;color:#f07777}@media(max-width:850px){.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow .OptionsBox{right:auto;top:auto;bottom:50px;left:0}}@media(max-width:1400px){.KontrollbelegePage .mainBox .tableBox .table{display:flex;padding-bottom:0;min-height:auto;height:auto}.KontrollbelegePage .mainBox .tableBox .table .tableColumn{width:100px;flex-direction:column;border-top:none;margin:0;border-bottom:2px solid var(--page-color-bg);padding:0}.KontrollbelegePage .mainBox .tableBox .table .tableColumn div{width:100%;height:45px;padding:3px;align-items:center}.KontrollbelegePage .mainBox .tableBox .table .tableRows{width:calc(100% - 100px);display:flex;gap:2px;padding-bottom:0;overflow-x:auto;height:auto}.KontrollbelegePage .mainBox .tableBox .table .tableRows::-webkit-scrollbar{width:5px;height:5px}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow{width:auto;flex-direction:column;margin:0;border:1px solid #000;padding:0 10px}.KontrollbelegePage .mainBox .tableBox .table .tableRows .tableRow div{width:100%;height:85px;display:flex;align-items:center;justify-content:center}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stammdatenPage{margin-top:25px}.stammdatenPage,.stammdatenPage .EditStammDatenBox{width:100%;display:flex;justify-content:center;align-items:center}.stammdatenPage .EditStammDatenBox{height:100dvh;background-color:var(--box-color-bg);position:fixed;top:0;left:0;z-index:5}.stammdatenPage .EditStammDatenBox .fa-xmark{color:var(--text-color);font-size:25px;position:absolute;top:20px;left:20px;cursor:pointer}.stammdatenPage .EditStammDatenBox .form{width:530px;padding:20px;background-color:var(--page-color-bg);border-radius:20px;box-shadow:0 0 10px var(--primary-color);border:2px solid var(--primary-color);display:flex;flex-direction:column;gap:10px;color:var(--text-color);position:relative}.stammdatenPage .EditStammDatenBox .form .fa-xmark{top:10px;left:20px}.stammdatenPage .EditStammDatenBox .form .title{margin-top:40px}.stammdatenPage .EditStammDatenBox .form div{width:100%;display:flex;justify-content:center;gap:10px}.stammdatenPage .EditStammDatenBox .form div lable{width:45%}.stammdatenPage .EditStammDatenBox .form div input{width:300px;padding:5px;border-radius:5px;border:none;outline-color:var(--primary-color)}.stammdatenPage .EditStammDatenBox .form button{width:200px;margin:40px auto 0;padding:8px;border-radius:10px;border:none;color:#fff;background-color:var(--box-color-bg);font-size:15px;cursor:pointer;opacity:.8}.stammdatenPage .EditStammDatenBox .form button:hover{opacity:1}.stammdatenPage .EditStammDatenBox .form .Abbrechen{background-color:gray}.stammdatenPage .EditStammDatenBox .form .Speichern{background-color:#417e6a}@media(max-width:500px){.stammdatenPage .EditStammDatenBox .form{width:calc(98% - 40px)}}.stammdatenPage .mainBox{width:95%;height:calc(100dvh - 100px);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:5px;color:var(--text-color)}@media(max-width:1000px){.stammdatenPage .mainBox{width:98%}}@media(max-width:850px){.stammdatenPage .mainBox{height:auto;padding-bottom:20px}}.stammdatenPage .mainBox .calenderBox .schichtenBox{width:calc(100% - 40px);height:calc(100% - 40px);overflow:hidden;overflow-y:auto;padding:20px;display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.stammdatenPage .mainBox .calenderBox .schichtenBox .box{min-width:350px;width:auto;border-radius:10px;overflow:hidden;border:2px solid var(--primary-color)}.stammdatenPage .mainBox .calenderBox .schichtenBox .box h2{width:calc(100% - 20px);margin:0;border-bottom:2px solid var(--primary-color);padding:10px;text-align:center}.stammdatenPage .mainBox .calenderBox .schichtenBox .box table{width:100%;padding:10px;border-spacing:15px 5px;border-collapse:collapse}.stammdatenPage .mainBox .calenderBox .schichtenBox .box table td,.stammdatenPage .mainBox .calenderBox .schichtenBox .box table th{border-left:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);padding:10px;font-size:14px}.stammdatenPage .mainBox .calenderBox .schichtenBox .box table td:first-child,.stammdatenPage .mainBox .calenderBox .schichtenBox .box table th:first-child{border-left:none}.stammdatenPage .mainBox .formBox{width:100%;height:100dvh;background-color:var(--box-color-bg);position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:6}.stammdatenPage .mainBox .formBox .form{width:500px;padding:20px;background-color:var(--page-color-bg);border-radius:20px;box-shadow:0 0 10px #000;color:var(--text-color)}.stammdatenPage .mainBox .formBox .form h4{width:100%;text-align:center;color:var(--text-color)}.stammdatenPage .mainBox .formBox .form .FieldBox{width:100%;padding:10px;display:flex}.stammdatenPage .mainBox .formBox .form .FieldBox .label{width:100px;display:flex;justify-content:center;align-items:center}.stammdatenPage .mainBox .formBox .form .FieldBox input{padding:5px;width:50%;height:20px;outline-color:var(--primary-color);border:none;border-radius:5px}.stammdatenPage .mainBox .formBox .form .btnBox{width:100%;margin-top:50px;display:flex;justify-content:space-around}.stammdatenPage .mainBox .formBox .form .btnBox button{border:none;width:100px;padding:5px;border-radius:5px;cursor:pointer;color:var(--text-color)}.stammdatenPage .mainBox .formBox .form .btnBox .Abbrechen{background-color:gray}.stammdatenPage .mainBox .formBox .form .btnBox .Speichern{background-color:#43806c}.stammdatenPage .mainBox .Stammdaten{width:calc(40% - 5px);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;gap:2px;box-shadow:0 0 5px var(--primary-color)}@media(max-width:900px){.stammdatenPage .mainBox .Stammdaten{width:100%}}.stammdatenPage .mainBox .Stammdaten .title{width:100%;text-align:center;color:var(--text-color);padding:5px 0;background-color:var(--box-color-bg);font-size:16px;font-weight:700}.stammdatenPage .mainBox .Stammdaten .infoBox{width:calc(100% - 4px);height:100%;background-color:var(--box-color-bg);display:flex;flex-direction:column;gap:2px;padding:20px 2px}.stammdatenPage .mainBox .Stammdaten .infoBox .div1{width:calc(100% - 20px);padding:5px 10px;background-color:var(--page-color-bg);border-radius:5px;display:flex;align-items:center;gap:5px;font-size:14px;position:relative}.stammdatenPage .mainBox .Stammdaten .infoBox .div1 span{font-weight:700;width:200px}.stammdatenPage .mainBox .Stammdaten .infoBox .div1 .fa-info{position:absolute;right:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:var(--box-color-bg);border-radius:50%;cursor:pointer}.stammdatenPage .mainBox .Stammdaten .infoBox .div1 .fa-info:hover{box-shadow:0 0 5px var(--primary-color)}.stammdatenPage .mainBox .Stammdaten .infoBox .div{width:calc(100% - 20px);padding:5px 10px;background-color:var(--page-color-bg);border-radius:5px;display:flex;gap:5px;font-size:14px}.stammdatenPage .mainBox .Stammdaten .infoBox .div span{font-weight:700;width:90px}.stammdatenPage .mainBox .Stammdaten .infoBox button{width:200px;border:none;background-color:var(--box-color-bg);color:var(--text-color);box-shadow:0 0 5px var(--primary-color);padding:10px;border-radius:50px;margin:auto;cursor:pointer}.stammdatenPage .mainBox .Stammdaten .infoBox button:hover{background-color:hsla(16,20%,53%,.231);box-shadow:0 0 10px var(--primary-color)}.stammdatenPage .mainBox .Stammdaten .infoBox .Enstellungen{color:var(--text-color);font-size:14px;font-weight:700;margin:5px 0;padding-left:10px}.stammdatenPage .mainBox .Stammdaten .btnBox{width:100%;display:flex;margin-top:50px}.stammdatenPage .mainBox .Material{width:calc(40% - 5px);height:425px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;gap:2px;box-shadow:0 0 5px var(--primary-color)}@media(max-width:900px){.stammdatenPage .mainBox .Material{width:100%}}.stammdatenPage .mainBox .Material .title{width:100%;text-align:center;color:var(--text-color);padding:5px 0;background-color:var(--box-color-bg);font-size:16px;font-weight:700}.stammdatenPage .mainBox .Material .addMaterialrBtn{width:100%;padding:5px;display:flex;justify-content:center;align-items:center;background-color:var(--box-color-bg);gap:10px;font-size:15px}.stammdatenPage .mainBox .Material .addMaterialrBtn i{color:var(--text-color);width:30px;height:30px;background-color:var(--box-color-bg);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 0 5px var(--primary-color);transition:.3s}.stammdatenPage .mainBox .Material .addMaterialrBtn i:hover{transform:rotate(180deg)}.stammdatenPage .mainBox .Material .tableBox{width:100%;height:calc(100% - 70px);background-color:var(--box-color-bg);padding:0 2px}.stammdatenPage .mainBox .Material .tableBox .tableColumns{width:calc(100% - 6px);padding:5px;display:flex;justify-content:space-around;font-size:14px;border-bottom:2px solid var(--page-color-bg)}.stammdatenPage .mainBox .Material .tableBox .tableColumns div{font-size:14px;font-weight:700;width:150px}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox{width:calc(100% - 4px);height:calc(100% - 40px);padding-bottom:10px;overflow:hidden;overflow-y:auto}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows{width:calc(100% - 8px);height:40px;padding:10px;display:flex;justify-content:space-around;background-color:var(--page-color-bg);margin:2px 0;position:relative;align-items:center}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows div{font-size:14px;width:150px;display:flex;justify-content:flex-start;align-items:flex-end;gap:5px}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows div .fa-pen-to-square{cursor:pointer;font-size:14px}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows .editBox{display:flex;gap:10px;align-items:center;background-color:var(--box-color-bg);box-shadow:0 0 3px var(--primary-color);border-radius:5px;padding-left:4px}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows .editBox .fa-check{cursor:pointer;color:#43806c;font-size:20px;padding:2px;border-radius:2px}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows .editBox .fa-check:hover{color:#02b67a}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows .editBox .fa-xmark{cursor:pointer;color:#f84e4e;font-size:20px;padding:2px;border-radius:2px}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows .editBox .fa-xmark:hover{color:#b60202}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows .editBox input{width:80%;border-radius:2px;background-color:#fff;outline-color:var(--primary-color);border:none;padding:2px;border:1px solid var(--text-color);border-radius:5px}.stammdatenPage .mainBox .Material .tableBox .tableRowsBox .tableRows .fa-trash-can{position:absolute;right:20px;cursor:pointer}.stammdatenPage .mainBox .addmaterialsBox{width:100%;height:100dvh;background-color:var(--box-color-bg);position:fixed;z-index:10;top:0;left:0;display:flex;align-items:center;justify-content:center;box-shadow:0 0 5px var(--primary-color)}.stammdatenPage .mainBox .addmaterialsBox .form{padding:20px;background-color:var(--page-color-bg);border:2px solid var(--primary-color);box-shadow:0 0 10px #000;border-radius:10px;display:flex;flex-direction:column;gap:10px}.stammdatenPage .mainBox .addmaterialsBox .form .fa-xmark{position:relative;top:-10px;width:20px;font-size:20px;cursor:pointer}.stammdatenPage .mainBox .addmaterialsBox .form .box{display:flex}.stammdatenPage .mainBox .addmaterialsBox .form .box .label{width:100px;font-weight:700}.stammdatenPage .mainBox .addmaterialsBox .form .box input{width:200px;padding:5px;border:none;border-radius:5px;outline-color:var(--primary-color)}.stammdatenPage .mainBox .addmaterialsBox .form .btnBox{margin-top:30px;border-radius:10px;overflow:hidden}.stammdatenPage .mainBox .addmaterialsBox .form .btnBox button{width:50%;border:none;padding:5px;margin:0 auto;font-size:15px;cursor:pointer;color:#fff;background-color:#43806c;opacity:.8}.stammdatenPage .mainBox .addmaterialsBox .form .btnBox button:hover{opacity:1}.stammdatenPage .mainBox .addmaterialsBox .form .btnBox .Abbrechen{background-color:gray}.stammdatenPage .mainBox .materialDeleteBox{width:100%;height:100dvh;background-color:var(--box-color-bg);position:fixed;display:flex;justify-content:center;align-items:center;top:0;left:0}.stammdatenPage .mainBox .materialDeleteBox .box{padding:20px;background-color:var(--page-color-bg);border:2px solid var(--primary-color);border-radius:10px}.stammdatenPage .mainBox .materialDeleteBox .box .btnBox{margin-top:20px;width:100%;display:flex;justify-content:space-between}.stammdatenPage .mainBox .materialDeleteBox .box .btnBox button{border:none;padding:5px;width:100px;border-radius:5px;cursor:pointer}.stammdatenPage .mainBox .materialDeleteBox .box .btnBox .Abbrechen{background-color:#868686}.stammdatenPage .mainBox .materialDeleteBox .box .btnBox .Löschen{background-color:#ff6060}.stammdatenPage .mainBox .Entsorger{width:calc(100% - 5px);height:420px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;gap:2px;box-shadow:0 0 5px var(--primary-color)}.stammdatenPage .mainBox .Entsorger .title{width:100%;text-align:center;color:var(--text-color);padding:5px 0;background-color:var(--box-color-bg);font-size:16px;font-weight:700}.stammdatenPage .mainBox .Entsorger .infoBox{width:100%;height:100%;background-color:var(--box-color-bg)}.stammdatenPage .mainBox .Entsorger .infoBox .addEntsorgerBtn{width:100%;padding:10px 0;display:flex;justify-content:center;align-items:center;gap:10px;border-top:2px solid var(--page-color-bg)}.stammdatenPage .mainBox .Entsorger .infoBox .addEntsorgerBtn i{color:var(--text-color);width:30px;height:30px;background-color:var(--box-color-bg);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 0 5px var(--primary-color);transition:.3s}.stammdatenPage .mainBox .Entsorger .infoBox .addEntsorgerBtn i:hover{transform:rotate(180deg)}.stammdatenPage .mainBox .Entsorger .infoBox .tableColumn{width:calc(100% - 20px);padding:10px;border-top:1px solid var(--page-color-bg);transition:all .5s;display:flex;justify-content:space-between;font-size:14px;font-weight:700;color:var(--text-color);border-bottom:2px solid var(--page-color-bg)}.stammdatenPage .mainBox .Entsorger .infoBox .tableColumn .div{width:150px}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows{width:100%;height:71%;overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;margin-top:2px;gap:2px;align-items:center}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row{width:calc(100% - 14px);padding:10px 5px;display:flex;justify-content:space-between;align-items:center;font-size:13px;background-color:var(--page-color-bg);height:30px;gap:25px}@media(max-width:500px){.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row{gap:10px;height:auto}}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .div{width:150px;font-size:14px;word-break:break-all}@media(max-width:850px){.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .div{font-size:13px}}@media(max-width:500px){.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .div{font-size:12px}}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .div .underline{text-decoration:underline;cursor:pointer}.stammdatenPage .mainBox .Entsorger .infoBox .tableRows .row .div .underline:hover{color:var(--primary-color)}.stammdatenPage .mainBox .AvvList{z-index:8}.stammdatenPage .mainBox .CheckBoxList{width:100%;height:100vh;background-color:var(--box-color-bg);position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:7}.stammdatenPage .mainBox .CheckBoxList .form{width:80%;padding:20px;background-color:var(--box-color-bg);border-radius:20px;box-shadow:0 0 5px var(--primary-color);color:var(--text-color)}.stammdatenPage .mainBox .CheckBoxList .form .underline{text-decoration:underline;cursor:pointer}.stammdatenPage .mainBox .CheckBoxList .form .underline:hover{color:var(--primary-color)}.stammdatenPage .mainBox .CheckBoxList h4{width:100%;text-align:center;color:var(--text-color)}.stammdatenPage .mainBox .CheckBoxList .tableRows{width:100%;height:100%;max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:space-between;border:1px solid #ccc}.stammdatenPage .mainBox .CheckBoxList .row{display:flex;width:100%;background-color:var(--page-color-bg);padding:10px 0}.stammdatenPage .mainBox .CheckBoxList .column{flex:1 1;padding:0 8px;font-size:13px;font-weight:700}.stammdatenPage .mainBox .CheckBoxList .row-content{flex:1 1;padding:0 8px;font-size:13px;word-break:break-word}.stammdatenPage .mainBox .CheckBoxList .scrollable{overflow-x:auto;display:flex;align-items:center}.stammdatenPage .mainBox .CheckBoxList .row-content{width:100%;word-wrap:break-word;overflow-wrap:break-word}.stammdatenPage .mainBox .CheckBoxList .btnBox{padding:10px;margin:10px}.stammdatenPage .mainBox .CheckBoxList .btnBox button{border:none;padding:5px;width:100px;border-radius:20px;margin-right:10px;cursor:pointer;color:#fff}.stammdatenPage .mainBox .CheckBoxList .btnBox .Abbrechen{background-color:#607172}.stammdatenPage .mainBox .CheckBoxList .btnBox .Speichern{background-color:#43806c}.stammdatenPage .mainBox .EmployeesBox{width:calc(60% - 5px);border-radius:10px;overflow:hidden;box-shadow:0 0 5px var(--primary-color);height:425px}@media(max-width:900px){.stammdatenPage .mainBox .EmployeesBox{width:100%;min-height:500px}}.stammdatenPage .mainBox .EmployeesBox .title{text-align:center;font-size:16px;font-weight:700}.stammdatenPage .mainBox .EmployeesBox .title,.stammdatenPage .mainBox .EmployeesBox .titles{width:calc(100% - 10px);padding:5px;background-color:var(--box-color-bg);border-bottom:2px solid var(--page-color-bg)}.stammdatenPage .mainBox .EmployeesBox .titles{display:flex;justify-content:space-around}.stammdatenPage .mainBox .EmployeesBox .titles div{word-wrap:break-word;width:150px;font-size:14px;font-weight:700}.stammdatenPage .mainBox .EmployeesBox .rows{width:calc(100% - 5px);background-color:var(--box-color-bg);height:calc(100% - 110px);overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:2px 2px 50px}.stammdatenPage .mainBox .EmployeesBox .rows .row{width:calc(100% - 4px);display:flex;justify-content:space-around;padding:10px 0;background-color:var(--page-color-bg);align-items:center;height:30px}@media(max-width:500px){.stammdatenPage .mainBox .EmployeesBox .rows .row{padding:5px 3px}}.stammdatenPage .mainBox .EmployeesBox .rows .row div{word-wrap:break-word;width:150px;font-size:14px}@media(max-width:500px){.stammdatenPage .mainBox .EmployeesBox .rows .row div{font-size:13px}}.chartsBox{width:100%;height:calc(50% - 2px);gap:8px;margin-top:5px}.chartsBox,.chartsBox .chart{border-radius:10px;display:flex;flex-wrap:wrap}.chartsBox .chart{width:calc(50% - 5px);height:calc(100% - 5px);background-color:var(--box-color-bg);align-items:center;justify-content:center;box-shadow:0 0 3px var(--primary-color)}.chartsBox .chart .title{width:100%;padding:5px;text-align:center;font-weight:400;color:var(--text-color);border-bottom:2px solid var(--page-color-bg);font-size:15px;font-weight:700;position:relative;transition:all .5s}.chartsBox .chart .title .infosBox{top:30px;position:absolute;padding:20px;border:2px solid var(--primary-color);background-color:var(--page-color-bg);color:var(--text-color);font-weight:500;text-align:left;z-index:10;border-radius:20px}.chartsBox .chart .title button{border:none;border-radius:0 10px 0 15px;width:150px;background-color:var(--chart-bg-color);position:absolute;right:0;top:-3px;cursor:pointer;color:var(--text-color);border:1px solid var(--primary-color);border-top:none;border-right:none;padding:3px 0}.chartsBox .chart .title button:hover{background-color:var(--primary-color)}.chartsBox .chart .title .fa-up-right-and-down-left-from-center{position:absolute;left:8px;cursor:pointer;color:gray}.chartsBox .chart .title .fa-up-right-and-down-left-from-center:hover{color:#b3b3b3}@media(max-width:500px){.chartsBox .chart .title .fa-up-right-and-down-left-from-center{z-index:1}}.chartsBox .chart .title .fa-circle-info{position:absolute;left:35px;font-size:18px;top:3px;cursor:pointer;color:gray}.chartsBox .chart .title .fa-circle-info:hover{color:#b3b3b3}@media(max-width:500px){.chartsBox .chart .title .fa-circle-info{z-index:1}}.chartsBox .chart .title .types{display:flex;height:100%;align-items:center;position:absolute;right:10px;top:0;font-weight:100;font-size:15px;color:var(--text-color)}.chartsBox .chart .title .types input{cursor:pointer}.chartsBox .chart .title .Switch{position:absolute;right:0;background-color:var(--chart-bg-color);font-size:13px;border-radius:0 0 0 15px;border:1px solid var(--primary-color);border-top:none;border-right:none;font-weight:100;bottom:-23px;padding:3px 10px;cursor:pointer}.chartsBox .chart .title .Switch:hover{background-color:var(--primary-color)}.chartsBox .chart .title select{border:1px solid var(--primary-color);border-radius:20px;cursor:pointer;outline-color:var(--primary-color);background-color:var(--select-box-bg);color:var(--text-color)}.chartsBox .chart .title .monatSelectBox{position:absolute;display:flex;align-items:center;top:2px;left:65px}.chartsBox .chart .title .monatSelectBox .monatSelectTitle{margin-right:5px}.chartsBox .chart .title .DiagrammTypBox{display:flex;position:absolute;align-items:center;left:160px;top:2px}.chartsBox .chart .title .DiagrammTypBox .DiagrammTypTitle{font-size:13px;font-weight:700;margin-right:5px}@media(max-width:550px){.chartsBox .chart .title{font-size:12px;height:30px}.chartsBox .chart .title *{font-size:12px}.chartsBox .chart .title button{top:0}.chartsBox .chart .title .Switch,.chartsBox .chart .title button{width:auto;padding:3px 5px;font-size:11px}.chartsBox .chart .title select{font-size:11px}.chartsBox .chart .title .monatSelectBox{bottom:-20px;left:5px}.chartsBox .chart .title .DiagrammTypBox{bottom:-20px;left:85px}}.chartsBox .chart .Chart{width:100%;height:calc(100% - 40px);display:flex;justify-content:center;align-items:center}@media(max-width:550px){.chartsBox .chart .Chart{width:99%;height:300px;margin-top:20px}}@media(max-width:1200px){.chartsBox .chart{width:100%;height:auto}}@media(max-width:850px){.chartsBox .chart{height:300px}}@media(max-width:550px){.chartsBox .chart{width:100%;height:auto}}@media(max-width:850px){.chartsBox{height:auto}}.monatsauswertung{width:95%;min-height:calc(100dvh - 95px);overflow-y:auto;margin:25px auto 0;border-radius:20px 20px 0 0;background-color:var(--box-color-bg);box-shadow:0 0 5px var(--primary-color)}@media(max-width:1400px){.monatsauswertung{width:98%}}.monatsauswertung .dataTableBox{width:100%;overflow:hidden}.monatsauswertung .dataTableBox .headBox{width:100%;border-bottom:2px solid var(--page-color-bg);transition:all .5s;color:var(--text-color);position:relative;padding:20px 20px 10px}.monatsauswertung .dataTableBox .headBox .fa-filter{display:none}@media(max-width:850px){.monatsauswertung .dataTableBox .headBox .fa-filter{display:block;height:40px;position:relative;top:25px;cursor:pointer}}.monatsauswertung .dataTableBox .headBox .iconBox{width:calc(100% - 40px);display:flex;justify-content:space-between}.monatsauswertung .dataTableBox .headBox .iconBox .title{font-size:20px;font-weight:700}.monatsauswertung .dataTableBox .headBox .iconBox i{font-size:25px;cursor:pointer}.monatsauswertung .dataTableBox .headBox .iconBox .druken{position:relative;text-align:center}.monatsauswertung .dataTableBox .headBox .iconBox .druken .druckenTitle{font-size:14px}@media(max-width:850px){.monatsauswertung .dataTableBox .headBox .iconBox .fa-arrow-left{position:relative;top:30px;font-size:20px}.monatsauswertung .dataTableBox .headBox .iconBox .title{width:100%;height:20px;position:relative;left:-20px;text-align:left;font-size:15px}.monatsauswertung .dataTableBox .headBox .iconBox .druken{right:-40px}.monatsauswertung .dataTableBox .headBox .iconBox .druken .druckenTitle{font-size:12px}}.monatsauswertung .dataTableBox .headBox .navBaar{top:20px;left:75px;position:absolute;color:var(--text-color);width:300px;display:flex;gap:5px}.monatsauswertung .dataTableBox .headBox .navBaar span{border-bottom:1px solid var(--text-color);cursor:pointer}@media(max-width:850px){.monatsauswertung .dataTableBox .headBox .navBaar{top:50px;font-size:13px;left:48px}}.monatsauswertung .dataTableBox .headBox .monatSelect{width:calc(100% - 40px);display:flex;justify-content:center;gap:50px;margin-top:50px}.monatsauswertung .dataTableBox .headBox .monatSelect .monatFilter{display:flex;gap:5px;align-items:center}.monatsauswertung .dataTableBox .headBox .monatSelect .monatFilter select{color:var(--text-color);border:1px solid var(--primary-color);padding:2px 10px;border-radius:20px;background-color:var(--select-box-bg);outline-color:var(--primary-color);cursor:pointer}@media(max-width:850px){.monatsauswertung .dataTableBox .headBox .monatSelect{width:auto;position:absolute;flex-direction:column;background-color:var(--page-color-bg);box-shadow:0 0 5px var(--primary-color);padding:10px;gap:10px}.monatsauswertung .dataTableBox .headBox .monatSelect .monatFilter{justify-content:space-between}.monatsauswertung .dataTableBox .headBox .monatSelect .monatFilter select{width:200px}}.monatsauswertung .dataTableBox .tableTitle{width:calc(100% - 30px);display:flex;align-items:center;padding:5px 15px;font-size:14px;color:var(--text-color);font-weight:700;background-color:var(--box-color-bg);justify-content:space-between;border-bottom:2px solid var(--page-color-bg)}.monatsauswertung .dataTableBox .tableTitle div{width:7.1428571429%;text-align:center}.monatsauswertung .dataTableBox .tableAlert{width:calc(100% - 40px);padding:20px;display:flex;justify-content:center;align-items:center;gap:10px;color:var(--text-color)}.monatsauswertung .dataTableBox .tableAlert i{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:var(--page-color-bg);color:var(--text-color);border-radius:50%}.monatsauswertung .dataTableBox .infosBox{height:auto;overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:2px;background-color:var(--box-color-bg)}.monatsauswertung .dataTableBox .infosBox .infoRow{padding:5px 15px;display:flex;font-size:14px;justify-content:space-between;align-items:center;background-color:var(--chart-bg-color);color:var(--text-color)}.monatsauswertung .dataTableBox .infosBox .infoRow .link{text-decoration:underline;cursor:pointer;margin-bottom:2px}.monatsauswertung .dataTableBox .infosBox .infoRow .betragInfo{width:150px;display:flex;gap:2px;align-items:center;background-color:var(--box-color-bg);box-shadow:0 0 3px var(--primary-color);border-radius:5px;padding-left:4px}.monatsauswertung .dataTableBox .infosBox .infoRow .betragInfo input{width:90%;border-radius:2px;background-color:#fff;outline-color:var(--primary-color);border:none;padding:2px;border:1px solid var(--text-color);border-radius:5px}.monatsauswertung .dataTableBox .infosBox .infoRow .betragInfo i{cursor:pointer;font-size:20px;padding:2px;border-radius:2px}.monatsauswertung .dataTableBox .infosBox .infoRow .betragInfo .fa-check{color:#43806c}.monatsauswertung .dataTableBox .infosBox .infoRow .betragInfo .fa-check:hover{color:#02b67a}.monatsauswertung .dataTableBox .infosBox .infoRow .betragInfo .fa-xmark{color:red}.monatsauswertung .dataTableBox .infosBox .infoRow .betragInfo .fa-xmark:hover{color:#b60202}.monatsauswertung .dataTableBox .infosBox .infoRow div{width:7.1428571429%;display:flex;justify-content:center;align-items:center;gap:5px}.monatsauswertung .dataTableBox .infosBox .infoRow div .fa-pen-to-square{cursor:pointer;font-size:15px;margin-left:-10px}.monatsauswertung .dataTableBox .infosBox .infoRow .Upload{flex-direction:column}.monatsauswertung .dataTableBox .infosBox .infoRow .Upload a{font-size:11px;font-weight:700;text-decoration:underline;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:3px}.monatsauswertung .dataTableBox .infosBox .infoRow .Upload a i{width:15px;height:15px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:13px;text-decoration:none}.monatsauswertung .dataTableBox .infosBox .infoRow .Upload a .fa-check{background-color:#02b67a}.monatsauswertung .dataTableBox .infosBox .infoRow .Upload a .fa-exclamation{background-color:orange}.monatsauswertung .dataTableBox .infosBox .infoRow i{font-size:20px;cursor:pointer;color:var(--text-color)}.monatsauswertung .dataTableBox .infosBox .infoRow i:hover{color:#383838}.monatsauswertung .dataTableBox .infosBox .summeBox{width:100%;height:48px;background-color:var(--primary-color);display:flex;align-items:center}.monatsauswertung .dataTableBox .infosBox .summeBox .Summe{width:35%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.monatsauswertung .dataTableBox .infosBox .summeBox .div{width:6.6666666667%;height:100%;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700}.monatsauswertung .dataTableBox .infosBox .summeBox .Summe1{width:83%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.monatsauswertung .dataTableBox .infosBox .summeBox .div1{width:16.6666666667%;height:100%;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700}@media(max-width:850px){.monatsauswertung .dataTableBox .infosBox .summeBox{width:100%;height:100%}.monatsauswertung .dataTableBox .infosBox .summeBox .Summe{width:auto;height:43%}.monatsauswertung .dataTableBox .infosBox .summeBox .div{width:auto;height:6.6666666667%}}@media(max-width:1400px){.monatsauswertung .dataTableBox{width:100%;display:flex;flex-wrap:wrap}.monatsauswertung .dataTableBox .tableAlert{width:calc(100% - 175px);height:auto}.monatsauswertung .dataTableBox .tableTitle{width:100px;flex-direction:column;border-bottom:0;border-right:2px solid var(--page-color-bg)}.monatsauswertung .dataTableBox .tableTitle div{width:100%;height:40px;display:flex;justify-content:center;align-items:center}.monatsauswertung .dataTableBox .infosBox{width:calc(100% - 135px);flex-direction:row;padding-bottom:0;overflow-x:auto}.monatsauswertung .dataTableBox .infosBox::-webkit-scrollbar{width:5px;height:5px}.monatsauswertung .dataTableBox .infosBox .infoRow{flex-direction:column;gap:10px}.monatsauswertung .dataTableBox .infosBox .infoRow div{width:100%;height:40px;display:flex;justify-content:center;align-items:center}.monatsauswertung .dataTableBox .infosBox .summeBox{height:100%;width:auto;flex-direction:column;gap:10px;padding:0 5px}.monatsauswertung .dataTableBox .infosBox .summeBox .Summe,.monatsauswertung .dataTableBox .infosBox .summeBox .div{width:100%;text-align:center}}.monatsauswertung .w_schein{width:100%;height:100dvh;background-color:var(--box-color-bg);position:fixed;top:0;left:0;z-index:5;display:flex;justify-content:center;align-items:center;gap:5px;color:var(--text-color)}.monatsauswertung .w_schein .fa-xmark{position:absolute;top:100px;left:20px;font-size:25px;cursor:pointer;z-index:100}.monatsauswertung .w_schein .pdf{width:calc(100% - 400px);height:100%;box-shadow:0 0 13px var(--primary-color);border-radius:10px;display:flex;justify-content:center;overflow:hidden}.monatsauswertung .w_schein .pdf .iframe{width:100%;height:100%}.monatsauswertung .w_schein .pdf .noPdf{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.monatsauswertung .w_schein .pdf .noPdf .fa-file-pdf{font-size:100px;width:300px;height:400px;background-color:var(--box-color-bg);display:flex;justify-content:center;align-items:center;border-radius:20px}.monatsauswertung .w_schein .form{width:600px;border-radius:20px;border:2px solid var(--primary-color);background-color:var(--page-color-bg);box-shadow:0 0 10px var(--primary-color);position:relative;overflow:hidden;overflow-y:auto}.monatsauswertung .w_schein .form .fa-xmark{position:absolute;left:10px;top:10px;cursor:pointer;font-size:20px}.monatsauswertung .w_schein .form .title{padding:20px 0;text-align:center;font-size:16px;font-weight:700}.monatsauswertung .w_schein .form .link{width:100%;display:flex;justify-content:center;text-align:center}.monatsauswertung .w_schein .form .link a{width:calc(100% - 40px);color:var(--text-color);font-weight:700;display:flex;justify-content:center;align-items:center;gap:10px}.monatsauswertung .w_schein .form .link a .fa-xmark{position:relative;font-size:15px;font-weight:700;bottom:0;top:0;left:0;cursor:pointer;border-radius:50%;background-color:var(--page-color-bg);width:20px;height:20px;display:flex;justify-content:center;align-items:center}.monatsauswertung .w_schein .form .link a .fa-xmark:hover{color:red}.monatsauswertung .w_schein .form .link a:hover{color:var(--primary-color)}.monatsauswertung .w_schein .form .box{padding:10px 20px;display:flex;justify-content:space-between;align-items:center;background-color:var(--input-box-bg);margin:2px 0}.monatsauswertung .w_schein .form .box label{width:150px}.monatsauswertung .w_schein .form .box input{width:395px}.monatsauswertung .w_schein .form .box input,.monatsauswertung .w_schein .form .box textarea{padding:5px 2px;outline-color:var(--primary-color);border:none;border-radius:5px;background-color:#fff}.monatsauswertung .w_schein .form .box textarea{max-width:395px;min-width:395px}.monatsauswertung .w_schein .form .btnBox{width:100%;display:flex}.monatsauswertung .w_schein .form .btnBox button{border:none;width:50%;padding:10px;cursor:pointer;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:17px;color:#fff}.monatsauswertung .w_schein .form .btnBox .Speichern{background-color:#407d69}.monatsauswertung .w_schein .form .btnBox .Löchen{background-color:#ff6e6e;gap:10px}@media(max-width:850px){.monatsauswertung .w_schein .form{width:98%}.monatsauswertung .w_schein .form .box{flex-wrap:wrap;padding:5px}.monatsauswertung .w_schein .form .btnBox{width:100%;display:flex}.monatsauswertung .w_schein .form .btnBox button{border:none;width:50%;padding:7px;font-size:15px}}.monatsauswertung .deleteBox .box{width:450px;color:var(--text-color);padding:20px;background-color:var(--page-color-bg);border-radius:20px;border:2px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.monatsauswertung .deleteBox .box .fa-xmark{font-size:20px;cursor:pointer}.monatsauswertung .deleteBox .box p{font-size:18px;margin-top:20px}.monatsauswertung .deleteBox .box p span{font-weight:700}.monatsauswertung .deleteBox .box .btnBox{width:100%;display:flex;justify-content:space-between;margin-top:50px}.monatsauswertung .deleteBox .box .btnBox button{width:150px;border:none;padding:5px 0;border-radius:20px;cursor:pointer;font-size:16px}.monatsauswertung .deleteBox .box .btnBox .Abbrechen{background-color:gray}.monatsauswertung .deleteBox .box .btnBox .Löchen{background-color:#f07777}.Kontakt{width:calc(90% - 41px);min-height:calc(100dvh - 125px);background-color:var(--box-color-bg);margin:25px auto 0;border-radius:20px 20px 0 0;position:relative;padding-bottom:30px;box-shadow:0 0 5px var(--primary-color)}.Kontakt .title{width:100%;text-align:center;padding:40px 0;font-size:20px;font-weight:700;border-bottom:2px solid var(--page-color-bg);color:var(--text-color)}.Kontakt .fa-arrow-left{left:30px;font-size:25px;cursor:pointer}.Kontakt .fa-arrow-left,.Kontakt .navBar{position:absolute;top:40px;color:var(--text-color)}.Kontakt .navBar{left:80px;width:calc(100% - 70px);display:flex;gap:5px;margin-bottom:20px}.Kontakt .navBar span{border-bottom:1px solid var(--text-color);cursor:pointer}.Kontakt .form{width:600px;height:auto;margin:50px auto 0;position:relative;border-radius:20px;padding:20px;color:var(--text-color)}.Kontakt .form .title{width:calc(100% - 40px);border:none;padding:20px}.Kontakt .form .alert{background-color:#43806c;padding:10px;border-radius:10px;box-shadow:0 0 5px gray;position:absolute;top:-35px;color:#fff}.Kontakt .form .alert .fa-xmark{width:25px;height:25px;background-color:var(--page-color-bg);border-radius:50%;display:flex;justify-content:center;align-items:center;position:absolute;left:-13px;top:-13px;cursor:pointer;color:gray}@media(max-width:850px){.Kontakt .form{background-color:var(--page-color-bg);width:80%}}.Kontakt .inputs{width:100%;display:flex;flex-direction:column;margin:40px auto 0;position:relative}.Kontakt .inputs label{font-size:14px;font-weight:700;margin-bottom:10px;padding-left:3px}.Kontakt .inputs input,.Kontakt .inputs textarea{padding:5px;border-radius:5px;border:none;outline:none;margin-bottom:20px;box-shadow:0 0 2px var(--primary-color)}.Kontakt .inputs input{height:30px}.Kontakt .inputs textarea{min-width:590px;max-width:590px;min-height:300px;max-height:300px}.Kontakt .inputs button{border:none;padding:10px;width:200px;margin:0 auto;border-radius:5px;background-color:#43806c;font-size:16px;justify-content:center;font-weight:700;color:#fff}.Kontakt .inputs .Bewerten,.Kontakt .inputs button{display:flex;align-items:center;cursor:pointer;gap:5px}.Kontakt .inputs .Bewerten{position:absolute;bottom:10px;left:0;font-size:14px}.Kontakt .inputs .Bewerten:hover{color:var(--primary-color)}@media(max-width:850px){.Kontakt .inputs textarea{min-width:100%}.Kontakt .inputs button{margin-top:50px}.Kontakt{width:100%;height:2330px}}.material{width:80%;min-height:calc(100dvh - 95px);height:auto;margin:25px auto 0;border-radius:20px 20px 0 0;background-color:var(--box-color-bg);color:var(--text-color);box-shadow:0 0 5px var(--primary-color)}@media(max-width:1200px){.material{width:100%}}.material .SortenBearbeitenBox{width:100%;height:calc(100dvh - 100px);background-color:var(--page-color-bg);position:absolute;top:0;left:0;z-index:5;padding-top:100px;display:flex;justify-content:center;align-items:center}.material .SortenBearbeitenBox .box{width:900px;height:500px}@media(max-width:1000px){.material .SortenBearbeitenBox .box{width:98%}}.material .SortenBearbeitenBox .box .fa-arrow-left{font-size:25px;color:var(--text-color);cursor:pointer}.material .SortenBearbeitenBox .box .addSort{width:calc(100% - 20px);padding:10px 0;display:flex;align-items:center;gap:10px}.material .SortenBearbeitenBox .box .addSort i{width:30px;height:30px;background-color:var(--box-color-bg);border-radius:50%;display:flex;justify-content:center;align-items:center;font:14px;cursor:pointer;transition:.3s}.material .SortenBearbeitenBox .box .addSort i:hover{transform:rotate(180deg)}.material .SortenBearbeitenBox .box .tableBox{width:100%;height:85%;background-color:var(--box-color-bg);border-radius:10px;overflow:hidden}.material .SortenBearbeitenBox .box .tableBox .tableColumn{width:calc(100% - 10px);display:flex;padding:5px;justify-content:space-between;background-color:var(--box-color-bg);border-bottom:2px solid var(--page-color-bg)}.material .SortenBearbeitenBox .box .tableBox .tableColumn .tableColumnBox{width:30%}.material .SortenBearbeitenBox .box .tableBox .tableColumn .tableColumnIcon{width:10%}.material .SortenBearbeitenBox .box .tableBox .tableRows{width:100%;height:92%;overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.material .SortenBearbeitenBox .box .tableBox .tableRows .row{width:100%;background-color:var(--chart-bg-color);font-size:15px;display:flex;justify-content:space-between}.material .SortenBearbeitenBox .box .tableBox .tableRows .row .EBox{width:30%;height:100%;display:flex;border-radius:5px;border:1px solid var(--primary-color);padding:0 0 0 5px;background-color:var(--box-color-bg);align-items:center;gap:5px}.material .SortenBearbeitenBox .box .tableBox .tableRows .row .EBox i{width:10%;cursor:pointer;font-size:20px}.material .SortenBearbeitenBox .box .tableBox .tableRows .row .EBox .fa-xmark{color:red}.material .SortenBearbeitenBox .box .tableBox .tableRows .row .EBox .fa-check{color:#26a858}.material .SortenBearbeitenBox .box .tableBox .tableRows .row .EBox .descriptionEditInput{width:80%;height:90%;border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color)}.material .SortenBearbeitenBox .box .tableBox .tableRows .row .tableColumnBox{width:30%;padding:5px;word-break:break-all}.material .SortenBearbeitenBox .box .tableBox .tableRows .row .tableColumnBox .fa-pen-to-square{cursor:pointer;margin-right:5px}.material .SortenBearbeitenBox .box .tableBox .tableRows .row .tableColumnBox button{border:none;color:var(--text-color);border-radius:30px;padding:3px 8px;box-shadow:0 0 2px var(--primary-color);cursor:pointer;background-color:var(--page-color-bg)}.material .SortenBearbeitenBox .box .tableBox .tableRows .row .tableColumnIcon{width:10%;display:flex;justify-content:center;align-items:center;gap:10px}.material .SortenBearbeitenBox .box .tableBox .tableRows .row .tableColumnIcon i{cursor:pointer}.material .SortenBearbeitenBox .box .tableBox .tableRows .row .tableColumnIcon .fa-trash-can:hover{color:#f17a7a}.material .SortenBearbeitenBox .priceMatrixBox{width:700px;position:relative;border-radius:10px;overflow:hidden}.material .SortenBearbeitenBox .priceMatrixBox .balckBox{width:70px;padding:10px;font-size:14px;display:flex;align-items:center;gap:5px;border-radius:10px;z-index:5;position:absolute;cursor:pointer}.material .SortenBearbeitenBox .priceMatrixBox .balckBox .fa-arrow-left{font-size:20px}.material .SortenBearbeitenBox .priceMatrixBox .balckBox:hover{background-color:var(--box-color-bg)}.material .SortenBearbeitenBox .priceMatrixBox select{color:var(--text-color);width:70px;border-radius:20px;border:none;background-color:var(--box-color-bg);position:absolute;right:30px;outline:none;box-shadow:0 0 8px var(--primary-color)}.material .SortenBearbeitenBox .priceMatrixBox .title{position:absolute;top:0;padding:10px;width:calc(100% - 20px);text-align:center;font-weight:700;z-index:4;background-color:var(--box-color-bg);border-bottom:2px solid var(--page-color-bg)}.material .SortenBearbeitenBox .priceMatrixBox .tablebox{width:100%;height:calc(100% - 40px);background-color:var(--box-color-bg)}.material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableTitles{display:flex;width:100%;margin-top:40px;border-bottom:2px solid var(--page-color-bg)}.material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableTitles div{padding:10px;width:50%;text-align:center}.material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableTitles div .fa-trash-can{cursor:pointer;color:#ec6c6c;display:none}.material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableTitles div:hover .fa-trash-can{display:inline}.material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableRowsBox{width:100%;display:flex;flex-direction:column;gap:2px;overflow:hidden;overflow-y:auto}.material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableRowsBox .row{width:100%;display:flex;align-items:center;background-color:var(--chart-bg-color);padding:10px}.material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableRowsBox .row .Box{display:flex;align-items:center;height:30px}.material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableRowsBox .row div,.material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableRowsBox .row input{width:50%;display:flex;justify-content:center;text-align:center}.material .SortenBearbeitenBox .priceMatrixBox .tablebox .tableRowsBox .row input{border:none;border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color);padding:10px}.material .SortenBearbeitenBox .priceMatrixBox .tablebox .btnBox{width:100%;display:flex;gap:2px;margin-top:5px}.material .SortenBearbeitenBox .priceMatrixBox .tablebox .btnBox button{padding:10px;width:100%;border:none;cursor:pointer;color:var(--text-color)}.material .SortenBearbeitenBox .priceMatrixBox .tablebox .btnBox .Abbrechen{background-color:gray}.material .SortenBearbeitenBox .priceMatrixBox .tablebox .btnBox .Speichern{background-color:#43806c}.material .deleteBox{width:100%;height:100dvh;background-color:var(--box-color-bg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:absolute;top:0;left:0;z-index:5;display:flex;justify-content:center;align-items:center}.material .deleteBox .fa-xmark{position:absolute;top:20px;left:20px;color:gray;font-size:20px;cursor:pointer}.material .deleteBox .fa-xmark:hover{color:var(--text-color)}.material .deleteBox .btnBox{padding:20px;background-color:var(--page-color-bg);border-radius:10px;box-shadow:0 0 10px var(--primary-color);color:var(--text-color);border:2px solid var(--primary-color)}.material .deleteBox .btnBox .btn{width:100%;display:flex;justify-content:space-around;margin-top:30px}.material .deleteBox .btnBox .btn button{border:none;padding:5px;width:100px;border-radius:20px;cursor:pointer;color:#f3f3f3}.material .deleteBox .btnBox .btn .Abbrechen{background-color:gray}.material .deleteBox .btnBox .btn .Löschen{background-color:#ec6c6c}.material .addBox{width:500px;height:auto;padding:20px;position:absolute;top:50px;left:0;z-index:4;background-color:var(--box-color-bg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:10px;display:flex;gap:10px;border:2px solid var(--primary-color);box-shadow:0 0 10px var(--box-color-bg);z-index:10}@media(max-width:600px){.material .addBox{width:90%}}.material .addBox input{padding:5px;width:70%;outline-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:5px}.material .addBox button{border:none;width:20%;border-radius:10px;padding:10px;cursor:pointer;color:#f3f3f3}.material .addBox .Abbrechen{background-color:#f54b4b}.material .addBox .Speichern{background-color:#306e5a}.material .headBox{width:100%;padding:20px;border-bottom:2px solid var(--page-color-bg);transition:all .5s;color:var(--text-color)}.material .headBox .iconBox{width:calc(100% - 40px);display:flex;justify-content:space-between}.material .headBox .iconBox .title{width:100%;text-align:center;font-size:20px;font-weight:700}.material .headBox .iconBox i{font-size:25px;cursor:pointer;margin-bottom:20px}.material .headBox .navBaar{color:var(--text-color);width:300px;display:flex;gap:5px}.material .headBox .navBaar span{border-bottom:1px solid var(--text-color);cursor:pointer}.material .indexTableBox{width:1200px;height:auto;margin:0 auto;position:relative;background-color:var(--chart-bg-color);box-shadow:0 0 3px var(--primary-color)}@media(max-width:1000px){.material .indexTableBox{width:98%}}.material .indexTableBox .addIndex{width:100%;padding:10px 0;display:flex;align-items:center;gap:10px;font-weight:700;background-color:var(--primary-color)}.material .indexTableBox .addIndex i{width:30px;height:30px;background-color:var(--page-color-bg);border-radius:50%;display:flex;justify-content:center;align-items:center;font:14px;cursor:pointer;transition:.3s;background-color:var(--box-color-bg);margin-left:10px;box-shadow:0 0 5px var(--primary-color)}.material .indexTableBox .addIndex i:hover{transform:rotate(180deg)}.material .indexTableBox .indexTable{width:calc(100% - 20px);height:550px;overflow:hidden;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:10px 10px 100px;background-color:var(--box-color-bg)}.material .indexTableBox .indexTable .indexBox{border:1px solid var(--primary-color);height:auto;width:80%;min-width:600px;border-radius:10px;background-color:var(--box-color-bg);box-shadow:0 0 3px var(--primary-color)}.material .indexTableBox .indexTable .indexBox .title{font-size:15px;font-weight:700;width:calc(100% - 20px);padding:10px;border-bottom:2px solid var(--primary-color);position:relative;background-color:var(--page-color-bg);border-radius:10px 10px 0 0}.material .indexTableBox .indexTable .indexBox .title .fa-trash-can{position:absolute;right:10px;cursor:pointer}.material .indexTableBox .indexTable .indexBox .title .fa-trash-can:hover{color:red}.material .indexTableBox .indexTable .indexBox .cont{width:calc(100% - 10px);height:75px;padding:5px;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:10px;border-radius:0 0 10px 10px;box-shadow:inset 0 0 10px 2px rgba(0,0,0,.13)}.material .indexTableBox .indexTable .indexBox .cont .sort{background-color:hsla(16,19%,48%,.8);padding:5px 10px;min-width:75px;border-radius:20px;cursor:pointer;border:2px solid var(--box-color-bg);box-shadow:0 0 2px var(--primary-color);display:flex;align-items:center;justify-content:space-between;gap:10px}.material .indexTableBox .indexTable .indexBox .cont .sort .fa-trash-can{font-size:14px;cursor:pointer}.material .indexTableBox .indexTable .indexBox .cont .sort .fa-trash-can:hover{color:#bb1e1e;text-shadow:0 0 var(--text-color)}.material .indexTableBox .indexTable .indexBox .cont .fa-plus{background-color:var(--box-color-bg);border-radius:50%;width:30px;height:30px;cursor:pointer;border:2px solid var(--box-color-bg);box-shadow:0 0 3px var(--primary-color);display:flex;justify-content:center;align-items:center}.material .indexTableBox .indexTable .indexBox .cont .fa-plus:hover{background-color:var(--primary-color);color:var(--box-color-bg)}.material .indexTableBox .indexTable .tableColumn{width:100%;display:flex;gap:2px;background-color:var(--box-color-bg);border-bottom:2px solid var(--box-color-bg);transition:all .5s}.material .indexTableBox .indexTable .tableColumn .title{padding:10px;width:50%;text-align:center;background-color:var(--page-color-bg);font-weight:700}.material .indexTableBox .indexTable .tableRows{width:100%;max-height:450px;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;gap:2px}.material .indexTableBox .indexTable .tableRows .row{width:calc(100% - 20px);padding:10px;background-color:var(--chart-bg-color);font-size:14px;display:flex;align-items:center}.material .indexTableBox .indexTable .tableRows .row .text{width:50%;display:flex;justify-content:flex-start}.material .indexTableBox .indexTable .tableRows .row .btn{width:50%;display:flex;justify-content:center;align-items:center;gap:30px}.material .indexTableBox .indexTable .tableRows .row .btn button{border:none;color:var(--text-color);background-color:var(--box-color-bg);box-shadow:0 0 10px var(--primary-color);padding:5px 10px;border-radius:30px;cursor:pointer}.material .indexTableBox .indexTable .tableRows .row .btn .fa-trash-can{font-size:17px;color:var(--text-color);cursor:pointer}.material .indexTableBox .indexTable .tableRows .row .btn .fa-trash-can:hover{color:#f77f7f}.material .SortInfos{width:1200px;height:auto;margin:0 auto;position:relative;box-shadow:0 0 5px var(--primary-color);display:flex;flex-wrap:wrap;overflow:hidden;overflow-y:auto;padding-bottom:5px}.material .SortInfos .fa-arrow-left{position:absolute;top:20px;left:20px;font-size:25px;cursor:pointer}.material .SortInfos .title{width:calc(100% - 40px);height:20px;background-color:var(--primary-color);padding:20px;text-align:center;font-size:18px;font-weight:700}.material .SortInfos .leftBox{width:calc(60% - 20px);height:calc(100% - 60px);display:flex;flex-direction:column;align-items:flex-start;padding:10px}.material .SortInfos .leftBox .add{width:100px;padding:10px;position:absolute;top:100px;left:200px}.material .SortInfos .leftBox .add .fa-plus{width:30px;height:30px;background-color:var(--box-color-bg);box-shadow:0 0 5px var(--primary-color);display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;transition:all .5s}.material .SortInfos .leftBox .add .fa-plus:hover{background-color:var(--primary-color);transform:rotate(1turn)}.material .SortInfos .leftBox label{position:relative;font-weight:700;padding:10px 10px 10px 2px}.material .SortInfos .leftBox select{width:150px;padding:5px;border-radius:7px;outline-color:var(--primary-color)}.material .SortInfos .leftBox .Table{width:auto;height:auto;margin-top:20px;border-radius:5px;overflow:hidden}.material .SortInfos .leftBox .Table .titles{display:flex;border-bottom:2px solid var(--page-color-bg);border-top:2px solid var(--page-color-bg);border-right:2px solid var(--page-color-bg)}.material .SortInfos .leftBox .Table .titles div{padding:10px;min-width:100px;border-left:2px solid var(--page-color-bg)}.material .SortInfos .leftBox .Table .TableColumns .Column{display:flex}.material .SortInfos .leftBox .Table .TableColumns .Column .monat{min-width:100px;border-left:2px solid var(--page-color-bg);border-right:2px solid var(--page-color-bg)}.material .SortInfos .leftBox .Table .TableColumns .Column div{min-width:100px;padding:10px;border-bottom:2px solid var(--page-color-bg);border-right:2px solid var(--page-color-bg)}.material .SortInfos .leftBox .Table .TableColumns .Column div input{width:90px;padding:5px;border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color)}.material .SortInfos .rightBox{width:40%;height:calc(100% - 265px);display:flex;flex-direction:column;position:relative}.material .SortInfos .rightBox label{padding:10px;font-weight:700;margin-top:30px}.material .SortInfos .rightBox textarea{border-radius:5px;min-height:200px;max-height:200px;min-width:calc(100% - 30px);max-width:calc(100% - 30px);padding:10px;outline-color:var(--primary-color)}.material .SortInfos .rightBox button{margin-top:30px;padding:10px;width:200px;font-size:15px;border-radius:10px;border:1px solid gray;background-color:#306e5a;color:#ebebeb;opacity:.8;cursor:pointer}.material .SortInfos .rightBox button:hover{opacity:1}.material .editsortBox{width:100%;height:100%;position:absolute;top:0;left:0;z-index:5;background-color:var(--box-color-bg)}@media(max-width:1200px){.material .editsortBox{height:auto}}.material .editsortBox .main{width:100%;height:100dvh;background-color:var(--box-color-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0}@media(max-width:1200px){.material .editsortBox .main{width:100%}}.material .editsortBox .main .priceMatrixBox{border:2px solid var(--primary-color);border-radius:15px;box-shadow:0 0 10px var(--primary-color);background-color:var(--page-color-bg);display:flex;flex-direction:column;padding-top:40px;gap:2px;position:relative;overflow:hidden}.material .editsortBox .main .priceMatrixBox .fa-xmark{position:absolute;left:10px;top:10px;font-size:20px;cursor:pointer}.material .editsortBox .main .priceMatrixBox .Title{width:100%;font-weight:700;display:flex;justify-content:center;margin-bottom:20px}.material .editsortBox .main .priceMatrixBox .box{width:calc(100% - 10px);display:flex;align-items:center;justify-content:space-between;background-color:var(--input-box-bg);padding:2px 5px}.material .editsortBox .main .priceMatrixBox .box label{width:150px}.material .editsortBox .main .priceMatrixBox .box input{padding:5px;width:300px}.material .editsortBox .main .priceMatrixBox .box input,.material .editsortBox .main .priceMatrixBox .box select{border:none;border-radius:5px;outline-color:var(--primary-color);color:var(--text-color);border:1px solid var(--primary-color)}.material .editsortBox .main .priceMatrixBox .box select{width:calc(100% - 150px);text-align:center;background-color:var(--select-box-bg);padding:4px 0;cursor:pointer}.material .editsortBox .main .priceMatrixBox .box textarea{max-width:305px;min-width:305px;min-height:20px;max-height:200px;border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color)}.material .editsortBox .main .priceMatrixBox .btnBox{width:100%;display:flex;margin-top:2px}.material .editsortBox .main .priceMatrixBox .btnBox button{width:50%;padding:10px;border:none;color:var(--text-color);font-size:15px;text-align:center;cursor:pointer}.material .editsortBox .main .priceMatrixBox .btnBox .löchen{display:flex;gap:5px;justify-content:center;align-items:center;background-color:#ec6c6c}.material .editsortBox .main .priceMatrixBox .btnBox .Speichern{background-color:#43806c}.material .editsortBox .main .btn{width:calc(100% - 40px);padding:20px}.material .editsortBox .main .btn button{margin-top:50px;padding:5px 10px;border:none;border-radius:5px;box-shadow:0 0 10px var(--primary-color);border-radius:20px;color:var(--text-color);cursor:pointer}.material .contAddSortBox{width:100%;height:100dvh;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.473);z-index:9}.material .contAddSortBox .addSortBox{width:400px;padding:30px;border-radius:20px;background-color:var(--box-color-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute;z-index:10;box-shadow:0 0 10px var(--box-color-bg);display:flex;flex-direction:column;gap:20px;border:2px solid var(--primary-color);left:calc(50% - 200px);top:calc(50% - 200px)}.material .contAddSortBox .addSortBox h2{width:100%;text-align:center}.material .contAddSortBox .addSortBox select{width:100px;border:none;outline-color:var(--primary-color);border-radius:20px}.material .contAddSortBox .addSortBox .inputbox{width:100%;display:flex;flex-direction:column}.material .contAddSortBox .addSortBox .inputbox label{font-weight:700}.material .contAddSortBox .addSortBox .inputbox input,.material .contAddSortBox .addSortBox .inputbox textarea{border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color);padding:7px}.material .contAddSortBox .addSortBox .inputbox textarea{max-width:385px;min-width:385px;min-height:100px;max-height:200px}.material .contAddSortBox .addSortBox .inputbox select{border:1px solid var(--primary-color);padding:7px}.material .contAddSortBox .addSortBox .btnBox{display:flex;justify-content:space-between;margin-top:20px}.material .contAddSortBox .addSortBox .btnBox button{border:none;width:150px;padding:10px;border-radius:10px;cursor:pointer;font-size:15px;color:#f3f3f3}.material .contAddSortBox .addSortBox .btnBox .Abbrechen{background-color:#fc4e4e}.material .contAddSortBox .addSortBox .btnBox .Speichern{background-color:#306e5a}.chartsPage{width:95%;height:calc(100dvh - 95px);margin:25px auto 0;border-radius:20px 20px 0 0;background-color:var(--box-color-bg);box-shadow:0 0 5px var(--primary-color);color:var(--text-color)}@media(max-width:1200px){.chartsPage{width:100%}}@media(max-width:850px){.chartsPage{height:auto;padding-bottom:20px}}.chartsPage .headBox{width:calc(100% - 40px);padding:20px;position:relative}.chartsPage .headBox .title{position:absolute;width:300px;text-align:center;top:20px;font-size:16px;font-weight:700;left:calc(50% - 150px)}.chartsPage .headBox .fa-arrow-left{font-size:25px;cursor:pointer;color:var(--text-color);z-index:10}.chartsPage .headBox .navBar{position:absolute;top:23px;left:70px;color:var(--text-color);display:flex;gap:5px}.chartsPage .headBox .navBar span{border-bottom:1px solid var(--text-color);cursor:pointer}.chartsPage .headBox .fa-filter{display:none}.chartsPage .headBox .btnBox{width:100%;margin-top:30px;display:flex;justify-content:space-between;align-items:center}.chartsPage .headBox .btnBox .fa-file-pdf,.chartsPage .headBox .btnBox .fa-rotate{cursor:pointer;font-size:18px}.chartsPage .headBox .btnBox .selectMaterial{border:1px solid var(--primary-color);padding:2px 10px;border-radius:20px;font-size:14px;background-color:var(--select-box-bg);color:var(--text-color);cursor:pointer}.chartsPage .headBox .btnBox .selectMaterial .fa-chevron-down{font-size:11px;position:relative;left:7px}.chartsPage .headBox .btnBox .selectMaterial .list{position:absolute;background-color:var(--select-box-bg);color:var(--text-color);margin-left:-10px;margin-top:5px;border-radius:10px;z-index:5;overflow:hidden;box-shadow:0 0 5px var(--primary-color)}.chartsPage .headBox .btnBox .selectMaterial .list div{cursor:pointer;padding:5px}.chartsPage .headBox .btnBox .selectMaterial .list div:hover{background-color:var(--primary-color)}.chartsPage .headBox .btnBox .select{color:var(--text-color)}.chartsPage .headBox .btnBox .select select{border:none;border:1px solid var(--primary-color);padding:2px 10px}.chartsPage .headBox .btnBox .select select,.chartsPage .headBox .btnBox button{border-radius:20px;background-color:var(--select-box-bg);color:var(--text-color);outline:none;cursor:pointer}.chartsPage .headBox .btnBox button{border:none;padding:5px 15px;border:1px solid var(--primary-color)}.chartsPage .headBox .btnBox .iconBox,.chartsPage .headBox .btnBox button{display:flex;align-items:center;gap:5px}@media(max-width:850px){.chartsPage .headBox .btnBox{background-color:var(--page-color-bg);width:auto;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:absolute;top:80px;left:10px;z-index:100;padding:10px;gap:10px;box-shadow:0 0 10px var(--primary-color)}.chartsPage .headBox .btnBox div{width:100%;display:flex;justify-content:space-between;gap:10px}.chartsPage .headBox .btnBox div select{width:100px}.chartsPage .headBox .btnBox button{width:100%}}.chartsPage .headBox .labelsbtn{right:160px;z-index:1000}.chartsPage .headBox .Vergleichstool,.chartsPage .headBox .labelsbtn{border-radius:20px;padding:5px 10px;background-color:var(--select-box-bg);border:1px solid var(--primary-color);position:absolute;font-size:13px;top:20px;cursor:pointer}.chartsPage .headBox .Vergleichstool{right:20px;z-index:1}@media(max-width:850px){.chartsPage .headBox{height:70px}.chartsPage .headBox .title{left:-100px}.chartsPage .headBox .navBar{font-size:13px;left:45px;top:50px}.chartsPage .headBox .fa-arrow-left{position:relative;top:30px;font-size:20px}.chartsPage .headBox .fa-filter{display:block;position:relative;top:42px;cursor:pointer}}.chartsPage .chartsBox{width:calc(100% - 20px);height:calc(100% - 125px);margin:0 auto}.chartsPage .chartsBox,.chartsPage .chartsBox .chart{display:flex;align-items:center;justify-content:center}.chartsPage .chartsBox .chart{width:calc(50% - 5px);height:calc(50% - 5px);border-radius:10px;background-color:var(--box-color-bg);flex-wrap:wrap;box-shadow:0 0 2px var(--primary-color)}@media(max-width:1000px){.chartsPage .chartsBox .chart{width:100%;height:400px}}.chartsPage .chartsBox .chart .title{width:100%;padding:5px;text-align:center;font-weight:400;color:var(--text-color);border-bottom:2px solid var(--page-color-bg);font-size:15px;position:relative;transition:all .5s}.chartsPage .chartsBox .chart .title button{border:none;width:150px;background-color:var(--box-color-bg);position:absolute;right:0;top:-2px;cursor:pointer;color:var(--text-color);box-shadow:none;border:1px solid var(--primary-color);border-top:none;border-right:none;padding:3px 0;border-radius:0 10px 0 15px}.chartsPage .chartsBox .chart .title button:hover{background-color:var(--primary-color)}.chartsPage .chartsBox .chart .title .fa-up-right-and-down-left-from-center{position:absolute;left:8px;cursor:pointer;color:gray}.chartsPage .chartsBox .chart .title .fa-up-right-and-down-left-from-center:hover{color:#b3b3b3}.chartsPage .chartsBox .chart .title .fa-circle-info{position:absolute;left:35px;font-size:18px;top:3px;cursor:pointer;color:gray}.chartsPage .chartsBox .chart .title .fa-circle-info:hover{color:#b3b3b3}.chartsPage .chartsBox .chart .title .types{display:flex;height:100%;align-items:center;position:absolute;right:10px;top:0;font-weight:100;font-size:15px;color:var(--text-color)}.chartsPage .chartsBox .chart .title .types input{cursor:pointer}.chartsPage .chartsBox .chart .title .infosBox{top:30px;position:absolute;padding:20px;border:2px solid var(--primary-color);background-color:var(--page-color-bg);color:var(--text-color);font-weight:500;text-align:left;z-index:10;border-radius:20px}.chartsPage .chartsBox .chart .title .Switch{position:absolute;right:0;background-color:var(--box-color-bg);font-size:13px;box-shadow:none;border-radius:0 0 0 15px;bottom:-22px;padding:2px 10px;border:1px solid var(--primary-color);border-top:none;border-right:none;cursor:pointer}.chartsPage .chartsBox .chart .title .Switch:hover{background-color:var(--primary-color)}@media(max-width:500px){.chartsPage .chartsBox .chart .title button{width:auto;padding:3px 5px;top:0}}.chartsPage .chartsBox .chart .Chart{width:100%;height:calc(100% - 40px);display:flex;justify-content:center;align-items:center}@media(max-width:500px){.chartsPage .chartsBox .chart{height:auto}.chartsPage .chartsBox .chart .title{font-size:12px}.chartsPage .chartsBox .chart .Chart{width:99%;height:300px}}.chartsPage .VergleichstoolBox{width:98%;height:650px;background-color:var(--box-color-bg);border-radius:10px;margin:20px auto 0;display:flex;justify-content:center;align-items:center;position:relative;box-shadow:0 0 2px var(--primary-color)}.chartsPage .VergleichstoolBox .btn{position:absolute;top:0;right:0;background-color:var(--box-color-bg);padding:2px 10px;border-radius:0 5px 0 15px;font-size:13px;border:1px solid var(--primary-color);border-top:none;border-right:none;cursor:pointer}.chartsPage .VergleichstoolBox .btn:hover{background-color:var(--primary-color)}.chartsPage .VergleichstoolBox .chart{width:100%;border-radius:10px;background-color:var(--box-color-bg);display:flex;align-items:center;justify-content:center;flex-wrap:wrap}@media(max-width:1000px){.chartsPage .VergleichstoolBox .chart{width:100%;height:400px}}.chartsPage .VergleichstoolBox .chart .title{width:100%;padding:5px;text-align:center;font-weight:700;color:var(--text-color);border-bottom:2px solid var(--page-color-bg);font-size:15px;position:relative;transition:all .5s}.chartsPage .VergleichstoolBox .chart .title button{border:none;border-radius:20px;width:150px;background-color:var(--page-color-bg);position:absolute;right:10px;cursor:pointer;color:var(--text-color)}.chartsPage .VergleichstoolBox .chart .title .fa-up-right-and-down-left-from-center{position:absolute;left:8px;cursor:pointer;color:gray}.chartsPage .VergleichstoolBox .chart .title .fa-up-right-and-down-left-from-center:hover{color:#b3b3b3}.chartsPage .VergleichstoolBox .chart .title .fa-circle-info{position:absolute;left:35px;font-size:18px;top:3px;cursor:pointer;color:gray}.chartsPage .VergleichstoolBox .chart .title .fa-circle-info:hover{color:#b3b3b3}.chartsPage .VergleichstoolBox .chart .title .types{display:flex;height:100%;align-items:center;position:absolute;right:10px;top:0;font-weight:100;font-size:15px;color:var(--text-color)}.chartsPage .VergleichstoolBox .chart .title .types input{cursor:pointer}.chartsPage .VergleichstoolBox .chart .title .infosBox{top:30px;position:absolute;padding:20px;border:2px solid var(--primary-color);background-color:var(--page-color-bg);color:var(--text-color);font-weight:500;text-align:left;z-index:10;border-radius:20px}.chartsPage .VergleichstoolBox .chart .Chart{width:100%;height:calc(100% - 40px);display:flex;justify-content:center;align-items:center}.chartsPage .labelsBox{width:100%;height:calc(100% - 120px);display:flex;justify-content:center;align-items:center;gap:30px;background-color:var(--box-color-bg);position:relative}.chartsPage .labelsBox .fa-xmark{position:absolute;top:20px;left:20px;cursor:pointer;color:var(--text-color);font-size:25px}.chartsPage .labelsBox .labelsBoxhidden{border-radius:12px;overflow:hidden;border:2px solid var(--primary-color);box-shadow:0 0 5px var(--primary-color)}.chartsPage .labelsBox .labelsBoxhidden .Box{width:500px;height:568px;overflow:hidden;padding-bottom:30px;overflow-y:auto;border-radius:10px;display:flex;flex-direction:column}.chartsPage .labelsBox .labelsBoxhidden .Box::-webkit-scrollbar{width:3px}.chartsPage .labelsBox .labelsBoxhidden .Box .element{padding:8px 8px 8px 5px;background-color:var(--box-color-bg);border-bottom:1px solid var(--page-color-bg);cursor:pointer}.chartsPage .labelsBox .labelsBoxhidden .Box .element:hover{background-color:var(--page-color-bg)}.chartsPage .labelsBox .editbox{height:598px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 5px var(--primary-color);border-radius:10px}.chartsPage .labelsBox .editbox .formBox{width:500px;height:100%;border-radius:10px;border:2px solid var(--primary-color);overflow:hidden}.chartsPage .labelsBox .editbox .formBox .title{width:100%;padding:10px;text-align:center;background-color:var(--box-color-bg);border-bottom:2px solid var(--page-color-bg)}.chartsPage .labelsBox .editbox .formBox .titles{width:100%;display:flex;padding:10px 0;background-color:var(--box-color-bg);border-bottom:2px solid var(--page-color-bg)}.chartsPage .labelsBox .editbox .formBox .titles div{text-align:center;width:50%}.chartsPage .labelsBox .editbox .formBox .row{width:100%;display:flex;background-color:var(--box-color-bg);border-bottom:1px solid var(--page-color-bg)}.chartsPage .labelsBox .editbox .formBox .row div{padding:10px 0;text-align:center;width:50%}.chartsPage .labelsBox .editbox .formBox .row input{padding:10px 0;text-align:center;width:50%;outline-color:var(--primary-color);border:none;font-size:18px}.chartsPage .labelsBox .editbox .btnBox{width:100%;display:flex}.chartsPage .labelsBox .editbox .btnBox button{width:50%;border:none;padding:10px;cursor:pointer}.chartsPage .labelsBox .editbox .btnBox .Abbrechen{background-color:gray}.chartsPage .labelsBox .editbox .btnBox .Speichern{background-color:#43806c}.abholDatumPage{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:var(--box-color-bg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;display:flex;justify-content:center;align-items:center}.abholDatumPage .icon{position:absolute;font-size:40px;color:#fff}.abholDatumPage .fa-check{position:absolute;width:150px;height:150px;font-size:60px;background-color:green;border-radius:50%;color:#fff}.abholDatumPage .abholDatum,.abholDatumPage .fa-check{display:flex;justify-content:center;align-items:center}.abholDatumPage .abholDatum{width:550px;height:auto;padding:20px;background-color:var(--page-color-bg);flex-direction:column;gap:30px;border-radius:20px;box-shadow:0 0 5px gray;border:2px solid var(--primary-color);position:relative}.abholDatumPage .abholDatum .fa-xmark{position:absolute;top:20px;left:20px;font-size:20px;cursor:pointer;color:var(--text-color)}.abholDatumPage .abholDatum .abholDatumTitle{font-size:20px;font-weight:700}.abholDatumPage .abholDatum .datumBox{padding:20px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;border-radius:10px;background-color:var(--box-color-bg)}.abholDatumPage .abholDatum .datumBox .time{width:100%;border:2px solid var(--primary-color);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;padding-bottom:20px;border-radius:20px}.abholDatumPage .abholDatum .datumBox .time .timeTitle{width:100%;text-align:center;padding:10px;font-size:16px;font-weight:700}.abholDatumPage .abholDatum .datumBox .time .div{width:110px;padding:10px;border-radius:5px;background-color:var(--page-color-bg);font-weight:700;text-align:center;color:var(--text-color);display:flex;flex-direction:column;cursor:pointer}.abholDatumPage .abholDatum .datumBox .time .div:hover{background-color:#afafaf}.abholDatumPage .abholDatum .datumBox .time .selected{background-color:var(--primary-color)}.abholDatumPage .abholDatum .datumBox .contractor{width:100%;padding:20px;font-size:18px;font-weight:700;text-align:center;border-top:2px solid var(--page-color-bg)}.abholDatumPage .abholDatum .datumBox .contractor span{color:#f06060;font-size:14px;margin-left:5px}.abholDatumPage .abholDatum .datumBox .contractor .select{margin-top:10px;font-size:15px;display:flex;justify-content:center;gap:5px;position:relative}.abholDatumPage .abholDatum .datumBox .contractor .select select{border-radius:10px;outline-color:var(--primary-color);border-color:var(--primary-color)}.abholDatumPage .abholDatum .datumBox .contractor .select .addbtn{font-size:14px;background-color:#427f6b;padding:2px;width:75px;position:absolute;right:0;border-radius:5px;cursor:pointer;font-weight:500;color:#fff}.abholDatumPage .abholDatum .datumBox .contractor .addContLink{border:1px solid var(--primary-color);border-radius:5px;width:300px;margin:15px auto 0;cursor:pointer}.abholDatumPage .abholDatum .datumBox .contractor .addContLink:hover{color:#fff;background-color:var(--primary-color);box-shadow:0 0 5px var(--primary-color)}.abholDatumPage .abholDatum .datumBox .format{font-size:16px;font-weight:700}.abholDatumPage .abholDatum .datumBox input{width:250px;padding:10px;font-size:18px;border-radius:10px;border:none;outline-color:var(--primary-color);border:1px solid var(--primary-color)}.abholDatumPage .abholDatum .AbholerListe{width:900px;border-radius:10px;background-color:var(--page-color-bg);z-index:5;overflow:hidden;box-shadow:0 0 10px var(--primary-color)}.abholDatumPage .abholDatum .AbholerListe .tableHead{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:var(--box-color-bg);padding:5px;border-bottom:2px solid var(--page-color-bg)}.abholDatumPage .abholDatum .AbholerListe .tableHead .checkbox{width:20px;height:20px;text-align:center}.abholDatumPage .abholDatum .AbholerListe .tableHead .name{height:20px;width:200px;text-align:center}.abholDatumPage .abholDatum .AbholerListe .tableHead .phone{height:20px;width:100px;text-align:center}.abholDatumPage .abholDatum .AbholerListe .tableHead .email{height:20px;width:400px;text-align:center}.abholDatumPage .abholDatum .AbholerListe .infos{width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:2px;overflow:hidden;overflow-y:auto}.abholDatumPage .abholDatum .AbholerListe .infos .emptyBox{width:100%;padding:20px}.abholDatumPage .abholDatum .AbholerListe .infos .emptyBox .msg{width:100%;display:flex;justify-content:center;align-items:center;gap:10px}.abholDatumPage .abholDatum .AbholerListe .infos .emptyBox .msg .fa-exclamation{width:25px;height:25px;border-radius:50%;background-color:var(--box-color-bg);display:flex;justify-content:center;align-items:center}.abholDatumPage .abholDatum .AbholerListe .infos .row{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:var(--chart-bg-color)}.abholDatumPage .abholDatum .AbholerListe .infos .row .checkbox{width:20px;height:20px}.abholDatumPage .abholDatum .AbholerListe .infos .row .name,.abholDatumPage .abholDatum .AbholerListe .infos .row .phone{height:20px;width:200px;text-align:center}.abholDatumPage .abholDatum .AbholerListe .infos .row .email{height:20px;width:400px;text-align:center}.abholDatumPage .abholDatum .btnBox{display:flex;justify-content:center;width:100%}.abholDatumPage .abholDatum .btnBox button{padding:8px;width:200px;font-weight:700;font-size:15px;color:#fff;background-color:#306e5a;border:none;border-radius:5px;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer}.abholDatumPage .abholDatum .btnBox button:hover{background-color:#43806c}@media(max-width:850px){.abholDatumPage{height:100%}}.Abbrechen{box-shadow:none!important}.myConfirmButton{background-color:#43806c;border:2px solid #fff;box-shadow:0 0 5px var(--primary-color)}.myConfirmButton:hover{background-color:#43806c!important}.swal-modal{background-color:var(--box-color-bg)!important;border:2px solid var(--primary-color);box-shadow:0 0 10px var(--box-color-bg)!important}.swal-modal .swal-text,.swal-modal .swal-title,.swal-title{color:var(--text-color)}.Notification{width:calc(80% - 40px);height:calc(100dvh - 95px);background-color:var(--box-color-bg);margin:25px auto 0;border-radius:20px 20px 0 0;position:relative;box-shadow:0 0 5px var(--primary-color)}@media(max-width:1200px){.Notification{width:calc(100% - 10px)}}.Notification .title{width:calc(100% - 40px);height:60px;text-align:center;padding:20px;font-size:20px;font-weight:700;color:var(--text-color);border-bottom:2px solid var(--page-color-bg)}@media(max-width:850px){.Notification .title{font-size:15px;text-align:left}}.Notification .fa-arrow-left{position:absolute;top:40px;left:40px;font-size:25px;color:var(--text-color);cursor:pointer}@media(max-width:850px){.Notification .fa-arrow-left{font-size:20px;top:60px;left:20px}}.Notification .navBar{top:40px;left:90px;position:absolute;color:var(--text-color);width:calc(100% - 100px);display:flex;gap:5px;margin-bottom:20px}.Notification .navBar span{border-bottom:1px solid var(--text-color);cursor:pointer}@media(max-width:850px){.Notification .navBar{width:auto;font-size:13px;top:60px;left:50px}}.Notification .loaderBox{width:100%;height:8px;background-color:#e6e6e6;position:relative}.Notification .loaderBox .alert{position:absolute;top:-20px;font-size:13px;font-weight:700;color:var(--text-color);padding-left:100px;display:flex}.Notification .loaderBox .alert .Pausieren{margin-left:30px;font-size:20px;height:25px;display:flex;justify-content:center;align-items:center;margin-top:-10px;border-radius:5px;color:var(--text-color);cursor:pointer}.Notification .loaderBox .alert .Pausieren .text{font-size:14px;margin-left:10px}.Notification .loaderBox .loader{height:100%;background-color:var(--primary-color);transition:all .6s linear}.Notification .NotificationBox{width:100%;height:calc(100dvh - 200px);margin:0 auto;overflow:hidden;overflow-y:auto}@media(max-width:1200px){.Notification .NotificationBox{width:100%}}.Notification .NotificationBox .KBN{padding:20px;display:flex;justify-content:center;align-items:center;gap:10px;color:var(--text-color)}.Notification .NotificationBox .KBN .fa-exclamation{width:30px;height:30px;background-color:var(--page-color-bg);display:flex;justify-content:center;align-items:center;border-radius:50%}.Notification .NotificationBox .notification1:nth-child(odd){background-color:var(--chart-bg-color)}.Notification .NotificationBox .notification1:nth-child(2n){background-color:var(--select-box-bg)}.Notification .NotificationBox .notification1{width:calc(100% - 20px);padding:15px 10px;color:var(--text-color);display:flex;align-items:center;justify-content:space-around;background-color:var(--chart-bg-color);position:relative;border-bottom:2px solid var(--page-color-bg)}.Notification .NotificationBox .notification1 .btnBox{width:150px;display:flex;flex-direction:column;gap:20px}.Notification .NotificationBox .notification1 .btnBox button{border-radius:20px;border:none;cursor:pointer;padding:3px 10px;font-size:15px}.Notification .NotificationBox .notification1 .btnBox .bestätigen{background-color:#6a9969;cursor:not-allowed}.Notification .NotificationBox .notification1 .btnBox .datum_vorschlagen{background-color:#7e7e7e}.Notification .NotificationBox .notification1 .notificationMassage{width:70%;margin-left:-20px;height:auto;display:flex;flex-direction:column;justify-content:center}.Notification .NotificationBox .notification1 .notificationMassage .notificationTitle{font-size:17px;font-weight:700;text-decoration:underline}.Notification .NotificationBox .notification1 .notificationMassage p{margin:10px 0 0;font-size:15px}.Notification .NotificationBox .notification1 .notificationMassage p span{font-size:17px;font-weight:600;margin:0 5px}.Notification .NotificationBox .notification1 .Datum{position:absolute;font-size:13px;top:0;right:0;padding:3px 7px;display:flex;gap:5px;background-color:rgba(85,96,128,.506);border-radius:0 0 0 10px}.Notification .NotificationBox .notification1 .Datum .fa-clock{font-size:15px}.Notification .NotificationBox .notification1 .fa-trash-can{cursor:pointer;font-size:20px;margin-bottom:-30px}@media(max-width:850px){.Notification .NotificationBox .notification1{flex-wrap:wrap;flex-direction:column-reverse;height:auto;padding:10px}.Notification .NotificationBox .notification1 .notificationMassage{width:100%;margin-left:0;margin-top:20px}.Notification .NotificationBox .notification1 .notificationMassage .notificationTitle,.Notification .NotificationBox .notification1 .notificationMassage p,.Notification .NotificationBox .notification1 .notificationMassage p span{font-size:13px}.Notification .NotificationBox .notification1 .fa-trash-can{position:absolute;font-size:15px;bottom:15px;right:10px;margin-bottom:0}.Notification .NotificationBox .notification1 .btnBox{width:100%;flex-direction:row;margin-top:20px;padding:0}}.Notification .NotificationBox .Confirmation .icon{width:60px;height:60px;background-color:#6a9969;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:35px;color:var(--chart-bg-color)}@media(max-width:850px){.Notification .NotificationBox .Confirmation .icon{width:auto;height:auto;font-size:25px}.Notification .NotificationBox{font-size:13px}}.news{width:calc(90% - 40px);height:86dvh;background-color:var(--box-color-bg);margin:25px auto 0;border-radius:20px 20px 0 0;position:relative;padding-top:30px;overflow:hidden;box-shadow:0 0 5px var(--primary-color)}@media(max-width:1200px){.news{width:calc(100% - 40px)}}@media(max-width:850px){.news{width:calc(100% - 10px)}}.news .title{width:100%;text-align:center;padding:20px 0;font-size:20px;color:var(--text-color);font-weight:700}.news .fa-arrow-left{position:absolute;top:40px;left:30px;font-size:25px;color:var(--text-color);cursor:pointer}@media(max-width:850px){.news .fa-arrow-left{top:20px;left:20px;font-size:20px}}.news .navBar{top:40px;left:80px;position:absolute;color:var(--text-color);display:flex;gap:5px}@media(max-width:850px){.news .navBar{top:20px;left:60px}}.news .navBar span{border-bottom:1px solid var(--text-color);cursor:pointer}.news .newsInosBox{width:100%;height:calc(100% - 65px);background-color:var(--page-color-bg)}.news .newsInosBox .container{max-width:100%;min-height:100%;margin:auto;background-color:var(--box-color-bg);color:var(--text-color)}.news .newsInosBox header{text-align:center;padding:20px;border-bottom:1px solid #ddd;position:relative}@media(max-width:850px){.news .newsInosBox header{height:50px}}.news .newsInosBox header .addFeatureBox{width:calc(100% - 20px);position:absolute;padding:10px;bottom:0;display:flex;align-items:center;justify-content:center;gap:10px}@media(max-width:850px){.news .newsInosBox header .addFeatureBox{font-size:15px}}.news .newsInosBox header .addFeatureBox .fa-plus{width:30px;height:30px;background-color:var(--box-color-bg);border-radius:50%;box-shadow:0 0 10px var(--primary-color);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s}.news .newsInosBox header .addFeatureBox .fa-plus:hover{transform:rotate(180deg);background-color:var(--primary-color);color:#fff}.news .newsInosBox header h1{margin:0;color:var(--primary-color)}@media(max-width:850px){.news .newsInosBox header h1{font-size:17px}}.news .newsInosBox section{height:100dvh;margin:20px 0;overflow:hidden;overflow-y:auto;padding:20px}.news .newsInosBox h2{border-bottom:2px solid var(--primary-color);padding-bottom:10px}@media(max-width:850px){.news .newsInosBox h2{font-size:17px}}.news .newsInosBox .feature{margin:20px 0;padding:10px;border:1px solid #ddd;border-radius:5px;background-color:var(--box-color-bg);position:relative}.news .newsInosBox .feature .fa-trash-can{right:10px;position:absolute;top:20px;cursor:pointer;color:#ce5c5c}.news .newsInosBox .feature h3{margin-top:0;color:var(--primary-color)}.news .newsInosBox .feature p{margin:5px 0}.news .formBox{width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--box-color-bg);display:flex;justify-content:center;align-items:center}.news .formBox .form{width:400px;border:2px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color);background-color:var(--page-color-bg);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:20px}.news .formBox .form .title{font-size:16px;font-weight:700}.news .formBox .form .box{display:flex;gap:10px}.news .formBox .form .box label{width:100px;font-size:14px;font-weight:700;color:var(--text-color)}.news .formBox .form .box input{width:300px}.news .formBox .form .box input,.news .formBox .form .box textarea{padding:5px;border:none;outline-color:var(--primary-color);border-radius:5px}.news .formBox .form .box textarea{min-width:287px;max-width:287px;min-height:100px;max-height:400px;margin-left:7px}.news .formBox .form .btn{width:100%;display:flex;justify-content:space-between;margin-top:20px}.news .formBox .form .btn button{padding:5px 10px;width:150px;border:none;border-radius:10px;font-size:15px;color:#ddd;cursor:pointer}.news .formBox .form .btn .Abbrechen{background-color:gray}.news .formBox .form .btn .Speichern{background-color:#417e6a}.Edit{width:calc(95% - 40px);background-color:var(--box-color-bg);margin:25px auto 0;border-radius:20px 20px 0 0;position:relative;display:flex;flex-direction:column;gap:10px;box-shadow:0 0 5px var(--primary-color)}@media(max-width:1000px){.Edit{width:calc(100% - 40px)}}.Edit .title{width:calc(100% - 40px);height:70px;text-align:center;padding:20px;font-size:20px;font-weight:700;color:var(--text-color);border-bottom:2px solid var(--page-color-bg);position:relative}.Edit .title .EditTabs{width:calc(100% - 40px);display:flex;justify-content:center;position:absolute;bottom:0}.Edit .title .EditTabs div{padding:5px 20px;cursor:pointer;background-color:var(--page-color-bg);font-size:17px}.Edit .title .EditTabs div:hover{background-color:var(--primary-color)}.Edit .fa-arrow-left{left:30px;font-size:25px;cursor:pointer}.Edit .fa-arrow-left,.Edit .navBar{position:absolute;top:40px;color:var(--text-color)}.Edit .navBar{display:flex;gap:5px;left:80px;margin-bottom:20px}.Edit .navBar span{border-bottom:1px solid var(--text-color);cursor:pointer}.Edit .Accounts{width:100%;height:calc(100dvh - 220px);overflow:hidden;margin:0 auto;color:var(--text-color)}@media(max-width:1000px){.Edit .Accounts{width:100%}}.Edit .Accounts .addNewBox{width:calc(100% - 20px);padding:10px;gap:10px;border-bottom:2px solid var(--page-color-bg);font-size:16px;font-weight:700}.Edit .Accounts .addNewBox,.Edit .Accounts .addNewBox i{display:flex;justify-content:center;align-items:center;color:var(--text-color);background-color:var(--box-color-bg)}.Edit .Accounts .addNewBox i{width:30px;height:30px;border-radius:50%;cursor:pointer;box-shadow:0 0 5px var(--primary-color);transition:.3s}.Edit .Accounts .addNewBox i:hover{transform:rotate(180deg)}.Edit .Accounts .titles{width:calc(100% - 10px);padding:5px;border-bottom:2px solid var(--page-color-bg);display:flex;justify-content:space-around;font-size:14px;font-weight:700}.Edit .Accounts .titles div{width:200px}.Edit .Accounts .titles .editBox{width:50px}.Edit .Accounts .tableRows{width:100%;height:calc(100% - 85px);display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;gap:2px}.Edit .Accounts .tableRows .row{width:calc(100% - 10px);padding:10px 5px;background-color:var(--chart-bg-color);display:flex;justify-content:space-around}.Edit .Accounts .tableRows .row div{padding:10px 0;width:200px;font-size:13px;font-weight:700;-webkit-user-select:all;-moz-user-select:all;user-select:all}.Edit .Accounts .tableRows .row div::selection{background-color:#fc0;color:#000}.Edit .Accounts .tableRows .row .editBox{width:50px;display:flex;justify-content:space-around}.Edit .Accounts .tableRows .row .editBox i{cursor:pointer}.Edit .Accounts .tableRows .row .editBox .fa-trash-can:hover{color:#ff8e8e}.Edit .Accounts .tableRows .row .editBox .fa-pen-to-square:hover{color:var(--primary-color)}.Edit .Maschine{width:100%;height:calc(100dvh - 220px);overflow:hidden;margin:0 auto;color:var(--text-color);border-bottom:2px solid var(--page-color-bg)}@media(max-width:1000px){.Edit .Maschine{width:100%}}.Edit .Maschine .addNewBox{width:calc(100% - 20px);padding:10px;gap:10px;border-bottom:2px solid var(--page-color-bg);font-size:16px;font-weight:700}.Edit .Maschine .addNewBox,.Edit .Maschine .addNewBox i{display:flex;justify-content:center;align-items:center;color:var(--text-color);background-color:var(--box-color-bg)}.Edit .Maschine .addNewBox i{width:30px;height:30px;border-radius:50%;cursor:pointer;box-shadow:0 0 5px var(--primary-color);transition:.3s}.Edit .Maschine .addNewBox i:hover{transform:rotate(180deg)}.Edit .Maschine .titles{width:calc(100% - 10px);padding:5px;border-bottom:2px solid var(--page-color-bg);display:flex;justify-content:space-around;align-items:center;font-size:14px;font-weight:700;gap:10px}.Edit .Maschine .titles div{width:200px;word-wrap:break-word;font-size:15px}.Edit .Maschine .titles .editBox{width:70px}.Edit .Maschine .tableRows{width:100%;height:calc(100% - 115px);padding-bottom:30px;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;gap:2px}.Edit .Maschine .tableRows .row{width:calc(100% - 10px);padding:10px 5px;background-color:var(--chart-bg-color);display:flex;justify-content:space-around;gap:10px}.Edit .Maschine .tableRows .row div{width:200px;height:50px;display:flex;font-size:13px;font-weight:700;align-items:center;word-break:break-all;-webkit-user-select:all;-moz-user-select:all;user-select:all}.Edit .Maschine .tableRows .row div::selection{background-color:#fc0;color:#000}.Edit .Maschine .tableRows .row .editBox{width:70px;display:flex;justify-content:space-around}.Edit .Maschine .tableRows .row .editBox i{cursor:pointer}.Edit .Maschine .tableRows .row .editBox .fa-trash-can:hover{color:#ff8e8e}.Edit .Maschine .tableRows .row .editBox .fa-pen-to-square:hover{color:var(--primary-color)}.Edit .Kunden{width:100%;height:calc(100dvh - 220px);overflow:hidden;margin:0 auto;color:var(--text-color);background-color:var(--box-color-bg)}@media(max-width:1000px){.Edit .Kunden{width:100%}}.Edit .Kunden .addNewBox{width:calc(100% - 20px);padding:10px;gap:10px;border-bottom:2px solid var(--page-color-bg);font-size:16px;font-weight:700}.Edit .Kunden .addNewBox,.Edit .Kunden .addNewBox i{display:flex;justify-content:center;align-items:center;color:var(--text-color)}.Edit .Kunden .addNewBox i{width:30px;height:30px;background-color:var(--box-color-bg);border-radius:50%;cursor:pointer;box-shadow:0 0 5px var(--primary-color);transition:.3s}.Edit .Kunden .addNewBox i:hover{transform:rotate(180deg)}.Edit .Kunden .titles{width:calc(100% - 10px);padding:5px;border-bottom:2px solid var(--page-color-bg);display:flex;justify-content:space-around;font-size:14px;font-weight:700}.Edit .Kunden .titles div{width:200px;font-size:15px}.Edit .Kunden .titles .editBox{width:50px}.Edit .Kunden .tableRows{width:100%;height:calc(100% - 85px);display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;gap:2px}.Edit .Kunden .tableRows .row{width:calc(100% - 10px);padding:10px 5px;background-color:var(--chart-bg-color);display:flex;justify-content:space-around}.Edit .Kunden .tableRows .row div{width:200px;min-height:50px;display:flex;align-items:center;font-size:13px;font-weight:700;word-wrap:break-word;-webkit-user-select:all;-moz-user-select:all;user-select:all}.Edit .Kunden .tableRows .row div::selection{background-color:#fc0;color:#000}.Edit .Kunden .tableRows .row .editBox{width:50px;display:flex;justify-content:space-around}.Edit .Kunden .tableRows .row .editBox i{cursor:pointer}.Edit .Kunden .tableRows .row .editBox .fa-trash-can:hover{color:#ff8e8e}.Edit .Kunden .tableRows .row .editBox .fa-pen-to-square:hover{color:var(--primary-color)}.Edit .Entsorger{width:calc(100% - 5px);height:calc(100dvh - 220px);display:flex;flex-direction:column;gap:2px;color:var(--text-color)}.Edit .Entsorger .infoBox{width:100%;height:100%;background-color:var(--box-color-bg)}.Edit .Entsorger .infoBox .editBox{width:50px}.Edit .Entsorger .infoBox .addEntsorgerBtn{width:100%;padding:10px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:700}.Edit .Entsorger .infoBox .addEntsorgerBtn i{color:var(--text-color);width:30px;height:30px;background-color:var(--box-color-bg);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 0 5px var(--primary-color);transition:.3s}.Edit .Entsorger .infoBox .addEntsorgerBtn i:hover{transform:rotate(180deg)}.Edit .Entsorger .infoBox .tableColumn{width:calc(100% - 20px);padding:10px;border-top:2px solid var(--page-color-bg);border-bottom:1px solid var(--page-color-bg);transition:all .5s;display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:var(--text-color)}.Edit .Entsorger .infoBox .tableColumn .div{width:200px}.Edit .Entsorger .infoBox .tableColumn .delete{width:25px;text-align:center}.Edit .Entsorger .infoBox .tableRows{width:100%;height:calc(100% - 90px);overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:2px;align-items:center}.Edit .Entsorger .infoBox .tableRows .row{width:100%;padding:10px 0;display:flex;justify-content:space-between;font-size:13px;background-color:var(--chart-bg-color)}.Edit .Entsorger .infoBox .tableRows .row .div{width:200px;font-weight:700;-webkit-user-select:all;-moz-user-select:all;user-select:all;padding:10px 0 10px 10px}.Edit .Entsorger .infoBox .tableRows .row .div::selection{background-color:#fc0;color:#000}.Edit .Entsorger .infoBox .tableRows .row .underline{text-decoration:underline;cursor:pointer}.Edit .Entsorger .infoBox .tableRows .row .underline:hover{color:var(--primary-color)}.Edit .Entsorger .infoBox .tableRows .row .delete{width:30px;height:100%;text-align:center;display:flex;justify-content:center;align-items:center}.Edit .Entsorger .infoBox .tableRows .row .delete .fa-trash-can{cursor:pointer;color:var(--text-color)}.Edit .Entsorger .infoBox .tableRows .row .delete .fa-trash-can:hover{color:#f38585}.Edit .Entsorger .infoBox .tableRows .row .editBox{width:50px;display:flex;justify-content:space-around}.Edit .Entsorger .infoBox .tableRows .row .editBox i{cursor:pointer}.Edit .Entsorger .infoBox .tableRows .row .editBox .fa-trash-can:hover{color:#ff8e8e}.Edit .Entsorger .infoBox .tableRows .row .editBox .fa-pen-to-square:hover{color:var(--primary-color)}.addBox{color:var(--text-color);width:100%;height:100dvh;position:fixed;top:0;left:0;background-color:var(--box-color-bg);z-index:5;display:flex;justify-content:center;align-items:center}.addBox .add{width:450px;padding:30px 20px;background-color:var(--page-color-bg);border-radius:20px;border:2px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.addBox .add .button{border:none;width:100px;padding:5px;margin-top:8px;border-radius:5px;background-color:gray;cursor:pointer}.addBox .add .ScrollableFieldBox{position:relative;padding:20px;z-index:1000;max-height:60vh;overflow-y:auto}.addBox .add .ScrollableFieldBox h3{margin-top:0}.addBox .add .ScrollableFieldBox ul{list-style-type:none;padding:0}.addBox .add .form{display:flex;flex-direction:column;color:var(--text-color);position:relative}.addBox .add .form .fa-xmark{position:absolute;top:-5px;left:-5px;font-size:20px;cursor:pointer}.addBox .add .form .title{width:100%;text-align:center;font-size:16px;font-weight:700;color:var(--text-color);margin-bottom:20px}.addBox .add .form .dropdown{margin-top:5px;margin-bottom:5px;cursor:pointer}.addBox .add .form .dropdown .fa-angle-up{margin-right:5px;color:var(--text-color)}.addBox .add .form .dropdown .fa-angle-up:hover{color:#f38585}.addBox .add .form .scrollable{border:1px solid #ccc;padding:10px;margin-top:5px;border-radius:5px;max-height:120px;overflow-y:auto}.addBox .add .form .checkbox-container{margin-bottom:5px}.addBox .add .form .label,.addBox .add .form label{display:block;padding:5px;font-size:14px;font-weight:700}.addBox .add .form .label span,.addBox .add .form label span{color:red}.addBox .add .form input:-moz-read-only{color:gray;background-color:#f0f0f0;border-color:#ccc}.addBox .add .form input:read-only{color:gray;background-color:#f0f0f0;border-color:#ccc}.addBox .add .form input[type=checkbox]{margin-right:5px;position:relative;width:20px;height:20px}.addBox .add .form .custom-checkbox{margin-bottom:0}.addBox .add .form input,.addBox .add .form select{padding:5px;border:none;outline-color:var(--primary-color);margin-bottom:20px;border-radius:5px}.addBox .add .form select{width:100%}.addBox .add .btn{width:100%;display:flex;justify-content:space-between;margin-top:20px}.addBox .add .btn button{border:none;width:150px;padding:5px;border-radius:10px;color:var(--box-color-bg);font-size:14px;cursor:pointer;opacity:.8}.addBox .add .btn button:hover{opacity:1}.addBox .add .btn .Abbrechen{background-color:gray}.addBox .add .btn .Speichern{background-color:#417e6a}.editFormM{width:100%;height:100dvh;position:fixed;top:0;left:0;background-color:var(--box-color-bg);z-index:5;display:flex;justify-content:center;align-items:center}.editFormM .add{width:450px;height:70%;padding:20px;background-color:var(--page-color-bg);border-radius:20px;border:2px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color);overflow:hidden;overflow-y:auto}.editFormM .add::-webkit-scrollbar{width:0}.editFormM .add .form{display:flex;flex-direction:column;flex-wrap:wrap;margin:30px 0;color:var(--text-color)}.editFormM .add .form .title{width:100%;text-align:center;font-size:20px;font-weight:700;color:var(--text-color);margin-bottom:20px}.editFormM .add .form label{padding:5px;font-size:14px;font-weight:700}.editFormM .add .form label span{color:red}.editFormM .add .form input,.editFormM .add .form select{padding:5px;border:none;outline-color:var(--primary-color);margin-bottom:20px;border-radius:5px}.editFormM .add .form select{width:100%}.editFormM .add .btn{width:100%;display:flex;justify-content:space-between}.editFormM .add .btn button{border:none;width:150px;padding:5px;border-radius:10px;cursor:pointer;font-size:14px;opacity:.8}.editFormM .add .btn button:hover{opacity:1}.editFormM .add .btn .Abbrechen{background-color:gray}.editFormM .add .btn .Speichern{background-color:#417e6a}.deleteBox{width:100%;height:100dvh;position:fixed;top:0;left:0;background-color:var(--box-color-bg);z-index:5;display:flex;justify-content:center;align-items:center}.deleteBox span{font-weight:700}.deleteBox .delete{padding:20px;background-color:var(--page-color-bg);border-radius:20px;border:2px solid var(--primary-color);box-shadow:0 0 10px #7e7e7e;color:var(--text-color)}.deleteBox .delete .btn{width:100%;display:flex;justify-content:space-between}.deleteBox .delete .btn button{border:none;width:100px;padding:5px;border-radius:5px;cursor:pointer}.deleteBox .delete .btn .Abbrechen{background-color:gray}.deleteBox .delete .btn .Löchen{background-color:#ff8b8b}.logs{width:98%;height:auto;margin:-70px auto 0;color:var(--text-color);position:relative}@media(max-width:1550px){.logs{min-width:1500px}}@media(max-width:900px){.logs{margin-top:-45px}}@media(max-width:600px){.logs{margin-top:-15px}}.logs .fa-arrow-left{font-size:20px;cursor:pointer;position:relative;left:20px;top:20px;color:var(--text-color);display:none}@media(max-width:830px){.logs .fa-arrow-left{display:block}}.logs .fa-arrow-left:hover{color:var(--primary-color)}.logs .fa-bars{position:relative;right:20px;float:right;color:var(--text-color);font-size:20px;cursor:pointer;display:none}@media(max-width:830px){.logs .fa-bars{display:block}}.logs .fa-bars:hover,.logs h1{color:var(--primary-color)}.logs h1{margin:0;padding:20px;text-align:center}@media(max-width:830px){.logs h1{font-size:17px}}.logs .mainBox{width:auto;height:calc(100dvh - 80px);background-color:var(--box-color-bg);border-radius:20px 20px 0 0;box-shadow:0 0 10px var(--primary-color);border-bottom:none;overflow:hidden;overflow-y:auto;overflow-x:auto;position:relative}@media(max-width:850px){.logs .mainBox{min-width:1500px;height:100%}}.logs .mainBox .headBox{display:flex;flex-wrap:wrap;font-size:14px}.logs .mainBox .headBox .filterBox{width:calc(35% - 20px);padding:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:15px;margin-top:10px;gap:10px;font-weight:700}.logs .mainBox .headBox .filterBox .sun{width:30px;height:30px;cursor:pointer}.logs .mainBox .headBox .filterBox .fa-moon{width:30px;height:30px;font-size:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.logs .mainBox .headBox .filterBox .kalender{padding:5px;width:200px;border-radius:20px;border:1px solid var(--primary-color)}.logs .mainBox .headBox .filterBox .kalender,.logs .mainBox .headBox .filterBox select{border:none;outline-color:var(--primary-color);background-color:var(--select-box-bg);color:var(--text-color)}.logs .mainBox .headBox .filterBox select{border-radius:20px;padding:3px;border:1px solid var(--primary-color);cursor:pointer}.logs .mainBox .headBox .filterBox .fa-reply-all{cursor:pointer;padding:10px;border-radius:5px;margin-left:3px}.logs .mainBox .headBox .filterBox .fa-reply-all:hover{background-color:var(--page-color-bg)}.logs .mainBox .headBox .buttonsBox{width:calc(65% - 25px);padding:20px 10px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.logs .mainBox .headBox .buttonsBox .button{padding:5px 15px;border-radius:20px;background-color:var(--box-color-bg);border:1px solid var(--primary-color);color:var(--text-color);font-weight:700;display:flex;align-items:center}.logs .mainBox .headBox .pages{width:calc(100% - 20px);padding:10px;display:flex;justify-content:center;align-items:center}.logs .mainBox .headBox .pages .Box{max-width:70%;display:flex;align-items:center;justify-content:center;background-color:var(--box-color-bg);border-radius:15px 15px 0 0;border:1px solid var(--primary-color)}.logs .mainBox .headBox .pages .Box i{padding:2px 5px;height:100%;cursor:pointer;border-radius:5px}.logs .mainBox .headBox .pages .Box i:hover{color:var(--primary-color)}.logs .mainBox .headBox .pages .Box .Page{border-left:1px solid var(--primary-color);border-right:1px solid var(--primary-color);display:flex;margin:0 5px;gap:2px;overflow:hidden;overflow-x:auto;padding:4px 3px}.logs .mainBox .headBox .pages .Box .Page::-webkit-scrollbar{width:0;height:0}.logs .mainBox .headBox .pages .Box .Page div{width:20px;min-width:20px;background-color:var(--page-color-bg);padding:5px;text-align:center;border-radius:5px;cursor:pointer}.logs .mainBox .headBox .pages .Box .Page div:hover{background-color:var(--primary-color)}.logs .mainBox .headBox .pages .cunt{padding:0 5px}.logs .mainBox .titles{width:calc(100% - 20px);padding:10px;display:flex;justify-content:space-between;align-items:center;background-color:var(--box-color-bg);border-radius:20px 20px 0 0;border-top:2px solid var(--page-color-bg);border-bottom:2px solid var(--page-color-bg)}.logs .mainBox .titles .color{color:var(--primary-color)}.logs .mainBox .titles div{text-align:center;width:5.8%;font-size:13px;font-weight:700;word-wrap:break-word}@media(max-width:1550px){.logs .mainBox .titles{border:0}}.logs .mainBox .lodBox{width:calc(100% - 0px);height:calc(100% - 255px);margin:0 auto;display:flex;flex-direction:column;gap:2px;overflow:hidden;overflow-y:auto;padding-bottom:50px}.logs .mainBox .lodBox,.logs .mainBox .lodBox .logsCunt{background-color:var(--box-color-bg);color:var(--text-color)}.logs .mainBox .lodBox .logsCunt{position:fixed;padding:5px 10px;font-size:15px}.logs .mainBox .lodBox .KeineLogs{width:100%;padding:20px 0;text-align:center}.logs .mainBox .lodBox .log{width:calc(100% - 20px);padding:10px;font-size:15px;color:var(--text-color);background-color:var(--page-color-bg);text-shadow:0 0 .5px #000;display:flex;justify-content:space-between}.logs .mainBox .lodBox .log div{word-wrap:break-word;text-align:center;width:5.8%;font-size:13px}.logs .mainBox .lodBox .log:nth-child(odd){background-color:var(--page-color-bg)}.logs .mainBox .lodBox .log:nth-child(2n){background-color:var(--chart-bg-color)}@media(max-width:830px){.logs .mainBox .lodBox{min-width:1500px;height:calc(100% - 145px)}.logs .mainBox .lodBox div{align-items:center}}.logs .mainBox .loud{width:100%;height:100%;background-color:var(--box-color-bg);position:fixed;top:0;left:0;z-index:5;display:flex;justify-content:center;align-items:center}.logs .mainBox .loud .svg{width:70px;animation:rotate .5s linear infinite}.calender{width:calc(60% - 5px);height:550px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;gap:2px;position:relative;box-shadow:0 0 5px var(--primary-color)}@media(max-width:900px){.calender{width:100%}}.calender .icon{position:absolute;left:10px;font-size:15px;cursor:pointer}.calender .title{width:100%;text-align:center;color:var(--text-color);padding:5px 0;background-color:var(--box-color-bg);font-size:16px;font-weight:700}@media(max-width:500px){.calender .title{text-align:left;padding-left:45px;font-size:15px}}.calender .title button{right:30px;border:none;border-radius:20px}.calender .title .btnBox,.calender .title button{position:absolute;background-color:var(--page-color-bg);cursor:pointer}.calender .title .btnBox{width:200px;right:2px;top:1.4px;display:flex;border-radius:8px;font-size:14px;overflow:hidden;padding:4px 0}.calender .title .btnBox .fa-right-left{margin-right:10px}.calender .title .btnBox:hover{box-shadow:0 0 3px var(--primary-color);background-color:var(--primary-color);color:var(--box-color-bg)}.calender .title .btnBox div{width:100%;font-weight:100;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer}.calender .calenderBox{width:100%;height:calc(100% - 30px);background-color:var(--box-color-bg)}.calender .calenderBox .fc-scroller-liquid-absolute{height:calc(100% - 350px)!important}@media(max-width:1700px){.calender .calenderBox .fc-scroller-liquid-absolute{height:calc(100% - 60px)!important}}.calender1{width:calc(100% - 5px);height:100%;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;gap:2px;position:relative;box-shadow:0 0 5px var(--primary-color)}@media(max-width:900px){.calender1{width:100%}}.calender1 .icon{position:absolute;left:10px;font-size:15px;cursor:pointer}.calender1 .title{width:100%;text-align:center;color:var(--text-color);padding:5px 0;background-color:var(--box-color-bg);font-size:16px;font-weight:700}@media(max-width:500px){.calender1 .title{text-align:left;padding-left:45px;font-size:15px}}.calender1 .title button{right:30px;border:none;border-radius:20px}.calender1 .title .btnBox,.calender1 .title button{position:absolute;background-color:var(--page-color-bg);cursor:pointer}.calender1 .title .btnBox{width:200px;right:2px;top:1.4px;display:flex;border-radius:8px;font-size:14px;overflow:hidden;padding:4px 0}.calender1 .title .btnBox .fa-right-left{margin-right:10px}.calender1 .title .btnBox:hover{box-shadow:0 0 3px var(--primary-color);background-color:var(--primary-color);color:var(--box-color-bg)}.calender1 .title .btnBox div{width:100%;font-weight:100;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer}.calender1 .calenderBox{width:100%;height:calc(100% - 30px);background-color:var(--box-color-bg)}.calender1 .calenderBox .fc-scroller-liquid-absolute{height:calc(100% - 628px)}.editKalenderCont{width:100%;height:100dvh;position:fixed;top:0;left:0;background-color:var(--box-color-bg);z-index:10;display:flex;justify-content:center;align-items:center}.editKalenderCont .editKalender{padding:20px;width:420px;box-shadow:0 0 10px var(--primary-color);border-radius:20px;background-color:var(--chart-bg-color);z-index:5;display:flex;flex-direction:column;align-items:center;border:2px solid var(--primary-color);position:relative}.editKalenderCont .editKalender .icon{top:10px;left:10px;font-size:20px;color:var(--text-color);cursor:pointer}.editKalenderCont .editKalender .tabesBox{width:100%;background-color:var(--box-color-bg);border-radius:5px;margin-top:30px;display:flex;gap:5px}.editKalenderCont .editKalender .tabesBox div{width:50%;border-radius:5px;text-align:center;padding:5px;cursor:pointer}.editKalenderCont .editKalender .tabesBox .select{background-color:var(--primary-color);color:var(--box-color-bg)}.editKalenderCont .editKalender .box{width:calc(100% - 20px);border-radius:10px;margin-bottom:40px;margin-top:40px;display:flex;flex-direction:column;gap:5px;position:relative}.editKalenderCont .editKalender .box div{padding:5px;justify-content:space-between;border-radius:5px;background-color:var(--page-color-bg)}.editKalenderCont .editKalender .box div,.editKalenderCont .editKalender .box div .schicht{width:calc(100% - 10px);display:flex;align-items:center}.editKalenderCont .editKalender .box div .schicht input{width:65px;padding:10px;outline-color:var(--primary-color);border:1px solid gray;margin:0 5px}.editKalenderCont .editKalender .box input{padding:10px;border:none;border-radius:10px}.editKalenderCont .editKalender .box .time{width:calc(100% - 50px);display:flex;position:absolute;gap:3px;align-items:center;top:-30px;background-color:var(--chart-bg-color);box-shadow:0 0 3px var(--primary-color)}.editKalenderCont .editKalender .box .time .btnBox{width:70px;display:flex}.editKalenderCont .editKalender .box .time .btnBox .fa-xmark{color:#f86767;cursor:pointer}.editKalenderCont .editKalender .box .time .btnBox .fa-check{color:#43806b;cursor:pointer}.editKalenderCont .editKalender .box .time label{font-size:15px;font-weight:700}.editKalenderCont .editKalender .box .time input{width:50%;outline-color:var(--primary-color);border:none}.editKalenderCont .editKalender .box input{cursor:pointer}.editKalenderCont .editKalender .btnBox{width:100%;display:flex;justify-content:space-around;overflow:hidden;border-radius:10px}.editKalenderCont .editKalender .btnBox button{width:50%;border:none;padding:10px;background-color:#43806b;color:var(--box-color-bg);font-size:15px;cursor:pointer;opacity:.8}.editKalenderCont .editKalender .btnBox button:hover{opacity:1}.editKalenderCont .editKalender .btnBox .Abbrechen{background-color:gray}.editKalenderCont .editKalender .rbc-time-content{color:red}.swal-buttons-spacing{gap:210px}.swal2-confirm{background-color:var(--primary-color)}.swal2-cancel{background-color:#636c74!important}.swal2-popup{background-color:var(--box-color-bg);border-radius:20px;box-shadow:0 0 7px var(--primary-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.swal2-input{background-color:#fff}.swal2-input:focus{outline-color:var(--primary-color);box-shadow:none;border:2px solid var(--primary-color);border-radius:5px}.fc-daygrid-event-dot{border:calc(var(--fc-daygrid-event-dot-width)/2) solid #53a099}.minBox{width:95%;height:89.5dvh;background-color:var(--box-color-bg);margin:25px auto 0;border-radius:20px 20px 0 0;position:relative;box-shadow:0 0 5px var(--primary-color)}.minBox,.minBox .title{color:var(--text-color)}.minBox .title{width:100%;height:90px;text-align:center;padding:20px 0;font-size:20px;font-weight:700;border-bottom:2px solid var(--page-color-bg)}.minBox .fa-arrow-left{top:40px;font-size:25px;margin-top:-20px;cursor:pointer}.minBox .fa-arrow-left,.minBox .navBar{position:absolute;padding:20px;color:var(--text-color)}.minBox .navBar{top:20px;left:55px;width:100%;display:flex;gap:5px}.minBox .navBar span{border-bottom:1px solid var(--text-color);cursor:pointer}.minBox .filter{position:absolute;width:calc(100% - 60px);top:80px;padding:10px;display:flex;justify-content:center;align-items:center;gap:10px}.minBox .filter select{border:none;background-color:var(--select-box-bg);border-radius:20px;outline-color:var(--primary-color);color:var(--text-color);border:1px solid var(--primary-color);padding:5px 0 5px 10px;cursor:pointer}.minBox .titles{width:calc(100% - 20px);padding:10px;background-color:var(--box-color-bg);display:flex;align-items:center;gap:10px;border-bottom:2px solid var(--page-color-bg)}.minBox .titles div{width:9%;text-align:center;font-size:13px;font-weight:700}.minBox .rowsBox{width:100%;height:calc(100% - 180px);overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.minBox .rowsBox .row{display:flex;align-items:center;gap:10px;padding:20px;background-color:var(--chart-bg-color)}.minBox .rowsBox .row div{width:9%;text-align:center;font-size:13px}.minBox .rowsBox .row .Füllgrad{width:150px;height:40px;border-radius:5px;border:1px solid #000;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.minBox .rowsBox .row .Füllgrad .percent{width:auto;position:absolute;z-index:5;padding:2px;border:none;box-shadow:0 0 3px #000;border-radius:2px;background-color:var(--box-color-bg);font-size:12px}.minBox .rowsBox .row .Füllgrad .filling{position:absolute;bottom:0;width:100%;border:none}.page{width:calc(100% - 40px);height:calc(100dvh - 120px);padding:20px;display:flex;flex-direction:column;align-items:center}.page h1,.page table{width:100%;text-align:center}.page table{border-radius:20px;overflow:hidden;background-color:var(--box-color-bg);box-shadow:0 0 13px #d3d3d3;border:2px solid red}.page table tr{border-radius:10px;border:none}.page table th{padding:10px 20px;border:2px solid #d3d3d3}.page table tbody tr{border:none}.page table tbody td{padding:10px 20px;border:2px solid #d3d3d3;position:relative}.page table tbody td input{border:1px solid var(--primary-color);border-radius:5px;outline-color:var(--primary-color)}.page table tbody td i{position:absolute;right:30px;cursor:pointer}.page table tbody td .fa-xmark{top:13px;font-size:15px;width:25px;height:25px;background-color:var(--page-color-bg);align-items:center;border-radius:50%}.page button,.page table tbody td .fa-xmark{cursor:pointer;display:flex;justify-content:center}.page button{width:200px;margin-top:50px;padding:10px;border:none;border-radius:10px;background-color:#306e5a;color:#fff;gap:10px;font-size:16px}.page button .fa-circle-notch{animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hidden{width:calc(90% - 40px);min-height:calc(100dvh - 95px);background-color:var(--box-color-bg);margin:25px auto 0;border-radius:20px 20px 0 0;overflow:hidden;box-shadow:0 0 5px var(--primary-color)}@media(max-width:850px){.hidden{width:98%;height:calc(100dvh - 100px);background-color:var(--box-color-bg)}}.hidden .abfallbilanz{width:100%;height:auto;margin:0 auto;border-radius:20px 20px 0 0;position:relative;color:var(--text-color);padding-bottom:50px}@media(max-width:850px){.hidden .abfallbilanz{padding-bottom:20px}}.hidden .abfallbilanz .title{width:100%;text-align:center;font-size:20px;font-weight:700;color:var(--text-color);margin-bottom:30px;padding:35px 0 20px}@media(max-width:500px){.hidden .abfallbilanz .title{text-align:left;padding:20px 20px 20px 10px;font-size:15px}}.hidden .abfallbilanz .fa-arrow-left{position:absolute;top:40px;left:20px;font-size:25px;color:var(--text-color);cursor:pointer}@media(max-width:500px){.hidden .abfallbilanz .fa-arrow-left{top:60px;left:10px;font-size:20px}}.hidden .abfallbilanz .iconsBox{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:20px}.hidden .abfallbilanz .iconsBox .csvLink,.hidden .abfallbilanz .iconsBox .div{display:flex;flex-direction:column;align-items:center;cursor:pointer;text-decoration:none}.hidden .abfallbilanz .iconsBox .csvLink i,.hidden .abfallbilanz .iconsBox .div i{font-size:25px;color:var(--text-color)}.hidden .abfallbilanz .iconsBox .csvLink label,.hidden .abfallbilanz .iconsBox .div label{font-size:13px;font-weight:700;cursor:pointer;color:var(--text-color)}.hidden .abfallbilanz .iconsBox .switch{height:100%;border:2px solid var(--primary-color);display:flex;border-radius:5px}.hidden .abfallbilanz .iconsBox .switch .box{font-size:12px;font-weight:700;cursor:pointer;padding:5px}.hidden .abfallbilanz .iconsBox .switch .box:hover{background-color:gray}@media(max-width:850px){.hidden .abfallbilanz .iconsBox{width:160px;gap:5px 30px;right:10px;justify-content:center;flex-wrap:wrap}}@media(max-width:500px){.hidden .abfallbilanz .iconsBox .csvLink i,.hidden .abfallbilanz .iconsBox .div i{font-size:20px}.hidden .abfallbilanz .iconsBox .csvLink label,.hidden .abfallbilanz .iconsBox .div label{font-size:11px}.hidden .abfallbilanz .iconsBox .switch .box{padding:2px}}.hidden .abfallbilanz .navBar{top:20px;left:50px;position:absolute;color:var(--text-color);width:100%;display:flex;gap:5px;padding:20px}@media(max-width:500px){.hidden .abfallbilanz .navBar{top:42px;left:20px;font-size:13px}}.hidden .abfallbilanz .navBar span{border-bottom:1px solid var(--text-color);cursor:pointer}.hidden .abfallbilanz .fa-filter{position:relative;left:12px;top:10px;color:var(--text-color);display:none;cursor:pointer}@media(max-width:850px){.hidden .abfallbilanz .fa-filter{display:block;top:-10px}}@media(max-width:500px){.hidden .abfallbilanz .fa-filter{top:10px}}.hidden .abfallbilanz .Main{width:100%;overflow:hidden}@media(max-width:850px){.hidden .abfallbilanz .Main{display:flex;flex-direction:row;height:100%;border-top:1px solid var(--page-color-bg);border-bottom:1px solid var(--page-color-bg)}}@media(max-width:500px){.hidden .abfallbilanz .Main{margin-top:20px}}.hidden .abfallbilanz .Main .filterBox{width:calc(100% - 40px) 100%;padding:20px;display:flex;justify-content:space-around;border-bottom:1px solid var(--page-color-bg)}.hidden .abfallbilanz .Main .filterBox div select{padding:2px 5px;outline-color:var(--primary-color);border:1px solid var(--primary-color);border-radius:20px;color:var(--text-color);background-color:var(--select-box-bg)}.hidden .abfallbilanz .Main .filterBox div .kalenser{outline-color:var(--primary-color);border-radius:5px;border:none;border:1px solid var(--primary-color);padding:2px 5px}.hidden .abfallbilanz .Main .filterBox div .fa-reply-all{padding:3px;border-radius:5px;margin-left:3px;cursor:pointer}.hidden .abfallbilanz .Main .filterBox div .fa-reply-all:hover{background-color:var(--page-color-bg)}@media(max-width:850px){.hidden .abfallbilanz .Main .filterBox{flex-direction:column;gap:10px;padding:5px;position:absolute;background-color:var(--page-color-bg);width:auto;box-shadow:0 0 5px var(--primary-color)}.hidden .abfallbilanz .Main .filterBox div{display:flex;align-items:center;justify-content:space-between;font-size:15px;gap:10px}.hidden .abfallbilanz .Main .filterBox div select{width:213px}.hidden .abfallbilanz .Main .filterBox div .kalenser{width:200px}.hidden .abfallbilanz .Main .filterBox div .fa-reply-all{position:relative;right:130px;background-color:var(--box-color-bg);border:1px solid var(--primary-color)}}.hidden .abfallbilanz .Main .titles{width:calc(100% - 20px);padding:10px;border-bottom:1px solid var(--page-color-bg);display:flex}.hidden .abfallbilanz .Main .titles div{width:14%;text-align:center;font-size:15px;font-weight:700}@media(max-width:850px){.hidden .abfallbilanz .Main .titles{width:auto;height:auto;flex-direction:column;padding:0;gap:10px;border-bottom:none;border-right:1px solid var(--page-color-bg)}.hidden .abfallbilanz .Main .titles div{width:calc(100% - 10px);height:30px;padding:5px;font-size:12px}}.hidden .abfallbilanz .Main .tableAlert{width:calc(100% - 40px);padding:20px;display:flex;justify-content:center;align-items:center;gap:10px;color:var(--text-color)}.hidden .abfallbilanz .Main .tableAlert i{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background-color:var(--page-color-bg);color:var(--text-color);border-radius:50%}.hidden .abfallbilanz .Main .data{width:100%;height:auto;display:flex;flex-direction:column;background-color:var(--box-color-bg);gap:2px;overflow:hidden;overflow-y:auto}.hidden .abfallbilanz .Main .data .row{width:calc(100% - 20px);padding:10px;display:flex;align-items:center;background-color:var(--chart-bg-color)}.hidden .abfallbilanz .Main .data .row div{width:14%;text-align:center;font-size:15px}.hidden .abfallbilanz .Main .data .summeBox{width:100%;padding:10px 0;background-color:var(--primary-color);display:flex;align-items:center}.hidden .abfallbilanz .Main .data .summeBox .summe{width:55%;height:100%;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700}.hidden .abfallbilanz .Main .data .summeBox .div{width:14%;height:100%;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700}@media(max-width:850px){.hidden .abfallbilanz .Main .data{width:calc(100% - 50px);padding-bottom:0;flex-direction:row;overflow-y:hidden;overflow-x:auto}.hidden .abfallbilanz .Main .data .row{flex-direction:column;padding:0;gap:9px}.hidden .abfallbilanz .Main .data .row div{height:30px;width:auto;padding:5px;font-size:13px}.hidden .abfallbilanz .Main .data .summeBox{flex-direction:column;padding:10px;gap:16px}.hidden .abfallbilanz .Main .data .summeBox .summe{width:100%;height:56%;font-size:13px;text-align:center}.hidden .abfallbilanz .Main .data .summeBox .div{width:100%;height:30px;font-size:13px;padding:1.5px 0;text-align:center}}.cont{height:100%;align-items:end;overflow:hidden;position:relative;border-radius:10px}.cont,.cont .title{width:100%;display:flex}.cont .title{height:17px;background-color:var(--primary-color);position:absolute;top:0;left:0;border-radius:10px 10px 0 0;color:var(--text-color);text-align:center;align-items:center;font-size:1.2rch;display:none;font-weight:600}.cont .title .time{position:absolute;left:10px}.cont .title .status{width:auto;position:absolute;right:7px}.cont .cunt{width:30px;position:absolute;left:10px;font-size:13px;color:var(--text-color);display:none}.cont .iconsBox{width:calc(100% - 20px);height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 10px;display:none;position:absolute;top:0;left:0;z-index:1}.cont .iconsBox i{width:auto;height:auto;font-size:25px;transform:matrix(1,0,0,3,0,0);color:#585858;cursor:pointer}.cont .iconsBox i:hover{color:var(--primary-color);text-shadow:0 0 7px var(--primary-color)}.cont .iconsBox i:active{font-size:23px}.cont:hover .iconsBox,.cont:hover .title{display:flex}.cont:hover .cunt{display:block}.cont .animation{width:85%;height:100%;position:absolute;top:0;left:7.5%}.cont .abholung{width:90%;height:105%;position:absolute;top:-6px;left:5%}.cont .offline{width:100px;height:80%;position:absolute;top:15px;left:calc(50% - 50px)}.cont .KeinContainer{width:150px;height:80%;position:absolute;top:12px;left:20%}.cont .offlineText{bottom:5px;text-align:center;font-size:20px;color:#aa4141}.cont .offlineText,.cont .textBg{width:100%;height:auto;position:absolute;font-weight:700}.cont .textBg{display:flex;justify-content:center;align-items:center;font-size:15px;top:30px;left:0}@keyframes marquee{to{transform:translateX(-200%)}}.tasks{width:95%;height:calc(100dvh - 95px);background-color:var(--box-color-bg);margin:25px auto 0;border-radius:20px 20px 0 0;box-shadow:0 0 5px var(--primary-color)}.tasks .taskesHeader{width:100%;height:120px;border-bottom:2px solid var(--page-color-bg);position:relative}.tasks .taskesHeader .title{width:100%;text-align:center;padding-top:30px;font-size:20px;font-weight:700;color:var(--text-color)}.tasks .taskesHeader .navBar{position:absolute;top:30px;left:20px;display:flex;align-items:center;gap:5px;color:var(--text-color)}.tasks .taskesHeader .navBar span{padding:0;border-bottom:1px solid var(--text-color);cursor:pointer}.tasks .taskesHeader .navBar .fa-arrow-left{font-size:25px;margin-right:25px;cursor:pointer}.tasks .taskesHeader .addTask{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-color);margin-top:30px}.tasks .taskesHeader .addTask .fa-plus{width:30px;height:30px;background-color:var(--box-color-bg);box-shadow:0 0 2px var(--primary-color);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.tasks .tasksBox{width:calc(100% - 10px);height:calc(100% - 125px);display:flex;justify-content:center;align-items:center;gap:10px;padding:0 5px;color:var(--text-color)}.tasks .tasksBox .TaskList{width:33.33%;height:98%;border-radius:10px;background-color:var(--box-color-bg);box-shadow:0 0 3px var(--primary-color);overflow:hidden}.tasks .tasksBox .TaskList .listTitle{width:100%;text-align:center;padding:5px 0;border-bottom:2px solid var(--page-color-bg);display:flex;justify-content:center;align-items:center;gap:10px}.tasks .tasksBox .TaskList .listTitle .circle{width:10px;height:10px;border-radius:50%}.tasks .tasksBox .TaskList .listTitle .gray{background-color:gray}.tasks .tasksBox .TaskList .listTitle .orange{background-color:orange}.tasks .tasksBox .TaskList .listTitle .green{background-color:green}.tasks .tasksBox .TaskList .tasksListBox{width:100%;height:calc(100% - 41px);overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding-bottom:10px;gap:5px;background-color:var(--page-color-bg)}.tasks .tasksBox .TaskList .tasksListBox .taskInfo{width:99%;border-radius:10px;border:1px solid var(--page-color-bg);background-color:var(--box-color-bg);box-shadow:0 0 3px var(--primary-color);position:relative}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .title{font-size:15px;padding:0 5px;border-bottom:1px solid var(--page-color-bg);word-break:break-all;position:relative}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .title .selectBox{position:absolute;top:-3px;right:3px}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .title .selectBox label{font-size:13px;margin-right:5px}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .title .selectBox select{border:1px solid var(--primary-color);border-radius:20px;outline:none;font-size:12px;height:16px;background-color:var(--select-box-bg);color:var(--text-color);cursor:pointer}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .user{padding:5px;height:20px;font-size:14px;font-weight:700;display:flex;position:relative;align-items:center}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .user .fa-ellipsis-vertical{margin-left:10px;cursor:pointer;font-size:13px}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .user .fa-ellipsis-vertical:hover{color:var(--primary-color)}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .user span{position:absolute;right:5px}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .user .optionBox{padding:5px;position:relative;background-color:var(--page-color-bg);border:2px solid var(--primary-color);box-shadow:0 0 5px var(--primary-color);border-radius:5px;height:14px;margin-left:10px;display:flex;gap:10px}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .user .optionBox i{cursor:pointer}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .description{padding:5px;font-size:15px;min-height:100px;word-break:break-all;font-size:13px}.tasks .tasksBox .TaskList .tasksListBox .taskInfo textarea{max-width:calc(100% - 10px);min-width:calc(100% - 10px);outline:none;border:none}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .fa-xmark{position:absolute;left:0;cursor:pointer}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .fa-xmark:hover{color:var(--primary-color)}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .btnBox{width:calc(100% - 5px);color:var(--text-color);padding:2px;display:flex;gap:20px;justify-content:flex-end}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .btnBox button{cursor:pointer;border:1px solid var(--primary-color);border-radius:5px}.tasks .tasksBox .TaskList .tasksListBox .taskInfo .btnBox .Speichern{background-color:#407e69}.tasks .tasksBox .TaskList .tasksListBox .comments{font-size:14px;padding:2px 5px;border-top:1px solid var(--page-color-bg);font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between;position:relative}.tasks .tasksBox .TaskList .tasksListBox .comments .box{height:10px;display:flex;gap:10px}.tasks .tasksBox .TaskList .tasksListBox .comments .box .circle{width:10px;height:10px;border-radius:50%;cursor:pointer}.tasks .tasksBox .TaskList .tasksListBox .comments .lable{cursor:pointer}.tasks .tasksBox .TaskList .tasksListBox .commentsBox{width:100%;min-height:108px;max-height:300px;border-radius:0 0 10px 10px;border-top:1px solid var(--page-color-bg);overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;font-size:13px;position:relative;padding-bottom:30px}.tasks .tasksBox .TaskList .tasksListBox .commentsBox::-webkit-scrollbar{width:0;height:0}.tasks .tasksBox .TaskList .tasksListBox .commentsBox .commentBox{width:calc(100% - 10px) 100%;background-color:var(--box-color-bg);border-bottom:1px solid var(--page-color-bg);padding:5px}.tasks .tasksBox .TaskList .tasksListBox .commentsBox .commentBox .userName{font-size:12px;font-weight:700;margin-bottom:5px;display:flex;justify-content:space-between}.tasks .tasksBox .TaskList .tasksListBox .commentsBox .commentBox .userName div .fa-trash-can{font-size:11px;margin-left:10px;cursor:pointer}.tasks .tasksBox .TaskList .tasksListBox .commentsBox .commentBox .userName div .fa-trash-can:hover{color:red}.tasks .tasksBox .TaskList .tasksListBox .commentsBox .commentBox .comment{word-break:break-all}.tasks .tasksBox .TaskList .tasksListBox .commentsBox .addcommentsBox{width:100%;position:-webkit-sticky;position:sticky;bottom:-30px;padding:5px;background-color:var(--select-box-bg);border-top:1px solid var(--page-color-bg);display:flex;justify-content:center;align-items:center;gap:5px}.tasks .tasksBox .TaskList .tasksListBox .commentsBox .addcommentsBox .fa-plus{width:20px;height:20px;background-color:var(--box-color-bg);display:flex;justify-content:center;align-items:center;box-shadow:0 0 3px var(--primary-color);border-radius:50%;font-size:12px;font-weight:700;cursor:pointer}.tasks .tasksBox .TaskList .tasksListBox .commentsBox .formBox{width:calc(100% - 5px);border:1px solid var(--primary-color);border-radius:10px;position:absolute;left:1px;overflow:hidden}.tasks .tasksBox .TaskList .tasksListBox .commentsBox .formBox textarea{min-height:100px;max-height:100px;padding-left:5px;padding-top:5px}.tasks .addComponenet{position:absolute;top:0;left:0;width:100%;height:calc(100dvh - 100px);background-color:var(--box-color-bg);padding-top:100px;display:flex;justify-content:center;align-items:center}.tasks .addComponenet .form{width:400px;border:2px solid var(--primary-color);box-shadow:0 0 10px var(--primary-color);background-color:var(--page-color-bg);border-radius:20px;position:relative;display:flex;flex-direction:column;padding:60px 20px 20px;gap:10px}.tasks .addComponenet .form .fa-xmark{position:absolute;cursor:pointer;top:10px;left:10px;font-size:20px}.tasks .addComponenet .form div{display:flex;width:100%;justify-content:space-between}.tasks .addComponenet .form div label{font-weight:700}.tasks .addComponenet .form div input{width:70%;border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color);padding:5px}.tasks .addComponenet .form div select{border-radius:20px;outline-color:var(--primary-color);border:1px solid var(--primary-color);position:relative;left:-170px;cursor:pointer}.tasks .addComponenet .form div textarea{min-width:70%;max-width:70%;min-height:150px;max-height:300px;border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color);padding:5px}.tasks .addComponenet .form div .chechBoxes{width:70%;border-radius:5px;border:1px solid var(--primary-color);padding:5px;display:flex;justify-content:center;align-items:center}.tasks .addComponenet .form div .chechBoxes .box{display:flex;justify-content:center}.tasks .addComponenet .form div .chechBoxes .box input{width:auto;cursor:pointer}.tasks .addComponenet .form .btnBox{width:100%;margin-top:30px}.tasks .addComponenet .form .btnBox button{width:100px;border-radius:20px;border:none;padding:5px;cursor:pointer}.tasks .addComponenet .form .btnBox .Abbrechen{background-color:gray;color:var(--text-color)}.tasks .addComponenet .form .btnBox .Speischern{background-color:#407e69;color:var(--text-color)}.tasks .taskesTable{width:100%;height:calc(100% - 130px)}.tasks .taskesTable .tableTitles{width:calc(100% - 20px);padding:10px;background-color:var(--box-color-bg);border-bottom:2px solid var(--page-color-bg);display:flex;justify-content:space-between}.tasks .taskesTable .tableTitles div{font-size:14px;font-weight:700}.tasks .taskesTable .taskes{width:100%;height:calc(100% - 40px);overflow:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.tasks .taskesTable .taskes .task{width:100%;background-color:var(--page-color-bg);box-shadow:0 0 2px var(--text-color);height:auto;display:flex;align-items:center;padding:5px 0;gap:5px;position:relative}.tasks .taskesTable .taskes .task .authorBox{width:49%;height:100%;border-radius:5px;background-color:var(--box-color-bg);display:flex;position:relative}.tasks .taskesTable .taskes .task .authorBox .descriptionText{width:100%;height:calc(100% - 25px);overflow:hidden;overflow-y:auto;font-size:14px;padding:15px 5px 5px}.tasks .taskesTable .taskes .task .authorBox .taskInfo{width:200px;height:100%;border-right:2px solid var(--page-color-bg);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5px 0;gap:5px}.tasks .taskesTable .taskes .task .authorBox .taskInfo .author{font-size:15px;font-weight:700}.tasks .taskesTable .taskes .task .authorBox .taskInfo .name{font-size:15px;margin-top:20px}.tasks .taskesTable .taskes .task .authorBox .taskInfo img{width:100px;height:100px}.tasks .taskesTable .taskes .task .authorBox .time{position:absolute;top:5px;right:5px;font-size:12px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:5px}.tasks .taskesTable .taskes .task .AnalyseBox{width:40%;height:100%;border-radius:5px;background-color:var(--box-color-bg);position:relative}.tasks .taskesTable .taskes .task .AnalyseBox .AnalyseName{font-size:15px;font-weight:700;padding:3px 5px;text-decoration:underline;display:flex;align-items:center;gap:5px}.tasks .taskesTable .taskes .task .AnalyseBox .AnalyseName i{cursor:pointer}.tasks .taskesTable .taskes .task .AnalyseBox .AnalyseText{width:calc(100% - 10px);height:calc(100% - 30px);overflow:hidden;overflow-y:auto;padding:5px;font-size:14px}.tasks .taskesTable .taskes .task .AnalyseBox .Deadline{position:absolute;top:5px;right:5px;font-size:12px;font-weight:700}.tasks .taskesTable .taskes .task .AnalyseBox .editForm{width:400px;height:auto;background-color:var(--page-color-bg);border:1px solid var(--primary-color);box-shadow:0 0 5px var(--text-color);border-radius:10px;position:absolute;top:20px;padding:10px;display:flex;flex-direction:column;gap:10px;z-index:10}.tasks .taskesTable .taskes .task .AnalyseBox .editForm div{display:flex;justify-content:space-between}.tasks .taskesTable .taskes .task .AnalyseBox .editForm div input,.tasks .taskesTable .taskes .task .AnalyseBox .editForm div textarea{width:300px;border-radius:5px;border:none;outline-color:var(--primary-color);padding:5px}.tasks .taskesTable .taskes .task .AnalyseBox .editForm div select{position:relative;left:-200px;border-radius:20px;cursor:pointer;outline-color:var(--primary-color)}.tasks .taskesTable .taskes .task .AnalyseBox .editForm .btnBox{margin-top:30px}.tasks .taskesTable .taskes .task .AnalyseBox .editForm .btnBox button{border:none;border-radius:10px;padding:5px;width:100px;font-weight:700;cursor:pointer}.tasks .taskesTable .taskes .task .AnalyseBox .editForm .btnBox .Abbrechen{background-color:gray}.tasks .taskesTable .taskes .task .AnalyseBox .editForm .btnBox .Speichern{background-color:#2e882e}.tasks .taskesTable .taskes .task .iconBox{width:195px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.tasks .taskesTable .taskes .task .iconBox i{width:100px;height:100px;display:flex;justify-content:center;align-items:center;font-size:50px;border-radius:50%}.tasks .taskesTable .taskes .task .iconBox .fa-check{background-color:#4dbb4d}.tasks .taskesTable .taskes .task .iconBox .fa-exclamation{background-color:orange}.tasks .taskesTable .taskes .task .iconBox span{font-size:15px;font-weight:700}.tasks .taskesTable .taskes .task .fa-trash-can{position:absolute;right:10px;bottom:10px;cursor:pointer;color:#f85959}.fehler{width:calc(90% - 41px);height:calc(100dvh - 96px);background-color:var(--box-color-bg);margin:25px auto 0;border-radius:20px 20px 0 0;position:relative;box-shadow:0 0 5px var(--primary-color)}@media(max-width:1200px){.fehler{width:calc(100% - 40px)}}@media(max-width:800px){.fehler{width:98%;height:100dvh}}.fehler .title{width:100%;text-align:center;padding:40px 0;font-size:20px;font-weight:700;color:var(--text-color)}@media(max-width:850px){.fehler .title{width:auto;position:relative;top:-20px;padding-bottom:60px;text-align:left;padding-left:20px;font-size:15px}}.fehler .fa-arrow-left{position:absolute;top:40px;left:30px;font-size:25px;color:var(--text-color);cursor:pointer}@media(max-width:850px){.fehler .fa-arrow-left{top:60px;left:20px;font-size:20px}}.fehler .navBar{top:40px;left:80px;position:absolute;color:var(--text-color);width:100%;display:flex;gap:5px;margin-bottom:20px}.fehler .navBar span{border-bottom:1px solid var(--text-color);cursor:pointer}@media(max-width:850px){.fehler .navBar{width:auto;top:60px;left:50px;font-size:13px}}.fehler .filter{width:100%;border-bottom:2px solid var(--page-color-bg);display:flex;justify-content:center;position:relative;padding-bottom:5px;color:var(--text-color)}.fehler .filter .PagesBox{max-width:50%;height:40px;display:flex;justify-content:center;align-items:center}.fehler .filter .PagesBox .Box{width:80%;display:flex;align-items:center;justify-content:center;background-color:var(--box-color-bg);border-radius:15px 15px 0 0;border:1px solid var(--primary-color)}.fehler .filter .PagesBox .Box i{padding:2px 5px;height:100%;cursor:pointer;border-radius:5px}.fehler .filter .PagesBox .Box i:hover{color:var(--primary-color)}.fehler .filter .PagesBox .Box .Page{border-left:1px solid var(--primary-color);border-right:1px solid var(--primary-color);display:flex;margin:0 5px;gap:2px;overflow:hidden;overflow-x:auto;padding:4px 3px}.fehler .filter .PagesBox .Box .Page::-webkit-scrollbar{width:0;height:0}.fehler .filter .PagesBox .Box .Page div{width:20px;min-width:20px;background-color:var(--page-color-bg);padding:5px;text-align:center;border-radius:5px;cursor:pointer}.fehler .filter .PagesBox .Box .Page div:hover{background-color:var(--primary-color)}.fehler .filter .PagesBox .cunt{height:100%;min-width:50px;display:flex;align-items:center;justify-content:center}.fehler .filter .buttonBox{position:absolute;right:20px;top:7px}.fehler .filter .buttonBox button{cursor:pointer;border:none;border-radius:10px;padding:5px 10px;background-color:var(--primary-color);color:#000;font-weight:700;opacity:.9}.fehler .filter .buttonBox button:hover{opacity:1;box-shadow:0 0 2px var(--primary-color)}.fehler .filter .selectBox{display:flex;align-items:center;gap:10px;position:absolute;right:20px;top:-40px}.fehler .filter .selectBox input{padding:5px;border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color)}.fehler .filter .selectBox .fa-xmark{width:25px;height:25px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--page-color-bg);cursor:pointer}.fehler .filter .selectBox .fa-xmark:hover{color:red}.fehler .tableBox{width:100%;height:calc(100% - 155px);color:var(--text-color)}.fehler .tableBox .tableTitles{padding:10px;border-bottom:2px solid var(--page-color-bg);display:flex}.fehler .tableBox .tableTitles .box2{width:250px;font-size:14px;font-weight:700;text-align:center}.fehler .tableBox .tableTitles .box1{width:100px;font-size:14px;font-weight:700;text-align:center}.fehler .tableBox .issueBox{width:100%;height:calc(100% - 40px);overflow:hidden;overflow-y:auto;position:relative}.fehler .tableBox .issueBox .numBox{position:fixed;padding:5px;background-color:var(--box-color-bg)}.fehler .tableBox .issueBox .issue{width:calc(100% - 20px) 100%;height:30px;padding:10px;border:1px solid var(--page-color-bg);display:flex;align-items:center}.fehler .tableBox .issueBox .issue .box2{width:250px;font-size:14px;text-align:center}.fehler .tableBox .issueBox .issue .box1{width:100px;font-size:14px;text-align:center}.fehler .tableBox .issueBox .issue .icons{display:flex;justify-content:center;align-items:center;gap:10px}.fehler .tableBox .issueBox .issue .icons i{font-size:15px;cursor:pointer}.fehler .tableBox .issueBox .issue .icons .fa-check{font-size:18px;color:#306e5a}.fehler .tableBox .issueBox .issue .icons .fa-xmark{font-size:18px;color:red}.fehler .tableBox .issueBox .issue .editBox{display:flex;justify-content:center;align-items:center;background-color:var(--box-color-bg);padding-right:5px;border-radius:5px;gap:10px}.fehler .tableBox .issueBox .issue .editBox input{width:80%;padding:5px;border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color)}.fehler .tableBox .issueBox .issue .editBox i{font-size:17px;cursor:pointer}.fehler .tableBox .issueBox .issue .editBox .fa-xmark{color:red}.fehler .tableBox .issueBox .issue .editBox .fa-check{color:green}.loud{width:100%;height:100dvh;background-color:var(--box-color-bg);position:fixed;top:0;left:0;z-index:20;display:flex;justify-content:center;align-items:center}.loud h2{position:absolute;top:calc(50% - 150px);width:100%;text-align:center;color:var(--text-color)}.loud .svg{width:70px;animation:rotate .5s linear infinite}.terminal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:10;display:flex;justify-content:center;align-items:center}.terminal-box{background-color:var(--chart-bg-color);border-radius:20px;position:relative;color:var(--text-color);width:60%;min-width:1000px;height:80%}.terminal-box h2{width:100%;text-align:center}.terminal-box .filterBox{background-color:#363636;padding:10px 0}.terminal-box .filterBox select{padding:5px}.terminal-box .filterBox button,.terminal-box .filterBox select{margin-left:10px;border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color)}.terminal-box .filterBox button{padding:5px 10px;cursor:pointer}.terminal-box .filterBox button:hover{background-color:#306e5a;color:#fff;box-shadow:0 0 4px gray}.terminal-box .filterBox .hinzufügen{float:right;margin-right:20px;background-color:gray;color:var(--box-color-bg);box-shadow:none!important}.terminal-box .filterBox .hinzufügen:hover{background-color:var(--chart-bg-color)!important;color:var(--text-color)!important}.terminal-box .xterm-screen{width:100%!important;height:590px!important}.terminal-box .add{position:absolute;top:120px;right:0;background-color:var(--chart-bg-color);width:calc(100% - 40px);height:570px;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px}.terminal-box .add .fa-xmark{position:absolute;top:20px;right:20px;font-size:20px;color:var(--text-color);cursor:pointer}.terminal-box .add .form{display:flex;justify-content:flex-start;gap:20px}.terminal-box .add .form label{width:190px;text-align:right}.terminal-box .add .form input[type=text]{width:320px}.terminal-box .add .form input[type=text],.terminal-box .add .form textarea{border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color)}.terminal-box .add .form textarea{max-width:300px;min-width:320px;max-height:100px;min-height:100px}.terminal-box .add .form .dateBox{display:flex;gap:12px}.terminal-box .add .form .dateBox input{width:47.5%;border-radius:5px;border:1px solid var(--primary-color);outline-color:var(--primary-color)}.terminal-box .add button{background-color:#306e5a;border-radius:10px;padding:10px 20px;border:1px solid var(--primary-color);color:var(--box-color-bg);cursor:pointer;position:absolute;bottom:30px;left:calc(50% - 130px)}.close-btn{position:absolute;top:10px;right:10px;background-color:transparent;border:none;color:var(--text-color);font-size:24px;cursor:pointer;padding:5px;transition:color .3s ease}.close-btn:hover{color:#e74c3c}.terminal{padding:10px}.form{display:flex;flex-wrap:wrap;margin:4px 0}.form,.form .title{color:var(--text-color)}.form .title{width:100%;text-align:center;font-size:16px;font-weight:700;margin-bottom:20px}.form label{padding:5px;font-size:14px;font-weight:700}.form label span{color:red}.form .resizable{display:block;min-width:100px;min-height:30px;max-width:100%;padding:5px;border:2px solid var(--primary-color);border-radius:5px;resize:both;overflow:auto;cursor:text;background-color:#f5f5f5}.form select{width:100%;border:none;border-radius:5px;outline-color:var(--primary-color);margin-bottom:20px;padding:5px}.form .date{width:280px}.Chat{width:calc(90% - 41px);background-color:var(--box-color-bg);height:calc(100dvh - 125px)!important;margin:25px auto 0;border-radius:20px 20px 0 0;position:relative;padding-bottom:30px;box-shadow:0 0 5px var(--primary-color)}.Chat .title{width:100%;text-align:center;padding:40px 0;font-size:20px;font-weight:700;border-bottom:2px solid var(--page-color-bg);color:var(--text-color)}.Chat .fa-arrow-left{left:30px;font-size:25px;cursor:pointer}.Chat .fa-arrow-left,.Chat .navBar{position:absolute;top:40px;color:var(--text-color)}.Chat .navBar{left:80px;width:calc(100% - 70px);display:flex;gap:5px;margin-bottom:20px}.Chat .navBar span{border-bottom:1px solid var(--text-color);cursor:pointer}.Chat .chatCont{width:100%;height:calc(100dvh - 202px);display:flex;overflow:hidden}.Chat .chatCont .leftbox{width:500px;height:100%;border-right:2px solid var(--page-color-bg);position:relative;overflow:hidden}.Chat .chatCont .leftbox .leftboxTitle{padding:10px 20px;width:calc(100% - 40px);font-weight:700;font-size:20px;box-shadow:0 0 10px var(--primary-color);color:var(--text-color);display:flex;justify-content:space-between;align-items:center;overflow:hidden}.Chat .chatCont .leftbox .leftboxTitle .fa-bars{cursor:pointer;opacity:.8}.Chat .chatCont .leftbox .leftboxTitle .fa-bars:hover{opacity:1}.Chat .chatCont .leftbox .listBox{width:100%;height:calc(100% - 45px);overflow:hidden;overflow-y:auto}.Chat .chatCont .leftbox .listBox .Ent{padding:10px;width:calc(100% - 20px);height:50px;cursor:pointer;border-bottom:1px solid var(--page-color-bg);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;position:relative}.Chat .chatCont .leftbox .listBox .Ent .name{display:flex;align-items:center;justify-content:space-between;gap:10px}.Chat .chatCont .leftbox .listBox .Ent .name .newMessage{min-width:12px;height:12px;display:flex;justify-content:center;align-items:center;background-color:#fd5555;z-index:100px;border-radius:50%;font-size:12px;padding:5px;color:#fff}.Chat .chatCont .leftbox .listBox .Ent .online{background-color:#08b450}.Chat .chatCont .leftbox .listBox .Ent .Offline,.Chat .chatCont .leftbox .listBox .Ent .online{position:absolute;bottom:5px;right:5px;z-index:100px;border-radius:5px;font-size:13px;padding:5px}.Chat .chatCont .leftbox .listBox .Ent .Offline{background-color:#e65757}.Chat .chatCont .leftbox .listBox .Ent:hover{background-color:var(--page-color-bg)}.Chat .chatCont .leftbox .listBox .Ent:hover .num{color:var(--text-color)}.Chat .chatCont .leftbox .listBox .Ent .num{font-size:15px;color:gray}.Chat .chatCont .leftbox .listBox .Ent .num span{font-size:12px;margin-top:-5px}.Chat .chatCont .leftbox .fa-comment{position:absolute;right:-30px;top:7px;width:30px;height:30px;background-color:var(--primary-color);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 0 3px gray;z-index:10px}.Chat .chatCont .rightbox{width:100%;height:100%;overflow:hidden;position:relative}.Chat .chatCont .rightbox .bg{width:auto;height:calc(100% - 2px);display:block;margin:0 auto;opacity:.5}.Chat .chatCont .rightbox .topbox{width:calc(100% - 20px);padding:10px;position:absolute;top:0;left:0;box-shadow:0 0 7px var(--primary-color);background-color:var(--primary-color);color:var(--text-color);font-size:16px;display:flex;gap:10px}.Chat .chatCont .rightbox .topbox span{font-weight:700;margin:0 7px}.Chat .chatCont .rightbox .topbox .fa-comment{font-size:20px;color:#fff;width:20px;height:20px;display:flex;justify-content:center;align-items:center;border-radius:3px;opacity:.5;text-shadow:5px 5px 10px rgba(5,5,5,.575)}.Chat .chatCont .rightbox .chatcont{width:calc(100% - 20px);height:calc(100% - 120px);position:absolute;top:40px;left:0;overflow:hidden;overflow-y:auto;padding:10px;color:var(--text-color)}.Chat .chatCont .rightbox .chatcont .massage1{max-width:40%;min-width:300px;height:auto;background-color:hsla(16,19%,48%,.412);border-radius:20px 20px 20px 0;padding:10px;display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);word-break:break-all;word-wrap:break-word}.Chat .chatCont .rightbox .chatcont .massage1 .top{width:calc(100% - 20px);padding:5px 10px;display:flex;justify-content:space-between}.Chat .chatCont .rightbox .chatcont .massage1 .top .user{font-size:17px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massage1 .top .datum{font-size:13px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massage1 p{width:98%;margin:10px auto;font-size:16px}.Chat .chatCont .rightbox .chatcont .massage2{display:block;max-width:40%;min-width:300px;height:auto;background-color:hsla(16,19%,48%,.412);border-radius:20px 20px 0 20px;position:relative;justify-self:flex-end;padding:10px;margin-top:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);word-break:break-all;word-wrap:break-word}.Chat .chatCont .rightbox .chatcont .massage2 .top{width:calc(100% - 20px);padding:5px 10px;display:flex;justify-content:space-between}.Chat .chatCont .rightbox .chatcont .massage2 .top .user{font-size:17px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massage2 .top .datum{font-size:13px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massage2 p{width:98%;margin:10px auto;font-size:16px}.Chat .chatCont .rightbox .chatcont .massagePDF{max-width:400px;min-width:300px;height:auto;background-color:hsla(16,19%,48%,.412);border-radius:20px 20px 20px 0;display:flex;flex-wrap:wrap;justify-content:center;padding:10px;margin-top:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.Chat .chatCont .rightbox .chatcont .massagePDF .top{width:calc(100% - 20px);padding:5px 10px;display:flex;justify-content:space-between}.Chat .chatCont .rightbox .chatcont .massagePDF .top .user{font-size:17px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massagePDF .top .datum{font-size:13px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massagePDF .name{width:100%;font-size:15px;margin-top:10px;text-align:center}.Chat .chatCont .rightbox .chatcont .massagePDF .pdfBox{width:300px;height:400px;border:1px solid #525252;width:auto;justify-self:start;border-radius:20px;overflow:hidden;position:relative;margin-left:20px;margin-top:10px}.Chat .chatCont .rightbox .chatcont .massagePDF .pdfBox .iconBox{position:absolute;top:56px;left:0;background-color:rgba(0,0,0,.267);width:100%;height:calc(100% - 56px);display:flex;justify-content:center;align-items:center;opacity:0;transition:all .5s}.Chat .chatCont .rightbox .chatcont .massagePDF .pdfBox .iconBox .fa-up-right-from-square{color:#fff;font-size:25px}.Chat .chatCont .rightbox .chatcont .massagePDF .pdfBox:hover .iconBox{opacity:1}.Chat .chatCont .rightbox .chatcont .massagePDF2{max-width:400px;min-width:300px;height:auto;background-color:hsla(16,19%,48%,.412);border-radius:20px 20px 0 20px;display:flex;flex-wrap:wrap;justify-content:center;padding:10px;margin-top:20px;justify-self:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.Chat .chatCont .rightbox .chatcont .massagePDF2 .top{width:calc(100% - 20px);padding:5px 10px;display:flex;justify-content:space-between}.Chat .chatCont .rightbox .chatcont .massagePDF2 .top .user{font-size:17px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massagePDF2 .top .datum{font-size:13px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massagePDF2 .name{width:100%;font-size:15px;margin-top:10px;text-align:center}.Chat .chatCont .rightbox .chatcont .massagePDF2 .pdfBox{width:300px;height:400px;border:1px solid #525252;width:auto;justify-self:start;border-radius:20px;overflow:hidden;position:relative;margin-left:20px;margin-top:10px}.Chat .chatCont .rightbox .chatcont .massagePDF2 .pdfBox .iconBox{position:absolute;top:56px;left:0;background-color:rgba(0,0,0,.267);width:100%;height:calc(100% - 56px);display:flex;justify-content:center;align-items:center;opacity:0;transition:all .5s}.Chat .chatCont .rightbox .chatcont .massagePDF2 .pdfBox .iconBox .fa-up-right-from-square{color:#fff;font-size:25px}.Chat .chatCont .rightbox .chatcont .massagePDF2 .pdfBox:hover .iconBox{opacity:1}.Chat .chatCont .rightbox .chatcont .massageIMG{max-width:400px;min-width:300px;height:auto;background-color:hsla(16,19%,48%,.412);border-radius:20px 20px 20px 0;padding:10px;display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.Chat .chatCont .rightbox .chatcont .massageIMG .top{width:calc(100% - 20px);padding:5px 10px;display:flex;justify-content:space-between}.Chat .chatCont .rightbox .chatcont .massageIMG .top .user{font-size:17px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massageIMG .top .datum{font-size:13px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massageIMG .imgBox{width:400px;margin:10px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.Chat .chatCont .rightbox .chatcont .massageIMG .imgBox img{width:100%;margin:0;border:1px solid #525252;border-radius:20px}.Chat .chatCont .rightbox .chatcont .massageIMG .imgBox .iconBox{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.267);width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;transition:all .5s;border-radius:20px;cursor:pointer}.Chat .chatCont .rightbox .chatcont .massageIMG .imgBox .iconBox .fa-up-right-from-square{color:#fff;font-size:25px}.Chat .chatCont .rightbox .chatcont .massageIMG .imgBox:hover .iconBox{opacity:1}.Chat .chatCont .rightbox .chatcont .massageIMG .name{width:100%;font-size:15px;text-align:center}.Chat .chatCont .rightbox .chatcont .massageIMG2{max-width:400px;min-width:300px;height:auto;background-color:hsla(16,19%,48%,.412);border-radius:20px 20px 0 20px;padding:10px;display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;justify-self:flex-end;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.Chat .chatCont .rightbox .chatcont .massageIMG2 .top{width:calc(100% - 20px);padding:5px 10px;display:flex;justify-content:space-between}.Chat .chatCont .rightbox .chatcont .massageIMG2 .top .user{font-size:17px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massageIMG2 .top .datum{font-size:13px;font-weight:700}.Chat .chatCont .rightbox .chatcont .massageIMG2 .imgBox{width:400px;margin:10px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.Chat .chatCont .rightbox .chatcont .massageIMG2 .imgBox img{width:100%;margin:0;border:1px solid #525252;border-radius:20px}.Chat .chatCont .rightbox .chatcont .massageIMG2 .imgBox .iconBox{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.267);width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;transition:all .5s;border-radius:20px;cursor:pointer}.Chat .chatCont .rightbox .chatcont .massageIMG2 .imgBox .iconBox .fa-up-right-from-square{color:#fff;font-size:25px}.Chat .chatCont .rightbox .chatcont .massageIMG2 .imgBox:hover .iconBox{opacity:1}.Chat .chatCont .rightbox .chatcont .massageIMG2 .name{width:100%;font-size:15px;text-align:center}@media(max-width:850px){.Chat .chatCont .rightbox .chatcont .massage1,.Chat .chatCont .rightbox .chatcont .massage2{max-width:100%;min-width:300px;margin-top:30px}.Chat .chatCont .rightbox .chatcont .massageIMG,.Chat .chatCont .rightbox .chatcont .massagePDF{margin-top:30px}}.Chat .chatCont .rightbox .bottombox{position:absolute;bottom:0;left:0;width:calc(100% - 20px);height:40px;padding:10px;display:flex;justify-content:center;align-items:center;gap:20px;background-color:var(--page-color-bg)}.Chat .chatCont .rightbox .bottombox textarea{max-width:80%;min-width:80%;max-height:calc(100% - 4px);min-height:calc(100% - 4px);border-radius:7px;font-size:17px;outline-color:var(--primary-color);border:2px solid var(--primary-color);padding:6px}.Chat .chatCont .rightbox .bottombox .fa-paperclip{cursor:pointer;font-size:20px}.Chat .chatCont .rightbox .bottombox .fa-paper-plane{width:45px;height:45px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px;cursor:pointer;color:var(--primary-color)}.Chat .chatCont .rightbox .alert{width:calc(100% - 40px);position:absolute;bottom:0;left:0;background-color:var(--primary-color);padding:20px;color:var(--text-color)}@media(max-width:1500px){.Chat{width:calc(100% - 10px)}}@media(max-width:850px){.Chat .rightbox .chatcont .massage1,.Chat .rightbox .chatcont .massage2{width:90%}}.KalkulationTool{width:85%;height:auto;min-height:100dvh;position:absolute;top:2px;left:7.5%;background-color:var(--box-color-bg);border-radius:40px 40px 0 0;box-shadow:0 0 7px var(--primary-color);color:var(--text-color);padding-bottom:200px}.KalkulationTool .title{font-size:30px;font-weight:700;width:calc(100% - 40px);text-align:center;border-bottom:2px solid var(--page-color-bg);padding:20px;color:var(--text-color);margin-bottom:50px;overflow:hidden}.KalkulationTool .title .fa-arrow-left{position:absolute;left:25px;top:30px;cursor:pointer}.KalkulationTool .title .logoBox{position:absolute;top:0;left:80px;width:120px;height:130px}.KalkulationTool .title .logoBox img{width:120px;height:130px}.KalkulationTool .title .Upload{position:absolute;right:40px;top:25px;font-size:13px}.KalkulationTool .title .Upload i{font-size:25px;cursor:pointer}.KalkulationTool .title .Upload i:hover{color:var(--primary-color)}.KalkulationTool .firmaInfoBox{padding:20px;width:calc(100% - 40px);display:flex;justify-content:center;gap:50px;color:var(--text-color)}.KalkulationTool .firmaInfoBox .btn1{border:none;border-radius:5px;background-color:var(--primary-color);color:#fff;padding:7px 10px;margin-left:5px;cursor:pointer}.KalkulationTool .firmaInfoBox .btn2{border:none;border-radius:5px;background-color:gray;color:#fff;padding:7px 10px;margin-left:5px;cursor:not-allowed}.KalkulationTool .firmaInfoBox label{font-weight:700;color:var(--text-color)}.KalkulationTool .firmaInfoBox input{width:200px;border-radius:5px}.KalkulationTool .firmaInfoBox input,.KalkulationTool .firmaInfoBox select{padding:5px;outline-color:var(--primary-color);border-radius:5px;border:1px solid #000}.KalkulationTool .contMatBox{width:93.5%;margin:0 auto;overflow:hidden;box-shadow:0 0 3px var(--primary-color);border-radius:20px}.KalkulationTool .contMatBox .titles{width:100%;height:42px;background-color:var(--page-color-bg);border-radius:20px 20px 0 0;margin-bottom:-20px;display:flex;justify-content:space-around}.KalkulationTool .contMatBox .titles .Material{width:300px;text-align:center;padding:5px 0;font-weight:700}.KalkulationTool .contMatBox .titles .date{width:91px;padding:5px;font-size:14px;font-weight:700}.KalkulationTool .contMatBox .MatBox{width:100%;height:auto;background-color:var(--page-color-bg);display:flex;overflow:hidden;flex-wrap:wrap;justify-content:space-around;z-index:1000;position:relative;padding:10px 0}.KalkulationTool .contMatBox .MatBox .selectBox{width:300px;display:flex;flex-direction:column;align-items:center;position:relative}.KalkulationTool .contMatBox .MatBox .selectBox .title{width:100%;font-size:18px;padding:10px;border:none}.KalkulationTool .contMatBox .MatBox .selectBox select{width:90%;padding:5px;outline-color:var(--primary-color);border-radius:5px}.KalkulationTool .contMatBox .MatBox .selectBox .fa-xmark{position:absolute;left:calc(50% - 12.5px);bottom:-6.5px;font-size:15px;width:25px;height:25px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.KalkulationTool .contMatBox .MatBox .selectBox .fa-xmark:hover{color:red;background-color:var(--box-color-bg)}.KalkulationTool .contMatBox .MatBox .inputBox{height:100%;width:100px}.KalkulationTool .contMatBox .MatBox .inputBox .inputs{width:91px;display:flex;align-items:center;padding:2px}.KalkulationTool .contMatBox .MatBox .inputBox .inputs input{width:60px;margin-right:3px;outline-color:var(--primary-color);border-radius:5px;border:1px solid gray;padding:5px 0 5px 5px}.KalkulationTool .contMatBox .MatBox:nth-child(odd){background-color:var(--chart-bg-color)}.KalkulationTool .contMatBox .addMatBox{width:100%;height:50px;background-color:var(--primary-color);margin-top:-10px;border-radius:0 0 20px 20px;z-index:0;display:flex;justify-content:center;align-items:center;gap:10px}.KalkulationTool .contMatBox .addMatBox .fa-plus{width:25px;height:25px;border-radius:50%;background-color:var(--page-color-bg);display:flex;justify-content:center;align-items:center;margin-bottom:-10px;font-size:15px;cursor:pointer;transition:all .5s}.KalkulationTool .contMatBox .addMatBox .fa-plus:hover{transform:rotate(1turn)}.KalkulationTool .contMatBox .addMatBox div{margin-bottom:-10px;font-size:14px;color:var(--chart-bg-color)}.KalkulationTool .UnserPreisBox{width:calc(100% - 110px);padding:55px;margin-top:20px}.KalkulationTool .UnserPreisBox .title{padding:0;font-size:18px;text-align:left;border:none}.KalkulationTool .UnserPreisBox .kalk-materialtable{width:850px;height:auto}.KalkulationTool .UnserPreisBox .kalk-materialtable .materialtableTitles{display:flex;margin-top:20px;margin-bottom:5px}.KalkulationTool .UnserPreisBox .kalk-materialtable .materialtableTitles .Anzeigen{width:100px;text-align:center;font-weight:700;font-size:14px;padding-left:5px}.KalkulationTool .UnserPreisBox .kalk-materialtable .materialtableTitles .Index,.KalkulationTool .UnserPreisBox .kalk-materialtable .materialtableTitles .Material{width:300px;text-align:center;font-weight:700;font-size:14px}.KalkulationTool .UnserPreisBox .kalk-materialtable .materialtableTitles .Aufschlag{width:150px;text-align:center;font-weight:700;font-size:14px}.KalkulationTool .UnserPreisBox .kalk-materialtable .kalk-material{width:calc(100% - 10px);height:60px;background-color:var(--page-color-bg);display:flex;align-items:center;padding:0 5px;margin-bottom:5px;border-radius:10px}.KalkulationTool .UnserPreisBox .kalk-materialtable .kalk-material button{width:80px;border-radius:20px;border:none;padding:5px 0;background-color:var(--primary-color);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:10px}.KalkulationTool .UnserPreisBox .kalk-materialtable .kalk-material button:hover{box-shadow:0 0 3px var(--primary-color)}.KalkulationTool .UnserPreisBox .kalk-materialtable .kalk-material .Material{width:300px;text-align:center;font-size:14px}.KalkulationTool .UnserPreisBox .kalk-materialtable .kalk-material .index{width:300px;padding:5px;border-radius:5px;outline-color:var(--primary-color);border:1px solid #616161}.KalkulationTool .UnserPreisBox .kalk-materialtable .kalk-material .Aufschlag{width:150px;display:flex}.KalkulationTool .UnserPreisBox .kalk-materialtable .kalk-material .Aufschlag .plus{width:23px;display:flex;justify-content:center;align-items:center}.KalkulationTool .UnserPreisBox .kalk-materialtable .kalk-material .Aufschlag input{width:50%;padding:5px;border-radius:5px;border:1px solid #616161;outline-color:var(--primary-color)}.KalkulationTool .UnserPreisBox .kalk-materialtable .kalk-material .Aufschlag select{width:30%;border-radius:5px;border:1px solid #616161;outline-color:var(--primary-color)}.KalkulationTool .UnserPreisBox .kalk-materialtable .MatBox:nth-child(odd){background-color:var(--chart-bg-color)}.KalkulationTool .chartTypes{padding:0 60px;width:calc(100% - 120px);display:flex;align-items:center;gap:10px}.KalkulationTool .chartTypes label{font-weight:700}.KalkulationTool .chartTypes select{padding:5px;border-radius:5px;outline-color:var(--primary-color);border:1px solid var(--primary-color)}.KalkulationTool .charts{width:100%;min-height:380px;height:auto;margin-top:30px;background-color:var(--box-color-bg);display:flex;justify-content:center;gap:15px}.KalkulationTool .charts div{height:100%}.KalkulationTool .charts div h4{padding-left:10px}.KalkulationTool .GesamtsummeBox{width:100%;height:auto}.KalkulationTool .GesamtsummeBox .container{font-family:Arial,sans-serif;max-width:800px;padding:30px 50px;border-radius:8px}.KalkulationTool .GesamtsummeBox .container h2{text-align:left;margin-bottom:15px}.KalkulationTool .GesamtsummeBox .container table{width:100%;border-collapse:collapse;margin-bottom:35px}.KalkulationTool .GesamtsummeBox .container table td,.KalkulationTool .GesamtsummeBox .container table th{padding:10px;text-align:left;border-bottom:1px solid #ddd}.KalkulationTool .GesamtsummeBox .container table th{background-color:#e0e0e0;font-weight:700}.KalkulationTool .GesamtsummeBox .container table .highlight{background-color:#f0f0f0}.KalkulationTool .GesamtsummeBox .container table .bold{font-weight:700}.KalkulationTool .GesamtsummeBox .container p{font-size:16px;margin:5px 0;width:380px;display:flex;justify-content:space-between;padding:3px 5px}.KalkulationTool .GesamtsummeBox .container button{background-color:var(--primary-color);color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;margin-top:20px;font-size:16px}.KalkulationTool .GesamtsummeBox .container button:hover{box-shadow:0 0 5px var(--primary-color)}.KalkulationTool .SpeichernBox{width:100%;height:100dvh;background-color:rgba(0,0,0,.685);position:fixed;top:0;left:0;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center}.KalkulationTool .SpeichernBox .fa-xmark{color:#fff;position:absolute;top:20px;left:20px;font-size:20px;cursor:pointer}.KalkulationTool .SpeichernBox .box{width:400px;height:200px;border-radius:20px;display:flex;background-color:var(--box-color-bg);overflow:hidden}.KalkulationTool .SpeichernBox .box div{width:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.KalkulationTool .SpeichernBox .box div i{font-size:50px}.KalkulationTool .SpeichernBox .box div:hover{background-color:var(--primary-color)}.KalkulationTool .SpeichernBox .box div span{margin-top:10px;font-weight:700}.KalkulationTool .emailBox{width:calc(100% - 100px);height:300px;padding:0 50px}.KalkulationTool .emailBox input{padding:10px;width:300px;border-radius:5px;outline-color:var(--primary-color);border:1px solid gray}.KalkulationTool .emailBox button{background-color:var(--primary-color);color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;margin-top:20px;font-size:16px;margin-left:20px}.swal-modal{width:700px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;overflow:hidden;box-shadow:0 0 5px var(--primary-color)}.swal-button--catch{background-color:var(--primary-color)}.swal-button--catch:hover{background-color:var(--primary-color)!important}.Archivierungstool{width:calc(90% - 41px);min-height:calc(100dvh - 125px);background-color:var(--box-color-bg);margin:25px auto 0;border-radius:20px 20px 0 0;position:relative;padding-bottom:30px;box-shadow:0 0 5px var(--primary-color)}@media(max-width:850px){.Archivierungstool{width:100%;height:2330px}}.Archivierungstool .title{width:100%;text-align:center;padding:40px 0;font-size:20px;font-weight:700;border-bottom:2px solid var(--page-color-bg);color:var(--text-color)}.Archivierungstool .fa-arrow-left{position:absolute;top:40px;left:30px;font-size:25px;color:var(--text-color);cursor:pointer}.Archivierungstool .navBar{top:40px;left:80px;position:absolute;color:var(--text-color);width:calc(100% - 70px);display:flex;gap:5px;margin-bottom:20px}.Archivierungstool .navBar span{border-bottom:1px solid var(--text-color);cursor:pointer}