body{background-color:#edf2f9;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}h4{font-size:1.953125rem}.w-75{width:75%}.w-25{width:25%}.table-container{padding:0}.table,.table-container{background-color:#f4f6f9}.table{margin-bottom:0;width:100%;border-collapse:collapse;box-shadow:0 4px 10px rgba(0,0,0,.05);border-radius:10px}.table-large td,.table-large th{padding:15px;vertical-align:middle;background-color:#ffffff}.table th{font-weight:700;text-transform:uppercase}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.btn-delete,.btn-edit{padding:5px 8px;font-size:14px}.btn-add,.btn-edit{background-color:#17a2b8;border-color:#17a2b8;color:#fff}.btn-edit:hover{background-color:#138496;border-color:#117a8b}.btn-delete{background-color:#dc3545;border-color:#dc3545;color:#fff}.btn-delete:hover{background-color:#c82333;border-color:#bd2130}.action-buttons{display:flex;gap:10px;justify-content:center}.badge-role{font-size:12px;padding:5px 10px;border-radius:20px}.badge-admin{background-color:#ff4d4f;color:#fff}.badge-user{background-color:#1890ff;color:#fff}.badge-editor{background-color:#ffc107;color:#212529}.breadcrumb{background:none;padding:0;margin-bottom:20px;font-size:14px}.breadcrumb-item a{color:#007bff}.breadcrumb-item.active{color:#6c757d}.header-actions{text-align:center}.btn-add{padding:6px 12px;margin-right:5px;display:flex;align-items:center;font-size:14px}.btn-add:hover{background-color:#138496;border-color:#117a8b}.btn-add i{font-size:14px}.header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.form-section{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);margin-bottom:30px}.form-label{font-weight:600;margin-bottom:5px;display:block;color:#333}.form-control{border-radius:6px;padding:12px;height:auto;border:1px solid #ddd;font-size:16px;background-color:#f9f9f9;color:#333}.form-control:hover{background-color:#f1f1f1}.form-control:focus{border-color:#007bff;box-shadow:0 0 5px rgba(0,123,255,.5)}.input-group-text{background-color:#f9f9f9;border:1px solid #ddd}.input-group .form-control{border-left:0}.btn-primary{background-color:#007bff;border-color:#007bff;font-weight:700;width:100%;padding:12px;border-radius:6px;margin-top:20px;font-size:16px}.btn-primary:hover{background-color:#0056b3;border-color:#004085;transition:all .2s ease-in-out}.alert{margin-bottom:20px;border-radius:6px;font-size:14px}.vertical-nav{position:-webkit-sticky;position:sticky;top:20px}.step-nav{list-style:none;padding-left:0;margin-bottom:0;position:relative}.step-nav:before{content:"";position:absolute;left:20px;top:20px;bottom:0;width:2px;background-color:#cbd0dd}.step-nav li{display:flex;align-items:center;margin-bottom:35px;position:relative}.step-nav li .step-icon{width:40px;height:40px;border-radius:50%;background-color:#eff2f6;border:2px solid #cbd0dd;display:flex;align-items:center;justify-content:center;font-size:16px;margin-right:20px;transition:all .3s;z-index:1}.step-nav li.active .step-icon{background-color:#17a2b8;color:white}.step-nav li.completed .step-icon{background-color:#eff2f6;color:#17a2b8}.step-nav li.completed .step-icon i{content:"\f00c";color:#17a2b8}.step-nav li.active .step-title{font-weight:700;color:#17a2b8}.step-nav li .step-title{font-size:18px;color:#6c757d}.upload-container{background-color:#f9f9f9;padding:30px;border:2px dashed #ddd;border-radius:10px;text-align:center}.upload-container i{font-size:48px;color:#cbd0dd}.upload-container p{color:#6c757d}.upload-container:hover{border-color:#007bff}.image-preview{display:flex;justify-content:start;flex-wrap:wrap;margin-bottom:20px}.image-preview .image-container{position:relative;margin-right:10px;margin-bottom:10px}.image-preview .image-container img{width:100px;height:100px;object-fit:cover;border-radius:5px}.image-preview .image-container .remove-image{background-color:rgba(0,0,0,.7);color:#fff}.image-preview .image-container .remove-image,.remove-image{position:absolute;top:5px;right:5px;width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:12px}.remove-image{background-color:#000;color:#FFF}.file-input{display:none}.button-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.navbar-toggler{margin-left:auto}.container-fluid.d-flex{display:flex;justify-content:space-between;align-items:center}.checkbox-group{display:flex;flex-direction:column}.checkbox-group label{display:flex;align-items:center;margin-bottom:10px}.material-row,.worktime-row{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:10px}.material-row input,.worktime-row input{flex:1 1;min-width:150px}.worktime-row{display:flex;gap:15px;flex-wrap:nowrap;margin-bottom:10px}.worktime-row input,.worktime-row select{flex:1 1}.signature-section{display:flex;justify-content:space-between;align-items:center;gap:20px}.signature-box{flex:1 1;display:flex;flex-direction:column;align-items:center}canvas{border:1px solid #ccc;width:100%;height:200px}#loadingSpinner{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;z-index:9999}.spinner{width:60px;height:60px;border:8px solid #ccc;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (min-width:768px) and (max-width:1024px){.col-md-9{flex:0 0 auto;width:100%}.navbar-nav .nav-link.active{background-color:#17a2b8;color:white!important}.navbar-nav .dropdown-menu .dropdown-item:active,.navbar-nav .nav-link:active{background-color:#138496;color:white!important}.navbar-brand img{max-width:280px}.nav-item{margin-left:10px;font-size:20px}.step-nav{display:flex;justify-content:space-between;align-items:center;padding-left:0;list-style:none;margin:0;position:relative}.step-nav:before{display:none}.step-nav li{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;flex:1 1}.step-title{display:none}.step-nav li:before{content:"";position:absolute;top:50%;left:-50%;width:100%;height:2px;background-color:#cbd0dd;z-index:0}.step-nav li:first-child:before{content:none}.step-icon{width:40px;height:40px;border-radius:50%;background-color:#eff2f6;border:2px solid #cbd0dd;display:flex;align-items:center;justify-content:center;z-index:1}.step-nav li.active .step-icon{background-color:#17a2b8;color:white;border-color:#17a2b8}}@media (max-width:767px){.navbar-nav .nav-link.active{background-color:#17a2b8;color:white!important}.navbar-nav .dropdown-menu .dropdown-item:active,.navbar-nav .nav-link:active{background-color:#138496;color:white!important}.navbar-brand img{max-width:280px}.nav-item{margin-left:10px;font-size:20px}.step-nav{display:flex;justify-content:space-between;align-items:center;padding-left:0;list-style:none;margin:0;position:relative}.step-nav:before{display:none}.step-nav li{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;flex:1 1}.step-title{display:none}.step-nav li:before{content:"";position:absolute;top:50%;left:-50%;width:100%;height:2px;background-color:#cbd0dd;z-index:0}.step-nav li:first-child:before{content:none}.step-icon{width:40px;height:40px;border-radius:50%;background-color:#eff2f6;border:2px solid #cbd0dd;display:flex;align-items:center;justify-content:center;z-index:1}.step-nav li.active .step-icon{background-color:#17a2b8;color:white;border-color:#17a2b8}}.grid-container{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;max-width:100%;padding:10px}.grid-item{background:#f8f9fa;border-radius:10px;text-align:center;cursor:pointer;transition:.2s;border:1px solid #ddd;width:175px;height:175px;display:flex;flex-direction:column;justify-content:center;align-items:center}.grid-item:hover{background:#e9ecef;transform:scale(1.05)}.icon{max-width:60px;margin-bottom:10px}@media (max-width:768px){.grid-container{justify-content:flex-start}.grid-item{width:175px;height:175px}.icon{max-width:60px}}.file-info{font-size:14px;text-align:center}.file-name{font-weight:700;padding:2px}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.hidden{display:none}.modal-img{width:100%}.step{display:none}.step.active{display:block}.successAlert{position:fixed;top:20%;left:50%;transform:translate(-50%,-50%);max-width:500px;z-index:1055;box-shadow:0 4px 10px rgba(0,0,0,.2)}.video-container{position:relative;width:100%;max-width:550px;margin:0;aspect-ratio:16/9;overflow:hidden}.video-container video{width:100%;height:100%;object-fit:cover}.login-container{max-width:400px;width:100%;padding:20px;background-color:#ffffff;box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:8px;margin-top:100px}.navbar-baudoku{width:100%;background-color:#fff;border-bottom:1px solid #dee2e6}.image-gallery{display:flex;flex-wrap:wrap;gap:15px}.image-gallery img{max-width:200px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);cursor:pointer}.card-plain{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.05);margin-bottom:30px}.btn-add:disabled{opacity:.65}.form-control[readonly]{background-color:#eef0f3}.rs__control{min-height:47px!important;border-radius:.375rem!important;border-color:#ced4da!important}.rs__menu{z-index:1060!important}.btn-protokoll-nav.active{background-color:#17a2b8;color:#fff}.record-dot{width:12px;height:12px;border-radius:50%;background:red;animation:pulse 1s infinite alternate}@keyframes pulse{0%{opacity:1}to{opacity:.3}}.search-and-button{display:flex;gap:10px;align-items:center;margin-bottom:20px}.search-and-button .form-control{max-width:400px}