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}.navbar{background:#333;box-shadow:0 4px 12px #0003;font-family:Roboto,sans-serif;height:80px;position:relative;transition:background .3s ease;z-index:1000}.navbar,.navbar .navbar-container{align-items:center;display:flex;justify-content:space-between}.navbar .navbar-container{max-width:1200px;padding:0 20px;width:100%}.navbar .logo-box .logo{height:50px;width:auto}.navbar .menu-icon{color:#fff;cursor:pointer;display:none;font-size:30px}.navbar .menu-icon.active{color:tomato}.navbar .nav-items{align-items:center;display:flex;gap:20px;list-style:none;margin:0;padding:0}.navbar .nav-items .nav-link{align-items:center;border-radius:5px;color:#fff;display:flex;font-size:18px;gap:8px;padding:10px 15px;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.navbar .nav-items .nav-link:hover{background-color:#ffffff1a;transform:scale(1.05)}.navbar .nav-items .nav-link.active{background-color:tomato;color:#fff}.navbar .nav-items .logout-button{background:none;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:10px 20px;transition:background-color .3s ease}.navbar .nav-items .logout-button:hover{background-color:tomato}.navbar .nav-items .dropdown{cursor:pointer;position:relative}.navbar .nav-items .dropdown .dropdown-toggle{align-items:center;border-radius:5px;color:#fff;display:flex;font-size:18px;gap:8px;padding:10px 15px;transition:background-color .3s ease}.navbar .nav-items .dropdown .dropdown-toggle:hover{background-color:#ffffff1a}.navbar .nav-items .dropdown .dropdown-menu{background:#444;border-radius:5px;box-shadow:0 4px 12px #0003;display:none;flex-direction:column;left:0;min-width:180px;overflow:hidden;position:absolute;top:100%}.navbar .nav-items .dropdown .dropdown-menu li{list-style:none;padding:10px 15px;transition:background .3s ease}.navbar .nav-items .dropdown .dropdown-menu li:hover{background:#555}.navbar .nav-items .dropdown .dropdown-menu li .dropdown-item{color:#fff;display:block;font-size:16px;text-decoration:none}.navbar .nav-items .dropdown:hover .dropdown-menu{display:flex}@media(max-width:768px){.navbar .menu-icon{display:block}.navbar .nav-items{align-items:flex-start;background-color:#333;flex-direction:column;height:100vh;overflow-y:auto;padding-top:80px;position:fixed;right:0;top:0;transition:width .3s ease-in-out;width:0;z-index:1000}.navbar .nav-items.active{width:70%}.navbar .nav-items li{width:100%}.navbar .nav-items .dropdown-toggle,.navbar .nav-items .nav-link{padding:15px;text-align:left;width:100%}.navbar .nav-items .dropdown-menu{background:none;box-shadow:none;display:none;position:static;width:100%}.navbar .nav-items .dropdown-menu li{padding-left:30px}.navbar .nav-items .dropdown:hover .dropdown-menu{display:flex}}.home{background:linear-gradient(135deg,#f0f4f8,#d9e2ec);color:#222;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:5rem;min-height:100vh;padding:5rem 8vw}.home section{background:#fff;border-radius:18px;box-shadow:0 10px 30px #00000014;cursor:default;padding:3rem 4rem;transition:box-shadow .3s ease}.home section:hover{box-shadow:0 15px 45px #0d47a140}.home .intro{max-width:none;text-align:left}.home .intro h1{color:#0d47a1;font-size:3.2rem;font-weight:700;letter-spacing:.05em;line-height:1.1;margin-bottom:1.5rem;text-transform:uppercase}.home .intro p{color:#444a56;font-size:1.35rem;font-weight:500;letter-spacing:.02em;line-height:1.7;margin-bottom:1.4rem}.home .intro .btn-start{background:linear-gradient(45deg,#0d47a1,#1565c0);border-radius:12px;box-shadow:0 6px 12px #0d47a166;color:#fff;display:inline-block;font-size:1.15rem;font-weight:700;padding:1rem 2.5rem;text-decoration:none;transition:background .3s ease,box-shadow .3s ease}.home .intro .btn-start:focus,.home .intro .btn-start:hover{background:linear-gradient(45deg,#1565c0,#0d47a1);box-shadow:0 8px 20px #1565c099}.home .angebot{max-width:none}.home .angebot h2{border-left:6px solid #0d47a1;color:#0d47a1;font-size:2.6rem;font-weight:700;letter-spacing:.03em;margin-bottom:1.8rem;padding-left:1rem}.home .angebot p{color:#3b4252;font-size:1.25rem;line-height:1.6;margin-bottom:1.8rem}.home .angebot ul{grid-gap:1.3rem;display:grid;gap:1.3rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));list-style:none;padding-left:0}.home .angebot ul li{background:#e3e9f1;border-radius:10px;box-shadow:inset 0 0 8px #1565c026;color:#1a237e;font-weight:600;padding:1.2rem 1.5rem;transition:background .3s ease}.home .angebot ul li strong{color:#0d47a1;display:block;font-size:1.15rem;margin-bottom:.4rem}.home .angebot ul li:hover{background:#c8d3f5;cursor:default}.home .vertrauen{max-width:none}.home .vertrauen h2{border-bottom:3px solid #0d47a1;color:#0d47a1;font-size:2.4rem;font-weight:700;letter-spacing:.02em;margin-bottom:1.6rem;padding-bottom:.6rem}.home .vertrauen ul{color:#374151;font-size:1.18rem;font-weight:500;line-height:1.6;list-style:none;padding-left:1.2rem}.home .vertrauen ul li{margin-bottom:1rem;padding-left:1.8rem;position:relative}.home .vertrauen ul li:before{color:#0d47a1;content:"✓";font-size:1.3rem;font-weight:700;left:0;position:absolute;top:2px}.home .vertrauen ul li strong{color:#0d47a1}.home .cta{background:linear-gradient(135deg,#0d47a1,#1565c0);border-radius:20px;box-shadow:0 12px 40px #0d47a173;color:#fff;max-width:none;padding:4rem 3rem;text-align:center}.home .cta h2{font-size:2.8rem;font-weight:700;letter-spacing:.04em;margin-bottom:1rem;text-shadow:0 2px 6px #00000059}.home .cta p{font-size:1.3rem;font-weight:500;margin-bottom:2.5rem;text-shadow:0 1px 3px #00000040}.home .cta .btn-kontakt{background:#fff;border-radius:14px;box-shadow:0 6px 20px #0d47a14d;color:#0d47a1;font-size:1.2rem;font-weight:700;padding:1.1rem 3rem;text-decoration:none;transition:background .3s ease,color .3s ease}.home .cta .btn-kontakt:focus,.home .cta .btn-kontakt:hover{background:#0d47a1;box-shadow:0 8px 26px #1565c0b3;color:#fff}@media(max-width:900px){.home{padding:4rem 6vw}.home section{padding:2.5rem 3rem}.home .intro h1{font-size:2.8rem}.home .intro p{font-size:1.2rem}.home .angebot h2{font-size:2.3rem}.home .angebot p{font-size:1.15rem}.home .angebot ul{grid-template-columns:1fr}.home .vertrauen h2{font-size:2rem}.home .vertrauen ul{font-size:1.1rem}.home .cta{padding:3rem 2rem}.home .cta h2{font-size:2.3rem}.home .cta p{font-size:1.15rem}.home .cta .btn-kontakt{font-size:1.1rem;padding:1rem 2.5rem}}@media(max-width:480px){.home{padding:3rem 4vw}.home section{border-radius:14px;padding:2rem 1.5rem}.home .intro h1{font-size:2.3rem}.home .intro p{font-size:1rem}.home .intro .btn-start{font-size:1rem;padding:.9rem 2rem}.home .angebot h2{font-size:1.9rem}.home .angebot p{font-size:1rem}.home .vertrauen h2{font-size:1.8rem}.home .vertrauen ul{font-size:.95rem}.home .cta{padding:2.5rem 1.5rem}.home .cta h2{font-size:2rem}.home .cta p{font-size:1rem}.home .cta .btn-kontakt{font-size:1rem;padding:.85rem 2rem}}.login-container{align-items:center;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:2rem}.login-form{animation:fadeIn .6s ease-in-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.738);border:1px solid #ffffff40;border-radius:20px;box-shadow:0 12px 45px #0006;color:#fff;display:flex;flex-direction:column;gap:1.4rem;max-width:420px;padding:3rem 2.5rem;position:relative;width:100%;z-index:1}.login-form h2{color:#1a1a1a;font-size:2rem;margin:0;text-align:center}.login-form label{color:#333;font-size:.95rem;font-weight:600;margin-bottom:.3rem}.login-form input{border:1px solid #ccc;border-radius:12px;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease,box-shadow .3s ease}.login-form input:focus{border-color:#3a8edb;box-shadow:0 0 0 3px #3a8edb33;outline:none}.login-form button{background:linear-gradient(90deg,#3a8edb,#2f73c8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.85rem;transition:background .3s ease}.login-form button:hover{background:linear-gradient(90deg,#2f73c8,#3a8edb)}.error{animation:shake .3s ease-in-out;background-color:#fdd;border:1px solid #d8000c;border-radius:10px;color:#d8000c;font-size:.9rem;padding:.7rem 1rem;text-align:center}@keyframes shake{0%{transform:translateX(-3px)}25%{transform:translateX(3px)}50%{transform:translateX(-2px)}75%{transform:translateX(2px)}to{transform:translateX(0)}}.services-container{font-family:Poppins,sans-serif;margin:0 auto;max-width:1400px;padding:60px 20px}.services-container h1{color:#222;font-size:42px;font-weight:700;margin-bottom:50px;position:relative;text-align:center}.services-container h1 .add-button{align-items:center;background-color:#0077b6;border:none;border-radius:50%;color:#fff;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:30px;top:0;transition:background-color .3s ease,transform .2s ease;width:40px}.services-container h1 .add-button:hover{background-color:#005f99;transform:scale(1.1)}.services-container .services-list{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.services-container .service-card{background:#fff;border-radius:18px;box-shadow:0 10px 25px #00000012;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.services-container .service-card:hover{box-shadow:0 18px 30px #0000001a;transform:translateY(-8px)}.services-container .service-card .service-image-wrapper{background-color:#f1f1f1;height:220px;overflow:hidden;width:100%}.services-container .service-card .service-image-wrapper .service-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.services-container .service-card .service-image-wrapper .service-image:hover{transform:scale(1.05)}.services-container .service-card .service-content{padding:25px}.services-container .service-card .service-content h2{color:#0077b6;font-size:22px;font-weight:600;margin-bottom:12px}.services-container .service-card .service-content p{color:#444;font-size:16px;line-height:1.6;margin-bottom:25px;min-height:80px}.services-container .service-card .service-content .btn-more{background-color:#0077b6;border-radius:10px;color:#fff;font-weight:600;padding:12px 20px;text-decoration:none;transition:background-color .3s ease}.services-container .service-card .service-content .btn-more:hover{background-color:#005f99}.services-container .service-card .service-content .admin-buttons{display:flex;gap:12px;margin-top:20px}.services-container .service-card .service-content .admin-buttons .delete-button{align-items:center;background-color:#e63946;border:none;border-radius:8px;color:#fff;display:flex;font-size:16px;padding:10px 14px;transition:background-color .3s ease,transform .2s ease}.services-container .service-card .service-content .admin-buttons .delete-button svg{margin-right:6px}.services-container .service-card .service-content .admin-buttons .delete-button:hover{background-color:#c82333;transform:scale(1.05)}.services-container .service-card .service-content .admin-buttons .edit-button{background-color:#f9c74f;border-radius:8px;color:#222;font-weight:600;padding:10px 14px;transition:background-color .3s ease,transform .2s ease}.services-container .service-card .service-content .admin-buttons .edit-button:hover{background-color:#f4b400;transform:scale(1.05)}.services-container .error{color:#e63946;font-size:18px;margin-top:40px;text-align:center}.loading-container{align-items:center;display:flex;height:100vh;justify-content:center}.loading-container img{height:auto;width:300px}.service-detail-container{background:#fff;border-radius:18px;box-shadow:0 12px 24px #00000014;color:#2c3e50;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:3.5rem auto;max-width:620px;padding:2.5rem 3rem;text-align:center}@media(max-width:700px){.service-detail-container{margin:2rem 1rem;padding:1.8rem 1.5rem}}.service-detail-container .service-image{border-radius:14px;box-shadow:0 10px 25px #2c3e501a;cursor:pointer;margin-bottom:2rem;max-width:85%;transition:transform .35s cubic-bezier(.4,0,.2,1)}.service-detail-container .service-image:hover{box-shadow:0 15px 40px #2c3e502e;transform:scale(1.08)}.service-detail-container h1{color:#34495e;font-size:2.6rem;font-weight:700;letter-spacing:.02em;margin-bottom:.6rem}.service-detail-container p{color:#555e70;font-size:1.15rem;line-height:1.75;margin-bottom:1.2rem}.service-detail-container .price{color:#2980b9;font-size:1.5rem;font-weight:700;letter-spacing:.03em;margin:1.4rem 0 2rem}.service-detail-container .error-message,.service-detail-container .success-message{border-radius:8px;box-shadow:0 3px 8px #0000001a;font-weight:600;margin-bottom:1.5rem;max-width:100%;padding:1rem 1.2rem;text-align:center;-webkit-user-select:none;user-select:none}.service-detail-container .success-message{background-color:#e6f4ea;border:1.5px solid #81c784;color:#237a3e}.service-detail-container .error-message{background-color:#fdecea;border:1.5px solid #f44336;color:#b00020}.service-detail-container .edit-form{margin-top:1.8rem;text-align:left}.service-detail-container .edit-form label{color:#34495e;cursor:default;display:block;font-size:1rem;font-weight:700;letter-spacing:.01em;margin-bottom:.5rem;-webkit-user-select:none;user-select:none}.service-detail-container .edit-form input[type=number],.service-detail-container .edit-form input[type=text],.service-detail-container .edit-form textarea{background-color:#fafbfc;border:1.8px solid #d1d9e6;border-radius:10px;box-shadow:inset 0 1px 3px #0000000d;color:#2f3b52;font-size:1.1rem;font-weight:500;margin-bottom:1.25rem;padding:.85rem 1.1rem;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.service-detail-container .edit-form input[type=number]:focus,.service-detail-container .edit-form input[type=text]:focus,.service-detail-container .edit-form textarea:focus{background-color:#fff;border-color:#2980b9;box-shadow:0 0 6px #2980b966;outline:none}.service-detail-container .button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.8rem}.service-detail-container .button-group button{border:none;border-radius:12px;box-shadow:0 5px 15px #00000014;cursor:pointer;flex:1 1 140px;font-size:1.1rem;font-weight:600;padding:.75rem 1.6rem;transition:background-color .35s ease,box-shadow .35s ease,transform .2s ease;-webkit-user-select:none;user-select:none}.service-detail-container .button-group button:hover{box-shadow:0 8px 22px #00000026;transform:translateY(-2px)}.service-detail-container .button-group button:active{box-shadow:0 4px 10px #0000001f;transform:translateY(0)}.service-detail-container .button-group button.save-button{background-color:#27ae60;color:#fff}.service-detail-container .button-group button.save-button:hover{background-color:#219150}.service-detail-container .button-group button.cancel-button{background-color:#95a5a6;color:#f0f0f0}.service-detail-container .button-group button.cancel-button:hover{background-color:#7f8c8d}.service-detail-container .button-group button.edit-button{background-color:#2980b9;color:#fff}.service-detail-container .button-group button.edit-button:hover{background-color:#1c5980}.service-detail-container .button-group button.delete-button{background-color:#e74c3c;color:#fff}.service-detail-container .button-group button.delete-button:hover{background-color:#c0392b}.service-detail-container .back-btn{border-bottom:2px solid #0000;color:#2980b9;display:inline-block;font-size:1.05rem;font-weight:600;margin-top:2.8rem;padding-bottom:3px;text-decoration:none;transition:border-color .3s ease}.service-detail-container .back-btn:hover{border-color:#2980b9;text-decoration:none}.time-tracker-container{align-items:center;background:#f8f9fb;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;min-height:100vh;padding:2rem}.time-tracker-container h2{color:#2c3e50;font-size:2rem;font-weight:600;margin-bottom:2rem}.time-tracker-container .dropdown-container{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem}.time-tracker-container .dropdown-container label{color:#34495e;font-size:1rem;margin-bottom:.5rem}.time-tracker-container .dropdown-container select{border:1px solid #ccc;border-radius:8px;font-size:1rem;min-width:250px;padding:.6rem 1rem;transition:all .3s ease}.time-tracker-container .dropdown-container select:disabled{background-color:#eaeaea;color:#999}.time-tracker-container .dropdown-container select:focus{border-color:#3498db;outline:none}.time-tracker-container .single-service{color:#2c3e50;font-size:1.1rem;font-weight:500;margin-bottom:1.5rem}.time-tracker-container .animated-timer{height:180px;margin:2rem 0;position:relative;width:180px}.time-tracker-container .animated-timer svg.progress-ring{transform:rotate(-90deg)}.time-tracker-container .animated-timer .progress-ring__background{stroke:#ecf0f1}.time-tracker-container .animated-timer .progress-ring__circle{stroke-linecap:round;transform:rotate(0deg);transform-origin:center;transition:stroke-dashoffset 1s linear}.time-tracker-container .animated-timer .animated-timer-display{color:#2c3e50;font-family:monospace;font-size:1.8rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.time-tracker-container .time-controls{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.time-tracker-container .time-controls button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:130px;padding:.7rem 1.5rem;transition:all .3s ease}.time-tracker-container .time-controls button.start-btn{background:#2ecc71;color:#fff}.time-tracker-container .time-controls button.start-btn:hover{background:#27ae60}.time-tracker-container .time-controls button.stop-btn{background:#e74c3c;color:#fff}.time-tracker-container .time-controls button.stop-btn:hover{background:#c0392b}.time-tracker-container .time-controls button.cancel-btn{background:#95a5a6;color:#fff}.time-tracker-container .time-controls button.cancel-btn:hover{background:#7f8c8d}.time-tracker-container .message{font-size:1rem;font-weight:500;margin-top:1rem;text-align:center}.time-tracker-container .message.error{color:#e74c3c}.time-tracker-container .message.success{color:#2ecc71}.time-tracker-container p{color:#7f8c8d;font-size:1rem}@media(max-width:768px){.time-tracker-container{padding:1rem}.animated-timer{height:140px;width:140px}.animated-timer .animated-timer-display{font-size:1.4rem}.animated-timer svg{height:140px;width:140px}.time-controls{flex-direction:column}.dropdown-container select,.time-controls button{width:100%}}.kunde-erfassen{background:#f9fafb;color:#222;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:40px 60px}.kunde-erfassen h2{color:#0052cc;font-size:2.8rem;font-weight:700;letter-spacing:.05em;margin-bottom:40px;text-align:center}.kunde-erfassen .formular{display:flex;flex-direction:column;gap:25px;max-width:none;width:100%}.kunde-erfassen .formular .formular-gruppe{display:flex;flex-direction:column;gap:6px}.kunde-erfassen .formular .formular-gruppe label{color:#090909;cursor:pointer;font-size:1.1rem;font-weight:600;-webkit-user-select:none;user-select:none}.kunde-erfassen .formular .formular-gruppe input[type=email],.kunde-erfassen .formular .formular-gruppe input[type=text],.kunde-erfassen .formular .formular-gruppe select,.kunde-erfassen .formular .formular-gruppe textarea{background:#fff;border:1.8px solid #ccc;border-radius:6px;font-size:1rem;padding:14px 18px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease}.kunde-erfassen .formular .formular-gruppe input[type=email]:focus,.kunde-erfassen .formular .formular-gruppe input[type=text]:focus,.kunde-erfassen .formular .formular-gruppe select:focus,.kunde-erfassen .formular .formular-gruppe textarea:focus{border-color:#0052cc;box-shadow:0 0 6px #0052cc4d;outline:none}.kunde-erfassen .formular .formular-gruppe textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100px}.kunde-erfassen .formular .radio-group{align-items:center;display:flex;gap:25px}.kunde-erfassen .formular .radio-group label{align-items:center;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:6px;-webkit-user-select:none;user-select:none}.kunde-erfassen .formular .radio-group label input[type=radio]{accent-color:#0052cc;cursor:pointer;height:18px;width:18px}.kunde-erfassen .formular .dienstleistungen-bereich{display:flex;flex-direction:column;gap:20px}.kunde-erfassen .formular .dienstleistungen-bereich label{color:#007bff;font-size:1.3rem;font-weight:700;margin-bottom:10px}.kunde-erfassen .formular .dienstleistungen-bereich .dienstleistung-gruppe{display:flex;flex-direction:column;gap:12px}.kunde-erfassen .formular .dienstleistungen-bereich .dienstleistung-gruppe .custom-select{background:#fff;border:1.8px solid #ccc;border-radius:6px;font-size:1rem;padding:12px 15px;transition:border-color .3s ease}.kunde-erfassen .formular .dienstleistungen-bereich .dienstleistung-gruppe .custom-select:focus{border-color:#0052cc;box-shadow:0 0 5px #0052cc40;outline:none}.kunde-erfassen .formular .dienstleistungen-bereich .dienstleistung-gruppe .dienstleistungen-textarea{background:#fff;border:1.8px solid #ccc;border-radius:6px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;min-height:90px;padding:12px 15px;resize:vertical}.kunde-erfassen .formular .dienstleistungen-bereich .dienstleistung-gruppe .dienstleistungen-textarea:focus{border-color:#0052cc;box-shadow:0 0 5px #0052cc40;outline:none}.kunde-erfassen .formular .dienstleistungen-bereich .add-dienstleistung-button{align-self:flex-start;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 22px;transition:background-color .25s ease}.kunde-erfassen .formular .dienstleistungen-bereich .add-dienstleistung-button:hover{background:#1e7e34}.kunde-erfassen .formular .checkbox-gruppe{align-items:center;display:flex;gap:10px;margin-top:20px}.kunde-erfassen .formular .checkbox-gruppe input[type=checkbox]{accent-color:#0052cc;cursor:pointer;height:20px;width:20px}.kunde-erfassen .formular .checkbox-gruppe label{color:#000;font-size:.95rem;-webkit-user-select:none;user-select:none}.kunde-erfassen .formular .checkbox-gruppe label a{color:#0052cc;font-weight:600;text-decoration:none}.kunde-erfassen .formular .checkbox-gruppe label a:hover{text-decoration:underline}.kunde-erfassen .formular .submit-button{background:#0052cc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:700;letter-spacing:.05em;margin-top:30px;padding:16px 0;transition:background-color .3s ease}.kunde-erfassen .formular .submit-button:hover{background:#00398f}@media(max-width:768px){.kunde-erfassen{padding:30px 20px}.kunde-erfassen h2{font-size:2.2rem;margin-bottom:30px}.kunde-erfassen .formular{gap:18px}.kunde-erfassen .formular .dienstleistung-gruppe input,.kunde-erfassen .formular .dienstleistung-gruppe select,.kunde-erfassen .formular .dienstleistung-gruppe textarea,.kunde-erfassen .formular .formular-gruppe input,.kunde-erfassen .formular .formular-gruppe select,.kunde-erfassen .formular .formular-gruppe textarea{font-size:.95rem;padding:10px 14px}.kunde-erfassen .formular .submit-button{font-size:1.1rem;padding:14px 0}}@media(max-width:480px){.kunde-erfassen{padding:25px 15px}.kunde-erfassen h2{font-size:1.9rem;margin-bottom:25px}.kunde-erfassen .formular{gap:15px}.kunde-erfassen .formular .radio-group{flex-direction:column;gap:12px}.kunde-erfassen .formular .submit-button{font-size:1rem;padding:12px 0}}.rechnung-container{background:#f4f6f8;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1300px;padding:2rem}.rechnung-container .top-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.rechnung-container .top-section .add-rechnung-button{background:#007bff;border-radius:10px;box-shadow:0 2px 6px #007bff4d;color:#fff;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:background .3s}.rechnung-container .top-section .add-rechnung-button:hover{background:#0056b3}.rechnung-container .top-section .search-input{border:2px solid #ced4da;border-radius:8px;flex-grow:1;font-size:1rem;max-width:400px;padding:.75rem 1rem;transition:border-color .3s ease}.rechnung-container .top-section .search-input:focus{border-color:#007bff;outline:none}.rechnung-container .status-filter{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.rechnung-container .status-filter .status-dropdown{border:2px solid #ced4da;border-radius:8px;font-size:1rem;min-width:180px;padding:.5rem 1rem}.rechnung-container .status-filter .status-dropdown:focus{border-color:#007bff;outline:none}.rechnung-container .status-filter .checkbox-item{align-items:center;display:flex;gap:.4rem}.rechnung-container .status-filter .checkbox-item input{transform:scale(1.2)}.rechnung-container .status-filter .checkbox-item label{color:#333;font-size:.95rem}.rechnung-container .rechnung-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.rechnung-container .rechnung-card{background-color:#fff;border-radius:12px;box-shadow:0 3px 12px #00000014;padding:1rem;transition:transform .3s ease,box-shadow .3s ease}.rechnung-container .rechnung-card:hover{box-shadow:0 6px 18px #0000001a;transform:translateY(-5px)}.rechnung-container .rechnung-card .rechnung-info{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.rechnung-container .rechnung-card .rechnung-info .rechnung-link{color:#007bff;font-weight:600;text-decoration:none}.rechnung-container .rechnung-card .rechnung-info .rechnung-link:hover{text-decoration:underline}.rechnung-container .rechnung-card .rechnung-info .status-box{border-radius:20px;font-size:.85rem;font-weight:600;padding:.3rem .7rem;text-transform:capitalize}.rechnung-container .rechnung-card .rechnung-info .status-box.status-entwurf{background-color:#ffc107;color:#212529}.rechnung-container .rechnung-card .rechnung-info .status-box.status-offen{background-color:#17a2b8;color:#fff}.rechnung-container .rechnung-card .rechnung-info .status-box.status-bezahlt{background-color:#28a745;color:#fff}.rechnung-container .rechnung-card .rechnung-info .status-box.status-überfällig{background-color:#dc3545;color:#fff}.rechnung-container .rechnung-card .rechnung-info .status-box.status-1.-mahnstufe,.rechnung-container .rechnung-card .rechnung-info .status-box.status-2.-mahnstufe,.rechnung-container .rechnung-card .rechnung-info .status-box.status-3.-mahnstufe{background-color:#fd7e14;color:#fff}.rechnung-container .rechnung-card .rechnung-info .gesendet-icon-wrapper .gesendet-icon{color:#28a745;font-size:1.3rem;transition:transform .2s ease}.rechnung-container .rechnung-card .rechnung-info .gesendet-icon-wrapper .gesendet-icon.gesendet-false{color:#dc3545}.rechnung-container .rechnung-card .rechnung-info .gesendet-icon-wrapper .gesendet-icon:hover{cursor:pointer;transform:scale(1.2)}.kunden-container{background:#f8f9fa;font-family:Segoe UI,sans-serif;min-height:100vh;padding:2rem}.kunden-container .kunden-title{color:#2c3e50;font-size:2.2rem;font-weight:600;margin-bottom:2rem;text-align:center}.kunden-container .filter-bar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.kunden-container .filter-bar .search-input,.kunden-container .filter-bar .status-filter{border:1px solid #ccc;border-radius:8px;font-size:1rem;min-width:250px;padding:.7rem 1rem;transition:all .3s ease}.kunden-container .filter-bar .search-input:focus,.kunden-container .filter-bar .status-filter:focus{border-color:#3498db;outline:none}.kunden-container .filter-bar .archiv-filter{align-items:center;color:#555;display:flex;font-size:.95rem}.kunden-container .filter-bar .archiv-filter input{margin-right:.5rem}.kunden-container .kunden-liste{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.kunden-container .kunden-liste .kunden-box{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000f;padding:1.5rem;position:relative;transition:transform .2s ease}.kunden-container .kunden-liste .kunden-box:hover{transform:translateY(-4px)}.kunden-container .kunden-liste .kunden-box .kunden-nummer{color:#7f8c8d;font-size:1rem;font-weight:600;margin-bottom:.4rem}.kunden-container .kunden-liste .kunden-box .kunden-name{color:#2c3e50;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.kunden-container .kunden-liste .kunden-box .kunden-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.kunden-container .kunden-liste .kunden-box .kunden-buttons .kunden-button{align-items:center;background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1 auto;font-size:.9rem;gap:.4rem;justify-content:center;padding:.6rem .8rem;text-align:center;transition:background .3s ease}.kunden-container .kunden-liste .kunden-box .kunden-buttons .kunden-button:hover{background:#2980b9}.kunden-container .kunden-liste .kunden-box .kunden-buttons .kunden-button:nth-child(3){background:#27ae60}.kunden-container .kunden-liste .kunden-box .kunden-buttons .kunden-button:nth-child(3):hover{background:#1e8449}.kunden-container .kunden-liste .kunden-box .kunden-buttons .kunden-button:last-child{background:#e74c3c}.kunden-container .kunden-liste .kunden-box .kunden-buttons .kunden-button:last-child:hover{background:#c0392b}.kunden-container .kunden-liste .kunden-box .kunden-buttons .kunden-button svg{font-size:1rem}.kunden-container .kunden-liste .kunden-box .dienstleistungen{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.kunden-container .kunden-liste .kunden-box .dienstleistungen .dienstleistung{border-radius:6px;color:#fff;font-size:.85rem;font-weight:500;padding:.4rem .7rem;white-space:nowrap}.kunden-container .kunden-liste .kunden-box .rechnungs-status{border-radius:6px;font-size:.85rem;font-weight:600;padding:.5rem 1rem;width:fit-content}.kunden-container .kunden-liste .kunden-box .rechnungs-status.bezahlt{background:#2ecc71;color:#fff}.kunden-container .kunden-liste .kunden-box .rechnungs-status.offen{background:#f39c12;color:#fff}.kunden-container .kunden-liste .kunden-box .rechnungs-status.entwurf{background:#95a5a6;color:#fff}.kunden-container .kunden-liste .kunden-box .archiviert-label{background:#e74c3c;border-radius:4px;color:#fff;font-size:.8rem;font-weight:700;padding:.3rem .6rem;position:absolute;right:1rem;top:1rem}.kunden-container .kunden-liste .no-results{color:#999;font-size:1.1rem;grid-column:1/-1;padding:2rem 0;text-align:center}.kunden-container .confirmation-modal{align-items:center;background:#34495ed9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.kunden-container .confirmation-modal p{background:#fff;border-radius:10px;font-size:1.2rem;max-width:400px;padding:2rem;text-align:center}.kunden-container .confirmation-modal button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;margin:1rem .5rem 0;padding:.6rem 1.2rem;transition:all .3s ease}.kunden-container .confirmation-modal button:first-of-type{background:#e74c3c;color:#fff}.kunden-container .confirmation-modal button:first-of-type:hover{background:#c0392b}.kunden-container .confirmation-modal button:last-of-type{background:#bdc3c7;color:#2c3e50}.kunden-container .confirmation-modal button:last-of-type:hover{background:#95a5a6}@media(max-width:768px){.kunden-buttons{flex-direction:column}.kunden-buttons .kunden-button{width:100%}.filter-bar{align-items:stretch;flex-direction:column}}.dankesnachricht-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;color:#333;font-family:Roboto,sans-serif;line-height:1.6;margin:5rem auto;max-width:900px;padding:4rem 2rem}.dankesnachricht-container h2{color:#2d3a44;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.dankesnachricht-container p{color:#555;font-size:1.4rem;margin-bottom:1.2rem;text-align:justify}.dankesnachricht-container p:last-child{margin-bottom:0}.dankesnachricht-container .highlight{color:#007bff;font-weight:600}.dankesnachricht-container .contact-details{background-color:#f0f8ff;border-left:5px solid #007bff;border-radius:8px;color:#333;font-size:1.4rem;font-weight:500;margin-top:2rem;padding:1.5rem}.dankesnachricht-container .contact-details .email-link{color:#007bff;font-weight:600;text-decoration:none}.dankesnachricht-container .contact-details .email-link:hover{text-decoration:underline}.dankesnachricht-container .footer{color:#777;font-size:1.2rem;margin-top:3rem;text-align:center}.dankesnachricht-container .footer a{color:#007bff;font-weight:600;text-decoration:none}.dankesnachricht-container .footer a:hover{text-decoration:underline}@media(max-width:768px){.dankesnachricht-container{margin:3rem auto;padding:3rem 1.5rem}h2{font-size:2rem}p{font-size:1.2rem}.contact-details{padding:1rem}.footer{font-size:1rem}}.mitarbeiter-erfassen{background-color:#fff;color:#222;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;padding:2rem 3rem;width:100%}.mitarbeiter-erfassen h2{align-items:center;color:#1e3a8a;display:flex;font-size:2.25rem;font-weight:700;gap:.8rem;margin-bottom:2rem}.mitarbeiter-erfassen form.formular{display:flex;flex-direction:column;gap:1.75rem}.mitarbeiter-erfassen form.formular .formular-gruppe{display:flex;flex-direction:column}.mitarbeiter-erfassen form.formular .formular-gruppe label{align-items:center;color:#334155;display:flex;font-size:1.05rem;font-weight:600;gap:.5rem;margin-bottom:.4rem;-webkit-user-select:none;user-select:none}.mitarbeiter-erfassen form.formular .formular-gruppe input[type=date],.mitarbeiter-erfassen form.formular .formular-gruppe input[type=email],.mitarbeiter-erfassen form.formular .formular-gruppe input[type=number],.mitarbeiter-erfassen form.formular .formular-gruppe input[type=password],.mitarbeiter-erfassen form.formular .formular-gruppe input[type=tel],.mitarbeiter-erfassen form.formular .formular-gruppe input[type=text],.mitarbeiter-erfassen form.formular .formular-gruppe select,.mitarbeiter-erfassen form.formular .formular-gruppe textarea{background-color:#f9fafb;border:1.5px solid #cbd5e1;border-radius:6px;color:#1e293b;font-family:inherit;font-size:1rem;padding:.65rem 1rem;transition:border-color .3s ease,box-shadow .3s ease}.mitarbeiter-erfassen form.formular .formular-gruppe input[type=date]:focus,.mitarbeiter-erfassen form.formular .formular-gruppe input[type=email]:focus,.mitarbeiter-erfassen form.formular .formular-gruppe input[type=number]:focus,.mitarbeiter-erfassen form.formular .formular-gruppe input[type=password]:focus,.mitarbeiter-erfassen form.formular .formular-gruppe input[type=tel]:focus,.mitarbeiter-erfassen form.formular .formular-gruppe input[type=text]:focus,.mitarbeiter-erfassen form.formular .formular-gruppe select:focus,.mitarbeiter-erfassen form.formular .formular-gruppe textarea:focus{background-color:#fff;border-color:#1e40af;box-shadow:0 0 0 3px #1e40af4d;outline:none}.mitarbeiter-erfassen form.formular .formular-gruppe textarea{min-height:100px;resize:vertical}.mitarbeiter-erfassen form.formular .dienstleistungs-checkboxen{display:flex;flex-wrap:wrap;gap:1rem}.mitarbeiter-erfassen form.formular .dienstleistungs-checkboxen .dienstleistung-checkbox{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:.95rem;gap:.4rem;-webkit-user-select:none;user-select:none}.mitarbeiter-erfassen form.formular .dienstleistungs-checkboxen .dienstleistung-checkbox input[type=checkbox]{border:1.5px solid #94a3b8;border-radius:4px;cursor:pointer;height:18px;transition:background-color .3s ease,border-color .3s ease;width:18px}.mitarbeiter-erfassen form.formular .dienstleistungs-checkboxen .dienstleistung-checkbox input[type=checkbox]:checked{background-color:#1e40af;border-color:#1e40af}.mitarbeiter-erfassen form.formular button[type=submit]{align-self:flex-start;background-color:#1e40af;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:.75rem 2.25rem;transition:background-color .3s ease,box-shadow .3s ease}.mitarbeiter-erfassen form.formular button[type=submit]:focus,.mitarbeiter-erfassen form.formular button[type=submit]:hover{background-color:#1e3a8a;box-shadow:0 4px 10px #1e40af66;outline:none}@media(max-width:900px){.mitarbeiter-erfassen{padding:1.5rem}.mitarbeiter-erfassen form.formular{gap:1.25rem}.mitarbeiter-erfassen form.formular .dienstleistungs-checkboxen{gap:.75rem}.mitarbeiter-erfassen form.formular .dienstleistungs-checkboxen .dienstleistung-checkbox{font-size:.9rem}}@media(max-width:480px){.mitarbeiter-erfassen{padding:1rem}.mitarbeiter-erfassen h2{font-size:1.8rem;gap:.6rem}.mitarbeiter-erfassen form.formular{gap:1rem}.mitarbeiter-erfassen form.formular .formular-gruppe label{font-size:1rem}.mitarbeiter-erfassen form.formular .formular-gruppe input[type=date],.mitarbeiter-erfassen form.formular .formular-gruppe input[type=email],.mitarbeiter-erfassen form.formular .formular-gruppe input[type=number],.mitarbeiter-erfassen form.formular .formular-gruppe input[type=password],.mitarbeiter-erfassen form.formular .formular-gruppe input[type=tel],.mitarbeiter-erfassen form.formular .formular-gruppe input[type=text],.mitarbeiter-erfassen form.formular .formular-gruppe select,.mitarbeiter-erfassen form.formular .formular-gruppe textarea{font-size:.95rem;padding:.5rem .75rem}.mitarbeiter-erfassen form.formular .dienstleistungs-checkboxen{flex-direction:column;gap:.5rem}.mitarbeiter-erfassen form.formular .dienstleistungs-checkboxen .dienstleistung-checkbox{font-size:.9rem}.mitarbeiter-erfassen form.formular button[type=submit]{font-size:1rem;padding:.8rem;width:100%}}.mitarbeiter-anzeigen{background-color:#f3f6fb;border-radius:15px;box-shadow:0 2px 10px #0000001a;color:#444;font-family:Helvetica Neue,Arial,sans-serif;padding:30px}.mitarbeiter-anzeigen .header-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.mitarbeiter-anzeigen .header-section h2{color:#2c3e50;font-size:26px;font-weight:600;margin:0}.mitarbeiter-anzeigen .header-section .edit-button{align-items:center;background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:10px 16px;transition:background-color .3s ease,transform .2s ease}.mitarbeiter-anzeigen .header-section .edit-button:hover{background-color:#2980b9;transform:scale(1.05)}.mitarbeiter-anzeigen .header-section .edit-button:active{background-color:#1f6b8c}.mitarbeiter-anzeigen .form-section{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:30px}.mitarbeiter-anzeigen .form-section label{color:#666;font-size:16px;font-weight:500;margin-bottom:8px}.mitarbeiter-anzeigen .form-section input{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;color:#333;font-size:16px;padding:12px 16px;transition:border-color .3s,box-shadow .3s;width:100%}.mitarbeiter-anzeigen .form-section input:focus{border-color:#3498db;box-shadow:0 0 6px #3498db4d;outline:none}.mitarbeiter-anzeigen .form-section input::placeholder{color:#888}.mitarbeiter-anzeigen .form-section .button-group{display:flex;gap:20px;grid-column:span 2;justify-content:flex-end;margin-top:20px}.mitarbeiter-anzeigen .form-section .button-group .save-button{background-color:#2ecc71;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s,transform .2s ease}.mitarbeiter-anzeigen .form-section .button-group .save-button:hover{background-color:#27ae60;transform:scale(1.05)}.mitarbeiter-anzeigen .form-section .button-group .save-button:active{background-color:#1e7e45}.mitarbeiter-anzeigen .form-section .button-group .cancel-button{background-color:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s,transform .2s ease}.mitarbeiter-anzeigen .form-section .button-group .cancel-button:hover{background-color:#c0392b;transform:scale(1.05)}.mitarbeiter-anzeigen .form-section .button-group .cancel-button:active{background-color:#9b2d1f}.mitarbeiter-anzeigen .info-group{display:flex;flex-direction:column;margin-bottom:20px}.mitarbeiter-anzeigen .info-group label{color:#444;font-size:16px;font-weight:500}.mitarbeiter-anzeigen .info-group p{color:#666;font-size:16px;margin-top:5px}.mitarbeiter-anzeigen .loading{color:#3498db;font-size:18px;font-weight:500;text-align:center}.warum-werbung-container{background-color:#f8f9fa;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:800px;padding:40px;text-align:center}.warum-werbung-container h1{color:#343a40;font-size:32px;font-weight:600;margin-bottom:30px}.warum-werbung-container p{color:#6c757d;font-size:18px;line-height:1.6;margin-bottom:20px}.warum-werbung-container ul{list-style:none;margin-bottom:20px;padding-left:0;text-align:left}.warum-werbung-container li{color:#6c757d;font-size:16px;margin-bottom:10px;padding-left:20px;position:relative}.warum-werbung-container li:before{color:#007bff;content:"•";left:0;position:absolute}@media screen and (max-width:600px){.warum-werbung-container{padding:30px}.warum-werbung-container h1{font-size:28px;margin-bottom:25px}.warum-werbung-container p{font-size:16px;margin-bottom:15px}.warum-werbung-container li{font-size:14px;margin-bottom:8px}}.kunden-anzeigen-container{align-items:center;background-color:#fafbfc;display:flex;flex-direction:column;font-family:Roboto,sans-serif;justify-content:center;padding:3rem}.kunden-anzeigen-container h2{border-bottom:2px solid #1d3557;color:#1d3557;font-size:2.8rem;font-weight:600;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.kunden-anzeigen-container .input-group{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;max-width:800px;width:100%}.kunden-anzeigen-container .input-group label{color:#333;font-size:1.2rem;font-weight:500}.kunden-anzeigen-container .input-group input{background-color:#fff;border:1px solid #ccc;border-radius:10px;color:#333;font-size:1.1rem;padding:1rem;transition:all .3s ease-in-out}.kunden-anzeigen-container .input-group input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.kunden-anzeigen-container .input-group input::placeholder{color:#aaa}.kunden-anzeigen-container .input-group .input-error{color:red;font-size:.9rem;margin-top:.5rem}.kunden-anzeigen-container .button-group{display:flex;gap:2rem;justify-content:center;margin-top:2rem}.kunden-anzeigen-container .button-group button{background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:1rem 2.5rem;transition:background-color .3s ease}.kunden-anzeigen-container .button-group button:hover{background-color:#218838}.kunden-anzeigen-container .button-group button svg{font-size:1.4rem}.kunden-anzeigen-container .button-group button.secondary{background-color:#ffc107}.kunden-anzeigen-container .button-group button.secondary:hover{background-color:#e0a800}.kunden-anzeigen-container .status-buttons{display:flex;gap:2rem;justify-content:center;margin-top:3rem}.kunden-anzeigen-container .status-buttons button{background-color:#0000;border:1px solid #007bff;border-radius:8px;color:#007bff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:1rem 2.5rem;transition:all .3s ease}.kunden-anzeigen-container .status-buttons button.active,.kunden-anzeigen-container .status-buttons button:hover{background-color:#007bff;color:#fff}.kunden-anzeigen-container .status-buttons button.disabled{background-color:#ccc;cursor:not-allowed}.kunden-anzeigen-container .copy-link-button{align-items:center;background-color:#007bff;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.5rem;padding:1rem 2rem;transition:background-color .3s ease}.kunden-anzeigen-container .copy-link-button:hover{background-color:#0056b3}.kunden-anzeigen-container .copy-link-button svg{font-size:1.5rem}.kunden-anzeigen-container .link-button-container{margin-top:2rem;text-align:center}.kunden-anzeigen-container .link-button-container .link-button{background-color:#6c757d;border-radius:8px;color:#fff;display:inline-block;font-weight:700;padding:1rem 3rem;text-decoration:none;transition:background-color .3s ease}.kunden-anzeigen-container .link-button-container .link-button:hover{background-color:#5a6268}.kunden-anzeigen-container .dienstleistungen-container,.kunden-anzeigen-container .rechnungen-list{margin-top:3rem;max-width:800px;width:100%}.kunden-anzeigen-container .dienstleistungen-container h3,.kunden-anzeigen-container .rechnungen-list h3{color:#1d3557;font-size:2rem;font-weight:600;margin-bottom:1.5rem}.kunden-anzeigen-container .dienstleistungen-container p,.kunden-anzeigen-container .rechnungen-list p{color:#666;font-size:1rem;line-height:1.6}.kunden-anzeigen-container .dienstleistungen-container .dienstleistungen-list,.kunden-anzeigen-container .rechnungen-list .dienstleistungen-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));list-style-type:none;padding:0}.kunden-anzeigen-container .dienstleistungen-container .dienstleistungen-list .dienstleistung-item,.kunden-anzeigen-container .rechnungen-list .dienstleistungen-list .dienstleistung-item{background-color:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.kunden-anzeigen-container .dienstleistungen-container .dienstleistungen-list .dienstleistung-item:hover,.kunden-anzeigen-container .rechnungen-list .dienstleistungen-list .dienstleistung-item:hover{box-shadow:0 6px 12px #0003;transform:translateY(-5px)}.kunden-anzeigen-container .dienstleistungen-container .dienstleistungen-list .dienstleistung-item p,.kunden-anzeigen-container .rechnungen-list .dienstleistungen-list .dienstleistung-item p{color:#333;font-size:1rem}.kunden-anzeigen-container .dienstleistungen-container .rechnungen-list,.kunden-anzeigen-container .rechnungen-list .rechnungen-list{list-style-type:none;padding:0}.kunden-anzeigen-container .dienstleistungen-container .rechnungen-list .rechnung-item,.kunden-anzeigen-container .rechnungen-list .rechnungen-list .rechnung-item{background-color:#fff;border:1px solid #ccc;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.kunden-anzeigen-container .dienstleistungen-container .rechnungen-list .rechnung-item:hover,.kunden-anzeigen-container .rechnungen-list .rechnungen-list .rechnung-item:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-5px)}.kunden-anzeigen-container .dienstleistungen-container .rechnungen-list .rechnung-item p,.kunden-anzeigen-container .rechnungen-list .rechnungen-list .rechnung-item p{color:#333;font-size:1rem}.kunden-anzeigen-container .loading{animation:bounce 2s infinite;color:#007bff;font-size:1.6rem;padding:3rem;text-align:center}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.kurs-liste-container{margin:0 auto;max-width:800px;padding:20px}.kurs-liste-container h1{font-size:2rem;margin-bottom:20px}.kurs-liste-container p{font-size:1.1rem;line-height:1.6;margin-bottom:30px}.kurs-liste{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.kurs{background-color:#f9f9f9;border-radius:5px;box-shadow:0 2px 4px #0000001a;padding:20px}.kurs-titel{font-size:1.5rem;margin-bottom:10px}.kurs-beschreibung{font-size:1.1rem;margin-bottom:15px}.kurs-preis{font-size:1.2rem;font-weight:700;margin-bottom:15px}.kurs-meeting{color:#888;font-size:1rem;margin-bottom:15px}.kurs-button-container{display:flex;justify-content:flex-end}.kurs-button-container button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.kurs-button-container button:hover{background-color:#0056b3}.kunden-scanner-container{align-items:center;display:flex;height:100vh;justify-content:center}.warenkorb-container{background-color:#f8f8f8;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px #0000001a;margin-top:20px;padding:20px}.warenkorb-heading{font-size:1.5rem;margin-bottom:15px}.warenkorb-list{list-style-type:none;padding:0}.warenkorb-item{border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px 0}.warenkorb-item:last-child{border-bottom:none}.warenkorb-item-title{font-weight:700}.warenkorb-item-price{color:#888}.warenkorb-total{display:flex;justify-content:space-between;margin-top:20px}.warenkorb-total-label{font-weight:700}.warenkorb-total-price{color:#333;font-weight:700}.gutscheine-container{width:100%}.header{border-radius:.6rem;box-shadow:0 2px 6px #00000014;padding:1.5rem 2rem}.header h1{align-items:center;display:flex;font-size:2rem;font-weight:600;gap:.6rem}.header .btn-primary{background:linear-gradient(135deg,#2979ff,#004fc4);border-radius:.4rem;display:inline-flex;font-size:1rem;gap:.6rem;padding:.9rem 1.4rem}.gutscheine-list{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:2rem}.gutschein-card{border-radius:.6rem;box-shadow:0 2px 6px #0000000d;gap:.8rem;padding:1.5rem}.gutschein-card .gutschein-info p{font-size:1rem;margin:0}.gutschein-card .gutschein-info p span{color:#2c3e50}.empty-state{border-radius:.6rem;box-shadow:0 2px 6px #0000000d;font-size:1.1rem}.gutscheine-container{background:#f5f7fa;box-sizing:border-box;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,sans-serif;gap:1.5rem;min-height:100vh;padding:2rem}.header{align-items:center;background:#fff;border-radius:.75rem;box-shadow:0 2px 6px #0000000d;display:flex;justify-content:space-between;padding:1rem 1.5rem}.header h1{color:#2c3e50;font-size:1.6rem;margin:0}.header .btn-primary{align-items:center;background:linear-gradient(135deg,#2d89ff,#0a5ed7);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.6rem 1rem;transition:background .3s ease}.header .btn-primary svg{font-size:1rem}.gutscheine-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.gutschein-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1rem 1.2rem}.gutschein-card .gutschein-info p{color:#34495e;font-size:.95rem;margin:.2rem 0}.gutschein-card .gutschein-info p span{color:#2d89ff;font-weight:600;margin-right:.25rem}.empty-state{background:#fff;border-radius:.75rem;box-shadow:0 1px 4px #0000000d;color:#7f8c8d;font-size:1rem;grid-column:1/-1;padding:2rem;text-align:center}.flyer-container{margin:0 auto;max-width:800px;padding:40px;text-align:center}.flyer-title{color:#333;font-size:32px;font-weight:700;margin-bottom:30px}.pdf-list{display:flex;flex-wrap:wrap;justify-content:center}.pdf-item{margin:20px}.pdf-error{color:red;font-size:16px}.pdf-download{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;margin-top:10px;padding:8px 16px;text-decoration:none;transition:background-color .3s}.pdf-download:hover{background-color:#0056b3}.team-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:900px;padding:50px 20px}.team-title{color:#333;font-size:32px;font-weight:700;margin-bottom:40px;text-align:center}.team-list{grid-gap:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center}.team-member{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s ease}.team-member:hover{transform:translateY(-5px)}.member-image{height:200px;object-fit:cover;width:100%}.member-details{padding:20px}.member-name{color:#333;font-size:20px;font-weight:700;margin-bottom:10px}.member-role{color:#666;font-style:italic;margin-bottom:15px}.member-email{color:#007bff;text-decoration:none}.member-email:hover{text-decoration:underline}.kunden-bewertungen{background-color:#fafbfc;color:#1f2937;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;padding:7rem 6vw}.kunden-bewertungen .header{margin:0 auto 5rem;max-width:720px;text-align:center}.kunden-bewertungen .header h1{color:#111827;font-size:3rem;font-weight:700;letter-spacing:-.7px;line-height:1.1;margin-bottom:.8rem;-webkit-user-select:none;user-select:none}.kunden-bewertungen .header p{color:#4b5563;font-size:1.125rem;font-weight:400;line-height:1.5;margin:0 auto;max-width:540px;-webkit-user-select:none;user-select:none}.kunden-bewertungen .gesamt-rating-box{background-color:#fff;border:1px solid #d1d5db;border-radius:14px;box-shadow:none;margin:0 auto 6rem;max-width:520px;padding:2.6rem 3rem;text-align:center}.kunden-bewertungen .gesamt-rating-box .score{color:#0f172a;font-size:3.5rem;font-weight:600;letter-spacing:-1px;margin-top:.6rem}.kunden-bewertungen .gesamt-rating-box .info{color:#6b7280;font-size:1rem;font-weight:400;margin-top:.35rem}.kunden-bewertungen .gesamt-rating-box .react-stars{display:inline-block;margin:1rem 0 0}.kunden-bewertungen .bewertungen-grid{grid-gap:2.8rem;display:grid;gap:2.8rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1120px}.kunden-bewertungen .bewertung-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#1f2937;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 2.4rem;transition:border-color .25s ease}.kunden-bewertungen .bewertung-card:hover{border-color:#2563eb;cursor:pointer}.kunden-bewertungen .bewertung-card .bewertung-title h3{color:#111827;font-size:1.375rem;font-weight:600;line-height:1.3;margin-bottom:.4rem}.kunden-bewertungen .bewertung-card .bewertung-title .score{color:#2563eb;font-size:1.125rem;font-weight:500;margin-bottom:.25rem}.kunden-bewertungen .bewertung-card .bewertung-title .anzahl{color:#6b7280;font-size:.875rem;font-weight:400}.kunden-bewertungen .bewertung-card .mehr{color:#2563eb;font-size:1rem;font-weight:600;margin-top:auto;text-align:right;transition:color .25s ease;-webkit-user-select:none;user-select:none}.kunden-bewertungen .bewertung-card .mehr:hover{color:#1e40af;text-decoration:underline}@media(max-width:720px){.kunden-bewertungen{padding:4rem 2rem}.kunden-bewertungen .header h1{font-size:2.4rem}.kunden-bewertungen .gesamt-rating-box{padding:2rem 2.2rem}.kunden-bewertungen .gesamt-rating-box .score{font-size:3rem}.kunden-bewertungen .bewertung-card{padding:1.6rem 1.8rem}}@media(max-width:420px){.kunden-bewertungen .header h1{font-size:2rem}.kunden-bewertungen .gesamt-rating-box .score{font-size:2.4rem}.kunden-bewertungen .bewertungen-grid{gap:1.8rem;grid-template-columns:1fr}.kunden-bewertungen .bewertung-card{padding:1.2rem 1.5rem}}.bewertung-page{background:linear-gradient(180deg,#f9fafb,#f3f4f6);font-family:Inter,sans-serif;padding:4rem 6vw;width:100%}.bewertung-page .bewertung-header{margin-bottom:3rem}.bewertung-page .bewertung-header .bewertung-back{align-items:center;color:#2563eb;display:inline-flex;font-size:1rem;gap:.5rem;margin-bottom:1rem;text-decoration:none;transition:color .2s ease}.bewertung-page .bewertung-header .bewertung-back:hover{color:#1e3a8a}.bewertung-page .bewertung-header h1{color:#1e3a8a;font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.bewertung-page .bewertung-header .dienstleistung-title{color:#4b5563;font-size:1.2rem}.bewertung-page .bewertung-content{grid-gap:2rem;display:grid;gap:2rem}.bewertung-page .bewertung-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 20px #0000000a;padding:1.8rem;transition:all .2s ease}.bewertung-page .bewertung-card:hover{box-shadow:0 16px 30px #00000014;transform:translateY(-4px)}.bewertung-page .bewertung-card .card-header{align-items:center;display:flex;justify-content:space-between}.bewertung-page .bewertung-card .card-header h2{color:#111827;font-size:1.4rem;font-weight:700}.bewertung-page .bewertung-card .bewertung-score{color:#374151;font-size:1.1rem;font-style:italic;line-height:1.6;margin-top:1rem}.bewertung-page .bewertung-kommentar{background:#fefce8;border-left:4px solid #facc15}.bewertung-page .bewertung-kommentar h2{color:#b45309}.bewertung-page .bewertung-kommentar p{color:#92400e;font-size:1.1rem;margin-top:.5rem}.bewertung-page .bewertung-loading{animation:fade 1.5s ease-in-out infinite alternate;color:#6b7280;font-size:1.2rem;padding:2rem;text-align:center}.bewertung-container{background-color:#fff;border-radius:24px;box-shadow:0 12px 30px #0000001a;color:#2d2d2d;font-family:Inter,Segoe UI,sans-serif;margin:3rem auto;max-width:960px;padding:2.5rem}.bewertung-container h2{color:#222f3e;font-size:1.9rem;margin-bottom:2.5rem;text-align:center}@media(max-width:768px){.bewertung-container{padding:1.5rem}.bewertung-container h2{font-size:1.6rem}}.bewertung-form{gap:2rem}.bewertung-feld,.bewertung-form{display:flex;flex-direction:column}.bewertung-feld{gap:.8rem}.bewertung-feld label{color:#34495e;font-size:1.05rem;font-weight:600}.bewertung-feld .label-und-rating{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.bewertung-feld .label-und-rating label{flex:1 1 auto}.bewertung-feld .label-und-rating .react-stars{margin-left:auto}.bewertung-feld textarea{background-color:#f9f9f9;border:1px solid #dcdde1;border-radius:12px;font-size:1rem;min-height:100px;padding:1rem;resize:vertical;transition:border-color .3s ease}.bewertung-feld textarea:focus{background-color:#fff;border-color:#00a8ff;outline:none}.submit-button{background:linear-gradient(135deg,#00b894,#0984e3);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:1.1rem;transition:background .3s ease}.submit-button:hover{background:linear-gradient(135deg,#00cec9,#74b9ff)}@media(max-width:768px){.submit-button{font-size:1rem;padding:1rem}}.fehler-nachricht{animation:fadeIn .3s ease-in-out;background-color:#ffe6e6;border-left:6px solid #e74c3c;border-radius:10px;color:#c0392b;font-weight:500;margin-top:1rem;padding:1rem 1.5rem;text-align:center}.bewertung-abgeschlossen{background-color:#eafaf1;border-radius:18px;box-shadow:0 6px 12px #00b89426;padding:3rem 2rem;text-align:center}.bewertung-abgeschlossen h2{color:#10ac84;font-size:1.8rem}@media(max-width:768px){.bewertung-abgeschlossen{padding:2rem 1.5rem}.bewertung-abgeschlossen h2{font-size:1.4rem}}.mitarbeiter-container{background-color:#f4f7fc;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px}.mitarbeiter-container h2{color:#333;font-size:1.8em;margin-bottom:20px;text-align:center}.mitarbeiter-container .add-button{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;font-size:1em;margin-bottom:20px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.mitarbeiter-container .add-button:hover{background-color:#0056b3}.mitarbeiter-container .loading-text{color:#777;font-size:1.2em;text-align:center}.mitarbeiter-container .mitarbeiter-tabelle{border-collapse:collapse;box-shadow:0 4px 8px #0000001a;margin-top:20px;width:100%}.mitarbeiter-container .mitarbeiter-tabelle td,.mitarbeiter-container .mitarbeiter-tabelle th{color:#333;font-size:1em;padding:15px;text-align:left}.mitarbeiter-container .mitarbeiter-tabelle th{background-color:#007bff;color:#fff}.mitarbeiter-container .mitarbeiter-tabelle tr{background-color:#fff;border-bottom:1px solid #ddd;transition:background-color .3s ease}.mitarbeiter-container .mitarbeiter-tabelle tr:hover{background-color:#f9f9f9}.mitarbeiter-container .mitarbeiter-tabelle tr.online{background-color:#d4f7d3}.mitarbeiter-container .mitarbeiter-tabelle tr.birthday{background-color:#fff4e1}.mitarbeiter-container .mitarbeiter-tabelle tr.krank{background-color:#ba94e9}.mitarbeiter-container .mitarbeiter-tabelle .status-icon{font-size:1.5em;margin-right:10px}.mitarbeiter-container .mitarbeiter-tabelle .birthday{color:tomato}.mitarbeiter-container .mitarbeiter-tabelle .online{color:#28a745}.mitarbeiter-container .mitarbeiter-tabelle .abwesend{color:#dc3545}.mitarbeiter-container .mitarbeiter-tabelle .krank{color:#7707ff}.mitarbeiter-container .mitarbeiter-tabelle .action-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:1em;margin-right:10px}.mitarbeiter-container .mitarbeiter-tabelle .action-button:hover{text-decoration:underline}.mitarbeiter-container .mitarbeiter-tabelle .delete{color:#dc3545}.mitarbeiter-container .mitarbeiter-tabelle .delete:hover{color:#bd2130}.mitarbeiter-container .mitarbeiter-tabelle .no-data{color:#777;font-size:1.2em;text-align:center}.mitarbeiter-container .confirmation-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.mitarbeiter-container .confirmation-modal .modal-content{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:30px;text-align:center}.mitarbeiter-container .confirmation-modal .modal-content .modal-actions{display:flex;justify-content:space-around;margin-top:20px}.mitarbeiter-container .confirmation-modal .modal-content .modal-actions button{border-radius:5px;cursor:pointer;font-size:1.1em;padding:10px 20px;transition:background-color .3s ease}.mitarbeiter-container .confirmation-modal .modal-content .modal-actions .confirm-button{background-color:#007bff;color:#fff}.mitarbeiter-container .confirmation-modal .modal-content .modal-actions .confirm-button:hover{background-color:#0056b3}.mitarbeiter-container .confirmation-modal .modal-content .modal-actions .cancel-button{background-color:#6c757d;color:#fff}.mitarbeiter-container .confirmation-modal .modal-content .modal-actions .cancel-button:hover{background-color:#5a6268}.gutschein-scanner-container{align-items:center;display:flex;height:100vh;justify-content:center}.qr-scanner{position:relative}.video-element{width:100%}.transparent-barcode-pattern{left:50%;opacity:.3;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.error-message{background-color:#f00c;border-radius:5px;bottom:10px;color:#fff;left:50%;padding:10px;position:absolute;transform:translateX(-50%)}.faq-container{animation:fadeIn .4s ease-in;font-family:Inter,sans-serif;margin:0 auto;max-width:1100px;padding:80px 20px;width:100%}.faq-container .faq-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:48px}.faq-container .faq-header-row h1{border-left:6px solid #2563eb;color:#1e293b;font-size:2.8rem;font-weight:700;padding-left:16px}.faq-container .faq-header-row .add-faq-button{background:#2563eb;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.faq-container .faq-header-row .add-faq-button:hover{background:#1e3a8a;box-shadow:0 6px 12px #1e3a8a33}.faq-container .faq-list{display:flex;flex-direction:column;gap:20px}.faq-container .faq-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #00000008;padding:24px;position:relative;transition:all .3s ease}.faq-container .faq-card.active{border-color:#2563eb}.faq-container .faq-card .faq-question{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.faq-container .faq-card .faq-question h2{color:#1f2937;font-size:1.2rem;font-weight:600}.faq-container .faq-card .faq-question span{color:#2563eb;font-size:1.5rem;font-weight:700}.faq-container .faq-card .faq-answer{color:#4b5563;font-size:1rem;line-height:1.6;margin-top:20px}.faq-container .faq-card .faq-admin-buttons{display:flex;gap:10px;position:absolute;right:16px;top:16px}.faq-container .faq-card .faq-admin-buttons .delete-button,.faq-container .faq-card .faq-admin-buttons .edit-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.1rem;transition:color .2s ease}.faq-container .faq-card .faq-admin-buttons .delete-button:hover,.faq-container .faq-card .faq-admin-buttons .edit-button:hover{color:#1e3a8a}.faq-container .faq-error{background-color:#ffe4e6;border-left:5px solid #ef4444;border-radius:8px;color:#b91c1c;font-size:1rem;padding:16px}@media(max-width:768px){.faq-container{padding:60px 16px}.faq-container .faq-header-row{align-items:flex-start;flex-direction:column;gap:20px}.faq-container .faq-header-row h1{font-size:2rem}.faq-container .faq-header-row .add-faq-button{font-size:.95rem;padding:10px 20px}.faq-container .faq-card{padding:20px}.faq-container .faq-card .faq-question h2{font-size:1rem}.faq-container .faq-card .faq-answer{font-size:.95rem}}.not-found-container{align-items:center;background-color:#f0f0f0;display:flex;height:100vh;justify-content:center}.not-found-gif{height:auto;max-width:100%}.preisinformationen{animation:fadeIn .3s ease;background-color:#f9fafb;font-family:Inter,sans-serif;min-height:100vh;padding:60px 80px;width:100%}.preisinformationen h1{color:#1f2937;font-size:2.6rem;font-weight:700;margin-bottom:20px}.preisinformationen p{color:#4b5563;font-size:1.1rem;line-height:1.6;margin-bottom:40px;max-width:1200px}.preisinformationen .legend{background-color:#eef2ff;border-left:6px solid #6366f1;border-radius:12px;margin-bottom:40px;padding:24px}.preisinformationen .legend h2{color:#3730a3;font-size:1.4rem;font-weight:600;margin-bottom:10px}.preisinformationen .legend p{color:#4f46e5;font-size:1rem;margin:0}.preisinformationen .action-buttons{display:flex;gap:20px;margin-bottom:40px}.preisinformationen .action-buttons .add-btn{align-items:center;border-radius:10px;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;padding:14px 22px;text-decoration:none;transition:all .3s ease}.preisinformationen .action-buttons .add-btn svg{font-size:1rem}.preisinformationen .action-buttons .add-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 16px #2563eb4d}.preisinformationen .tables{display:flex;flex-direction:column;gap:60px}.preisinformationen .tables .table-container{background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #0000000f;padding:30px}.preisinformationen .tables .table-container h2{color:#111827;font-size:1.6rem;margin-bottom:20px}.preisinformationen .tables .table-container table{border-collapse:collapse;width:100%}.preisinformationen .tables .table-container table thead{background-color:#f3f4f6}.preisinformationen .tables .table-container table thead th{border-bottom:2px solid #e5e7eb;color:#374151;font-size:.95rem;font-weight:600;padding:16px;text-align:left}.preisinformationen .tables .table-container table tbody tr{transition:background .2s ease}.preisinformationen .tables .table-container table tbody tr.empfohlen{background-color:#fef3c7}.preisinformationen .tables .table-container table tbody tr.empfohlen td:first-child{color:#92400e;font-weight:700}.preisinformationen .tables .table-container table tbody tr:hover{background-color:#f9fafb}.preisinformationen .tables .table-container table tbody tr td{border-bottom:1px solid #e5e7eb;color:#374151;font-size:.95rem;padding:14px 16px}.preisinformationen .tables .table-container table tbody tr:last-child td{border-bottom:none}@media(max-width:768px){.preisinformationen{padding:30px 20px}.preisinformationen h1{font-size:2rem}.preisinformationen .action-buttons{flex-direction:column}.preisinformationen .tables{gap:40px}.preisinformationen .tables .table-container{padding:20px}.preisinformationen .tables .table-container h2{font-size:1.4rem}.preisinformationen .tables .table-container table tbody td,.preisinformationen .tables .table-container table thead th{padding:12px}}.verification-container{align-items:center;background-color:#f5f7fa;color:#222;display:flex;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;justify-content:center;min-height:100vh;padding:3rem 2rem;text-align:center;-webkit-user-select:none;user-select:none}.verification-container h2{font-size:2.8rem;font-weight:900;letter-spacing:.03em;margin-bottom:.5rem}.verification-container p{color:#555;font-size:1.15rem;font-weight:400;line-height:1.5;margin-bottom:2rem;max-width:none;width:100%}.verification-container .error-message{background-color:#f9d6d6;border:2px solid #c53030;border-radius:10px;box-shadow:0 3px 8px #c5303040;color:#c53030;font-weight:600;letter-spacing:.02em;margin-bottom:1.8rem;padding:1rem 1.5rem;width:100%}.verification-container .code-inputs{display:flex;gap:1.25rem;justify-content:center;margin-bottom:2.5rem;width:100%}.verification-container .code-inputs input{-moz-appearance:textfield;background-color:#fff;border:2.5px solid #ccc;border-radius:10px;caret-color:#0047ab;color:#222;flex:1 1;font-size:2.4rem;font-weight:700;height:3.6rem;min-width:3.6rem;text-align:center;transition:border-color .3s ease,box-shadow .3s ease;-webkit-user-select:text;user-select:text}.verification-container .code-inputs input:focus{background-color:#fff;border-color:#0047ab;box-shadow:0 0 12px #0047ab80;outline:none}.verification-container .code-inputs input::-webkit-inner-spin-button,.verification-container .code-inputs input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.verification-container .verify-button{background:linear-gradient(45deg,#0047ab,#003680);border:none;border-radius:10px;box-shadow:0 10px 20px #0047ab4d;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;padding:.85rem 3rem;transition:background .3s ease,box-shadow .3s ease,transform .15s ease}.verification-container .verify-button:focus,.verification-container .verify-button:hover{background:linear-gradient(45deg,#003680,#002a55);box-shadow:0 14px 30px #00368080;outline:none;transform:translateY(-2px)}.verification-container .verify-button:active{box-shadow:0 6px 15px #00368080;transform:translateY(1px)}.verification-container>p:last-child{color:#111;font-size:1.05rem;font-weight:600;letter-spacing:.015em;margin-top:2rem}@media(max-width:460px){.verification-container{padding:2rem 1.2rem}.verification-container h2{font-size:2rem}.verification-container p{font-size:1rem;margin-bottom:1.5rem}.verification-container .error-message{font-size:.9rem;padding:.8rem 1rem}.verification-container .code-inputs{gap:.9rem}.verification-container .code-inputs input{font-size:1.8rem;height:2.8rem;min-width:2.8rem}.verification-container .verify-button{font-size:1.1rem;padding:.75rem 2rem}}.sign-component{align-items:center;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;margin:30px auto;max-width:600px;padding:20px}.sign-component h2,.sign-component h3,.sign-component h4{color:#007bff;font-family:Arial,sans-serif;margin-bottom:15px}.sign-component .code-form{margin-bottom:20px;width:100%}.sign-component .code-form label{display:block;font-weight:700;margin-bottom:5px}.sign-component .code-form input{border:1px solid #ced4da;border-radius:8px;font-family:Arial,sans-serif;padding:10px;width:100%}.sign-component .code-form input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.sign-component .code-form button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 15px}.sign-component .code-form button:hover{background-color:#0062cc}.sign-component .message{font-family:Arial,sans-serif;margin:10px 0}.sign-component .message.success{color:#28a745}.sign-component .message.error{color:#dc3545}.sign-component .signature-section{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;margin-top:20px;padding:20px;width:100%}.sign-component .signature-section .sigCanvas{border:1px solid #ced4da;border-radius:8px;margin-bottom:10px}.sign-component .signature-section .signature-buttons{display:flex;gap:10px}.sign-component .signature-section .signature-buttons button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px}.sign-component .signature-section .signature-buttons button:hover{background-color:#0062cc}.sign-component .signature-section .signature-preview{margin-top:10px}.sign-component .signature-section .signature-preview img{border:1px solid #ced4da;border-radius:8px}.download-container{align-items:center;background-color:#f4f4f4;display:flex;height:100vh;justify-content:center}.download-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s ease}.download-button:hover{background-color:#0056b3}.download-button:focus{outline:none}.video-call-container{background-color:#1e1e2f;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;height:100vh;padding:1rem;position:relative}.video-call-container.minimized{height:200px;overflow:hidden}.video-call-container .video-section{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:center;padding:1rem}.video-call-container .video-section .video-container{background-color:#000;border-radius:12px;box-shadow:0 4px 20px #0006;flex:1 1;max-width:48%;overflow:hidden;position:relative}.video-call-container .video-section .video-container video{display:block;height:auto;width:100%}.video-call-container .video-section .video-container .placeholder{align-items:center;color:#ccc;display:flex;font-size:1.2rem;height:100%;justify-content:center}.video-call-container .screen-share-display{background:#ff9800;border-radius:8px;color:#fff;font-size:.9rem;font-weight:700;padding:.4rem .8rem;position:absolute;right:1rem;top:.5rem}.video-call-container .controls{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;padding-top:1rem}.video-call-container .controls button{align-items:center;background-color:#2c2c3e;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.7rem 1.2rem;transition:background .3s}.video-call-container .controls button:hover{background-color:#44445f}.video-call-container .controls button:disabled{cursor:not-allowed;opacity:.5}.cookie-icon{align-items:center;background-color:#ff5722;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;justify-content:center;padding:15px;position:fixed;right:20px;transition:background-color .3s ease,transform .3s ease;z-index:1000}.cookie-icon:hover{background-color:#e64a19;transform:scale(1.1)}.cookie-icon .icon{color:#fff;height:40px;width:40px}.cookie-consent-banner{align-items:center;animation:slideIn .5s ease-out;background-color:#263238;border-top:4px solid #ff5722;bottom:0;box-shadow:0 -2px 10px #0006;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;left:50%;max-width:700px;padding:20px;position:fixed;transform:translateX(-50%);transition:opacity .3s ease,transform .3s ease;width:100%;z-index:1000}.cookie-consent-banner .cookie-text{font-size:16px;line-height:1.5;margin:0;text-align:center}.cookie-consent-banner .cookie-text .info-button{background:none;border:none;color:#ff5722;cursor:pointer;font-weight:700;text-decoration:underline}.cookie-consent-banner .cookie-text .info-button:hover{text-decoration:none}.cookie-consent-banner .cookie-buttons{display:flex;gap:15px;margin-top:15px}.cookie-consent-banner .cookie-buttons button{border:none;border-radius:8px;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;padding:12px 24px;transition:background-color .3s ease,transform .2s ease}.cookie-consent-banner .cookie-buttons button:focus{box-shadow:0 0 0 3px #0000004d;outline:none}.cookie-consent-banner .cookie-buttons button:active{transform:scale(.98)}.cookie-consent-banner .cookie-buttons .accept-button{background-color:#4caf50;color:#fff}.cookie-consent-banner .cookie-buttons .accept-button:hover{background-color:#388e3c}.cookie-consent-banner .cookie-buttons .reject-button{background-color:#f44336;color:#fff}.cookie-consent-banner .cookie-buttons .reject-button:hover{background-color:#d32f2f}@keyframes slideIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.create-service-container{align-items:flex-start;background:linear-gradient(135deg,#f9f9f9,#e8ecf1);color:#222;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;gap:2rem;min-height:100vh;padding:4rem 6rem;width:100%}.create-service-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#4a90e2,#0052cc);-webkit-background-clip:text;font-size:2.8rem;font-weight:700;margin-bottom:1rem}.create-service-container .create-service-form{display:flex;flex-direction:column;gap:1.8rem;width:100%}.create-service-container .create-service-form label{display:flex;flex-direction:column;font-size:1.1rem;font-weight:500}.create-service-container .create-service-form label span{color:#333;margin-bottom:.4rem}.create-service-container .create-service-form label input,.create-service-container .create-service-form label textarea{border:1px solid #ccc;border-radius:10px;font-size:1rem;padding:1rem;transition:border .3s ease,box-shadow .3s ease}.create-service-container .create-service-form label input:focus,.create-service-container .create-service-form label textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233;outline:none}.create-service-container .create-service-form label textarea{min-height:100px;resize:vertical}.create-service-container .create-service-form .form-buttons{display:flex;gap:1.5rem;margin-top:1rem}.create-service-container .create-service-form .form-buttons button{border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:background-color .3s ease,transform .2s ease}.create-service-container .create-service-form .form-buttons .submit-button{background-color:#007bff;border:none;color:#fff}.create-service-container .create-service-form .form-buttons .submit-button:hover{background-color:#0056b3;transform:scale(1.03)}.create-service-container .create-service-form .form-buttons .submit-button:disabled{background-color:#7aaed6;cursor:not-allowed}.create-service-container .create-service-form .form-buttons .preview-toggle-button{background-color:#f0f0f0;border:1px solid #ccc;color:#333}.create-service-container .create-service-form .form-buttons .preview-toggle-button:hover{background-color:#e2e2e2;transform:scale(1.03)}.create-service-container .create-service-form .error-message,.create-service-container .create-service-form .success-message{border-radius:6px;font-weight:500;margin-top:1rem;padding:1rem}.create-service-container .create-service-form .error-message{background-color:#ffe1e1;border:1px solid #ffa2a2;color:#a30000}.create-service-container .create-service-form .success-message{background-color:#e1ffea;border:1px solid #91e1b4;color:#007a34}.create-service-container .preview-section{margin-top:3rem;width:100%}.create-service-container .preview-section h2{color:#0052cc;font-size:2rem;font-weight:600;margin-bottom:1rem}.create-service-container .preview-section .preview-card{align-items:flex-start;background-color:#fff;border-radius:12px;box-shadow:0 6px 16px #00000014;display:flex;gap:2rem;padding:2rem;transition:all .3s ease}.create-service-container .preview-section .preview-card img{border:1px solid #ccc;border-radius:8px;height:140px;object-fit:cover;width:200px}.create-service-container .preview-section .preview-card .preview-content{display:flex;flex-direction:column;gap:.8rem}.create-service-container .preview-section .preview-card .preview-content h3{font-size:1.5rem;font-weight:600;margin:0}.create-service-container .preview-section .preview-card .preview-content p{color:#555;font-size:1rem}.create-service-container .preview-section .preview-card .preview-content strong{color:#007bff;font-size:1.2rem}.auftrag-bestaetigung-container{align-items:center;background-color:#f9f9f9;display:flex;justify-content:center;min-height:100vh;padding:20px}.auftrag-bestaetigung{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;max-width:800px;padding:30px;width:100%}header{align-items:center;display:flex;margin-bottom:20px}header img{height:auto;margin-right:20px;width:60px}header .company-info{line-height:1.4}header .company-info h1{color:#333;font-size:26px;margin:0}header .company-info p{color:#666;font-size:14px;margin:2px 0}.kunden-anschrift{margin-bottom:30px}.kunden-anschrift h3{color:#555;font-size:20px;margin-bottom:10px}.kunden-anschrift p{color:#333;font-size:16px;margin:5px 0}.auftrag-text{color:#666;font-size:16px;line-height:1.6;margin-bottom:20px}.projekt-dauer-input{margin:25px 0}.projekt-dauer-input label{color:#333;display:block;font-size:16px;margin-bottom:5px}.projekt-dauer-input input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px;padding:12px;width:100%}.pdf-button{background-color:#009688;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:14px 24px;transition:background-color .3s ease}.pdf-button:hover{background-color:#00796b}.pdf-button:active{background-color:#004d40}.footer{color:#333;font-size:14px;margin-top:40px;text-align:center}.footer p{margin:5px 0}.loading,.no-data{color:#666;font-size:18px;text-align:center}.kontoangaben-container{font-family:Arial,sans-serif;margin:auto;max-width:800px;padding:20px}.kontoangaben-container h2{color:#333;font-size:24px;margin-bottom:20px}.kontoangaben-container .kontoangaben-row{align-items:center;border-bottom:1px solid #ddd;display:flex;margin-bottom:15px;padding-bottom:10px}.kontoangaben-container .kontoangaben-row .label{flex-basis:200px;font-weight:700;margin-right:10px}.kontoangaben-container .kontoangaben-row span{color:#555;flex-grow:1;font-size:16px}.kontoangaben-container .kontoangaben-row .copy-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:18px;margin-left:10px;transition:color .3s}.kontoangaben-container .kontoangaben-row .copy-button:hover{color:#0056b3}.kontoangaben-container .qr-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;font-size:16px;margin-top:20px;padding:10px 20px;transition:background-color .3s}.kontoangaben-container .qr-button:hover{background-color:#0056b3}.pdf-merger-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:600px;padding:30px;text-align:center}.pdf-merger-container h2{color:#343a40;font-size:28px;margin-bottom:20px}.pdf-merger-container p{color:#6c757d;font-size:16px;margin-bottom:20px}.pdf-merger-container .upload-section{margin-bottom:20px}.pdf-merger-container .upload-section .file-input{background-color:#fff;border:1px solid #ced4da;border-radius:4px;color:#495057;display:block;font-size:16px;margin:10px auto;padding:10px}.pdf-merger-container .upload-section .file-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #268fff40;outline:none}.pdf-merger-container .merge-button{background-color:#007bff;border:none;border-radius:4px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;font-size:18px;padding:12px 25px;transition:background-color .3s,transform .2s}.pdf-merger-container .merge-button:hover{background-color:#0056b3}.pdf-merger-container .merge-button:active{transform:scale(.98)}.create-datenbank-paket{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:600px;padding:20px}.create-datenbank-paket h2{color:#333;font-size:24px;margin-bottom:20px}.create-datenbank-paket .form{display:flex;flex-direction:column}.create-datenbank-paket .form .form-group{margin-bottom:15px}.create-datenbank-paket .form .form-group label{color:#555;display:block;font-weight:700;margin-bottom:5px}.create-datenbank-paket .form .form-group input,.create-datenbank-paket .form .form-group select{border:1px solid #ccc;border-radius:4px;color:#333;font-size:16px;padding:10px;width:100%}.create-datenbank-paket .form .form-group input:focus,.create-datenbank-paket .form .form-group select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.create-datenbank-paket .form .submit-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.create-datenbank-paket .form .submit-button:hover{background-color:#0056b3}.create-backend-paket{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:600px;padding:20px}.create-backend-paket h1{color:#007bff;margin-bottom:20px;text-align:center}.create-backend-paket form{display:flex;flex-direction:column}.create-backend-paket form .form-group{margin-bottom:15px}.create-backend-paket form .form-group label{display:block;font-weight:700;margin-bottom:5px}.create-backend-paket form .form-group input[type=text]{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.create-backend-paket form .form-group input[type=checkbox]{margin-right:10px}.create-backend-paket form button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px;transition:background-color .3s}.create-backend-paket form button:hover{background-color:#0056b3}.create-backend-paket p{color:#333;margin-top:20px;text-align:center}.create-faq-container{animation:fadeIn .4s ease-in;background-color:#f3f4f6;font-family:Inter,sans-serif;min-height:100vh;padding:60px 80px;width:100%}.create-faq-container h1{color:#1f2937;font-size:2.8rem;font-weight:700;margin-bottom:40px;text-align:left}.create-faq-container .add-faq-form{background-color:#fff;border-radius:20px;box-shadow:0 16px 32px #0000001a;display:flex;flex-direction:column;gap:32px;padding:40px}.create-faq-container .add-faq-form label{color:#374151;display:flex;flex-direction:column;font-size:1.2rem;font-weight:600}.create-faq-container .add-faq-form label span{color:#4b5563;margin-bottom:12px}.create-faq-container .add-faq-form label input,.create-faq-container .add-faq-form label textarea{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:14px;font-size:1.05rem;padding:18px;transition:all .3s ease}.create-faq-container .add-faq-form label input:focus,.create-faq-container .add-faq-form label textarea:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633;outline:none}.create-faq-container .add-faq-form label textarea{min-height:180px;resize:vertical}.create-faq-container .add-faq-form .submit-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:18px;transition:all .3s ease}.create-faq-container .add-faq-form .submit-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 16px #2563eb4d}.create-faq-container .add-faq-form .submit-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.create-faq-container .add-faq-form .error-message{background-color:#fee2e2;border:1px solid #fca5a5;border-radius:12px;color:#b91c1c;font-size:1rem;margin-top:-16px;padding:16px;text-align:left}@media(max-width:768px){.create-faq-container{padding:40px 20px}.create-faq-container h1{font-size:2rem}.create-faq-container .add-faq-form{gap:24px;padding:30px}.create-faq-container .add-faq-form label{font-size:1rem}.create-faq-container .add-faq-form label input,.create-faq-container .add-faq-form label textarea{font-size:.95rem;padding:14px}.create-faq-container .add-faq-form .submit-button{font-size:1rem;padding:14px}}.audio-settings{background-color:#f9fafb;border-radius:16px;box-shadow:0 4px 12px #00000014;font-family:Segoe UI,sans-serif;margin:auto;max-width:700px;padding:2rem}.audio-settings .mic-access{text-align:center}.audio-settings .mic-access p{font-size:1.2rem;margin-bottom:1.5rem}.audio-settings .mic-access button{background-color:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.audio-settings .mic-access button:hover{background-color:#1d4ed8}.audio-settings .mic-settings{display:flex;flex-direction:column;gap:1.5rem}.audio-settings .mic-settings p{font-size:1.2rem;font-weight:500}.audio-settings .mic-settings label{display:block;font-weight:600;margin-bottom:.5rem}.audio-settings .mic-settings select{border:1px solid #d1d5db;border-radius:8px;padding:.5rem;width:100%}.audio-settings .mic-settings .mic-selection,.audio-settings .mic-settings .speaker-settings{display:flex;flex-direction:column}.audio-settings .mic-settings .volume-indicator{display:flex;gap:4px;height:20px}.audio-settings .mic-settings .volume-indicator .volume-bar{background-color:#d1d5db;border-radius:4px;flex:1 1;transition:background-color .3s}.audio-settings .mic-settings .volume-indicator .volume-bar.active{background-color:#22c55e}.audio-settings .mic-settings .start-video,.audio-settings .mic-settings .test-audio{background-color:#10b981;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background-color .2s ease}.audio-settings .mic-settings .start-video:hover,.audio-settings .mic-settings .test-audio:hover{background-color:#059669}.audio-settings .mic-settings .start-video.start-video,.audio-settings .mic-settings .test-audio.start-video{background-color:#3b82f6}.audio-settings .mic-settings .start-video.start-video:hover,.audio-settings .mic-settings .test-audio.start-video:hover{background-color:#2563eb}.audio-settings .waiting-room{text-align:center}.audio-settings .waiting-room p{font-size:1.2rem}.audio-settings .waiting-room .fact{color:#6b7280;font-style:italic;margin:1rem 0}.audio-settings .waiting-room .loading-bar{background-color:#e5e7eb;border-radius:8px;height:10px;margin:1rem 0;overflow:hidden;width:100%}.audio-settings .waiting-room .loading-bar .loading-progress{animation:loading 8s linear infinite;background:linear-gradient(90deg,#3b82f6,#60a5fa);height:100%;width:100%}@keyframes loading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.audio-settings .waiting-room .waiting-queue{margin-top:2rem;text-align:left}.audio-settings .waiting-room .waiting-queue h2{color:#111827;font-size:1.2rem;margin-bottom:.5rem}.audio-settings .waiting-room .waiting-queue ul{list-style:none;padding:0}.audio-settings .waiting-room .waiting-queue ul li{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.audio-settings .waiting-room .waiting-queue ul li span{color:#374151;font-size:.9rem}.audio-settings .waiting-room .waiting-queue ul li button{background-color:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;padding:.4rem 1rem;transition:background-color .2s}.audio-settings .waiting-room .waiting-queue ul li button:hover{background-color:#d97706}.footer-container{background-color:#333;bottom:0;color:#fff;padding:40px 0;position:relative;text-align:center;width:100%}.footer-container .footer-content{align-items:flex-start;display:flex;justify-content:space-around;margin-bottom:20px}.footer-container .footer-content .footer-section{flex:1 1;max-width:300px}.footer-container .footer-content .footer-section h2{color:#0af;font-size:1.5rem;margin-bottom:10px}.footer-container .footer-content .footer-section p{font-size:1rem;line-height:1.6}.footer-container .footer-content .footer-section ul{list-style:none;padding:0}.footer-container .footer-content .footer-section ul li{margin-bottom:10px}.footer-container .footer-content .footer-section ul li a{color:#fff;font-size:1rem;text-decoration:none}.footer-container .footer-content .footer-section ul li a:hover{text-decoration:underline}.footer-container .footer-content .footer-section .footer-socials a{color:#fff;font-size:1.5rem;margin:0 10px}.footer-container .footer-content .footer-section .footer-socials a:hover{color:#0af}.footer-container .footer-bottom{border-top:1px solid #444;padding-top:10px}.footer-container .footer-bottom p{color:#ccc;font-size:.9rem}.footer-container{background:linear-gradient(90deg,#111827,#1f2937);color:#f9fafb;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:3rem 2rem 1rem}.footer-container .footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;max-width:1300px;padding-bottom:2rem}.footer-container .footer-section h2{border-bottom:2px solid #3b82f6;color:#fff;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem;text-transform:uppercase}.footer-container .footer-section a,.footer-container .footer-section li,.footer-container .footer-section p{color:#d1d5db;font-size:.95rem;line-height:1.6;text-decoration:none}.footer-container .footer-section a:hover{color:#3b82f6;text-decoration:underline}.footer-container .footer-section ul{list-style:none;padding:0}.footer-container .footer-socials{display:flex;flex-direction:column;gap:.5rem}.footer-container .footer-socials .social-icon{align-items:center;color:#f9fafb;display:flex;font-size:1rem;gap:.5rem;transition:all .3s ease}.footer-container .footer-socials .social-icon:hover{color:#3b82f6;transform:translateX(4px)}.footer-container .footer-socials .social-icon .social-text{font-size:.95rem}.footer-container .newsletter-footer{background-color:#1f2937;border-top:1px solid #374151;padding:2rem 1rem}.footer-container .newsletter-footer .newsletter-form-footer{margin:0 auto;max-width:700px;text-align:center}.footer-container .newsletter-footer .newsletter-form-footer h3{color:#f3f4f6;font-size:1.2rem;margin-bottom:1rem}.footer-container .newsletter-footer .newsletter-form-footer .newsletter-input-group{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.footer-container .newsletter-footer .newsletter-form-footer .newsletter-input-group input{border:none;border-radius:5px;font-size:.95rem;padding:.75rem 1rem;width:250px}.footer-container .newsletter-footer .newsletter-form-footer .newsletter-input-group button{align-items:center;background-color:#3b82f6;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:.5rem;padding:.75rem 1.25rem;transition:background-color .3s ease}.footer-container .newsletter-footer .newsletter-form-footer .newsletter-input-group button:hover{background-color:#2563eb}.footer-container .newsletter-footer .newsletter-form-footer .newsletter-input-group button:disabled{background-color:#9ca3af;cursor:not-allowed}.footer-container .newsletter-footer .newsletter-form-footer .newsletter-input-group button .send-icon{font-size:1.1rem}.footer-container .newsletter-footer .newsletter-form-footer .newsletter-input-group .newsletter-icon{color:#3b82f6;font-size:1.3rem}.footer-container .newsletter-footer .newsletter-form-footer .newsletter-feedback{font-size:.95rem;margin-top:1rem}.footer-container .newsletter-footer .newsletter-form-footer .newsletter-feedback.success{color:#10b981}.footer-container .newsletter-footer .newsletter-form-footer .newsletter-feedback.error{color:#ef4444}.footer-container .footer-bottom{border-top:1px solid #374151;color:#9ca3af;font-size:.85rem;margin-top:2rem;padding-top:1rem;text-align:center}@media(max-width:768px){.footer-container{padding:2rem 1rem}.footer-container .newsletter-input-group{flex-direction:column}.footer-container .newsletter-input-group button,.footer-container .newsletter-input-group input{width:100%}}.impressum-container{background-color:#fefefe;color:#222;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:1100px;padding:4rem 2rem}@media(max-width:768px){.impressum-container{padding:2rem 1.5rem}}.impressum-title{color:#1c1c1c;font-size:2.6rem;font-weight:600;margin-bottom:3rem;text-align:center}.impressum-title:after{background-color:#0073e6;border-radius:2px;content:"";display:block;height:3px;margin:1rem auto 0;width:60px}.impressum-content{display:flex;flex-direction:column;gap:2.5rem}.impressum-section{background-color:#fff;border-left:4px solid #0073e6;border-radius:4px;box-shadow:0 1px 3px #0000000d;padding:1.5rem 1.5rem 1.5rem 1.8rem}.impressum-section h2{color:#036;font-size:1.3rem;font-weight:500;margin-bottom:.8rem}.impressum-section p{font-size:1rem;line-height:1.6;white-space:pre-line}.impressum-section strong{color:#111;font-weight:600}.application-form{background-color:#f9f9f9;border-radius:8px;box-shadow:0 0 10px #0000001a;font-family:Arial,sans-serif;margin:0 auto;max-width:600px;padding:20px}.application-form .section{margin-bottom:20px}.application-form .section h2{color:#333;font-size:1.5rem;margin-bottom:10px}.application-form .section .form-row{display:flex;flex-direction:column;margin-bottom:15px}.application-form .section .form-row label{font-weight:700;margin-bottom:5px}.application-form .section .form-row input,.application-form .section .form-row select{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:10px}.application-form .section .form-row input[type=file]{display:none}.application-form .section .form-row button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px}.application-form .section .form-row button:hover{background-color:#0056b3}.application-form .section .form-row span{color:#555;font-size:.9rem;margin-left:10px}.application-form .tooltip{cursor:pointer;display:inline-block;position:relative}.application-form .tooltip-icon{background:#007bff;border-radius:50%;color:#fff;height:20px;line-height:20px;margin-left:5px;text-align:center;width:20px}.application-form .tooltip-text{background-color:#333;border-radius:6px;bottom:125%;color:#fff;left:50%;margin-left:-110px;opacity:0;padding:5px;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:220px;z-index:1}.application-form .tooltip-text:after{border:5px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.application-form .tooltip:hover .tooltip-text{opacity:1;visibility:visible}.application-form .form-actions{display:flex;justify-content:space-between}.application-form .form-actions button{width:48%}h1{font-size:28px;margin-bottom:30px}form{margin-bottom:20px;padding:20px}form input{border:1px solid #ccc;border-radius:5px;font-size:14px;margin-bottom:15px;padding:12px;transition:border-color .2s;width:100%}form input:focus{border-color:#007bff;outline:none}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .2s}button:hover{background-color:#0062cc}button:disabled{background-color:#ccc;cursor:not-allowed}.section{margin-bottom:20px}.unterschriften{display:flex;justify-content:space-between;margin-top:50px;padding:10px 0}.unterschriften p{flex:1 1;font-size:14px;font-weight:700;margin:0 20px;text-align:center}.agb-container{background-color:#fff;color:#1f1f1f;font-family:Segoe UI,Helvetica Neue,sans-serif;margin:0 auto;max-width:1100px;padding:4rem 2rem}@media(max-width:768px){.agb-container{padding:2.5rem 1.5rem}}.agb-container h1{color:#1a1a1a;font-size:2.4rem;font-weight:600;margin-bottom:3rem;text-align:center}.agb-container h1:after{background-color:#0073e6;border-radius:3px;content:"";display:block;height:3px;margin:1rem auto 0;width:60px}.agb-container h2{color:#036;font-size:1.4rem;font-weight:500;margin-bottom:1rem;margin-top:2.5rem}.agb-container p{color:#2e2e2e;font-size:1.05rem;line-height:1.7;margin-bottom:1rem}.agb-container .bold{font-weight:600;margin-top:2rem}.agb-container .footer{border-top:1px solid #ddd;margin-top:4rem;padding-top:1.5rem;text-align:center}.agb-container .footer p{color:#777;font-size:.95rem}.rechnung-form{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000012;font-family:Inter,sans-serif;margin:40px auto;max-width:900px;padding:40px}.rechnung-form h2{color:#1a1a1a;font-size:28px;margin-bottom:32px;text-align:center}.rechnung-form form{display:flex;flex-direction:column;gap:24px}.rechnung-form form .form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.rechnung-form form .form-group input,.rechnung-form form .form-group select{border:1px solid #ccc;border-radius:8px;font-size:15px;padding:12px 16px;transition:border-color .3s;width:100%}.rechnung-form form .form-group input:focus,.rechnung-form form .form-group select:focus{border-color:#007bff;outline:none}.rechnung-form form .vorschlaege{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000000d;margin-top:6px;max-height:200px;overflow-y:auto}.rechnung-form form .vorschlaege li{cursor:pointer;font-size:14px;padding:12px 16px}.rechnung-form form .vorschlaege li:hover{background-color:#f5f5f5}.rechnung-form form .kunden-info{background-color:#f9fafb;border-left:4px solid #007bff;border-radius:8px;color:#333;font-size:14px;padding:16px 24px}.rechnung-form form .kunden-info p{margin:4px 0}.rechnung-form form .dienstleistungen{border-collapse:collapse;margin-top:16px;width:100%}.rechnung-form form .dienstleistungen thead{background:#f2f2f2}.rechnung-form form .dienstleistungen thead th{border-bottom:2px solid #ddd;color:#444;font-weight:600;padding:12px;text-align:left}.rechnung-form form .dienstleistungen tbody tr{border-bottom:1px solid #eee}.rechnung-form form .dienstleistungen tbody tr td{padding:10px;vertical-align:middle}.rechnung-form form .dienstleistungen tbody tr td input{border:1px solid #ccc;border-radius:6px;font-size:14px;padding:8px;width:100%}.rechnung-form form .dienstleistungen tbody tr td input:disabled{background:#f0f0f0;color:#888}.rechnung-form form .dienstleistungen tbody tr td button{background:none;border:none;color:#d9534f;cursor:pointer;font-size:18px}.rechnung-form form .dienstleistungen tbody tr td button:hover{color:#b52b27}.rechnung-form form .add-btn{align-self:flex-start;background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:12px;padding:10px 18px;transition:background .3s}.rechnung-form form .add-btn:hover{background:#0056b3}.rechnung-form form .summe{background-color:#f8f9fa;border:1px solid #e2e6ea;border-radius:8px;font-size:16px;padding:20px 24px}.rechnung-form form .summe p{margin:6px 0}.rechnung-form form .summe strong{color:#1a1a1a;font-size:18px}.rechnung-form form .submit-btn{background-color:#28a745;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 24px;transition:background .3s}.rechnung-form form .submit-btn:hover{background-color:#218838}.rechnung-form form .error-msg{color:#d9534f;font-weight:500;margin-top:10px}.edit-faq-container{animation:fadeIn .4s ease-in;background-color:#f3f4f6;font-family:Inter,sans-serif;min-height:100vh;padding:60px 80px;width:100%}.edit-faq-container h1{color:#1f2937;font-size:2.8rem;font-weight:700;margin-bottom:40px;text-align:left}.edit-faq-container .edit-faq-form{background-color:#fff;border-radius:20px;box-shadow:0 16px 32px #0000001a;display:flex;flex-direction:column;gap:32px;padding:40px}.edit-faq-container .edit-faq-form label{color:#374151;display:flex;flex-direction:column;font-size:1.2rem;font-weight:600}.edit-faq-container .edit-faq-form label span{color:#4b5563;margin-bottom:12px}.edit-faq-container .edit-faq-form label input,.edit-faq-container .edit-faq-form label textarea{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:14px;font-size:1.05rem;padding:18px;transition:all .3s ease}.edit-faq-container .edit-faq-form label input:focus,.edit-faq-container .edit-faq-form label textarea:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633;outline:none}.edit-faq-container .edit-faq-form label textarea{min-height:180px;resize:vertical}.edit-faq-container .edit-faq-form .submit-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:18px;transition:all .3s ease}.edit-faq-container .edit-faq-form .submit-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 16px #2563eb4d}.edit-faq-container .edit-faq-form .submit-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.edit-faq-container .edit-faq-form .error-message{background-color:#fee2e2;border:1px solid #fca5a5;border-radius:12px;color:#b91c1c;font-size:1rem;margin-top:-16px;padding:16px;text-align:left}@media(max-width:768px){.edit-faq-container{padding:40px 20px}.edit-faq-container h1{font-size:2rem}.edit-faq-container .edit-faq-form{gap:24px;padding:30px}.edit-faq-container .edit-faq-form label{font-size:1rem}.edit-faq-container .edit-faq-form label input,.edit-faq-container .edit-faq-form label textarea{font-size:.95rem;padding:14px}.edit-faq-container .edit-faq-form .submit-button{font-size:1rem;padding:14px}}.reset-password-container{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;display:flex;flex-direction:column;font-family:Helvetica Neue,sans-serif;justify-content:center;margin:60px auto;max-width:450px;padding:40px;transition:transform .3s ease}.reset-password-container:hover{transform:translateY(-4px)}.reset-password-container h3{color:#333;font-size:28px;font-weight:700;margin-bottom:24px;text-align:center}.reset-password-container input{background-color:#f8f8f8;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-size:16px;margin-bottom:20px;padding:14px 20px;transition:all .3s ease;width:100%}.reset-password-container input:focus{background-color:#fff;border-color:#007bff;box-shadow:0 0 6px #007bff4d;outline:none}.reset-password-container button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 25px;transition:background-color .3s ease,transform .3s ease}.reset-password-container button:hover{background-color:#0056b3;transform:translateY(-2px)}.reset-password-container button:disabled{background-color:#b0c4de;cursor:not-allowed}.reset-password-container .error-message,.reset-password-container .success-message{font-size:14px;font-weight:500;margin-top:20px;text-align:center;transition:opacity .3s ease}.reset-password-container .success-message{color:#28a745}.reset-password-container .error-message{color:#dc3545}.reset-password-container .back-link{color:#007bff;font-size:14px;font-weight:500;margin-top:30px;text-decoration:none}.reset-password-container .back-link:hover{text-decoration:underline}.arbeitszeit-form{background:linear-gradient(180deg,#f7f9fb,#f4f6f9);display:flex;flex-direction:column;gap:28px;min-height:100vh;padding:40px;width:100%}.arbeitszeit-form h2{color:#1f1f1f;font-size:clamp(26px,2.6vw,36px);font-weight:700;padding:14px 28px}.arbeitszeit-form form,.arbeitszeit-form h2{background:#fff;border:1px solid #00000014;border-radius:20px;box-shadow:0 8px 24px #00000014}.arbeitszeit-form form{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:40px}.arbeitszeit-form form div{display:flex;flex-direction:column;gap:14px}.arbeitszeit-form form div label{color:#5a5f69;font-size:15px;font-weight:600}.arbeitszeit-form form div input{background:#fff;border:1px solid #00000014;border-radius:10px;box-shadow:inset 0 1px 3px #0000000d;color:#1f1f1f;font-size:16px;padding:14px 20px}.arbeitszeit-form form div input:focus-visible{outline:3px solid #3f82ff66;outline-offset:2px}.arbeitszeit-form form div ul{background:#fff;border:1px solid #00000014;border-radius:10px;box-shadow:0 8px 24px #00000014;list-style:none;margin:0;padding:0}.arbeitszeit-form form div ul li{border-bottom:1px solid #00000014;color:#1f1f1f;cursor:pointer;font-size:15px;padding:14px}.arbeitszeit-form form div ul li:last-child{border-bottom:none}.arbeitszeit-form form button{background:linear-gradient(180deg,#6ea8fe,#3f82ff);border:none;border-radius:10px;box-shadow:0 6px 18px #3f82ff40;color:#fff;cursor:pointer;font-size:16px;font-weight:600;grid-column:1/-1;padding:14px 20px}.arbeitszeit-form form button:focus-visible{outline:3px solid #3f82ff66;outline-offset:2px}.arbeitszeit-form form button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.arbeitszeit-form p{background:#fff;border:1px solid #00000014;border-radius:10px;box-shadow:0 8px 24px #00000014;font-size:15px;padding:14px;text-align:center}.arbeitszeit-form p.success{color:#28a745}.arbeitszeit-form p.error{color:#e63946}@media(max-width:1024px){.arbeitszeit-form{padding:28px}.arbeitszeit-form form{gap:20px;padding:28px}}@media(max-width:600px){.arbeitszeit-form{padding:20px}.arbeitszeit-form form{gap:14px;grid-template-columns:1fr;padding:20px}}*{scrollbar-color:#00000040 #0000;scrollbar-width:thin}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#00000040;border-radius:8px}.arbeitszeit-container{background:linear-gradient(180deg,#f9f9fc,#fff);color:#2b2b2b;display:flex;flex-direction:column;gap:28px;min-height:100vh;padding:36px;width:100%}.arbeitszeit-container h1{align-items:center;background:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 8px 22px #00000014;display:inline-flex;font-size:clamp(26px,2.4vw,36px);font-weight:700;gap:14px;letter-spacing:.3px;padding:14px 20px}.arbeitszeit-container h1 svg{color:#4f8dff;flex:0 0 auto;font-size:1.2em}.dienstleistung-section{background:#fff;border:1px solid #00000014;border-radius:20px;box-shadow:0 8px 22px #00000014;display:flex;flex-direction:column;gap:22px;padding:26px}.dienstleistung-section .dienstleistung-header{align-items:center;border-bottom:1px solid #00000014;display:flex;gap:18px;justify-content:space-between;padding-bottom:10px}.dienstleistung-section .dienstleistung-header h2{align-items:center;color:#2b2b2b;display:inline-flex;font-size:clamp(18px,1.6vw,22px);font-weight:600;gap:10px;margin:0}.dienstleistung-section .dienstleistung-header h2 svg{color:#4f8dff;font-size:1.1em}.dienstleistung-section .dienstleistung-header .details-button{align-items:center;background:linear-gradient(180deg,#6ea8fe,#4f8dff);border:1px solid #0000;border-radius:12px;box-shadow:0 6px 18px #4f8dff40;color:#fff;cursor:pointer;display:inline-flex;font-size:clamp(14px,1.2vw,16px);font-weight:600;gap:10px;padding:10px 20px}.dienstleistung-section .dienstleistung-header .details-button:focus-visible{outline:3px solid #4f8dff73;outline-offset:2px}.dienstleistung-section .dienstleistung-header .details-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.dienstleistung-section .dienstleistung-header .details-button svg{font-size:1.05em}.dienstleistung-section .arbeitszeit-box{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.dienstleistung-section .arbeitszeit-box .mitarbeiter-box{align-items:flex-start;background:#fff;border:1px solid #00000014;border-radius:16px;box-shadow:0 8px 22px #00000014;display:flex;gap:18px;justify-content:space-between;padding:20px}.dienstleistung-section .arbeitszeit-box .mitarbeiter-box .mitarbeiter-info{grid-gap:10px;display:grid;gap:10px}.dienstleistung-section .arbeitszeit-box .mitarbeiter-box .mitarbeiter-info p{color:#666e7a;font-size:clamp(14px,1.2vw,16px);line-height:1.35;margin:0}.dienstleistung-section .arbeitszeit-box .mitarbeiter-box .mitarbeiter-info p strong{color:#2b2b2b;font-weight:700}.dienstleistung-section .arbeitszeit-box .mitarbeiter-box .delete-button{align-items:center;background:linear-gradient(180deg,#e639461f,#e639460f);border:1px solid #e639464d;border-radius:12px;box-shadow:0 6px 18px #e6394640;color:#e63946;cursor:pointer;display:inline-flex;flex:0 0 auto;height:42px;justify-content:center;width:42px}.dienstleistung-section .arbeitszeit-box .mitarbeiter-box .delete-button:focus-visible{outline:3px solid #e6394666;outline-offset:2px}.dienstleistung-section .arbeitszeit-box .mitarbeiter-box .delete-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}.dienstleistung-section .arbeitszeit-box .mitarbeiter-box .delete-button svg{font-size:1.05rem}.no-data{background:#f9f9fc;border:1px dashed #00000014;border-radius:12px;color:#666e7a;font-size:clamp(14px,1.2vw,16px);padding:20px;width:100%}@media(max-width:1200px){.arbeitszeit-container{padding:26px}.dienstleistung-section{padding:20px}}@media(max-width:720px){.arbeitszeit-container{padding:20px}.dienstleistung-section{padding:14px}.dienstleistung-section .dienstleistung-header{align-items:stretch;flex-direction:column}.dienstleistung-section .dienstleistung-header .details-button{justify-content:center;width:100%}}.rechnung-detail{background-color:#fff;border-radius:1rem;box-shadow:0 8px 20px #0000000d;font-family:Segoe UI,sans-serif;margin:2rem auto;max-width:900px;padding:2rem}.rechnung-detail__title{color:#2c3e50;font-size:2rem;font-weight:600;margin-bottom:1.5rem}.rechnung-detail__info{display:flex;gap:1rem;margin-bottom:1rem}.rechnung-detail__info .rechnung-detail__label{color:#555;font-weight:700}.rechnung-detail__info .rechnung-detail__value{color:#333}.rechnung-detail__status-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.rechnung-detail .status-button{background-color:#3498db;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem;transition:all .2s ease-in-out}.rechnung-detail .status-button:hover{background-color:#2980b9}.rechnung-detail .delete-button{background-color:#e74c3c;margin-top:1.5rem}.rechnung-detail .delete-button:hover{background-color:#c0392b}.rechnung-detail .generate-pdf-button{background-color:#2ecc71;margin-left:1rem;margin-top:1.5rem}.rechnung-detail .generate-pdf-button:hover{background-color:#27ae60}.rechnung-detail__tabelle{margin-top:2rem}.rechnung-detail__tabelle h3{color:#34495e;font-size:1.4rem;margin-bottom:1rem}.rechnung-detail__tabelle .dienstleistung-tabelle{border-collapse:collapse;font-size:.95rem;width:100%}.rechnung-detail__tabelle .dienstleistung-tabelle thead{background-color:#3498db;color:#fff}.rechnung-detail__tabelle .dienstleistung-tabelle td,.rechnung-detail__tabelle .dienstleistung-tabelle th{border-bottom:1px solid #ddd;padding:.75rem;text-align:left}.rechnung-detail__tabelle .dienstleistung-tabelle tbody tr:nth-child(2n){background-color:#f9f9f9}.rechnung-detail__tabelle .dienstleistung-tabelle tbody tr:hover{background-color:#f1f1f1}.rechnung-detail__error,.rechnung-detail__loading{color:#999;font-size:1.2rem;margin-top:2rem;text-align:center}@media(max-width:600px){.rechnung-detail{padding:1rem}.rechnung-detail__info{flex-direction:column}.rechnung-detail .delete-button,.rechnung-detail .generate-pdf-button,.rechnung-detail .status-button{width:100%}.rechnung-detail .dienstleistung-tabelle{font-size:.85rem}.rechnung-detail .dienstleistung-tabelle td,.rechnung-detail .dienstleistung-tabelle th{padding:.5rem}}.aufgaben-list{background-color:#f4f6f9;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 20px;padding:20px}.aufgaben-list h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:30px;text-align:center}.aufgaben-list .error,.aufgaben-list .loading{color:#d9534f;font-size:1.2rem;text-align:center}.aufgaben-list .no-tasks{color:#999;font-size:1.2rem;text-align:center}.aufgaben-list .dienstleistungen-container{display:flex;flex-direction:column;gap:30px}.aufgaben-list .dienstleistung-box{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px;position:relative;transition:all .3s ease}.aufgaben-list .dienstleistung-box:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-5px)}.aufgaben-list .dienstleistung-box h2{color:#333;font-size:1.75rem;margin-bottom:15px}.aufgaben-list .dienstleistung-box .add-task-link{align-items:center;background-color:#0000;border:1px solid #007bff;border-radius:10px;color:#007bff;display:inline-flex;font-size:1rem;margin-bottom:20px;padding:8px 16px;text-decoration:none;transition:background-color .3s,color .3s}.aufgaben-list .dienstleistung-box .add-task-link:hover{background-color:#007bff;color:#fff}.aufgaben-list .dienstleistung-box .add-task-link .fa-plus{margin-right:10px}.aufgaben-list .dienstleistung-box .task-list{list-style:none;padding:0}.aufgaben-list .dienstleistung-box .task-list .task-item{background-color:#fff;border-radius:10px;box-shadow:0 2px 6px #0000001a;margin-bottom:20px;padding:15px;transition:background-color .3s,transform .3s}.aufgaben-list .dienstleistung-box .task-list .task-item:hover{background-color:#f8f9fa;transform:scale(1.02)}.aufgaben-list .dienstleistung-box .task-list .task-item .task-title{color:#333;font-size:1.25rem;font-weight:700;margin-bottom:10px}.aufgaben-list .dienstleistung-box .task-list .task-item p{color:#555;font-size:1rem;margin-bottom:15px}.aufgaben-list .dienstleistung-box .task-list .task-item .unteraufgaben-table{border-collapse:collapse;margin-top:20px;overflow:hidden;table-layout:fixed;width:100%}.aufgaben-list .dienstleistung-box .task-list .task-item .unteraufgaben-table td,.aufgaben-list .dienstleistung-box .task-list .task-item .unteraufgaben-table th{border:1px solid #e0e0e0;font-size:.9rem;padding:12px;text-align:left}.aufgaben-list .dienstleistung-box .task-list .task-item .unteraufgaben-table th{background-color:#f1f1f1;font-weight:700}.aufgaben-list .dienstleistung-box .task-list .task-item .unteraufgaben-table tr:hover{background-color:#f7f7f7}.aufgaben-list .dienstleistung-box .task-list .no-tasks{color:#888;font-size:1rem;padding:15px;text-align:center}.unteraufgabe-detail .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.unteraufgabe-detail .header .detail-title{font-size:2rem;font-weight:700}.unteraufgabe-detail .header button{background-color:#0000;border:none;color:#007bff;cursor:pointer;font-size:1.5rem;transition:color .3s}.unteraufgabe-detail .header button:hover{color:#0056b3}.unteraufgabe-detail .description,.unteraufgabe-detail .info-item,.unteraufgabe-detail .schwierigkeitsgrad,.unteraufgabe-detail .status{margin-bottom:20px}.unteraufgabe-detail .description h2,.unteraufgabe-detail .info-item h2,.unteraufgabe-detail .schwierigkeitsgrad h2,.unteraufgabe-detail .status h2{font-size:1.2rem;font-weight:600}.unteraufgabe-detail .description p,.unteraufgabe-detail .description span,.unteraufgabe-detail .info-item p,.unteraufgabe-detail .info-item span,.unteraufgabe-detail .schwierigkeitsgrad p,.unteraufgabe-detail .schwierigkeitsgrad span,.unteraufgabe-detail .status p,.unteraufgabe-detail .status span{color:#555;font-size:1rem}.unteraufgabe-detail .description input,.unteraufgabe-detail .description textarea,.unteraufgabe-detail .info-item input,.unteraufgabe-detail .info-item textarea,.unteraufgabe-detail .schwierigkeitsgrad input,.unteraufgabe-detail .schwierigkeitsgrad textarea,.unteraufgabe-detail .status input,.unteraufgabe-detail .status textarea{border:1px solid #ccc;border-radius:5px;font-size:1rem;margin-top:5px;padding:10px;width:100%}.unteraufgabe-detail .description textarea,.unteraufgabe-detail .info-item textarea,.unteraufgabe-detail .schwierigkeitsgrad textarea,.unteraufgabe-detail .status textarea{height:150px;resize:none}.unteraufgabe-detail .actions{display:flex;gap:15px}.unteraufgabe-detail .actions .save-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.unteraufgabe-detail .actions .save-button:hover{background-color:#218838}.unteraufgabe-detail .actions .delete-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.unteraufgabe-detail .actions .delete-button:hover{background-color:#c82333}.unteraufgabe-detail .back-link{color:#007bff;display:inline-block;font-size:1rem;margin-top:20px;text-decoration:none}.unteraufgabe-detail .back-link:hover{text-decoration:underline}.unteraufgabe-detail .no-data{color:#777;font-size:1.2rem;text-align:center}.unteraufgabe-detail .error,.unteraufgabe-detail .loading{color:#f8d7da;font-size:1.2rem;text-align:center}.create-unteraufgabe{background-color:#f9f9f9;border-radius:8px;margin:0 auto;max-width:600px;padding:20px}.create-unteraufgabe h2{color:#333;text-align:center}.create-unteraufgabe .form-group{margin-bottom:15px}.create-unteraufgabe .form-group label{color:#555;display:block;font-weight:700;margin-bottom:5px}.create-unteraufgabe .form-group input,.create-unteraufgabe .form-group select,.create-unteraufgabe .form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;transition:border-color .3s;width:100%}.create-unteraufgabe .form-group input:focus,.create-unteraufgabe .form-group select:focus,.create-unteraufgabe .form-group textarea:focus{border-color:#007bff;outline:none}.create-unteraufgabe .form-group textarea{min-height:80px;resize:vertical}.create-unteraufgabe button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background-color .3s;width:100%}.create-unteraufgabe button:hover{background-color:#0056b3}.create-unteraufgabe .message{color:#d9534f;font-weight:700;margin-top:15px;text-align:center}.create-aufgabe-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#333;margin:2rem auto;max-width:600px;padding:2rem}.create-aufgabe-container h2{color:#007bff;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.create-aufgabe-container form{display:flex;flex-direction:column;gap:1.5rem}.create-aufgabe-container form .form-group{display:flex;flex-direction:column;gap:.5rem}.create-aufgabe-container form .form-group label{color:#333;font-size:1.1rem}.create-aufgabe-container form .form-group input,.create-aufgabe-container form .form-group select{border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;padding:.8rem;transition:all .3s ease;width:100%}.create-aufgabe-container form .form-group input:focus,.create-aufgabe-container form .form-group select:focus{border-color:#007bff;box-shadow:0 0 5px #007bff66}.create-aufgabe-container form .form-group select{padding-right:2rem}.create-aufgabe-container form button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem;transition:background-color .3s ease}.create-aufgabe-container form button:hover{background-color:#0062cc}.create-aufgabe-container form button:active{background-color:#0056b3}.create-aufgabe-container .message{font-size:1rem;margin-top:1rem;text-align:center}.create-aufgabe-container .message.error{color:#e74c3c}.create-aufgabe-container .message.success{color:#28a745}.create-aufgabe-container .loading{color:#333;font-size:1.2rem;text-align:center}.antrag-container{color:#333;font-family:Segoe UI,sans-serif;padding:2rem}.antrag-container h1{align-items:center;color:#005f73;display:flex;font-size:2rem;gap:.5rem;margin-bottom:1.5rem}.antrag-container .icon-title{color:#0a9396}.antrag-container form{display:flex;flex-direction:column;gap:2rem}.antrag-container .antrag-card{background:#f9f9f9;border:1px solid #ddd;border-radius:1rem;box-shadow:0 4px 8px #0000000d;padding:1.5rem}.antrag-container .antrag-card .antrag-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.antrag-container .antrag-card .antrag-header h2{color:#023047;font-size:1.25rem}.antrag-container .antrag-card .antrag-header .remove{align-items:center;background:#0000;border:none;color:#e63946;cursor:pointer;display:flex;font-weight:600;gap:.4rem}.antrag-container .antrag-card .form-row{display:flex;flex-direction:column;margin-bottom:1rem}.antrag-container .antrag-card .form-row label{font-weight:500;margin-bottom:.25rem}.antrag-container .antrag-card .form-row input[type=date],.antrag-container .antrag-card .form-row input[type=text]{border:1px solid #ccc;border-radius:.5rem;font-size:1rem;padding:.5rem}.antrag-container .antrag-card .checkboxes{flex-direction:row;gap:2rem}.antrag-container .antrag-card .checkboxes label{align-items:center;display:flex;gap:.5rem}.antrag-container .antrag-card .date-row{display:flex;flex-wrap:wrap;gap:1rem}.antrag-container .antrag-card .date-row div{flex:1 1}.antrag-container .button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.antrag-container .button-group .icon-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:background .3s ease}.antrag-container .button-group .icon-btn.add{background-color:#94d2bd;color:#023047}.antrag-container .button-group .icon-btn.add:hover{background-color:#76c7ad}.antrag-container .button-group .icon-btn.remove{color:#e63946}.antrag-container .button-group .icon-btn.remove:hover{color:#b51728}.antrag-container .button-group .submit-btn{align-items:center;background-color:#0a9396;border:none;border-radius:.5rem;color:#fff;display:flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.7rem 1.5rem}.antrag-container .button-group .submit-btn:hover{background-color:#007f83}.antrag-container .button-group .submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.antrag-container .error-msg{color:#e63946;font-weight:700;margin-top:1rem}@media(max-width:768px){.antrag-container{padding:1rem}.antrag-container .date-row{flex-direction:column}.antrag-container .button-group{align-items:stretch;flex-direction:column}}.requests-container{align-items:center;background-color:#f9f9f9;display:flex;flex-direction:column;padding:20px}h1{margin-bottom:20px}.error-message,.loading,.no-requests{color:#666;font-size:1.2rem;margin-top:20px}.request-boxes{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.request-box{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px;transition:transform .2s;width:250px}.request-box:hover{transform:translateY(-5px)}.request-box p{color:#444;font-size:1rem;margin:10px 0}.request-box strong{color:#222}.add-request-button{align-items:center;display:flex;justify-content:flex-start;margin-bottom:20px}.add-request-link{text-decoration:none}.add-button,.add-request-link{align-items:center;color:#fff;display:flex}.add-button{background-color:#4caf50;border:none;border-radius:50%;cursor:pointer;font-size:24px;height:40px;justify-content:center;margin-right:10px;transition:background-color .3s ease;width:40px}.add-button:hover{background-color:#45a049}.wunsch-antrag-status{font-family:Arial,sans-serif;margin:0 auto;max-width:900px;padding:20px}.wunsch-antrag-status .title{color:#333;font-size:2rem;font-weight:600;margin-bottom:20px;text-align:center}.wunsch-antrag-status .antrag-details{background-color:#f9f9f9;border-radius:10px;padding:20px}.wunsch-antrag-status .antrag-details .antrag-info{margin-bottom:30px}.wunsch-antrag-status .antrag-details .antrag-info p{font-size:1rem;line-height:1.5;margin-bottom:8px}.wunsch-antrag-status .antrag-details .antrag-info p strong{color:#555;font-weight:600}.wunsch-antrag-status .antrag-details .status-info{background-color:#f1f1f1;border-left:5px solid #4caf50;border-radius:8px;margin-bottom:20px;padding:15px}.wunsch-antrag-status .antrag-details .status-info p{font-size:1rem;margin:5px 0}.wunsch-antrag-status .antrag-details .status-info strong{color:#333}.wunsch-antrag-status .antrag-details .actions{display:flex;gap:20px;justify-content:center;margin-top:20px}.wunsch-antrag-status .antrag-details .actions button{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:1.1rem;gap:10px;padding:10px 20px}.wunsch-antrag-status .antrag-details .actions button.accept-btn{background-color:#4caf50;color:#fff}.wunsch-antrag-status .antrag-details .actions button.accept-btn:hover{background-color:#45a049}.wunsch-antrag-status .antrag-details .actions button.accept-btn:disabled{background-color:#b0e5a8;cursor:not-allowed}.wunsch-antrag-status .antrag-details .actions button.reject-btn{background-color:#f44336;color:#fff}.wunsch-antrag-status .antrag-details .actions button.reject-btn:hover{background-color:#e53935}.wunsch-antrag-status .antrag-details .actions button.reject-btn:disabled{background-color:#f8d7da;cursor:not-allowed}.wunsch-antrag-status .antrag-details .actions .reason-input{margin-top:20px;width:100%}.wunsch-antrag-status .antrag-details .actions .reason-input label{color:#555;display:block;font-size:1rem;font-weight:500;margin-bottom:5px}.wunsch-antrag-status .antrag-details .actions .reason-input textarea{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:1rem;height:100px;padding:10px;resize:none;width:100%}.wunsch-antrag-status .antrag-details .actions .reason-input textarea:focus{border-color:#4caf50;outline:none}.wunsch-antrag-status .antrag-details .update-btn{margin-top:30px;text-align:center}.wunsch-antrag-status .antrag-details .update-btn button{background-color:#2196f3;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;padding:12px 30px}.wunsch-antrag-status .antrag-details .update-btn button:hover{background-color:#1976d2}.wunsch-antrag-status .antrag-details .update-btn button:disabled{background-color:#c7d8f2;cursor:not-allowed}.wunsch-antrag-status .antrag-details .message{background-color:#f9f9f9;border:1px solid #d32f2f;border-radius:5px;color:#d32f2f;font-size:1.1rem;margin-top:20px;padding:15px;text-align:center}.wunsch-antrag-status .loading{color:#4caf50;font-size:1.2rem;font-weight:700;text-align:center}.document-download{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif;margin:20px auto;max-width:800px;padding:20px}.document-download__title{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:10px}.document-download__subtitle{color:#666;font-size:1.1rem;margin-bottom:20px}.document-download__buttons{display:flex;flex-direction:column;gap:15px}.document-download__item{align-items:flex-start;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;padding:15px}.document-download__item:hover{box-shadow:0 4px 8px #0000001a;transition:all .3s ease}.document-download__button{align-items:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;padding:10px 20px;transition:background-color .3s}.document-download__button:hover{background-color:#0056b3}.document-download__button .react-icons{font-size:1.3rem;margin-right:10px}.document-download__button-text{font-weight:600}.document-download__description{color:#555;font-size:.9rem;margin-top:10px}@media(max-width:600px){.document-download{padding:15px}.document-download__title{font-size:1.6rem}.document-download__subtitle{font-size:1rem}.document-download__buttons{gap:10px}.document-download__item{padding:12px}.document-download__button{font-size:.95rem;padding:8px 18px}}.form-container{background-color:#f9f9f9;border-radius:12px;box-shadow:0 10px 20px #0000001a;font-family:Arial,sans-serif;margin:50px auto;padding:20px 40px}.form-container h2{color:#333;font-size:2rem;margin-bottom:20px;text-align:center}.form-container .message{background-color:#dff0d8;border:1px solid #d6e9c6;border-radius:8px;color:#3c763d;margin-bottom:20px;padding:10px;text-align:center}.form-container .form-group{margin-bottom:20px;width:800px}.form-container .form-group label{display:block;font-weight:700;margin-bottom:8px}.form-container .form-group input,.form-container .form-group textarea{border:1px solid #ccc;border-radius:8px;font-size:1rem;max-width:800px;padding:10px;transition:border .3s;width:100%}.form-container .form-group input:focus,.form-container .form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 5px #4caf504d;outline:none}.form-container .submit-button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:12px;transition:background-color .3s;width:100%}.form-container .submit-button:hover{background-color:#45a049}.form-container .submit-button:disabled{background-color:#9e9e9e;cursor:not-allowed}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#333;font-family:Roboto,sans-serif}.statistik-container{margin:0 auto;max-width:1200px;padding:2rem}.statistik-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.summary-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:2rem}.summary-cards .card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;font-size:1.25rem;font-weight:700;padding:1rem;text-align:center;transition:background-color .3s ease}.summary-cards .card:hover{background-color:#eaeaea}.filter-buttons{gap:1rem;margin-bottom:2rem}.filter-buttons button{background-color:#36a2eb;padding:.5rem 1rem}.filter-buttons button:hover{background-color:#168ad8}.filter-buttons button.active{background-color:#116caa}.chart-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1.5rem}.chart-container h3{color:#333;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.chart-container canvas{border-radius:8px;max-width:100%}.error,.loading{color:tomato;font-size:1.25rem;margin-top:2rem;text-align:center}.error{color:#e74c3c}@media(max-width:768px){.statistik-container{padding:1rem}.summary-cards{grid-template-columns:1fr}.filter-buttons{flex-direction:column}}.profile-wrapper{background:#f5f7fa;display:flex;justify-content:center;min-height:100vh;padding:2rem}.profile-card{background-color:#fff;border-radius:1rem;box-shadow:0 10px 25px #00000012;max-width:700px;padding:2.5rem;transition:all .3s ease;width:100%}.profile-title{color:#2a2e35;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.profile-details{display:flex;flex-direction:column;gap:1rem}.profile-item{border-bottom:1px solid #eee;color:#333;font-size:1rem;padding-bottom:.6rem}.profile-icon,.profile-item{align-items:center;display:flex}.profile-icon{color:#007acc;margin-right:.6rem}.profile-label{color:#444;font-weight:600;margin-right:.3rem;min-width:140px}.profile-value{color:#222}.profile-error,.profile-loading{color:#555;font-size:1.2rem;padding:3rem;text-align:center}.voucher-selector{color:#333;font-family:Roboto,sans-serif;margin:0 auto;max-width:900px;text-align:center}.voucher-selector h2{color:#222;font-size:32px;font-weight:700;margin-bottom:30px}.voucher-selector .voucher-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.voucher-selector .voucher-box{background:linear-gradient(135deg,#fff,#f7f7f7);border:3px solid #dedede;border-radius:20px;box-shadow:0 6px 12px #0000001a;display:flex;flex-direction:column;height:250px;justify-content:space-between;padding:30px 20px;position:relative;text-align:center;transition:all .3s ease}.voucher-selector .voucher-box:hover{border-color:#1d72b8;box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.voucher-selector .voucher-box .amount{color:#1d72b8;font-size:48px;font-weight:700;margin-bottom:20px}.voucher-selector .voucher-box .amount sup{color:#555;font-size:20px;font-weight:400;margin-left:4px;vertical-align:top}.voucher-selector .voucher-box .amount input{background:#f9f9f9;border:2px solid #ddd;border-radius:12px;color:#1d72b8;font-size:36px;font-weight:700;outline:none;padding:10px 15px;text-align:center;transition:border-color .3s ease;width:100%}.voucher-selector .voucher-box .amount input::placeholder{color:#bbb}.voucher-selector .voucher-box .amount input:focus{background:#fff;border-color:#1d72b8}.voucher-selector .voucher-box .amount input input::-webkit-inner-spin-button,.voucher-selector .voucher-box .amount input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.voucher-selector .voucher-box .amount input[type=number]{-moz-appearance:textfield}.voucher-selector .voucher-box .controls{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:15px}.voucher-selector .voucher-box .controls button{background:#1d72b8;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;font-weight:700;height:50px;transition:all .3s ease;width:50px}.voucher-selector .voucher-box .controls button:hover{background:#155a8a}.voucher-selector .voucher-box .controls button:disabled{background:#ccc;cursor:not-allowed}.voucher-selector .voucher-box .controls span{color:#333;font-size:24px;font-weight:700;min-width:50px;text-align:center}.voucher-selector .custom-box .amount input{font-size:32px}.kasse-container{background-color:#f4f6f9;border-radius:12px;display:flex;flex-direction:column;gap:20px;padding:5px}.action-buttons button,.btn,.keypad-btn{align-items:center;background-color:#8b8b90;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:90px;justify-content:center;transition:all .3s ease;width:90px}.action-buttons button:hover,.btn:hover,.keypad-btn:hover{background-color:#717177}.action-buttons button.btn-yes,.btn.btn-yes,.keypad-btn.btn-yes{background-color:#28a745}.action-buttons button.btn-cancel,.action-buttons button.btn-delete,.action-buttons button.btn-no,.btn.btn-cancel,.btn.btn-delete,.btn.btn-no,.keypad-btn.btn-cancel,.keypad-btn.btn-delete,.keypad-btn.btn-no{background-color:#dc3545;height:90px;width:100%}.action-buttons button.btn-10,.action-buttons button.btn-100,.action-buttons button.btn-2,.action-buttons button.btn-20,.action-buttons button.btn-200,.action-buttons button.btn-5,.action-buttons button.btn-50,.action-buttons button.btn-confirm,.action-buttons button.btn-other,.action-buttons button.btn-pay,.btn.btn-10,.btn.btn-100,.btn.btn-2,.btn.btn-20,.btn.btn-200,.btn.btn-5,.btn.btn-50,.btn.btn-confirm,.btn.btn-other,.btn.btn-pay,.keypad-btn.btn-10,.keypad-btn.btn-100,.keypad-btn.btn-2,.keypad-btn.btn-20,.keypad-btn.btn-200,.keypad-btn.btn-5,.keypad-btn.btn-50,.keypad-btn.btn-confirm,.keypad-btn.btn-other,.keypad-btn.btn-pay{font-weight:700;height:90px;width:100%}.action-buttons button.btn-pay,.btn.btn-pay,.keypad-btn.btn-pay{font-size:1.2rem}.kasse-layout{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.kasse-layout .left-buttons{grid-gap:5px;align-items:center;background-color:#f4f6f9;border-radius:12px;display:grid;gap:5px;grid-template-columns:repeat(5,1fr)}.kasse-layout .scanned-products-container{display:flex;flex-direction:column;gap:10px;height:100vh;padding-bottom:90px;position:relative;width:100%}.kasse-layout .scanned-products{background:#fff;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:15px;max-height:calc(100vh - 120px);overflow-y:auto;padding:20px}.kasse-layout .total-products{background:#f2ecae;border-radius:12px;bottom:10px;left:53%;max-width:910px;padding:15px;position:fixed;text-align:center;width:100%}.kasse-layout .total-products table{border-collapse:collapse;width:100%}.kasse-layout .total-products table td{font-size:16px;padding:10px}.kasse-layout .total-products table tr:nth-child(odd){background-color:#f2ecae}.kasse-layout .total-products table tr:last-child{font-weight:700}.kasse-layout .numeric-keypad-container .keypad{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(3,90px);margin:0}.kasse-layout .numeric-keypad-container .action-buttons{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(2,90px);max-width:300px;width:100%}.scan-input{align-items:center;display:flex;gap:5px}.scan-input input{border:1px solid #e9ecef;border-radius:12px;flex:1 1;padding:10px}.scan-input input:focus{border-color:#8b8b90;outline:none}.product-list{width:100%}.product-item{background-color:#f8f8f8;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:12px;transition:all .2s ease-in-out;width:100%}.product-item:hover{background-color:#e9f5ff;border-color:#007bff}.product-item.selected{background-color:#d4edda;border-color:#28a745}.product-article-number{color:#555;font-size:1.1rem;font-weight:700}.product-name{font-size:1rem;font-weight:500;margin-bottom:4px}.total-price{color:#000;font-size:1.1rem}.product-discounts{color:#888;font-size:.9rem;margin-top:5px}.discount-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,225px);justify-content:center}.discount-buttons .discount-btn{background-color:#4caf50;color:#fff;font-weight:700;height:90px;width:225px}.discount-buttons .discount-btn:hover{background-color:#3d8b40}.discount-buttons .back-button{background-color:#dc3545;grid-column:span 2}.discount-buttons .back-button:hover{background-color:#bd2130}.discount-buttons .next-button{background-color:#007bff;grid-column:span 2}.discount-buttons .next-button:hover{background-color:#0062cc}.currency-buttons{display:flex;gap:5px;justify-content:space-between}.btn-currency{background-color:#8b8b90;border-radius:12px;color:#fff;font-size:14px;height:90px;width:90px}.btn-currency:hover{background-color:#717177}.btn-eft{background-color:#4caf50;border:none;border-radius:12px;color:#fff}.btn-eft:hover{background-color:#3d8b40}.number{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:12px;display:flex;height:50px;justify-content:center;padding:5px;width:160px}.number .quantity-display{background-color:#0000;border:none;color:#8b8b90;font-size:1.5rem;outline:none;pointer-events:none;text-align:center;width:100%}.input-container{align-items:center;background-color:#fff;background-color:#f2ecae;border-radius:12px;display:flex;flex-direction:column;gap:8px;height:90px;margin-bottom:10px;padding:15px}.input-container label{font-weight:700}.input-container input{border:1px solid #e9ecef;border-radius:12px;padding:10px;text-align:center;width:100%}.input-container .number{align-items:center;background-color:#fff;border:1px solid #e9ecef;border-radius:12px;display:flex;height:50px;justify-content:center;padding:5px;width:160px}.input-container .number .quantity-display{background-color:#0000;border:none;color:#8b8b90;font-size:1.5rem;outline:none;pointer-events:none;text-align:center;width:100%}.payment-prompt-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.payment-prompt-box{background-color:#fff;border-radius:16px;box-shadow:0 10px 20px #0003;max-width:90%;padding:30px;text-align:center;transition:transform .3s ease-in-out;width:500px}.payment-prompt-text{color:#333;font-size:24px;font-weight:700;margin-bottom:20px}.payment-prompt-subtext{color:#666;font-size:16px;margin-bottom:15px}.payment-prompt-card-selection{margin-top:20px}.payment-prompt-card-title{color:#333;font-size:18px;font-weight:600;margin-bottom:10px}.card-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.payment-prompt-card-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:8px;color:#333;cursor:pointer;font-size:16px;padding:12px 20px;transition:all .3s ease-in-out;width:120px}.payment-prompt-card-button.selected{background-color:#007bff;border-color:#007bff;color:#fff;transform:scale(1.1)}.payment-prompt-card-button:hover{background-color:#e0e0e0}.payment-prompt-buttons{display:flex;gap:15px;justify-content:space-between}.payment-prompt-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:15px 30px;transition:background-color .3s ease;width:48%}.payment-prompt-button.cancel{background-color:#f44336;color:#fff}.payment-prompt-button.continue{background-color:#4caf50;color:#fff}.payment-prompt-button:hover{opacity:.9}.payment-prompt-button:disabled{background-color:#ccc;cursor:not-allowed}.receipt-popup-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.receipt-popup-box{background-color:#fff;border-radius:16px;box-shadow:0 10px 20px #0003;max-width:90%;padding:30px;text-align:left;transition:transform .3s ease-in-out;width:500px}.receipt-popup-box h2{color:#333;font-size:24px;font-weight:700;margin-bottom:20px}.receipt-popup-box p{color:#666;font-size:16px;margin-bottom:10px}.receipt-popup-box hr{border:1px solid #ccc;margin:20px 0}.receipt-popup-box button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px;transition:background-color .3s ease;width:100%}.receipt-popup-box button:hover{background-color:#45a049}.kasse-login-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-image:url(/static/media/everest.f44d39fc62c47655e0b9.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh}.kasse-login-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffbf;border-radius:20px;box-shadow:0 10px 25px #0000004d;padding:30px 20px;text-align:center;transition:transform .3s ease;width:340px}.input-display{background-color:#aaa;border:2px solid #0000;border-radius:10px;color:#333;font-size:22px;margin-bottom:25px;outline:none;padding:15px;text-align:center;transition:border-color .3s ease;width:100%}.input-display::placeholder{color:#aaa}.input-display:focus{border-color:#4caf50}.keypad-container{background:#f0f0f0e6;border-radius:15px;box-shadow:inset 0 5px 10px #0000001a;padding:20px}.keypad{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);justify-items:center;margin:10px 0}.keypad-button{background-color:#333;border:none;border-radius:15px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;font-size:26px;height:70px;transition:background-color .3s ease,transform .2s ease;width:70px}.keypad-button:hover{background-color:#555;box-shadow:0 8px 20px #0000004d;transform:scale(1.05)}.keypad-button:active{background-color:#1a1a1a;box-shadow:inset 0 3px 5px #0003}.keypad-button:focus{outline:none}.keypad-button:disabled{background-color:#ccc;cursor:not-allowed}.login-btn{background-color:#4caf50;border:none;border-radius:10px;box-shadow:0 8px 15px #4caf504d;color:#fff;cursor:pointer;font-size:20px;margin-top:15px;padding:15px 0;transition:background-color .3s ease,transform .2s ease;width:100%}.login-btn:hover{background-color:#3d8b40;box-shadow:0 12px 20px #4caf5066;transform:translateY(-3px)}.login-btn:active{background-color:#357a38;box-shadow:0 5px 10px #4caf5033;transform:translateY(1px)}.login-btn:focus{outline:none}@media(max-width:768px){.kasse-login-box{padding:20px;width:280px}.keypad-button{font-size:22px;height:60px;width:60px}}.kassen-übersicht{color:#000;font-family:Corbel,sans-serif;height:100vh;justify-content:space-between;padding:20px}.kassen-übersicht,.kassen-übersicht__header{align-items:center;display:flex;flex-direction:column}.kassen-übersicht__header{margin-top:20px;text-align:center}.kassen-übersicht__image{border-radius:10px;box-shadow:0 4px 6px #0000001a;height:200px;object-fit:cover;width:200px}.kassen-übersicht__text-wrapper{align-items:center;display:flex;justify-content:center;margin-top:10px}.kassen-übersicht__text-tb{margin-right:10px}.kassen-übersicht__text,.kassen-übersicht__text-tb{font-size:2rem;font-weight:700}.kassen-übersicht__links{align-items:center;bottom:20px;display:flex;gap:15px;justify-content:space-around;padding:0 20px;position:absolute;width:100%}.kassen-übersicht .link{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#000;display:flex;flex:1 1;font-size:calc(1rem + .5vw);justify-content:center;padding:15px;text-align:center;text-decoration:none;transition:all .3s ease}.kassen-übersicht .link:hover{background-color:#000;color:#fff}.kassen-übersicht .link:active{transform:scale(.98)}.income-expense-container{align-items:stretch;background:linear-gradient(to bottom right,#f3f6fb,#e7eefc);color:#1f2937;display:flex;flex-direction:column;font-family:Inter,Segoe UI,Corbel,system-ui,-apple-system,Arial,sans-serif;min-height:100vh;padding:24px 24px 96px}.top-section{grid-gap:16px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 4px 12px #11182714;display:grid;gap:16px;grid-template-columns:1fr 1fr .6fr;left:0;padding:18px;position:sticky;right:0;top:0;z-index:10}.top-section .form-group{display:flex;flex-direction:column;gap:8px}.top-section .form-group label{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.2px}.top-section .form-group input,.top-section .form-group select{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#1f2937;font-size:16px;height:48px;outline:none;padding:0 14px;width:100%}.top-section .form-group input:disabled,.top-section .form-group select:disabled{background:#f5f7fb;color:#6b7280}.entry-table{background:#fff;border:1px solid #e5e7eb;border-collapse:initial;border-radius:14px;border-spacing:0;box-shadow:0 4px 12px #11182714;margin-top:18px;overflow:hidden;width:100%}.entry-table thead th{background:#f5f7fb;color:#6b7280;font-size:13px;font-weight:700;position:sticky;text-align:left;top:84px}.entry-table tbody td,.entry-table thead th{border-bottom:1px solid #e5e7eb;padding:14px 16px}.entry-table tbody td{color:#1f2937;font-size:15px}.entry-table tbody tr:nth-child(odd) td{background:#fafbff}.entry-table tbody tr:last-child td{border-bottom:none}.entry-table tbody tr.selected td{background:#e6f0ff}.no-data{color:#6b7280;padding:20px!important;text-align:center}.keypad-section{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 8px 24px #1118271a;padding:18px;position:fixed;right:24px;top:50%;transform:translateY(-50%);width:320px;z-index:1000}.number-pad{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:14px}.number-pad button{background:#f5f7fb;border:1px solid #d1d5db;border-radius:10px;color:#1f2937;cursor:pointer;font-size:22px;font-weight:700;height:64px}.number-pad button:active{background:#e9eefb}.action-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.action-buttons button{border:1px solid #0000;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;height:48px}.action-buttons button:first-child{background:#ef4444;color:#fff}.action-buttons button:last-child{background:#2563eb;color:#fff}.action-buttons button:active{filter:brightness(.95)}.bottom-buttons{grid-gap:10px;-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px);background:#ffffffe6;border-top:1px solid #e5e7eb;bottom:0;display:grid;gap:10px;grid-template-columns:repeat(10,1fr);left:0;padding:14px 24px;position:fixed;right:0}.bottom-buttons button{background:#f5f7fb;border:1px solid #d1d5db;border-radius:10px;color:#1f2937;font-size:15px;font-weight:700;height:56px}.bottom-buttons button:disabled{background:#e5e7eb;border-color:#e5e7eb;color:#9ca3af}.bottom-buttons button:nth-child(2),.bottom-buttons button:nth-child(3),.bottom-buttons button:nth-child(7),.bottom-buttons button:nth-child(8),.bottom-buttons button:nth-child(9),.bottom-buttons button[data-variant=primary]{background:#2563eb;border-color:#0000;color:#fff}.bottom-buttons button.is-active{background:#1d4ed8;color:#fff}.bottom-buttons button:active{filter:brightness(.96)}.bottom-buttons button:first-child,.bottom-buttons button:last-child,.bottom-buttons button:nth-child(4){background:#0000;border:1px dashed #d1d5db;color:#6b7280}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.receipts-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 10px #0000001a;max-width:1200px;padding:2rem;width:80%}h1{color:#333;font-size:2.5rem}.calendar-container{display:flex;justify-content:center;margin-bottom:2rem}.calendar{background-color:#f9fafb;border:none;font-family:Roboto,sans-serif;width:300px}.calendar,.react-calendar{border-radius:12px}.react-calendar__tile{background-color:#fff;border-radius:8px;font-size:1rem;padding:1.5rem;transition:background-color .3s ease,color .3s ease}.react-calendar__tile--active{background-color:#4f46e5;color:#fff}.react-calendar__tile--now{background-color:#e2e8f0}.react-calendar__navigation button,.react-calendar__tile:hover{background-color:#4f46e5;color:#fff}.react-calendar__navigation button{border:none;border-radius:8px;font-size:1rem;font-weight:700;margin-top:10px;padding:.5rem 1.5rem;transition:background-color .3s}.react-calendar__navigation button:hover{background-color:#3730a3}.react-calendar__navigation button:disabled{background-color:#b6b6b6}.table-container{margin-top:2rem;overflow-x:auto}.receipts-table{border-collapse:collapse;border-radius:12px;box-shadow:0 4px 10px #0000001a;overflow:hidden;width:100%}.receipts-table thead{background-color:#4f46e5;color:#fff}.receipts-table td,.receipts-table th{word-wrap:break-word;font-size:1rem;padding:1rem;text-align:center}.receipts-table tbody tr{transition:background .3s}.receipts-table tbody tr:hover{background-color:#f0f0ff;cursor:pointer}.loading-message{color:#888;font-size:1.2rem;text-align:center}.pdf-viewer-container{border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 10px #0000001a;height:70vh;margin-top:3rem;overflow:hidden;width:100%}@media(max-width:768px){.receipts-container{padding:1.5rem;width:90%}.calendar-container{margin-bottom:1.5rem}}.ueber-uns{animation:fadeIn .6s ease-in-out;background:linear-gradient(to bottom right,#f3f7fb,#eaf2f8);border-radius:20px;color:#2d3e50;font-family:Segoe UI,Roboto,sans-serif;line-height:1.7;padding:4rem 5vw}.ueber-uns h1{color:#1a5276;font-size:3rem;margin-bottom:2rem;position:relative;text-align:center}.ueber-uns h1:after{background-color:#3498db;border-radius:2px;content:"";display:block;height:4px;margin:1rem auto 0;width:60px}.ueber-uns h2{border-left:5px solid #3498db;color:#2e86c1;font-size:2rem;margin-top:3rem;padding-left:1rem}.ueber-uns p{background-color:#fff;border-left:4px solid #aed6f1;border-radius:10px;box-shadow:0 2px 6px #0000000a;font-size:1.1rem;margin:1rem 0;padding:1rem 1.5rem;transition:background-color .3s}.ueber-uns p:hover{background-color:#f9f9f9}.ueber-uns p em{color:#5d6d7e}.ueber-uns ul{margin-top:1rem;padding-left:2rem}.ueber-uns ul li{font-size:1.1rem;margin-bottom:.7rem;padding-left:1.4rem;position:relative}.ueber-uns ul li:before{color:#27ae60;content:"✔";font-size:1rem;left:0;position:absolute}.ueber-uns ul li strong{color:#1b4f72}.ueber-uns .feedback-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:2rem}.ueber-uns .feedback-section .feedback-card{background-color:#fff;border-left:5px solid #5dade2;border-radius:12px;box-shadow:0 5px 20px #0000000d;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.ueber-uns .feedback-section .feedback-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-5px)}.ueber-uns .feedback-section .feedback-card em{color:#7b8a8b;display:block;font-style:italic;margin-top:.8rem;text-align:right}.ueber-uns .partner-section{background:linear-gradient(90deg,#d6eaf8,#eaf2f8);border-left:6px solid #2980b9;border-radius:14px;margin-top:3rem;padding:2rem;text-align:center}.ueber-uns .partner-section p{background:none;border:none;color:#154360;font-size:1.2rem;font-weight:500}.ueber-uns .partner-section strong{color:#21618c}@media(max-width:768px){.ueber-uns{padding:2rem 1rem}.ueber-uns h1{font-size:2.2rem}.ueber-uns h2{font-size:1.5rem}.ueber-uns li,.ueber-uns p{font-size:1rem}}.gskarte-abfrage{align-items:center;background:linear-gradient(135deg,#f4f6f8,#e8ebef);color:#222;display:flex;flex-direction:column;font-family:Segoe UI,Roboto,sans-serif;min-height:100vh;padding-top:3rem;position:relative}.gskarte-abfrage .info-section{margin-bottom:3rem;text-align:center}.gskarte-abfrage .info-section h1{color:#111;font-size:2.5rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem}.gskarte-abfrage .info-section p{color:#555;font-size:1.2rem;margin-bottom:1rem}.gskarte-abfrage .info-section .status{background:#eef1f5;border-radius:.4rem;color:#222;display:inline-block;font-size:1.4rem;font-weight:600;margin-top:1rem;padding:.8rem 1.5rem}.gskarte-abfrage .info-section .status.loading{background:#e6f0ff;color:#004085}.gskarte-abfrage .info-section .status.error{background:#fdecea;color:#721c24}.gskarte-abfrage .info-section .status.success{background:#e8f5e9;color:#155724}.gskarte-abfrage .button-bar{align-items:center;background:#fff;border-top:1px solid #ddd;bottom:0;display:flex;gap:.5rem;justify-content:space-around;left:0;padding:.8rem 1rem;position:fixed;width:100%}.gskarte-abfrage .button-bar .btn{background:#4a90e2;border:none;border-radius:.4rem;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.9rem 0;text-align:center;text-decoration:none;transition:none}.gskarte-abfrage .button-bar .btn.btn-danger{background:#d9534f}.gskarte-abfrage .button-bar .btn.disabled{background:#c0c4c7;color:#fff;cursor:default}.gskarte-abfrage .button-bar .btn .icon{margin-right:.5rem}.download-summary{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.download-summary .invoice-header{color:#2d3e50;font-size:24px;margin-bottom:20px;text-align:center}.download-summary .services-list{margin-bottom:30px}.download-summary .services-list .services-title{color:#4f8a8b;font-size:18px;font-weight:700;margin-bottom:15px}.download-summary .services-list .service-item{margin-bottom:25px}.download-summary .services-list .service-item .service-name{color:#2d3e50;font-size:16px;font-weight:700}.download-summary .services-list .service-item .service-price,.download-summary .services-list .service-item .service-time{color:#333;font-size:14px}.download-summary .services-list .service-item .service-table{border-collapse:collapse;margin-top:10px;width:100%}.download-summary .services-list .service-item .service-table .table-header-cell{background-color:#f1a94d;color:#fff;padding:8px;text-align:center}.download-summary .services-list .service-item .service-table .table-cell{border:1px solid #ccc;padding:8px;text-align:center}.download-summary .services-list .service-item .service-table .employee-row:nth-child(2n){background-color:#f9f9f9}.download-summary .summary-container{border-top:2px solid #ccc;margin-top:20px;padding:20px}.download-summary .summary-container .summary-header{color:#2d3e50;font-size:18px;font-weight:700;margin-bottom:15px}.download-summary .summary-container .summary-text{color:#333;font-size:14px}.download-summary .pdf-download{font-size:16px;margin-top:20px;text-align:center}.download-summary .pdf-download a{background-color:#f1a94d;border-radius:5px;box-shadow:0 2px 6px #0000001a;color:#fff;padding:10px 20px;text-decoration:none;transition:background-color .3s}.download-summary .pdf-download a:hover{background-color:#ed921e}.customer-details{border-bottom:1px solid #ccc;margin-bottom:15px;padding-bottom:10px}.customer-details .customer-title{color:#2d3e50;font-size:18px;font-weight:700}.customer-details .customer-id,.customer-details .customer-name{color:#333;font-size:14px}.service-section{margin-bottom:20px}.service-section .service-title{color:#2d3e50;font-size:16px;font-weight:700}.service-section .service-price,.service-section .service-time{color:#333;font-size:14px}.service-section .employee-table{border-collapse:collapse;margin-top:15px;width:100%}.service-section .employee-table .table-header{background-color:#f1a94d;color:#fff}.service-section .employee-table .table-header .table-cell{padding:8px;text-align:center}.service-section .employee-table .employee-row:nth-child(2n){background-color:#f9f9f9}.service-section .employee-table .employee-row .table-cell{border:1px solid #ccc;padding:8px;text-align:center}.summary-section{border-top:2px solid #ccc;margin-top:25px;padding-top:15px}.summary-section .summary-text{color:#333;font-size:14px}.gskarte-details{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);color:#222;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;font-size:1.4rem;margin:0;min-height:100vh;padding:0}.gskarte-header{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:1.5rem 2.5rem;position:sticky;top:0}.gskarte-header .logo img{height:70px}.gskarte-header .device-info{color:#555;font-size:1.1rem;text-align:right}.error-message{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#dc354526;color:#b3001b;font-size:1.5rem;font-weight:700;padding:1.5rem;text-align:center}.details-container{align-items:flex-start;display:flex;flex:1 1;gap:3rem;padding:3rem}.details-container .gutschein-info,.details-container .personendaten{flex:1 1;font-size:1.6rem}.details-container .gutschein-info h2,.details-container .personendaten h2{border-bottom:2px solid #0000000d;font-size:2.2rem;font-weight:700;margin-bottom:1.2rem;padding-bottom:.5rem}.details-container .gutschein-info p,.details-container .personendaten p{line-height:1.5;margin:.5rem 0}.button-bar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border-top:1px solid #0000000d;display:flex;gap:1.5rem;padding:2rem 3rem}.button-bar .btn{border-radius:10px;color:#fff;flex:0 0 auto;font-size:1.4rem;font-weight:600;padding:1.2rem 2rem;text-decoration:none;transition:background .3s ease}.button-bar .btn.home-btn{background:#28a745}.button-bar .btn.home-btn:hover{background:#218838}.button-bar .btn .btn.disabled{background:#6c757d;cursor:not-allowed;opacity:.65;pointer-events:none}.button-bar .btn.btn-danger{background:#dc3545}.button-bar .btn.btn-danger:hover{background:#c82333}@media(max-width:900px){.details-container{flex-direction:column;padding:2rem}.gutschein-info,.personendaten{font-size:1.3rem}.button-bar .btn{font-size:1.2rem}}.artikel-anzeige{color:#333;font-family:Arial,sans-serif}.artikel-anzeige .artikel-detail-container{background:#fff;display:flex;flex-direction:column;gap:20px;padding:30px}.artikel-anzeige .header-section{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding-bottom:10px}.artikel-anzeige .header-section .artikel-nr{color:#555;font-size:1rem;font-weight:700}.artikel-anzeige .header-section .artikel-name{color:#222;font-size:1.6rem;font-weight:700}.artikel-anzeige .preis-section{align-items:center;background:#fef9e7;border:1px solid #f7dc6f;border-radius:8px;display:flex;font-weight:500;justify-content:space-between;padding:15px 20px}.artikel-anzeige .preis-section .preis-wert{color:#d4ac0d;font-size:2rem;font-weight:700}.artikel-anzeige .info-grid{display:flex;gap:20px}.artikel-anzeige .info-grid .info-column{display:flex;flex:1 1;flex-direction:column;gap:12px}.artikel-anzeige .info-grid .info-column .info-row{align-items:center;display:flex;justify-content:space-between}.artikel-anzeige .info-grid .info-column .info-row .label{color:#555;flex:1 1;font-weight:600}.artikel-anzeige .info-grid .info-column .info-row .box{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;color:#333;flex:1 1;padding:8px 12px;text-align:right}.artikel-anzeige .footer-grid{display:flex;gap:20px}.artikel-anzeige .footer-grid .footer-box{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:15px}.artikel-anzeige .footer-grid .footer-box .footer-label{color:#555;font-weight:600;margin-bottom:8px}.artikel-anzeige .button-bar{display:flex;gap:10px;justify-content:flex-end}.artikel-anzeige .button-bar button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:6px;color:#333;cursor:pointer;padding:10px 15px;transition:background-color .2s ease}.artikel-anzeige .button-bar button:hover{background-color:#e0e0e0}.artikel-anzeige .button-bar button.btn-übernehmen{background-color:#3498db;border:none;color:#fff;font-weight:600}.artikel-anzeige .button-bar button.btn-übernehmen:hover{background-color:#2e86c1}.artikel-anzeige .error-box{background:#ffefef;border:1px solid #ff7f7f;border-radius:8px;color:#c0392b;margin-bottom:20px;padding:15px}.customer-card-container{background:#f8f9fa;font-family:Arial,sans-serif;min-height:100vh;padding:30px}.customer-card-container .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.customer-card-container .header h2{color:#333;font-size:28px}.customer-card-container .header .btn-primary{background-color:#007bff;border-radius:8px;color:#fff;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.customer-card-container .header .btn-primary:hover{background-color:#0056b3}.customer-card-container .filter-fields{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.customer-card-container .filter-fields input{border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px #0000000d;flex:1 1 200px;font-size:16px;padding:12px 16px;transition:all .3s ease}.customer-card-container .filter-fields input:focus{border-color:#007bff;box-shadow:0 0 10px #007bff33;outline:none}.customer-card-container .filter-fields .btn-reset,.customer-card-container .filter-fields .btn-search{border:none;border-radius:8px;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s ease}.customer-card-container .filter-fields .btn-reset.btn-search,.customer-card-container .filter-fields .btn-search.btn-search{background-color:#28a745;color:#fff}.customer-card-container .filter-fields .btn-reset.btn-search:hover,.customer-card-container .filter-fields .btn-search.btn-search:hover{background-color:#218838}.customer-card-container .filter-fields .btn-reset.btn-reset,.customer-card-container .filter-fields .btn-search.btn-reset{background-color:#dc3545;color:#fff}.customer-card-container .filter-fields .btn-reset.btn-reset:hover,.customer-card-container .filter-fields .btn-search.btn-reset:hover{background-color:#c82333}.customer-card-container .table-wrapper{overflow-x:auto}.customer-card-container .table-wrapper .customer-table{background-color:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 4px 12px #0000000d;overflow:hidden;width:100%}.customer-card-container .table-wrapper .customer-table td,.customer-card-container .table-wrapper .customer-table th{padding:16px 12px;text-align:left}.customer-card-container .table-wrapper .customer-table th{background-color:#f1f1f1;color:#555;font-weight:600}.customer-card-container .table-wrapper .customer-table tbody tr{border-bottom:1px solid #e9ecef}.customer-card-container .table-wrapper .customer-table tbody tr:hover{background-color:#f8f9fa}.customer-card-container .table-wrapper .customer-table tbody tr .status{border-radius:20px;font-size:14px;font-weight:700;padding:6px 12px;text-transform:uppercase}.customer-card-container .table-wrapper .customer-table tbody tr .status.gold{background-color:rgba(255,215,0,.188);border:1px solid gold;color:#bfa200}.customer-card-container .table-wrapper .customer-table tbody tr .status.silver{background-color:hsla(0,0%,75%,.188);border:1px solid silver;color:#7d7d7d}.customer-card-container .table-wrapper .customer-table tbody tr .status.normal{background-color:hsla(0,0%,88%,.188);border:1px solid #aaa;color:#333}.customer-card-container .table-wrapper .customer-table .no-results{color:#999;font-style:italic;padding:20px;text-align:center}.add-points-container{align-items:center;background:linear-gradient(135deg,#e0eafc,#cfdef3);display:flex;justify-content:center;min-height:100vh;padding:20px}.add-points-container .card{animation:fadeIn .6s ease;background-color:#fff;border-radius:16px;box-shadow:0 12px 24px #0000001a;max-width:480px;padding:40px 30px;transition:transform .3s;width:100%}.add-points-container .card:hover{transform:translateY(-4px)}.add-points-container .card h2{color:#333;font-size:26px;margin-bottom:10px;text-align:center}.add-points-container .card .subtitle{color:#777;font-size:14px;margin-bottom:30px;text-align:center}.add-points-container .card form{display:flex;flex-direction:column}.add-points-container .card form .form-group{margin-bottom:20px}.add-points-container .card form .form-group label{color:#555;display:block;font-weight:600;margin-bottom:8px}.add-points-container .card form .form-group input{border:1px solid #ccc;border-radius:8px;font-size:15px;padding:12px 15px;transition:all .3s;width:100%}.add-points-container .card form .form-group input::placeholder{color:#aaa}.add-points-container .card form .form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.add-points-container .card form .info-box{background:#f1f8ff;border-left:4px solid #007bff;border-radius:8px;color:#333;font-size:14px;margin-bottom:25px;padding:12px 16px}.add-points-container .card form .info-box p{margin:4px 0}.add-points-container .card form .button-container{display:flex;justify-content:center}.add-points-container .card form .button-container button{align-items:center;background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:14px 20px;transition:background-color .3s,box-shadow .3s}.add-points-container .card form .button-container button:hover{background-color:#0056b3;box-shadow:0 6px 18px #007bff66}.add-points-container .card form .button-container button span{display:inline-block}.add-points-container .card form .alert{border-radius:8px;font-size:14px;font-weight:500;margin-top:20px;padding:12px;text-align:center}.add-points-container .card form .alert.success{background-color:#e6f9f0;border:1px solid #28a745;color:#28a745}.add-points-container .card form .alert.error{background-color:#fdecea;border:1px solid #dc3545;color:#dc3545}.add-points-container .card .footer-note{color:#555;font-size:13px;margin-top:30px;text-align:center}.add-points-container .card .footer-note .link{color:#007bff;cursor:pointer;text-decoration:underline;transition:color .2s}.add-points-container .card .footer-note .link:hover{color:#0056b3}.headline{color:#222;font-size:2.5rem;font-weight:600;margin-bottom:40px}.customer-card-form{display:flex;flex-direction:column;gap:20px;max-width:1000px}.input-row{display:flex;gap:20px;width:100%}.form-group{display:flex;flex:1 1;flex-direction:column}.form-group.full-width{width:100%}label{color:#555;font-size:.9rem;margin-bottom:8px}input{border-radius:8px;font-size:1rem;padding:12px 15px;transition:border-color .3s ease}input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.save-button{align-self:flex-start;background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:14px 28px;transition:background-color .3s ease,box-shadow .2s ease}.save-button:hover{background-color:#0056b3;box-shadow:0 4px 12px #007bff4d}.ort-dropdown{background:#fff;border:1px solid #ccc;box-shadow:0 2px 8px #00000026;list-style:none;margin:0;max-height:150px;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:10}.ort-dropdown li{cursor:pointer;padding:10px;transition:background-color .2s}.ort-dropdown li:hover{background-color:#f1f1f1}.ort-group{position:relative}.keyboard-container{background-color:#f5f5f5;border-radius:8px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:space-between;margin-top:120px;padding:20px;width:100%}.keyboard-rows{display:flex;flex-direction:column;gap:10px}.keyboard-row{display:flex;gap:10px;justify-content:space-between}.keyboard-key{background-color:#e0e0e0;border:1px solid #bdbdbd;border-radius:4px;color:#333;cursor:pointer;flex:1 1;font-size:18px;height:60px;min-width:60px;transition:background-color .2s,box-shadow .2s}.keyboard-key:hover{background-color:#d5d5d5}.keyboard-key.action{background-color:#ccc;min-width:100px}.keyboard-key.active{background-color:#999}.keyboard-key.delete{background-color:#f44336;color:#fff}.keyboard-key.delete:hover{background-color:#d32f2f}.keyboard-key.enter{background-color:#4caf50;color:#fff}.keyboard-key.enter:hover{background-color:#388e3c}.keyboard-bottom-row{display:flex;gap:10px;justify-content:center;margin-top:20px}.keyboard-bottom-button{background-color:#e0e0e0;border:1px solid #bdbdbd;border-radius:4px;color:#333;cursor:pointer;font-size:16px;padding:15px 25px;transition:background-color .2s}.keyboard-bottom-button:hover{background-color:#d5d5d5}.kundensuche-container{align-items:center;background:#f2f4f7;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:2rem}.kundensuche-form{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:2rem;width:100%}.input-field{display:flex;flex:1 1 150px;flex-direction:column;min-width:150px}.input-field label{color:#555;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.input-field input{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#111;font-size:14px;outline:none;padding:.6rem .8rem;transition:border .2s}.input-field.active input{background:#f3f4ff;border:2px solid #4f46e5}.result-table{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;margin-top:2rem;padding:1rem 1.5rem;width:100%}.result-table h3{color:#333;font-size:18px;font-weight:600;margin-bottom:1rem}.result-table table{border-collapse:collapse;width:100%}.result-table td,.result-table th{color:#333;font-size:14px;padding:.75rem 1rem;text-align:left}.result-table th{background:#f3f4f6;font-weight:600}.result-table th,.result-table tr{border-bottom:1px solid #e5e7eb}.result-table tr.selected{background-color:#eef2ff}.bottom-buttons{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:2rem}.bottom-buttons button{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:.6rem 1.2rem;transition:background .2s}.bottom-buttons button:disabled{background:#a5b4fc;cursor:not-allowed}.bottom-buttons .icon-button{background:#6b7280;color:#fff;font-weight:700}.job-posting-container{background-color:#f9f9f9;border-radius:8px;margin:0 auto;max-width:800px;padding:2rem}.job-posting-container .job-posting-title{font-size:24px;font-weight:700;margin-bottom:1.5rem;text-align:center}.job-posting-container .job-posting-form{display:flex;flex-direction:column;gap:1.5rem}.job-posting-container .job-posting-form .form-field{display:flex;flex-direction:column}.job-posting-container .job-posting-form .form-field label{font-weight:600;margin-bottom:.5rem}.job-posting-container .job-posting-form .form-field input,.job-posting-container .job-posting-form .form-field select{border:1px solid #ccc;border-radius:4px;font-size:16px;outline:none;padding:.8rem}.job-posting-container .job-posting-form .form-field input:focus,.job-posting-container .job-posting-form .form-field select:focus{border-color:#007bff}.job-posting-container .job-posting-form .dynamic-fields{display:flex;flex-direction:column}.job-posting-container .job-posting-form .dynamic-fields label{font-weight:600;margin-bottom:.5rem}.job-posting-container .job-posting-form .dynamic-fields .dynamic-field{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.job-posting-container .job-posting-form .dynamic-fields .dynamic-field input{border:1px solid #ccc;border-radius:4px;font-size:16px;outline:none;padding:.8rem}.job-posting-container .job-posting-form .dynamic-fields .dynamic-field .remove-btn{background:#0000;border:none;color:#e74c3c;cursor:pointer;font-size:18px}.job-posting-container .job-posting-form .dynamic-fields .add-btn{align-items:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:.5rem;justify-content:center;padding:.8rem}.job-posting-container .job-posting-form .dynamic-fields .add-btn:hover{background-color:#0056b3}.job-posting-container .job-posting-form .submit-btn{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;padding:.8rem;transition:background-color .3s}.job-posting-container .job-posting-form .submit-btn:hover{background-color:#218838}.stellen-detail-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 12px #0000001a;font-family:Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:40px}.stellen-detail-container .title{color:#34495e;font-size:2rem;font-weight:700;margin-bottom:20px}.stellen-detail-container .status{color:#7f8c8d;font-size:1.2rem;margin-bottom:30px}.stellen-detail-container .stellen-table{border-collapse:collapse;margin-bottom:40px;width:100%}.stellen-detail-container .stellen-table td{border-bottom:1px solid #ecf0f1;color:#34495e;font-size:1.1rem;padding:10px 15px}.stellen-detail-container .stellen-table tr:last-child td{border-bottom:none}.stellen-detail-container .stellen-section{margin-bottom:30px}.stellen-detail-container .stellen-section h3{border-bottom:2px solid #3498db;color:#34495e;font-size:1.5rem;margin-bottom:15px;padding-bottom:5px;position:relative}.stellen-detail-container .stellen-section ul{list-style:none;margin:0;padding-left:0}.stellen-detail-container .stellen-section ul li{align-items:center;border-left:3px solid #3498db;color:#34495e;display:flex;font-size:1.1rem;line-height:1.8;margin-bottom:20px;padding-left:35px;position:relative;transition:all .3s ease}.stellen-detail-container .stellen-section ul li:hover{background-color:#ecf0f1;color:#2980b9;transform:translateX(10px)}.stellen-detail-container .stellen-section ul li:before{background-color:#3498db;border-radius:50%;content:"";height:12px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease;width:12px}.stellen-detail-container .stellen-section ul li:hover:before{background-color:#2980b9}.stellen-detail-container .bewerbung-toggle{align-items:center;color:#2980b9;cursor:pointer;display:flex;font-size:1.3rem;font-weight:700;margin-top:40px;transition:color .3s ease}.stellen-detail-container .bewerbung-toggle .arrow{font-size:1.6rem;margin-right:10px}.stellen-detail-container .bewerbung-toggle:hover{color:#1f6d98}.stellen-detail-container .bewerbung-form-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:800px;padding:30px}.stellen-detail-container .bewerbung-form-container form{grid-gap:20px;display:grid;gap:20px}.stellen-detail-container .bewerbung-form-container form .form-group{display:flex;flex-direction:column}.stellen-detail-container .bewerbung-form-container form .form-group label{color:#34495e;font-size:1rem;margin-bottom:5px}.stellen-detail-container .bewerbung-form-container form .form-group input{border:1px solid #ecf0f1;border-radius:5px;color:#34495e;font-size:1.1rem;outline:none;padding:10px}.stellen-detail-container .bewerbung-form-container form .form-group input:focus{border-color:#3498db}.stellen-detail-container .bewerbung-form-container form .bewerben-button{background-color:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;padding:12px 20px;transition:background-color .3s ease}.stellen-detail-container .bewerbung-form-container form .bewerben-button:hover{background-color:#2980b9}.stellen-detail-container .bewerbung-form-container form .bewerben-button:focus{outline:none}.stellen-detail-container .bewerbung-form-container .bewerbung-status{color:#2ecc71;font-size:1.2rem;font-weight:700;margin-top:20px}.stellen-detail-container .error,.stellen-detail-container .loading{color:#e74c3c;font-size:1.3rem;margin-top:50px;text-align:center}.stellen-detail-container .error{color:#e74c3c}.stellen-container{background-color:#f5f5f5;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:1200px;padding:30px;width:90%}.stellen-title{color:#333;font-size:2.5rem;font-weight:600;margin-bottom:30px;text-align:center}.stellen-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));list-style-type:none;margin:0;padding:0}.stellen-item{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;transition:all .3s ease}.stellen-item:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}.stellen-item h2{color:#4caf50;font-size:1.5rem;margin-bottom:10px}.stellen-item p{color:#333;font-size:1rem;line-height:1.6;margin:5px 0}.stellen-item strong{font-weight:600}.filter-buttons{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.filter-buttons button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;outline:none;padding:12px 20px;transition:background-color .3s ease}.filter-buttons button:hover{background-color:#45a049}.filter-buttons button.active{background-color:#3d8b40}@media(max-width:768px){.stellen-title{font-size:2rem}.stellen-list{grid-template-columns:1fr}.filter-buttons{flex-direction:column}.filter-buttons button{margin-bottom:10px;width:100%}}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}footer{margin-top:auto;padding-top:20px}.bewerbungen-container{background-color:#f9f9f9;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:20px}.bewerbung-box{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 5px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.bewerbung-box:hover{box-shadow:0 4px 10px #0000001a;transform:translateY(-5px)}.bewerbung-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.bewerbung-header h2{color:#333;font-size:1.25rem;font-weight:700}.bewerbung-header .status{border-radius:12px;font-size:.875rem;font-weight:500;padding:5px 10px}.bewerbung-header .status.offen{background-color:#fc0;color:#fff}.bewerbung-header .status.abgeschlossen{background-color:#28a745;color:#fff}.bewerbung-header .status.inBearbeitung{background-color:#007bff;color:#fff}.bewerbung-info{display:flex;flex-direction:column;gap:8px}.bewerbung-info .bewerbung-detail{align-items:center;color:#555;display:flex;font-size:1rem}.bewerbung-info .bewerbung-detail .icon{color:#007bff;margin-right:8px}.all-products-wrapper{background-color:#f4f6f8;font-family:Segoe UI,sans-serif;padding:2rem}.all-products-title{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.all-products-table-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow-x:auto}.all-products-table{border-collapse:collapse;min-width:800px;width:100%}.all-products-table td,.all-products-table th{border-bottom:1px solid #ddd;font-size:.95rem;padding:1rem;text-align:left}.all-products-table th{background-color:#ecf0f1;color:#34495e;font-weight:600}.all-products-table td{color:#2c3e50}.all-products-table tr:hover{background-color:#f9f9f9}.product-form-wrapper{background:#f9fafb;padding:4rem 6vw;width:100%}.product-form-wrapper h2{color:#2563eb;font-size:2.5rem;font-weight:800;margin-bottom:2rem;text-align:left}.product-form{grid-gap:2.5rem;background:#fff;border-radius:18px;box-shadow:0 8px 24px #0000000a;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:3rem}.product-form .form-field{display:flex;flex-direction:column}.product-form .form-field label{color:#1f2937;font-size:1.05rem;font-weight:600;margin-bottom:.6rem}.product-form .form-field input[type=number],.product-form .form-field input[type=text]{background:#f3f4f6;border:1px solid #d1d5db;border-radius:10px;font-size:1rem;padding:1rem;transition:border-color .3s,box-shadow .3s}.product-form .form-field input[type=number]:focus,.product-form .form-field input[type=text]:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26;outline:none}.product-form .form-field input[readonly]{background-color:#e5e7eb;border-style:dashed;color:#6b7280}.product-form .form-inline{grid-gap:2rem;display:grid;gap:2rem;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.product-form .checkbox-field{align-items:center;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:12px;display:flex;gap:1rem;grid-column:1/-1;padding:1rem 1.5rem}.product-form .checkbox-field label{font-size:1rem;font-weight:600;margin-bottom:0}.product-form .checkbox-field input[type=checkbox]{accent-color:#059669;height:22px;width:22px}.product-form .submit-btn{background:#2563eb;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;grid-column:1/-1;justify-self:start;padding:1.1rem 2.5rem;transition:background .3s ease,transform .2s ease}.product-form .submit-btn:hover{background:#1350d4;box-shadow:0 6px 18px #0000001a;transform:translateY(-2px)}.product-form .message{border-radius:10px;font-size:1rem;font-weight:600;grid-column:1/-1;padding:1.2rem}.product-form .message.error{background:#fee2e2;border:1px solid #ef4444;color:#b91c1c}.product-form .message.success{background:#dcfce7;border:1px solid #34d399;color:#065f46}.spin-wrapper{align-items:center;display:flex;flex-direction:column;padding:2rem}.spin-wrapper .spin-button{background:linear-gradient(90deg,#8e2de2,#4a00e0);border:none;border-radius:50px;box-shadow:0 8px 20px #8e2de266;color:#fff;cursor:pointer;font-size:1.4rem;font-weight:700;margin-top:2rem;padding:1rem 3rem;transition:transform .3s ease}.spin-wrapper .spin-button:hover{box-shadow:0 10px 25px #8e2de280;transform:scale(1.1)}.spin-wrapper .spin-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.spin-wrapper .prize-message{animation:pop .5s ease-in-out;color:#27ae60;font-size:1.6rem;font-weight:700;margin-top:2rem;text-align:center}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.product-details{background:#fff;border-radius:16px;box-shadow:0 6px 20px #0000001a;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:900px;padding:2rem}.product-details h2{color:#333;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.product-details .error-message{background-color:#ffbaba;border-radius:8px;color:#d8000c;margin-bottom:1rem;padding:1rem;text-align:center}.product-details .product-info .product-header{margin-bottom:1.5rem;text-align:center}.product-details .product-info .product-header h3{color:#222;font-size:1.6rem}.product-details .product-info .product-header .manufacturer{color:#888;font-size:1rem;font-style:italic}.product-details .product-info .product-info-details{grid-gap:10px 40px;display:grid;gap:10px 40px;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.product-details .product-info .product-info-details p{font-size:.95rem;margin:0}.product-details .product-info .product-info-details p strong{color:#444}.product-details .product-info .generate-pdf-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;margin:0 auto;padding:12px 24px;text-align:center;transition:background .3s ease}.product-details .product-info .generate-pdf-btn:hover{background:#0056b3}.product-details .no-product{color:#666;font-size:1.1rem;text-align:center}.add-stock-container{align-items:center;background:#f7f9fc;display:flex;justify-content:center;min-height:100vh;padding:3rem 1rem}.add-stock-card{background:#fff;border-radius:1rem;box-shadow:0 10px 30px #0000001a;max-width:400px;padding:2rem 2.5rem;transition:transform .3s ease;width:100%}.add-stock-card:hover{transform:translateY(-5px)}.add-stock-card h2{align-items:center;color:#1e3a8a;display:flex;font-size:1.6rem;gap:.5rem;margin-bottom:1.5rem}.add-stock-card .input-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.add-stock-card .input-group label{color:#374151;font-weight:500;margin-bottom:.5rem}.add-stock-card .input-group input{border:2px solid #d1d5db;border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;transition:border .2s}.add-stock-card .input-group input:focus{border-color:#3b82f6;outline:none}.add-stock-card .submit-button{align-items:center;background:#3b82f6;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:background .2s}.add-stock-card .submit-button:hover{background:#2563eb}.add-stock-card .feedback{border-radius:.5rem;font-weight:500;margin-top:1rem;padding:.75rem 1rem}.add-stock-card .feedback.success{background-color:#ecfdf5;border:1px solid #10b981;color:#065f46}.add-stock-card .feedback.error{background-color:#fef2f2;border:1px solid #ef4444;color:#991b1b}.bilanz-dashboard{background-color:#f7f9fc;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:2rem 3rem}.bilanz-dashboard .header{align-items:center;border-bottom:2px solid #004080;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem;padding-bottom:.75rem}.bilanz-dashboard .header h1{color:#004080;font-size:2.25rem;font-weight:700;margin:0;-webkit-user-select:none;user-select:none}.bilanz-dashboard .header .actions{display:flex;gap:1rem}.bilanz-dashboard .header .actions button{border:none;border-radius:5px;box-shadow:0 2px 6px #0000001f;cursor:pointer;font-size:1rem;font-weight:600;padding:.6rem 1.4rem;transition:background-color .3s ease,color .3s ease;-webkit-user-select:none;user-select:none}.bilanz-dashboard .header .actions button.btn-primary{background-color:#004080;color:#fff}.bilanz-dashboard .header .actions button.btn-primary:hover:not(:disabled){background-color:#00274d}.bilanz-dashboard .header .actions button.btn-primary:disabled{background-color:#4da6ff;cursor:not-allowed}.bilanz-dashboard .header .actions button.btn-secondary{background-color:#0073e6;color:#fff}.bilanz-dashboard .header .actions button.btn-secondary:hover{background-color:#005ab3}.bilanz-dashboard .error-text,.bilanz-dashboard .info-text{border-radius:6px;font-size:1.1rem;margin:2rem auto;max-width:600px;padding:1rem;text-align:center}.bilanz-dashboard .info-text{background-color:#dbe9f4;border:1px solid #1a8dff;color:#004080}.bilanz-dashboard .error-text{background-color:#f8d7da;border:1px solid #f7c1c5;color:#e63946}.bilanz-dashboard .table-responsive{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow-x:auto}.bilanz-dashboard table.bilanz-table{border-collapse:initial;border-spacing:0;min-width:850px;width:100%}.bilanz-dashboard table.bilanz-table thead{background-color:#036;color:#fff}.bilanz-dashboard table.bilanz-table thead th{border-right:1px solid #ffffff26;font-size:1rem;font-weight:700;padding:1rem 1.2rem;text-align:center;white-space:nowrap}.bilanz-dashboard table.bilanz-table thead th:last-child{border-right:none}.bilanz-dashboard table.bilanz-table tbody tr{border-bottom:1px solid #ccc;transition:background-color .2s ease}.bilanz-dashboard table.bilanz-table tbody tr:hover{background-color:#e6f0ff}.bilanz-dashboard table.bilanz-table tbody td{border-right:1px solid #eee;font-size:.95rem;padding:1rem 1.2rem;text-align:center;vertical-align:middle;white-space:nowrap}.bilanz-dashboard table.bilanz-table tbody td:last-child{border-right:none}.bilanz-dashboard table.bilanz-table tbody .plus{color:#2a9d8f;font-weight:600}.bilanz-dashboard table.bilanz-table tbody .minus{color:#e63946;font-weight:600}.bilanz-dashboard .btn-detail{background-color:#0000;border:1px solid #004080;border-radius:5px;color:#004080;cursor:pointer;font-weight:600;padding:.4rem 1rem;transition:all .3s ease}.bilanz-dashboard .btn-detail:hover{background-color:#004080;color:#fff}@media(max-width:900px){.bilanz-dashboard{padding:1rem 1.5rem}.bilanz-dashboard .header{align-items:flex-start;flex-direction:column;gap:1rem}.bilanz-dashboard .header .actions{gap:.8rem;justify-content:flex-start;width:100%}.bilanz-dashboard .header .actions button{flex:1 1}.bilanz-dashboard .table-responsive{min-width:100%}.bilanz-dashboard table.bilanz-table{font-size:.9rem;min-width:600px}.bilanz-dashboard table.bilanz-table tbody td,.bilanz-dashboard table.bilanz-table thead th{padding:.6rem .8rem}}.bewertungen-wrapper{background:linear-gradient(135deg,#f9fafb,#f3f4f6);font-family:Inter,sans-serif;padding:4rem 5vw;width:100%}.bewertungen-wrapper h2{color:#1e3a8a;font-size:2.6rem;font-weight:800;margin-bottom:2rem}.bewertungen-wrapper h2 .dienstleistungs-title{color:#2563eb}.bewertungen-wrapper .leer{color:#6b7280;font-size:1.2rem;font-style:italic;margin-top:1rem;text-align:center}.bewertungen-wrapper .loading-spinner{animation:fade 1.5s ease-in-out infinite alternate;color:#475569;font-size:1.3rem;padding:2rem;text-align:center}.bewertungen-wrapper .error-message{background:#fee2e2;border-radius:10px;color:#b91c1c;font-weight:600;padding:1rem 1.5rem;text-align:center}.bewertungen-wrapper .bewertungen-liste{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.bewertungen-wrapper .bewertung-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 20px #0000000d;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.bewertungen-wrapper .bewertung-card:hover{box-shadow:0 16px 30px #00000014;transform:translateY(-6px)}.bewertungen-wrapper .bewertung-card .rating{align-items:center;display:flex;font-weight:600;gap:.5rem}.bewertungen-wrapper .bewertung-card .rating .score{color:#6b7280;font-size:1rem}.bewertungen-wrapper .bewertung-card .text{color:#111827;font-size:1.05rem;font-style:italic;line-height:1.6;margin:1rem 0}.bewertungen-wrapper .bewertung-card .id{color:#9ca3af;font-size:.9rem;text-align:right}@keyframes fade{0%{opacity:.5}to{opacity:1}}.aktionen-liste{background:linear-gradient(to bottom right,#f4f7fb,#e8f0fe);min-height:100vh;padding:2rem}.aktionen-liste h2{color:#1f2937;font-size:2.2rem;font-weight:600;letter-spacing:.5px;margin-bottom:2rem;text-align:center}.aktionen-liste .aktionen-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));padding:1rem}.aktionen-liste .aktion-card{background:#fff;border-radius:18px;box-shadow:0 8px 18px #0000000f;display:flex;flex-direction:column;justify-content:space-between;padding:1.6rem;transition:transform .2s ease,box-shadow .3s ease}.aktionen-liste .aktion-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.aktionen-liste .aktion-card h3{color:#111827;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.aktionen-liste .aktion-card .rabatt{align-items:center;color:#059669;display:flex;font-size:1.1rem;font-weight:500;margin-bottom:1.5rem}.aktionen-liste .aktion-card .rabatt svg{color:#10b981;margin-right:8px}.aktionen-liste .aktion-card .details-btn{align-items:center;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:10px;color:#fff;display:inline-flex;font-size:.95rem;font-weight:500;gap:6px;margin-top:auto;padding:.6rem 1.2rem;text-decoration:none;transition:background .3s ease}.aktionen-liste .aktion-card .details-btn svg{stroke-width:2}.aktionen-liste .aktion-card .details-btn:hover{background:linear-gradient(90deg,#2563eb,#1d4ed8)}.aktionneu-container{background-color:#fff;border-radius:12px;box-shadow:0 12px 24px #0000001f;color:#2c3e50;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:3rem auto;max-width:650px;padding:2rem 2.5rem;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.aktionneu-container:hover{box-shadow:0 16px 32px #00000026}.aktionneu-title{color:#1f2937;font-size:2.4rem;font-weight:700;letter-spacing:.03em;margin-bottom:1.6rem;text-align:center;text-transform:uppercase;-webkit-user-select:text;user-select:text}.aktionneu-fieldgroup{display:flex;flex-direction:column;margin-bottom:1.5rem}.aktionneu-fieldgroup label{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.5rem;-webkit-user-select:text;user-select:text}.aktionneu-fieldgroup input[type=date],.aktionneu-fieldgroup input[type=number],.aktionneu-fieldgroup input[type=text],.aktionneu-fieldgroup textarea{background-color:#f9fafb;border:1.8px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:1rem;font-weight:500;min-height:44px;outline-offset:2px;padding:.75rem 1rem;resize:vertical;transition:border-color .25s ease,box-shadow .25s ease}.aktionneu-fieldgroup input[type=date]:focus,.aktionneu-fieldgroup input[type=number]:focus,.aktionneu-fieldgroup input[type=text]:focus,.aktionneu-fieldgroup textarea:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 8px rgba(37,99,235,.667)}.aktionneu-fieldgroup textarea{line-height:1.5;min-height:96px}.aktionneu-rabatt{color:#dc2626;font-size:3rem;font-weight:800;letter-spacing:.02em;margin:1.75rem 0 2rem}.aktionneu-description,.aktionneu-rabatt{text-align:center;-webkit-user-select:text;user-select:text}.aktionneu-description{color:#4b5563;font-size:1.125rem;line-height:1.6;margin-bottom:2rem;white-space:pre-line}.aktionneu-dates{align-items:center;color:#6b7280;display:flex;font-size:1rem;gap:.75rem;justify-content:center;margin-bottom:2.2rem}.aktionneu-dates svg{stroke:#6b7280;min-height:24px;min-width:24px}.aktionneu-error{color:#b91c1c;font-size:1rem;font-weight:700;margin-bottom:1.25rem;text-align:center;-webkit-user-select:text;user-select:text}.aktionneu-actions{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;margin-top:1.75rem}.aktionneu-button-abbrechen,.aktionneu-button-delete,.aktionneu-button-edit,.aktionneu-button-save{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:700;justify-content:center;min-width:140px;padding:.7rem 1.8rem;text-align:center;transition:background-color .3s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.aktionneu-button-save{background-color:#22c55e;color:#fff}.aktionneu-button-save:hover:not(:disabled){background-color:#16a34a;box-shadow:0 6px 10px #16a34a59}.aktionneu-button-save:disabled{background-color:#a7f3d0;box-shadow:none;cursor:not-allowed}.aktionneu-button-abbrechen{background-color:#6b7280;color:#f9fafb}.aktionneu-button-abbrechen:hover:not(:disabled){background-color:#4b5563;box-shadow:0 6px 10px #4b556359}.aktionneu-button-abbrechen:disabled{background-color:#d1d5db;box-shadow:none;cursor:not-allowed}.aktionneu-button-edit{background-color:#2563eb;color:#f9fafb}.aktionneu-button-edit:hover{background-color:#1e40af;box-shadow:0 6px 10px #1e40af59}.aktionneu-button-delete{background-color:#dc2626;color:#fef2f2}.aktionneu-button-delete:hover{background-color:#991b1b;box-shadow:0 6px 10px #991b1b59}.aktionneu-link-back{color:#2563eb;display:block;font-size:1rem;font-weight:600;margin-top:3rem;text-align:center;text-decoration:none;transition:color .3s ease;-webkit-user-select:text;user-select:text}.aktionneu-link-back:hover{color:#1e40af}.aktion-erstellen{color:#222;font-family:Arial,sans-serif;min-height:100vh;padding:2rem;width:100%}.aktion-erstellen h2{font-size:2rem;font-weight:400;margin-bottom:1.5rem;text-align:center}.aktion-erstellen form{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:500px}.aktion-erstellen form label{color:#444;display:flex;flex-direction:column;font-size:1rem;font-weight:600}.aktion-erstellen form label input,.aktion-erstellen form label textarea{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#222;font-family:inherit;font-size:1rem;margin-top:.3rem;padding:.5rem .7rem}.aktion-erstellen form label input:focus,.aktion-erstellen form label textarea:focus{border-color:#666;outline:none}.aktion-erstellen form label textarea{min-height:100px;resize:vertical}.aktion-erstellen form .error-message{color:#b00020;font-size:.9rem;font-weight:600;margin-top:.5rem;text-align:center}.aktion-erstellen form .success-message{color:#006400;font-size:.9rem;font-weight:600;margin-top:.5rem;text-align:center}.aktion-erstellen form button{background-color:#0053ba;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.7rem 1rem;transition:background-color .2s ease}.aktion-erstellen form button:hover:not(:disabled){background-color:#003d8a}.aktion-erstellen form button:disabled{background-color:#999;cursor:not-allowed}.hausverbote-container{background-color:#f7f9fc;border-radius:12px;box-shadow:0 8px 20px #0000000d;box-sizing:border-box;color:#222;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:2rem 3rem;-webkit-user-select:none;user-select:none;width:100%}.hausverbote-container h2{font-feature-settings:"liga","clig";border-bottom:3px solid #0052cc;color:#002a8a;font-size:2.4rem;font-weight:700;letter-spacing:.04em;margin-bottom:2rem;padding-bottom:.5rem}.hausverbote-table{background:#fff;border-collapse:initial;border-radius:14px;border-spacing:0 1rem;box-shadow:0 4px 12px #00000012;font-size:1.05rem;overflow:hidden;width:100%}.hausverbote-table thead{background-color:#0041b3;color:#f0f4ff;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.hausverbote-table thead th{padding:1rem 1.6rem;text-align:left;-webkit-user-select:text;user-select:text}.hausverbote-table tbody tr{background-color:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000f;cursor:default;transition:transform .25s ease,box-shadow .25s ease}.hausverbote-table tbody tr:hover{background-color:#e9f0ff;box-shadow:0 6px 18px #0052cc40;transform:translateY(-3px)}.hausverbote-table tbody td{border-left:1px solid #f0f2f5;color:#333;font-weight:500;padding:1.2rem 1.6rem;-webkit-user-select:text;user-select:text;vertical-align:middle}.hausverbote-table tbody td:first-child{border-left:none}.hausverbote-button{background:linear-gradient(135deg,#0052cc,#003d99);border:none;border-radius:10px;box-shadow:0 4px 10px #0052cc59;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.02em;padding:.5rem 1.4rem;transition:background .3s ease,box-shadow .3s ease,transform .15s ease;-webkit-user-select:none;user-select:none}.hausverbote-button:focus,.hausverbote-button:hover{background:linear-gradient(135deg,#003d99,#002466);box-shadow:0 6px 14px #003d9999;outline:none;transform:translateY(-2px)}.hausverbote-button:active{box-shadow:0 3px 7px #0052cc4d;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hausverbote-table tbody tr{animation:fadeIn .4s ease forwards}@media(max-width:720px){.hausverbote-container{padding:1.2rem 1.6rem}.hausverbote-table thead{display:none}.hausverbote-table tbody tr{box-shadow:0 4px 14px #0052cc1a;display:block;margin-bottom:1.2rem}.hausverbote-table tbody td{border:none;border-bottom:1px solid #e2e8f0;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:.8rem 1rem}.hausverbote-table tbody td:last-child{justify-content:center;padding-top:1rem}}.hausverbot-detail-container{background:#fafafa;border-radius:12px;box-shadow:0 0 12px #00000014;color:#222;font-family:Segoe UI,sans-serif;margin:2rem auto;max-width:850px;padding:2rem}h1{color:#c62828;font-size:2rem;margin-bottom:2rem;text-align:center}.detail-section{background:#fff;border-left:5px solid #c62828;border-radius:6px;box-shadow:0 0 4px #0000000d;margin-bottom:2rem;padding:1.2rem}.detail-section h2{color:#333;margin-bottom:.8rem}.detail-section p{font-size:1.05rem;margin:.4rem 0}.detail-section p strong{color:#555}.pdf-download{margin-top:2rem;text-align:center}.pdf-download a{background-color:#2e7d32;border-radius:6px;color:#fff;font-weight:700;padding:.8rem 1.5rem;text-decoration:none;transition:background .3s ease}.pdf-download a:hover{background-color:#1b5e20}.loading{font-size:1.3rem;padding:2rem;text-align:center}form{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:2rem auto;max-width:800px;padding:1.5rem 2rem}form h2{color:#0a3d62;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;text-align:center}form fieldset{background-color:#f9fafc;border:1px solid #d1d8e0;border-radius:6px;margin-bottom:1.8rem;padding:1rem 1.5rem 1.5rem}form fieldset legend{color:#3867d6;font-size:1.1rem;font-weight:600;padding:0 .5rem}form fieldset input,form fieldset textarea{border:1px solid #ced6e0;border-radius:4px;color:#2f3542;font-family:inherit;font-size:1rem;margin:.4rem 0 1rem;padding:.5rem .75rem;transition:border-color .25s ease;width:100%}form fieldset input:focus,form fieldset textarea:focus{border-color:#3867d6;box-shadow:0 0 5px #3867d64d;outline:none}form fieldset textarea{min-height:90px;resize:vertical}form fieldset label{align-items:center;color:#2f3542;display:flex;font-size:1rem;margin-bottom:.8rem}form fieldset label input[type=checkbox]{cursor:pointer;height:18px;margin-right:.6rem;width:18px}form .artikel-row{grid-gap:.8rem;align-items:center;display:grid;gap:.8rem;grid-template-columns:2fr 1fr 1fr 1fr auto;margin-bottom:1rem}form .artikel-row input{margin:0}form .artikel-row button{background-color:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.4rem .8rem;transition:background-color .3s ease}form .artikel-row button:disabled{background-color:#dcdde1;cursor:not-allowed}form .artikel-row button:hover:not(:disabled){background-color:#ee5253}form button[type=button]{background-color:#3867d6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;margin-top:.5rem;padding:.6rem 1.2rem;transition:background-color .3s ease}form button[type=button]:hover{background-color:#274bdb}form fieldset:last-of-type{display:flex;gap:2rem}form fieldset:last-of-type>div{flex:1 1}form fieldset:last-of-type>div label{font-weight:600;margin-bottom:.5rem}form fieldset:last-of-type>div .signatureCanvas{border:1px solid #ced6e0;border-radius:4px;cursor:crosshair;height:120px;width:100%}form fieldset:last-of-type>div button{background-color:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;margin-top:.3rem;padding:.4rem .8rem;transition:background-color .3s ease}form fieldset:last-of-type>div button:hover{background-color:#ee5253}form fieldset:last-of-type>div img{border:1px solid #d1d8e0;border-radius:4px;margin-top:.5rem;max-height:120px;max-width:100%}form p.success{color:#27ae60}form p.error,form p.success{font-weight:600;margin:1rem 0}form p.error{color:#e74c3c}form button[type=submit]{background-color:#3867d6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:700;margin-top:1.2rem;padding:.75rem;transition:background-color .3s ease;width:100%}form button[type=submit]:disabled{background-color:#a4b0be;cursor:not-allowed}form button[type=submit]:hover:not(:disabled){background-color:#274bdb}.newsletter-form-container{background:#fff;color:#111827;font-family:Helvetica Neue,sans-serif;line-height:1.6;padding:5rem 2rem 3rem;width:100%}.form-title{color:#1e40af;font-size:2.6rem;font-weight:800;margin-bottom:1rem;text-align:center}.form-subtitle{color:#374151;font-size:1.25rem;margin:0 auto 3rem;max-width:720px;text-align:center}.benefits-list{list-style:none;margin:0 auto 3rem;max-width:800px;padding:0}.benefits-list li{align-items:flex-start;color:#1f2937;display:flex;font-size:1.05rem;margin-bottom:1.4rem}.benefits-list li .benefit-icon{color:#2563eb;flex-shrink:0;font-size:1.3rem;margin-right:.8rem;margin-top:.2rem}.benefits-list li strong{color:#1e3a8a;font-weight:600}.extra-info-box{align-items:flex-start;color:#1e3a8a;display:flex;font-size:1rem;gap:.75rem;line-height:1.5;margin:0 auto 2.5rem;max-width:700px}.extra-info-box .info-icon{color:#3b82f6;font-size:1.2rem;margin-top:3px}.newsletter-form{align-items:center;display:flex;flex-direction:column;gap:1.4rem;margin-bottom:2.5rem}.newsletter-form .input-group{align-items:center;border-bottom:2px solid #cbd5e1;display:flex;max-width:500px;padding-bottom:.5rem;width:100%}.newsletter-form .input-group:focus-within{border-color:#2563eb}.newsletter-form .input-group .input-icon{color:#64748b;font-size:1.2rem;margin-right:.75rem}.newsletter-form .input-group input{background:#0000;border:none;color:#111827;flex:1 1;font-size:1rem;padding:.25rem 0}.newsletter-form .input-group input:focus{outline:none}.newsletter-form .input-group input:disabled{color:#9ca3af}.newsletter-form .submit-button{align-items:center;background-color:#1d4ed8;border:none;border-radius:9999px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:background .3s ease}.newsletter-form .submit-button:hover:not(:disabled){background-color:#1e3a8a}.newsletter-form .submit-button:disabled{background-color:#93c5fd;cursor:not-allowed}.newsletter-form .submit-button .send-icon{font-size:1.2rem}.feedback-message{align-items:center;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:1rem}.feedback-message.success{color:#15803d}.feedback-message.error{color:#b91c1c}.feedback-message svg{font-size:1.2rem}.privacy-note{color:#6b7280;font-size:.95rem;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:700px;text-align:center}@media(max-width:600px){.form-title{font-size:2rem}.form-subtitle{font-size:1.1rem}.newsletter-form .input-group{align-items:center;flex-direction:row}.submit-button{justify-content:center;width:100%}}.newsletter-container{font-family:Segoe UI,sans-serif;padding:2rem}.newsletter-container .header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.newsletter-container .header h2{font-size:1.6rem;font-weight:600}.newsletter-container .search-bar{align-items:center;background:#f1f1f1;border-radius:8px;display:flex;margin-bottom:1rem;max-width:400px;padding:.5rem .75rem}.newsletter-container .search-bar .search-icon{color:#666;margin-right:.5rem}.newsletter-container .search-bar input{background:#0000;border:none;flex:1 1;font-size:1rem;outline:none}.newsletter-container .error{background:#ffe0e0;border-radius:8px;color:#b40000;margin-bottom:1rem;padding:.75rem}.newsletter-container .table-wrapper{overflow-x:auto}.newsletter-container table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 6px #0000000d;overflow:hidden;width:100%}.newsletter-container table td,.newsletter-container table th{border-bottom:1px solid #eee;padding:.85rem 1rem;text-align:left}.newsletter-container table th{background-color:#fafafa;font-size:.95rem;font-weight:500}.newsletter-container table td{font-size:.95rem}.newsletter-container table .status{align-items:center;display:flex;font-weight:700;gap:.5rem}.newsletter-container table .status.aktiv,.newsletter-container table .status.aktiv .icon{color:green}.newsletter-container table .status.inaktiv,.newsletter-container table .status.inaktiv .icon{color:red}.newsletter-container .no-results{color:#888;font-style:italic;margin-top:1rem}
/*# sourceMappingURL=main.be891dd2.css.map*/