#app{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f5f5f5;text-align:center}h1{font-size:1.5em;text-align:center;color:#333}.container{display:flex;flex-direction:column;width:90%;max-width:800px;margin:0 auto;padding:10px;background-color:#fff;box-shadow:0 4px 8px #0000001a;border-radius:10px}.input-container{margin:15px 0;width:100%}.input-label{display:block;font-size:1.2em;font-weight:700;color:#333;margin-top:10px;margin-bottom:8px}.input-field{width:calc(100% - 20px);padding:10px;font-size:1em;border:1px solid #ccc;border-radius:5px;margin-right:10px}button{width:100%;padding:12px;font-size:1.2em;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:15px;transition:background-color .3s ease}button:disabled{background-color:#ccc;cursor:not-allowed}.delete-button{width:100%;padding:12px;font-size:1.2em;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:15px;background-color:#dc3545;transition:background-color .3s ease}.delete-button:hover{background-color:#a71d2a}button:hover{background-color:#0056b3}p{margin-bottom:15px;line-height:1.6;padding-left:10px;padding-right:10px}.mainTitle{font-size:1.6em;margin-top:20px;margin-bottom:10px;padding-left:10px;color:#333}h3,h4{margin-top:20px;margin-bottom:10px;padding-left:10px}.stats{display:flex;justify-content:space-between;margin-top:5px;padding-left:5px;padding-right:5px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:5px}.stats p{display:inline-flex;align-items:center}.stats span{font-size:1.5em;font-weight:700;color:#333;margin-left:10px}.stats .positive{color:green;font-weight:700}.stats .negative{color:#dc3545;font-weight:700}.hour-warning{color:#dc3545;font-size:1.2em;font-weight:700;margin-top:5px}.eintraegeListe{margin-top:20px}.eintraegeListe ul{list-style-type:none;padding:0;margin:0}.eintraegeListe li{background-color:#f5f5f5;padding:10px;border:1px solid #ddd;border-radius:5px;margin-bottom:10px;font-size:1em}@media (max-width: 768px){.container{width:95%}h1,.mainTitle{font-size:1.4em}button,.delete-button{font-size:1.1em}button:hover{background-color:#0056b3}.delete-button:hover{background-color:#a71d2a}.stats{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-top:10px;padding-left:10px;padding-right:10px;background-color:#f5f5f5}.stats span{font-size:1.4em;font-weight:700;color:#333;margin-left:10px}}