:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.top-menu{width:100%;background-color:#000}.top-menu .menu{display:flex;justify-content:center;align-items:center;gap:20px;list-style:none;margin:0;padding:0;height:50px}.top-menu .menu li{position:relative;display:flex;align-items:center;font-weight:700}.top-menu .menu li a{display:flex;align-items:center;height:100%;padding:0 15px;color:#fff;text-decoration:none;transition:color .3s ease}.top-menu .menu li:hover>a{color:orange}.top-menu .dropdown-menu{position:absolute;top:100%;left:0;display:none;flex-direction:column;min-width:180px;background:#000;border:1px solid #333;list-style:none;margin:0;padding:0;z-index:1000}.top-menu .menu li:hover>.dropdown-menu{display:flex}.top-menu .dropdown-menu li{width:100%}.top-menu .dropdown-menu li a{display:block;width:100%;padding:10px 15px;text-align:left;color:#fff;text-decoration:none}.top-menu .dropdown-menu li a:hover{background-color:#444}.menu-toggle{display:none;font-size:2rem;color:#fff;padding:10px;cursor:pointer;text-align:right}@media(max-width:768px){.menu-toggle{display:block;background-color:#000}.top-menu .menu{display:none;flex-direction:column;align-items:stretch;width:100%;height:auto}.top-menu .menu.open{display:flex}.top-menu .menu li{display:block;width:100%;border-bottom:1px solid #ffffff}.top-menu .menu li a{display:block;padding:12px;width:100%;height:auto}.top-menu .dropdown-menu{position:relative;display:none;border:none;background:#111}.top-menu .dropdown-menu.show{display:flex}.top-menu .dropdown-menu li a{padding-left:25px}}.premium-bar{background-color:#aecd57;display:flex;justify-content:space-between;align-items:center;padding:8px 20px}.premium-left{display:flex;gap:12px}.social-icon{width:22px;height:22px;cursor:pointer}.premium-right{display:flex;align-items:center}.top-bar{background-color:#000;padding:20px 0;display:flex;justify-content:center}.header-logo{height:150px;width:150px;border-radius:50%;object-fit:cover;margin-top:-70px;transition:all .3s ease}@media(max-width:992px){.header-logo{height:120px;width:120px;margin-top:-50px}}@media(max-width:600px){.header-logo{height:90px;width:90px;margin-top:-30px}}@media(max-width:400px){.header-logo{height:75px;width:75px;margin-top:-20px}}.top-left-icons{display:flex;gap:20px}.top-right{display:flex;align-items:center;gap:15px;font-size:1.2rem;color:#fff}.social-icons{display:flex;gap:12px;align-items:center}.social-icon{width:28px;height:28px;cursor:pointer}.premium-auth{display:flex;gap:20px;font-weight:700;cursor:pointer}.top-bar{background:#000;display:flex;justify-content:center;padding:20px 0}.main-menu{background-color:#000;display:flex;justify-content:center;padding:1rem}.main-menu ul{list-style:none;display:flex;gap:4rem;padding:0;margin:0}.main-menu li{color:#fff;font-size:1.3rem;letter-spacing:3px;cursor:pointer;transition:color .3s}.main-menu li:hover{color:#000}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.modal-box{background:#fff;border:2px solid darkorange;padding:25px;border-radius:0;width:300px;max-width:90%;box-shadow:0 5px 15px #0000004d;animation:fadeIn .3s ease}.modal-box input{width:100%;padding:10px;margin-bottom:12px;border:1px solid #ccc;border-radius:0}.modal-actions{display:flex;justify-content:space-between}input{padding:8px 10px;margin-bottom:10px;border:1px solid #ccc;border-radius:0;background:#fff;color:#000;box-sizing:border-box}button{padding:10px 15px;border:none;background:#4caf50;color:#fff;border-radius:0;cursor:pointer}.close-btn{background:#c0392b}button:hover{opacity:.9}.error-message{margin-top:10px;color:#d9534f;font-size:.9rem;text-align:center}.modalWindowTitel{color:#000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.signup-form{margin-top:30px;padding:20px;background:#f5f5f5;border-radius:0}.signup-form h3{margin-bottom:15px;color:#333}.signup-form input{display:block;width:100%;color:#000;padding:8px 10px;margin-bottom:10px;border:1px solid red;border-radius:0;box-sizing:border-box;background:#0a53be}.signup-form button{padding:10px 15px;background:#aad037;color:#fff;border:2px solid #000000;border-radius:0;cursor:pointer}.signup-form button:hover{background:#ff8c00}.product-list{border:2px orange solid;display:flex;flex-direction:column;gap:15px;margin-top:1rem;padding:15px;width:100%;margin-left:auto;margin-right:auto}@media(min-width:1024px){.product-list{width:50%}}.product-card{background:#fff;padding:12px;border-radius:0;box-shadow:0 0 6px #0000001a}.product-category{font-weight:700;font-size:14px;margin-bottom:6px;color:#666}.product-line{display:flex;align-items:center;gap:10px}.product-name{color:#0a0a0a;font-weight:600;flex:1}.product-price{font-weight:700;min-width:70px;text-align:right}.total-box{margin-top:20px;padding:14px;background:#000;color:#fff;border-radius:0;font-size:18px}.custom-checkbox{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #555;border-radius:3px;cursor:pointer;position:relative;background-color:#fff}.custom-checkbox:checked{background-color:#aad037;border-color:#aad037}.custom-checkbox:checked:after{content:"✔";color:#fff;font-size:14px;position:absolute;top:-1px;left:2px}body{background-color:#f0f0f0}.product-table-list{border:2px solid darkorange;background-color:#fff;border-radius:0;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:1200px;margin:1rem auto;padding:1rem 1.25rem;box-shadow:0 2px 8px #00000014}@media(min-width:1024px){.product-table-list{width:50%}}.product-table{width:100%;border-collapse:collapse;margin-top:10px;color:#000;background-color:#fff}.product-table th,.product-table td{border:1px solid #ddd;padding:8px;text-align:left}.product-table th{background-color:#f4f4f4;font-weight:700}.product-table tr:nth-child(2n){background-color:#fafafa}.product-table tr:hover{background-color:#f0f0f0}td button{margin-right:8px}.edit-input-feld{padding:.5rem;border:1px solid #ccc}.add-button{display:inline-block;padding:10px 16px;border-radius:0;background-color:#aad037;border:2px solid #000;color:#fff;width:50%;font-weight:600;cursor:pointer;transition:background .15s ease,transform .08s ease;text-align:center;line-height:1;-webkit-appearance:none;appearance:none;box-sizing:border-box}.add-button:hover,.add-button:focus{background-color:#8eb12f;outline:none;box-shadow:0 0 0 3px #aad0371f}.add-button:active{transform:translateY(1px) scale(.99)}.add-button:disabled{background-color:#d6d6d6;border-color:#aaa;cursor:not-allowed;color:#666}.product-table{width:100%;border-collapse:collapse}.product-table th,.product-table td{padding:12px;border-bottom:1px solid #eee;text-align:left}@media(max-width:768px){.product-table thead{display:none}.product-table,.product-table tbody,.product-table tr,.product-table td{display:block;width:100%}.product-table tr{margin-bottom:15px;border:1px solid #eee;border-radius:8px;padding:12px}.product-table td{display:flex;justify-content:space-between;padding:6px 0;border:none}.product-table td:before{content:attr(data-label);font-weight:600;margin-right:10px}}.add-product-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;padding:15px;margin-top:1rem;background:#f9f9f9;border-radius:8px;border:1px solid #e6e6e6}.add-product{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;padding:0;border:none}.add-product .input-field,.add-product select{padding:12px;border-radius:0;border:1px solid #ccc;width:100%;background:#fff;color:#000;font-size:15px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.add-product .input-field:focus,.add-product select:focus{border-color:#aad037;box-shadow:0 0 4px #aad03766;outline:none}.add-product .add-button{padding:12px;border-radius:0;background-color:#aad037;border:none;color:#fff;font-weight:600;cursor:pointer;transition:background .3s,transform .1s}.add-product .add-button:hover{background-color:#8eb12f}.add-product .add-button:active{transform:scale(.97)}@media(max-width:768px){.add-product-form,.add-product{grid-template-columns:1fr}}.responsive-table{width:100%}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr .7fr;align-items:center;gap:10px;padding:10px 0}.table-header{color:#000;font-weight:700;border-bottom:2px solid #ddd}.table-row{color:#000;border-bottom:1px solid #ffffff}.table-row input[type=number]{width:70px}.checkbox-cell{text-align:center}.desktop-content{display:block}.mobile-warning{display:none}@media(max-width:768px)and (pointer:coarse){.desktop-content{display:none}.mobile-warning{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;text-align:center;padding:20px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}#root,.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column;text-align:center}.header{width:100%;background:#000;color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center}.header-left h1{margin:0}.header-right{display:flex;align-items:center}.body{flex:1;padding:2rem;width:100%;background:linear-gradient(to bottom,#fff 60%,#aecd57);color:#000}.inline-menu ul{list-style:none;display:flex;justify-content:center;gap:20px;background-color:#aad037;padding:10px 0}.inline-menu li{cursor:pointer;color:#fff;font-weight:700;transition:color .3s ease}.inline-menu li:hover{color:gold}.inline-second-menu ul{display:flex;gap:20px;list-style:none;font-size:16px;font-weight:700;color:#fff}.body input{padding:8px 10px;margin-bottom:10px;border:1px solid #000000;background:#fff}input[type=date]{width:200px;padding:10px;font-size:16px;border:1.5px solid #ccc;background-color:#fff;color:#333;outline:none;transition:.2s ease-in-out}input[type=date]:focus{border-color:#4e9a06;box-shadow:0 0 4px #4e9a064d}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(30%) sepia(50%) saturate(500%) hue-rotate(60deg)}.footer{background-color:#000;color:#fff;padding:1rem;width:100%}.log-reg-btn,.logout-null,.logout-btn{padding:10px 20px;font-weight:700;cursor:pointer;border-radius:0}.log-reg-btn{color:#fff;border:1px solid #ffffff;background:transparent}.log-reg-btn:hover{background:#fff;color:#c0392b}.logout-null{color:#fff;border:none;background:transparent}.logout-null:hover{color:#000}.logout-btn{background-color:#ff8c00;color:#fff;border:2px solid #000000}.logout-btn:hover{background-color:#000}.buffet-customer,.head-title-style,.head-admin-title-style{display:flex;flex-direction:column;gap:15px;margin:1rem auto 0;padding:15px;width:100%}.buffet-customer,.head-title-style{color:#ff8c00;border:2px solid #AAD037;background:#ff8c00}.head-admin-title-style{border:3px solid darkorange;background:#000;color:#fff}.button-own{padding:10px 15px;background:#aad037;color:#fff;border:2px solid #FFFFFF;border-radius:0;cursor:pointer;width:40%;display:block;margin:0 auto}.button-own:hover{background:#ff8c00;border:2px solid #FFFFFF}.transparent{border:2px solid rgba(255,255,255,.9);width:100%;max-width:768px;margin:0 auto;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:15px;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:2px}.transparent>div{width:100%;box-sizing:border-box;background:transparent;color:#fff;padding:10px}.mittag-customer{min-height:100vh;padding-top:10px;padding-bottom:10px;background:url(/assets/pn-CsYqTIPY.png) center center / cover no-repeat}.catering-customer{min-height:100vh;padding-top:10px;padding-bottom:10px;background:url(/assets/image-BGsvdHye.png) center center / cover no-repeat}.titlePage{color:#ff8c00;font-size:clamp(1.5rem,8vw,3rem);word-break:keep-all}.underTitlePage{color:#ff8c00;font-size:clamp(1.2rem,5vw,2rem);word-break:keep-all;font-weight:500;margin-top:.5rem}@media(max-width:768px){.inline-menu ul{flex-direction:column;gap:10px}}@media(min-width:768px){.buffet-customer,.head-title-style,.head-admin-title-style{width:50%}}.buffet-list{background-color:#fff;display:flex;flex-direction:column;align-items:center;color:#000;gap:15px;margin-top:1rem;padding:15px;width:100%}.buffet-card{border:2px solid darkorange;padding:1rem;border-radius:0;width:50%;box-sizing:border-box;background-color:#fff;color:#000}.buffet-card h3{margin-bottom:.5rem}.buffet-card table{width:100%;border-collapse:collapse;margin-bottom:.5rem}.buffet-card th,.buffet-card td{border-bottom:1px solid #ccc;padding:.4rem .5rem;text-align:left;font-size:14px}.buffet-card .buttons{margin-top:.5rem}.buffet-card .buttons button{margin-right:.5rem;padding:10px 12px;border:none;border-radius:0;cursor:pointer}.buffet-new{padding:10px 15px;background:#aad037;color:#fff;border:1px solid #000000;border-radius:0;cursor:pointer;width:45%;display:inline-block;font-size:14px}.buffet-new:hover{background:#8fba2f}.buffet-delete{border:1px solid #000000;!important;padding:10px 15px;color:red;border-radius:0;cursor:pointer;width:45%;font-size:14px;background:#fff}.buffet-delete:hover{background:red;color:#fff}@media(max-width:1024px){.buffet-card{width:80%}.buffet-new{width:60%}.buffet-delete{width:70%}}@media(max-width:768px){.buffet-card{width:100%;padding:.8rem}.buffet-new,.buffet-delete{width:100%;font-size:15px}table th,table td{font-size:13px;padding:.35rem}}@media(max-width:480px){.buffet-card h3{font-size:16px}table th,table td{font-size:12px}.buffet-new,.buffet-delete{padding:12px;font-size:14px}}.add-buffet{border:2px solid orange;background-color:#fff;padding:1rem;margin:1rem auto;width:50%;box-sizing:border-box;border-radius:0;color:#000;display:flex;flex-direction:column;gap:1rem}.add-buffet h2{text-align:center;margin-bottom:1rem}.add-buffet form div{display:flex;flex-direction:column;gap:.5rem}.add-buffet select,.add-buffet input[type=date]{padding:.5rem;border-radius:0;border:1px solid #ccc}.add-buffet{align-self:flex-start;background:#aacd4e;padding:12px;border-radius:0;border:1px solid #ccc;width:50%;color:#fff;font-size:15px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.add-buffet{background-color:#ccc;cursor:not-allowed}@media(max-width:768px){.add-buffet{width:90%;padding:.75rem}.add-buffet{width:100%;align-self:stretch}}.title_invoice{color:#000;display:block}.switch{position:relative;display:inline-block;width:45px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#28a745}input:checked+.slider:before{transform:translate(21px)}.form-area{display:flex;flex-direction:column;gap:15px;margin-top:1rem;border:2px #AAD037 solid;width:100%;margin-left:auto;margin-right:auto}@media(min-width:1024px){.form-area{width:50%}}.signup-catering-form{margin-top:30px;padding:20px;background:#f5f5f5;border-radius:0}.signup-catering-form h3{margin-bottom:15px;color:#333}.signup-catering-form input{display:block;width:100%;color:#000;padding:8px 10px;margin-bottom:10px;border:1px solid red;border-radius:0;box-sizing:border-box;background:#f8f7f340}.signup-catering-form button{padding:10px 15px;background:#aad037;color:#fff;border:2px solid #000000;border-radius:0;cursor:pointer}.signup-catering-form button:hover{background:#ff8c00}