:root{--primary-color: #90caf9;--secondary-color: #78909c;--background-color: #f0f4f8;--content-background-color: #fdfdfd;--text-color: #212121;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(180deg,#e3f2fd,#fff);margin:0;display:flex;justify-content:center;align-items:center;min-width:320px;min-height:100vh;background-color:var(--background-color)}.profile-pic{margin:10px;width:20%;height:auto;border-radius:5px;box-shadow:0 4px 6px #0000001a}h1,h2,h3,h4{font-family:Inter,sans-serif;color:var(--text-color);margin:15px}a{font-weight:500;color:var(--primary-color);text-decoration:none}a:hover{color:var(--primary-color)}button{font-size:1rem;padding:12px 20px;margin:5px;background-color:var(--primary-color);color:#0a0a0a;border:none;border-radius:5px;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:background-color .3s,transform .1s ease;box-sizing:border-box}button:hover{background-color:#42a5f5}button:active{transform:scale(.97);background-color:#1e88e5}button:focus{outline:none;box-shadow:0 0 5px #2196f3b3}button[disabled]{background-color:var(--primary-color);color:#ffffff80;cursor:not-allowed;opacity:.5}.content{padding:20px;margin:10px;max-width:600px;background-color:var(--content-background-color);border-radius:10px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box}.container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px;margin:0 auto;max-width:1200px;width:100%}.header{width:100%;display:flex;flex-direction:column;align-items:center;background-color:#fffcfc;padding:10px;border-bottom:1px solid #c6f8fa;margin-bottom:20px;box-sizing:border-box}.header nav{margin-top:10px;max-width:800px}.header nav a{margin:0 5px}.header nav a:hover{color:#01010f}input,select,textarea{border:1px solid #ccc;border-radius:4px;padding:10px;width:100%;margin-bottom:20px;font-size:1rem;box-sizing:border-box}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 5px #007bff80}.back-button{position:fixed;top:10px;right:10px;padding:8px 12px;background-color:#c9dbee;color:#0f0f0f;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;z-index:1000;transition:background-color .3s}.back-button:hover{background-color:#7aaee6}.back-button:focus{outline:none;box-shadow:0 0 5px #007bff80}.kunden-list li,.mitarbeiter-list li{padding:10px 15px;margin-bottom:8px;border:1px solid #ccc;border-radius:5px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.kunden-list li.selected,.mitarbeiter-list li.selected{background-color:#42a5f5;color:#fff;font-weight:700;box-shadow:0 4px 10px #0000004d;transform:scale(1.02);border:2px solid #1e88e5}.kunden-list li:hover,.mitarbeiter-list li:hover{background-color:#e3f2fd;box-shadow:0 2px 5px #0003}.anfahrt-auswahl button{padding:10px 15px;margin:0 10px;color:#000;border:1px solid #ccc;border-radius:5px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.anfahrt-auswahl button.selected{background-color:#42a5f5;color:#fff;font-weight:700;box-shadow:0 4px 10px #0000004d;border:2px solid #1e88e5;transform:scale(1.02)}.leistungs-list li{padding:10px 15px;margin-bottom:8px;background-color:#fdffff;border:1px solid #ccc;border-radius:5px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.leistungs-list li.selected{background-color:#42a5f5;color:#fff;font-weight:700;box-shadow:0 4px 10px #0000004d;border:2px solid #1e88e5;transform:scale(1.02)}.pointer{cursor:pointer}ul{list-style:none;padding:20px;margin:0}ul li{padding:18px 20px;margin-bottom:10px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000001a;transition:background-color .3s ease}ul li:hover{background-color:#e0f7fa}ul.selectable li{cursor:pointer}ul li+li{margin-top:10px}.zeiterfassungs-liste{background-color:#c9dbee;padding:20px;margin:10px;max-width:600px;border-radius:10px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box}.missing-field{color:red}@media (max-width: 768px){.speicher-button button{width:auto;padding:1px 2px;right:10px;bottom:10px;font-size:.8rem}}@media (prefers-color-scheme: light){:root{color:var(--text-color);background-color:#fdfdfd}a:hover{color:#747bff}button{background-color:#f9f9f9}button:hover{background-color:var(--secondary-color)}}