body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{color:#000}.header{align-items:center;background-image:linear-gradient(90deg,#5582ff 0,#b6d3ff 50%,#5582ff);height:50px;justify-content:space-between;width:100%}.header,.headerleft{display:flex}.headerleft h1{align-items:center;display:flex;height:50px;margin:0 0 0 10px}.headerleft h1 a{color:#000;text-decoration:none}.headerleft button{-webkit-appearance:none;appearance:none;background-color:#0000;border:none;border-radius:none;box-shadow:none;cursor:pointer;display:block;font-size:0;height:45px;margin-left:5px;margin-top:5px;overflow:hidden;padding:0;position:relative;text-indent:-9999px;transition:background .3s;width:45px}.headerleft button span{background:#000;display:block;height:7px;left:0;position:absolute;right:0;top:15px;transition:background 0s .3s}.headerleft button span:after,.headerleft button span:before{background-color:#000;content:"";display:block;height:7px;left:0;position:absolute;transition-delay:.3s,0s;transition-duration:.3s,.3s;width:100%}.headerleft button span:before{top:-14px}.headerleft button span:after{bottom:-14px}.headerleft button span:before{transition-property:top,transform}.headerleft button span:after{transition-property:bottom,transform}.headerleft button.is-active span{background:none}.headerleft button.is-active span:before{top:0;transform:rotate(45deg)}.headerleft button.is-active span:after{bottom:0;transform:rotate(-45deg)}.headerleft button.is-active span:after,.headerleft button.is-active span:before{transition-delay:0s,.3s}.mainmenue{background-color:#5582ff;border-top:1px solid #000;height:calc(100% - 51px);justify-content:space-between;overflow:hidden;position:absolute;top:50px;transition-duration:.6s,.6s;width:0;z-index:99}.mainmenue,.mainmenue div{display:flex;flex-direction:column}.mainmenue a,.mainmenue button{align-items:center;background-color:#0000;border:none;border-bottom:1px solid #000;color:#000;display:flex;font-size:22px;font-weight:700;height:35px;text-align:left;text-decoration:none;width:100%}.mainmenue a:hover,.mainmenue button:hover{background-image:linear-gradient(90deg,#4c4cff 0,#9898ff)}.mainmenue.is-active{width:200px}.loginmain{background-color:#c8cbd9;height:100vh;justify-content:center;margin:0}.login,.loginmain{align-items:center;display:flex;width:100%}.login{background-image:linear-gradient(90deg,#5582ff 0,#b6d3ff 50%,#5582ff);flex-direction:column;height:480px}.login h1{font-size:50px;margin-top:15px}.login h2{font-size:30px;margin-top:-10px}.login :not(:first-child){margin-top:10px}.login button{background-color:#5582ff;border:none;font-size:20px;height:35px;margin:5px;padding:3px;transition:.1s;width:150px}.login button:hover{border:2px inset #000}.login form{align-items:center;display:flex;flex-direction:column}.inputwithhoverdiv{position:relative}.inputwithhoverdiv label{color:#565656;left:8px;pointer-events:none;position:absolute;top:10px;transition:all .3s ease;z-index:10}.inputwithhoverdiv input{background-color:#0000;border:none;border-bottom:2px solid #000;font-size:15px;height:25px;margin:5px 0;outline:none;padding:3px;transition:.2s;width:230px}.inputwithhoverdiv input:focus{border-color:blue;padding-left:6px;padding-right:6px}.inputwithhoverdiv.filled label,.inputwithhoverdiv:focus-within label{color:#000;top:-10px}body,html{font-family:Open Sans,sans-serif;margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0}.main{background-color:#c8cbd9;height:calc(100vh - 50px)}.main,.popup{margin:0;width:100%}.popup{background-color:rgba(0,0,0,.597);height:100vh;left:0;position:fixed;top:0;z-index:100}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.save-button{background-color:#e2e3ec;border:1px solid #000;border-radius:3px;cursor:pointer;font-size:13px;margin-top:10px;padding:3px;transition:.2s;width:80px}.save-button:hover{background-color:#c8cbd9}.save-button.sucsess{border:1px solid green;color:green}.menue{align-items:center;border-bottom:1px solid #000;display:flex;height:25px;padding:7px 5px}.menue .menuebutton{background-color:#e2e3ec;border:1px solid #000;border-radius:3px;cursor:pointer;font-size:13px;padding:3px;transition:.2s;width:120px}.menue .menuebutton:hover{background-color:#c8cbd9}.menue :not(:first-child){margin-left:5px}.custom-select{position:relative}.custom-select button{align-items:center;background-color:#5582ff;border:none;cursor:pointer;display:flex;height:25px;justify-content:space-between;padding:3px;width:100%}.custom-select button:hover{background-image:linear-gradient(90deg,#4c4cff 0,#9898ff)}.custom-select ul{background-color:#7bb3f3;list-style:none;max-height:150px;overflow:auto;padding:3px;position:absolute;top:50%;transition:.5s;width:100%;z-index:98}.custom-select ul li{cursor:pointer;padding:3px}.custom-select ul li.selected{background-color:#5b71ff;font-weight:700}.custom-select ul li:hover{background-image:linear-gradient(90deg,#4c4cff 0,#9898ff)}.custom-select ul.selecthidden{border:none;max-height:0;padding:0}.arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid #000;transition:transform .3s ease-in-out}.displayedvalue{align-items:center;display:flex;justify-content:center;text-align:center;width:120px}.btnforback,.displayedvalue{background-color:#5582ff;border:none;font-size:14px;font-weight:700;height:100%}.btnforback{cursor:pointer;width:30px}.dropdownmenue{background-color:red;position:relative;width:100px}.dropdownmenue button{background-color:#5582ff;border:none;cursor:pointer;font-size:14px;font-weight:700;height:25px;padding:3px;width:100px}.dropdownmenue button:hover{background-image:linear-gradient(90deg,#4c4cff 0,#9898ff)}.dropdownmenue .dropdown{display:flex;flex-direction:column;left:-3px;list-style:none;margin:0;max-height:300px;overflow:hidden;padding:3px;position:absolute;top:100%;transition:.8s;width:100%;z-index:98}.dropdownmenue .dropdown a{align-items:center;background-color:#5582ff;display:flex;font-size:14px;font-weight:700;height:25px;justify-content:center;margin:0;text-align:center;text-decoration:none;width:100px}.dropdownmenue .dropdown a:hover{background-image:linear-gradient(90deg,#4c4cff 0,#9898ff)}.dropdownmenue .dropdown a:not(:first-child){margin-top:3px}.dropdownmenue .dropdown.hidden{border:none;max-height:0;padding:0}.menue_file_select::file-selector-button{background-color:#e2e3ec;border:1px solid #000;border-radius:3px;cursor:pointer;font-size:13px;padding:3px;transition:.2s;width:120px}.menue_file_select::file-selector-button:hover{background-color:#c8cbd9}.invociefrom{height:calc(100vh - 110px);overflow-y:auto}.invociefrom h4{margin:0}.invocieHeader{border:1px outset #c8cbd9;border-radius:5px;box-shadow:1px 5px 5px gray;display:flex;justify-content:space-between;margin-left:10px;margin-top:20px;padding:10px;width:90%}.invocieHeader .inoviceheader-rigth{border:1px solid #000;border-radius:5px;display:flex;flex-direction:column;padding:10px;width:45%}.invocieHeader .inoviceheader-rigth .inputrechnungsnummer{width:260px}.invocieHeader .inoviceheader-rigth>*{margin-top:10px}.inoviceHead{border:1px outset #c8cbd9;border-radius:5px;box-shadow:1px 5px 5px gray;margin-left:10px;margin-top:20px;padding:10px;width:90%}.inoviceHead h3{font-size:20px;margin:0 0 5px}.invociepositions{border:1px outset #c8cbd9;border-radius:5px;box-shadow:1px 5px 5px gray;margin-left:10px;margin-top:20px;padding:10px;width:90%}.invociepositions .btnpositionhinzu{background-color:#5582ff;border:none;cursor:pointer;height:25px;margin-top:5px}.invociepositions .position-number{align-items:center;display:flex;justify-content:space-between;width:90px}.invociepositions .position-number label{margin-left:5px}.invociepositions .position-menge{align-items:center;display:flex;justify-content:space-between;width:168px}.invociepositions .btnpositionhinzu:hover{background-image:linear-gradient(90deg,#4c4cff 0,#9898ff)}.invociepositions .prdoudctdiv{position:relative;width:calc(100% - 580px)}.invociepositions .prdoudctdiv .position-name{width:100%}.invociepositions .prdoudctdiv .productslist{background-color:#d5d9e7;border:1px solid #000;border-radius:5px;margin-top:5px;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:99}.invociepositions .prdoudctdiv .productslist .product{padding:5px}.invociepositions .prdoudctdiv .productslist .product:hover{background-color:#6767ff;cursor:pointer}.invociepositions .prdoudctdiv .productslist .product:not(:last-child){border-bottom:1px solid #000}.invociepositions .prdoudctdiv .productslist .product h3{margin:0}.invociepositions .prdoudctdiv .productslist .product *{cursor:pointer;pointer-events:none;-webkit-user-select:none;user-select:none}.invociepositions .postition-price{width:80px}.invociepositions .positionbeschreibung{width:100%}.invociepositions .positionfoot{align-items:flex-start;display:flex;justify-content:space-between}.invociepositions .positionfoot table{border-collapse:collapse}.invociepositions .positionfoot table tr{height:10px}.invociepositions .positionfoot table th{text-align:right}.inovicefoot{border:1px outset #c8cbd9;border-radius:5px;box-shadow:1px 5px 5px gray;margin-left:10px;margin-top:20px;padding:10px;width:90%}.InoviceCustomer{border:1px solid #000;border-radius:5px;display:flex;flex-direction:column;width:45%}.InoviceCustomer .data{display:flex;flex-direction:column;padding:10px}.InoviceCustomer .data .customerinput{margin-top:8px;width:100%}.InoviceCustomer .data .data2{display:flex;justify-content:space-between;margin-top:8px}.InoviceCustomer .data .data2 div{width:49%}.InoviceCustomer .data .custom-select button{border:1px solid #000}.invoicetext div{display:flex;justify-content:space-between;margin-top:5px;width:100%}.invoicetext .inovice-text{width:calc(100% - 80px)}.invoicetext button{background-color:#5582ff;border:none;cursor:pointer;font-size:14px;font-weight:700;height:34px;width:50px}.invoicetext button:hover{background-image:linear-gradient(90deg,#4c4cff 0,#9898ff)}.choicetexte{background-color:#d5d9e7;height:500px;margin:90px 10px;width:600px}.choicetexte p{border-bottom:1px solid #000;cursor:pointer;margin:0;padding:5px;-webkit-user-select:none;user-select:none}.choicetexte p:hover{background-color:#6767ff}.invocieposition{align-items:center;border-bottom:1px solid #000;display:flex;justify-content:space-between;margin:0}.invocieposition h2{font-size:20px;margin:0;text-align:center;-webkit-user-select:none;user-select:none;width:25px}.invocieposition h5{align-items:center;display:flex;height:25px;justify-content:right;margin:0;width:60px}.invocieposition button{background-color:#0000;border:none;cursor:pointer;font-weight:700;height:25px;width:25px}.invocieposition .invociepositionform{display:flex;flex-direction:column;padding:5px;width:calc(100% - 80px)}.invocieposition .invociepositionform .invociepositionformrow{display:flex;justify-content:space-between;padding:5px}.text-area-with-hover-border-text{position:relative;width:100%}.text-area-with-hover-border-text label{color:#565656;left:4px;pointer-events:none;position:absolute;top:2px;transition:all .3s ease;z-index:10}.text-area-with-hover-border-text label:before{background-color:#e2e3ec;content:"";height:1px;left:0;position:absolute;right:-3px;top:60%;transition:.2s;z-index:-1}.text-area-with-hover-border-text textarea{background-color:#e2e3ec;border:1px solid #000;font-size:15px;height:auto;outline:none;overflow:hidden;padding:5px;resize:none;transition:.2s;width:calc(100% - 10px)}.text-area-with-hover-border-text.filled label,.text-area-with-hover-border-text:focus-within label{color:#000;top:-13px}.tablediv{height:100%;overflow-y:auto;width:100%}.tablediv table{border-collapse:collapse;width:100%}.tablediv thead tr:first-child th{background-color:#999ca5;height:20px;position:sticky;top:0}.tablediv tbody tr td:not(:last-child),.tablediv thead tr:first-child th:not(:last-child){border-right:1px solid red}.tablediv tbody tr:nth-child(2n){background-color:#dce3f3}.tablediv tbody tr:hover{background-color:#6767ff;cursor:pointer}.choicecustomerdiv{background-color:#d5d9e7;height:500px;margin:90px 10px;width:600px}.tablediv{height:calc(100% - 40px)}.input-with-hover-border{position:relative}.input-with-hover-border label:not(.error-text){color:#565656;left:4px;margin-top:5px;pointer-events:none;position:absolute;top:2px;transition:all .3s ease;z-index:10}.input-with-hover-border label:not(.error-text):before{background-color:#e2e3ec;content:"";height:1px;left:0;position:absolute;right:-3px;top:55%;transition:.2s;z-index:-1}.input-with-hover-border .error-text{color:red;font-size:13px;margin:0;padding-top:-5px;white-space:pre-line}.input-with-hover-border input{background-color:#e2e3ec;border:1px solid #000;font-size:13px;height:23px;outline:none;padding:1px;transition:.2s;width:calc(100% - 5px)}.input-with-hover-border input[type=color]{width:100%}.input-with-hover-border.filled label:not(.error-text),.input-with-hover-border:focus-within label:not(.error-text){color:#000;top:-15px}.input-with-hover-border.error input{border:1px solid red}.datepicker{position:relative;width:260px}.datepicker .datepicker-input label{color:#565656;left:4px;pointer-events:none;position:absolute;top:2px;transition:all .3s ease;z-index:10}.datepicker .datepicker-input label:before{background-color:#e2e3ec;content:"";height:1px;left:0;position:absolute;right:-3px;top:60%;transition:.2s;z-index:-1}.datepicker .datepicker-input input{background-color:#e2e3ec;border:1px solid #000;font-size:13px;height:23px;outline:none;padding:1px;transition:.2s;width:100%}.datepicker .datepicker-input.filled label,.datepicker .datepicker-input:focus-within label{color:#000;top:-13px}.datepicker .datepicker-calendar{align-items:center;background-color:#d5d9e7;border:1px solid #000;border-radius:10px;display:flex;flex-direction:column;height:240px;padding:10px;position:absolute;transition:all .3s ease;width:240px;z-index:99}.datepicker .datepicker-calendar .forbackmonth{align-items:center;display:flex;justify-content:space-between;width:100%}.datepicker .datepicker-calendar .forbackmonth h4{margin:0;pointer-events:none}.datepicker .datepicker-calendar .forbackmonth button{background-color:#5582ff;border:none;cursor:pointer;font-size:14px;font-weight:700;height:30px;width:30px}.datepicker .datepicker-calendar .forbackmonth button:hover{background-image:linear-gradient(90deg,#4c4cff 0,#9898ff)}.datepicker .datepicker-calendar .datepicker-calendar-days{display:grid;grid:25px/14.2857142857% 14.2857142857% 14.2857142857% 14.2857142857% 14.2857142857% 14.2857142857% 14.2857142857%;margin-top:10px;width:100%}.datepicker .datepicker-calendar .datepicker-calendar-days h5{border-bottom:1px solid #000;font-size:14px;margin:0;text-align:center}.datepicker .datepicker-calendar .datepicker-calendar-days h6{font-size:12px;margin:4px;padding:4px;text-align:center}.datepicker .datepicker-calendar .datepicker-calendar-days h6:not(.empty):hover{background-image:linear-gradient(90deg,#4c4cff 0,#9898ff);cursor:pointer}.cashmain,.cashmain .cashmain-left{display:flex;height:100%;justify-content:space-between}.cashmain .cashmain-left{flex-direction:column;width:calc(100% - 401px)}.cashmain .cashmain-left .CashBottomMenue{border-top:1px solid #000;display:flex;height:110px;justify-content:end;padding:10px;width:calc(100% - 20px)}.cashmain .cashmain-left .CashBottomMenue.undermenue{justify-content:space-between}.cashmain .cashmain-left .CashBottomMenue.undermenue div{display:flex;height:100%;justify-content:end;width:calc(100% - 110px)}.cashmain .cashmain-left .CashBottomMenue button{background-color:#5582ff;border:1px solid #000;cursor:pointer;font-size:20px;font-weight:700;height:110px;margin-left:10px;width:110px}.cashmain .cashmain-right{border-left:1px solid #000;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:400px}.cashmain .cashmain-right .cashmain-right-top{height:calc(100% - 496px);overflow-y:auto}.cashmain .cashmain-right .cashmain-right-top .chash-psition{border-bottom:1px solid #000;display:flex;flex-direction:column;width:100%}.cashmain .cashmain-right .cashmain-right-top .chash-psition .chash-psition-div{display:flex;justify-content:space-between;padding:10px}.cashmain .cashmain-right .cashmain-right-top .chash-psition .chash-psition-div h5{font-size:22px;margin:0;text-align:center;width:50px}.cashmain .cashmain-right .cashmain-right-top .chash-psition .chash-psition-div .chash-psition-artikel{width:calc(100% - 55px)}.cashmain .cashmain-right .cashmain-right-top .chash-psition .chash-psition-div .chash-psition-artikel div{display:flex;justify-content:space-between}.cashmain .cashmain-right .cashmain-right-top .chash-psition .chash-psition-div .chash-psition-artikel div label{font-size:20px}.cashmain .cashmain-right .cashmain-right-top .chash-psition .chash-psition-div .chash-psition-artikel div .price{font-weight:700}.cashmain .cashmain-right .cashmain-right-top .chash-psition .chash-psition-div.has-unterartikel{border-bottom:1px dashed #000}.cashmain .cashmain-right .cashmain-right-top .chash-psition .under-position{display:flex;justify-content:space-between;margin-left:30px;padding:8px;width:calc(100% - 50px)}.cashmain .cashmain-right .cashmain-right-top .chash-psition .under-position h5{font-size:22px;margin:0;text-align:center;width:50px}.cashmain .cashmain-right .cashmain-right-top .chash-psition .under-position .chash-psition-artikel{width:calc(100% - 55px)}.cashmain .cashmain-right .cashmain-right-top .chash-psition .under-position .chash-psition-artikel div{display:flex;justify-content:space-between}.cashmain .cashmain-right .cashmain-right-top .chash-psition .under-position .chash-psition-artikel div label{font-size:20px}.cashmain .cashmain-right .cashmain-right-top .chash-psition .under-position .chash-psition-artikel div .price{font-weight:700}.cashmain .cashmain-right .cashmain-right-top .chash-psition.selected{background-color:#5582ff}.cashmain .cashmain-right .cashmain-right-gesamt{border-top:1px solid #000;display:flex;height:30px;justify-content:end;padding:5px;width:calc(100% - 10px)}.cashmain .cashmain-right .cashmain-right-gesamt label{font-size:20px;font-weight:700}.cashmain .cashmain-right input{height:50px}.keypad{background-color:red;display:grid;grid:100px/100px 100px 100px 100px;height:400px;width:100%}.keypad button{background-color:#5582ff;border:1px solid #000;font-size:20px;font-weight:700;min-height:100px}.keypad .keyE{grid-column:4;grid-row:3/span 2;text-orientation:upright;writing-mode:vertical-rl}.keypad .key0{grid-column:1/span 2}.Admin_Main{grid-gap:5px;align-items:start;display:grid;gap:5px;grid-template-columns:repeat(auto-fit,minmax(200px,310px));justify-content:start;max-height:calc(100vh - 70px);overflow-y:auto;padding:10px;width:calc(100% - 20px)}.Admin_Menue{align-items:center;border:1px solid #000;border-radius:5px;display:flex;flex-direction:column;height:auto;justify-content:start;padding:5px;width:300px}.Admin_Menue h4{height:20px;margin:0}.Admin_Menue a{background-color:#5582ff;height:25px;margin-top:10px;text-align:center;text-decoration:none;width:150px}.Admin_Menue a:hover{background-image:linear-gradient(90deg,#4c4cff 0,#9898ff)}.Select_Formular{background-color:#d5d9e7;height:500px;margin:90px 10px;width:400px}.Select_Formular h5{border-bottom:1px solid #000;font-size:20px;margin:0}.Select_Formular div{border-bottom:1px dashed #000;height:30px}.Select_Formular div h6{font-size:18px;margin:0}.Select_Formular div:hover{background-image:linear-gradient(90deg,#4c4cff 0,#9898ff);cursor:pointer}.new_formular{background-color:#d5d9e7;height:60px;margin:90px 10px;padding:10px;width:420px}.new_formular button{background-color:#5582ff;border:none;cursor:pointer;font-size:14px;font-weight:700;height:25px;margin-top:5px;width:100px}.new_formular button:hover{background-image:linear-gradient(90deg,#4c4cff 0,#9898ff)}.admin_ticket_form_group_main{padding:5px}.admin_ticket_form_group{border:2px solid #000;margin-top:15px;min-height:20px;min-width:200px;padding:5px;position:relative}.admin_ticket_form_group h6{font-size:15px;margin:0;position:absolute;top:-11px;z-index:1}.admin_ticket_form_group h6:before{background-color:#c8cbd9;content:"";height:2px;left:0;position:absolute;right:-3px;top:9px;z-index:-1}.admin_ticket_form_group .admin_ticket_form_group_leftright{display:flex;flex-direction:row;overflow-y:auto}.admin_ticket_form_group .admin_ticket_form_group_topdown{display:flex;flex-direction:column}.admin_ticket_form_group .admin_ticket_form_group_edit{border:2px solid #000;border-radius:5px;display:flex;height:18px;justify-content:space-between;padding:1px;position:absolute;right:10px;top:-12px;width:100px;z-index:1}.admin_ticket_form_group .admin_ticket_form_group_edit:before{background-color:#c8cbd9;content:"";height:2px;left:0;position:absolute;right:0;top:8px;z-index:-1}.admin_ticket_form_group .admin_ticket_form_group_edit .admin_ticket_form_group_edit_icon{border-radius:25px;cursor:pointer}.admin_ticket_form_group .admin_ticket_form_group_edit .admin_ticket_form_group_edit_icon:hover{background-color:#7777ea75}.admin_ticket_form_objekt{background-color:#e3e3e3;border:1.5px solid gray;border-radius:2px;margin-top:8px;position:relative;width:200px}.admin_ticket_form_objekt .admin_ticket_form_objekt_obj{display:flex;flex-direction:column}.admin_ticket_form_objekt h6{margin:0}.admin_ticket_form_objekt .editbar{align-items:center;background-color:#9fc3f878;display:flex;height:100%;justify-content:space-between;left:0;position:absolute;right:0;top:0;width:100%}.admin_ticket_form_objekt .editbar .admin_ticket_form_group_edit_icon{border-radius:25px;cursor:pointer}.admin_ticket_form_objekt .editbar .admin_ticket_form_group_edit_icon:hover{background-color:#7777ea75}.Admin_Ticket_Form_Add_New_Item{background-color:#d5d9e7;height:500px;left:10px;position:absolute;top:90px;width:300px}.Admin_Ticket_Form_Add_New_Item h1{border-bottom:1px solid #000;font-size:20px;margin:0}.Admin_Ticket_Form_Add_New_Item h2{border-bottom:1px dashed #000;cursor:pointer;font-size:18px;margin:0}.Admin_Ticket_Form_Add_New_Item h2:hover{background-image:linear-gradient(90deg,#4c4cff 0,#9898ff)}.admin_ticket_form_edit_objekt{background-color:#d5d9e7;height:300px;left:10px;padding:13px;position:absolute;top:90px;width:400px}.admin_ticket_form_edit_objekt .save_button{background-color:#5582ff;border:none;cursor:pointer;font-size:14px;font-weight:700;height:25px;margin-top:10px;width:100px}.admin_ticket_form_edit_objekt .save_button:hover{background-image:linear-gradient(90deg,#4c4cff 0,#9898ff)}.admin_ticket_form_edit_objekt .admin_ticket_form_edit_input{width:250px}.admin_ticket_form_edit_objekt .admin_ticket_form_edit_input:not(:first-child){margin-top:10px}.admin_ticket_form_edit_objekt .admin_ticket_form_edit_data{background-color:#d5d9e7;height:326px;left:435px;position:absolute;top:0;width:226px}.admin_ticket_form_edit_objekt .admin_ticket_form_edit_data .admin_ticket_form_edit_data_edit{border-bottom:1px solid #000;height:90px;padding:13px;width:200px}.admin_ticket_form_edit_objekt .admin_ticket_form_edit_data .admin_ticket_form_edit_data_edit button{background-color:#5582ff;border:none;cursor:pointer;font-size:14px;font-weight:700;height:25px;margin-top:10px;width:50%}.admin_ticket_form_edit_objekt .admin_ticket_form_edit_data .admin_ticket_form_edit_data_edit button:hover{background-image:linear-gradient(90deg,#4c4cff 0,#9898ff)}.admin_ticket_form_edit_objekt .admin_ticket_form_edit_data .admin_ticket_form_edit_data_edit .admin_ticket_form_edit_data_edit_input{width:195px}.admin_ticket_form_edit_objekt .admin_ticket_form_edit_data .admin_ticket_form_edit_data_edit .admin_ticket_form_edit_data_edit_input:not(:first-child){margin-top:10px}.admin_ticket_form_edit_objekt .admin_ticket_form_edit_data .admin_ticket_form_edit_data_objekts{height:calc(100% - 116px);overflow-y:auto}.admin_ticket_form_edit_objekt .admin_ticket_form_edit_data .admin_ticket_form_edit_data_objekt{border-bottom:1px dashed #000;display:flex;flex-direction:column}.admin_ticket_form_edit_objekt .admin_ticket_form_edit_data .admin_ticket_form_edit_data_objekt:hover{background-image:linear-gradient(90deg,#4c4cff 0,#9898ff)}.admin_ticket_form_edit_objekt .admin_ticket_form_edit_data .admin_ticket_form_edit_data_objekt label{cursor:pointer}.Component_Select{align-items:center;display:flex;margin-top:8px}.Component_Select button{background-color:#e2e3ec;border:1px solid #000;cursor:pointer;font-size:18px;font-weight:700;height:25px;text-align:center;width:25px}.Component_Select label{margin-left:5px}.admin_ticket_form_vorschau{background-color:#c8cbd9;height:calc(100% - 120px);left:10px;padding:10px;position:absolute;top:90px;width:calc(100% - 40px)}.ticket_formular_group{border:2px solid #000;padding:5px;position:relative}.ticket_formular_group:not(:first-child){margin-top:10px}.ticket_formular_group h6{font-size:15px;margin:0;position:absolute;top:-11px;z-index:1}.ticket_formular_group h6:before{background-color:#c8cbd9;content:"";height:2px;left:0;position:absolute;right:-3px;top:9px;z-index:-1}.ticket_formular_group .topdown{display:flex;flex-direction:column}.ticket_formular_group .leftright{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.ticket_formular_element{margin-top:8px}.select-with-hover-border{position:relative;width:300px}.select-with-hover-border button{align-items:center;background-color:#e2e3ec;border:1px solid #000;cursor:pointer;display:flex;height:30px;justify-content:space-between;margin-top:0;width:100%}.select-with-hover-border button label{font-size:14px;position:absolute;top:-8px;z-index:1}.select-with-hover-border button label:before{background-color:#c8cbd9;content:"";height:1px;left:0;position:absolute;right:-3px;top:8px;z-index:-1}.select-with-hover-border button:focus{border:1px solid #000}.select-with-hover-border .select-with-hover-border-content{background-color:#e2e3ec;border:1px solid #000;display:flex;flex-direction:column;position:absolute;top:110%;width:calc(100% - 2px);z-index:20}.select-with-hover-border .select-with-hover-border-content .select-with-hover-border-content-data{align-items:center;display:flex}.select-with-hover-border .select-with-hover-border-content .select-with-hover-border-content-data:not(:last-child){border-bottom:1px dashed #000}.select-with-hover-border .select-with-hover-border-content .select-with-hover-border-content-data:hover{background-image:linear-gradient(90deg,#4c4cff 0,#9898ff);cursor:pointer}.qm_main{display:flex;height:calc(100vh - 90px);justify-content:space-between;width:100%}.qm_browser{border-right:1px solid #000;height:calc(100% - 6px);overflow:auto;padding:3px;width:400px}.qm_browser_folder{align-items:center;cursor:pointer;display:flex;margin-left:calc(var(--qm_folder_ebene)*20px);width:calc(100% - var(--qm_folder_ebene)*20px)}.qm_browser_folder:hover{background-color:#e2e3ec}.qm_browser_folder label{cursor:pointer;font-size:17px;margin-left:5px;-webkit-user-select:none;user-select:none}.qm_browser_folder svg{font-size:18px;margin-left:2px}.qm_edit_element:hover{border:1px solid gray;border-radius:50px}.QM_Page{align-items:center;display:flex;flex-direction:column;height:100%;overflow:auto;width:calc(100% - 401px)}.QM_Page .QM_Page_header{align-items:center;display:flex;height:50px;justify-content:space-between;margin-top:10px;width:calc(100% - 20px)}.QM_Page .QM_Page_header svg{border:1.5px solid #3a3a3a;border-radius:100%;font-size:23px;padding:5px}.QM_Page .QM_Page_header svg:hover{background-color:#8080804d;cursor:pointer}.QM_Page .QM_Page_header svg:not(:first-child){margin-left:5px}.QM_Page .QM_Page_header h1{margin:0}.QM_Page .QM_Page_Content{margin-top:10px;position:relative;width:calc(100% - 20px)}.QM_Page .QM_Page_Content .QM_Page_Content_Edit_Menue{align-items:center;border:1px solid #000;border-radius:10px 10px 0 0;display:flex;height:18px;justify-content:space-between;padding:2px;position:absolute;right:0;top:-24px;width:100px}.QM_Page .QM_Page_Content .QM_Page_Content_Edit_Menue svg{cursor:pointer}.QM_Page .QM_Page_Content.bearbeitung{border:1px solid #000}.QM_Page .QM_Page_Content .QM_Page_Content_Menue{border-bottom:1px solid #000;display:flex;height:34px;width:100%}.QM_Page .QM_Page_Content .QM_Page_Content_Menue .QM_Page_Content_Menue_section{align-items:center;display:flex;height:30px;justify-content:center;padding:2px}.QM_Page .QM_Page_Content .QM_Page_Content_Menue .QM_Page_Content_Menue_section button{align-items:center;background-color:#e2e3ec;border:1px solid gray;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;margin-left:1px;margin-right:1px;min-width:30px;padding:2px}.QM_Page .QM_Page_Content .QM_Page_Content_Menue .QM_Page_Content_Menue_section button.bold{font-weight:700}.QM_Page .QM_Page_Content .QM_Page_Content_Menue .QM_Page_Content_Menue_section button.kursiv{font-style:italic}.QM_Page .QM_Page_Content .QM_Page_Content_Menue .QM_Page_Content_Menue_section button.underline{text-decoration:underline}.QM_Page .QM_Page_Content .QM_Page_Content_Menue .QM_Page_Content_Menue_section button.is-active{background-color:red}.QM_Page .QM_Page_Content .QM_Page_Content_Menue .QM_Page_Content_Menue_section button.has-update svg path{color:red}.QM_Page .QM_Page_Content .QM_Page_Content_Menue .QM_Page_Content_Menue_section button:hover{background-color:#80808033}.QM_Page .QM_Page_Content .QM_Page_Content_Menue .QM_Page_Content_Menue_section:not(:first-child){border-left:1px solid #000}.QM_Page .QM_Page_Content .QM_Page_Content_Border{border:2px solid #000}.QM_Page .QM_Page_Content .QM_Page_Content_Image{overflow:hidden;width:100%}.QM_Page .QM_Page_Content .QM_Page_Content_Image img{height:100%;object-fit:cover;width:100%}.QM_Page .QM_Page_Add_Element{align-items:center;border:2px solid #00d9ff;border-radius:7px;display:flex;justify-content:center;margin-top:10px;min-height:110px;width:80%}.QM_Page .QM_Page_Add_Element:hover{background-color:#00d9ff1a;cursor:pointer}.QM_Page .QM_Page_Add_Element svg{font-size:40px}.QM_Page .QM_Page_Add_Element svg path{color:#00adcb}.QM_Page .QM_Page_Add_Element_List{align-items:center;border-radius:7px;display:flex;justify-content:space-between;margin-bottom:10px;margin-top:10px;width:350px}.QM_Page .QM_Page_Add_Element_List .QM_Page_Add_Element_List_element{align-items:center;border:2px solid #00d9ff;border-radius:7px;cursor:pointer;display:flex;flex-direction:column;height:110px;justify-content:center;width:110px}.QM_Page .QM_Page_Add_Element_List .QM_Page_Add_Element_List_element:hover{background-color:#00d9ff1a;cursor:pointer}.QM_Page .QM_Page_Add_Element_List .QM_Page_Add_Element_List_element svg{font-size:40px}.QM_Page .QM_Page_Add_Element_List .QM_Page_Add_Element_List_element svg path{color:#00adcb}.Qm_ImageSelect{background-color:#c8cbd9;height:calc(100% - 90px);left:0;position:absolute;top:90px;width:100%}.Qm_ImageSelect .Qm_ImageSelect_Image_List{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fill,200px);overflow:auto;padding:10px}.Qm_ImageSelect .Qm_ImageSelect_Image{align-items:center;border:1px solid #000;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;height:210px;justify-content:center;width:200px}.Qm_ImageSelect .Qm_ImageSelect_Image:hover{background-color:#80808033}.Qm_ImageSelect .Qm_ImageSelect_Image img{height:calc(100% - 10px);object-fit:contain;width:100%}.Qm_ImageSelect .Qm_ImageSelect_Image label{border-top:1px solid #000;text-align:center;width:100%}.QM_New_Element{background-color:#c8cbd9;height:130px;left:10px;padding:10px;position:absolute;top:90px;width:500px}.QM_New_Element .element{margin-top:10px}.QM_New_Element .element-button{background-color:#e2e3ec;border:1px solid #000;border-radius:3px;cursor:pointer;font-size:13px;margin-top:10px;padding:3px;width:80px}.QM_New_Element .element-button:hover,.qm_element{background-color:#c8cbd9}.qm_element{width:100%}.qm_element .qm_editor_menue{border-bottom:1px solid #000;display:flex;height:34px;width:100%}.qm_element .qm_editor_menue .qm_editor_text{margin-top:1px}.qm_element .qm_editor_menue .qm_editor_text div{padding:2px}.qm_element .qm_editor_menue .qm_editor_text div p{margin:0}.userlist{height:100%}.userlist .userlist_list{height:calc(100% - 40px);overflow:auto}.userlist .userlist_list_element{border-bottom:1px solid #000;cursor:pointer;padding:3px;-webkit-user-select:none;user-select:none;width:calc(100% - 6px)}.userlist .userlist_list_element:hover{background-color:#5582ff}.userlist .userlist_list_element .userlist_list_element_row{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}.userlist .userlist_list_element .userlist_list_element_row label{background-color:#ffffff4d;border:1px solid #000;border-radius:10px;cursor:pointer;font-size:15px;padding:0 5px}.new_user{background-color:#c8cbd9;height:auto;left:10px;padding:13px;position:absolute;top:90px;width:300px}.new_user .new_user_field:not(:first-child){margin-top:10px}.new_user button{background-color:#e2e3ec;border:1px solid #000;cursor:pointer;font-size:14px;font-weight:700;height:30px;margin-top:10px;-webkit-user-select:none;user-select:none;width:100%}.new_user button:hover{background-color:#ffffff24}.TapMenue{border-bottom:1px solid #000;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));height:40px;width:100%}.TapMenue .TapMenueButton{align-items:center;background-color:#bfc2c7;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;text-decoration:none}.TapMenue .TapMenueButton.active{background-color:#968f8f}.TapMenue .TapMenueButton:hover{background-color:#968f8f66}.TapMenue .TapMenueButton:not(:last-child){border-right:1px solid #000}.useredit_main{display:flex;height:calc(100vh - 91px);overflow-x:auto;width:100%}.useredit_main .useredit_main_modul{border-right:1px solid #000;min-width:400px}.useredit_main .useredit_main_modul h4{margin-top:10px;text-align:center;width:100%}.useredit_main_modul .useredit_data_maindata{border-bottom:1px solid #000;padding:10px}.useredit_main_modul .useredit_data_maindata .InputData:not(:first-child){margin-top:13px}.useredit_main_modul .useredit_data_password{padding:10px}.useredit_main_modul .useredit_data_password .InputData:not(:first-child){margin-top:13px}.useredit_group .useredit_group_list{height:calc(100% - 58px);margin-top:10px;overflow-y:auto;padding:10px;width:calc(100% - 20px)}