:root{--background:#ffffff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:white}}body{font-family:Arial,sans-serif;background-color:#f4f4f4;margin:0;padding:0}.container{max-width:500px;margin:125px auto 50px;padding:20px;background:white;color:#333;z-index:99}.container,iframe{border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}h2{text-align:center;color:#333;font-weight:100}label{display:block;margin-bottom:8px;font-weight:700}input[type=text],select{width:100%;padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:4px;transition:border-color .3s}input[type=email],input[type=number],input[type=text],textarea{width:100%;padding:10px 0;margin-bottom:20px;background-color:aliceblue}input[type=date],input[type=email],input[type=number],input[type=text],input[type=time],textarea{border:none;border-bottom:1px solid #ccc;outline:none;transition:border-color .3s;border-radius:0}input[type=date],input[type=time]{margin:5%;width:40%;padding:0 0 0 10px;background-color:transparent;color:#110808}input[type=checkbox]{margin:10px}input[type=text]:focus{border-bottom:1px solid #007bff}input[type=text]::placeholder{color:#110808;opacity:.6}button{width:100%;padding:10px;background-color:#007bff;color:white;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}button:hover{background-color:#0056b3}.gewichtsSelect{width:85px;height:40px;text-align:right;background-color:transparent;border:none}.artikelAnzeige{display:flex;justify-content:space-between;height:40px;max-height:50px;align-items:baseline;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.categories{background-color:#80808038;margin-bottom:20px;border-radius:5px;padding:5px;box-shadow:0 2px 5px rgba(0,0,0,.3)}.modal-semi-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:99999}.modal-semi-screen .display{position:fixed;top:100px;width:80%;max-width:650px;min-width:400px;max-height:80%;overflow-y:auto;background:#ffffff;border-radius:15px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.3);color:black;text-align:center}.modal-semi-screen .abbrechen{width:48%;background-color:#ddd;color:#333}.modal-semi-screen .abbrechen,.modal-semi-screen .speichern{margin:10px;height:60px;max-width:250px;font-size:16px;border-radius:8px;border:none;cursor:pointer;font-weight:lighter}.modal-semi-screen .speichern{width:45%;background-color:#007bff;color:#fff}.spinner{width:25px;height:25px;border:5px solid rgb(39,89,121);border-bottom-color:rgb(244,238,226);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.background{background-size:cover;background-position:50%;position:relative;top:0}.logo{border-radius:10px;position:-webkit-sticky;position:sticky;top:50px;max-width:550px;z-index:1}.absatz{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid black}h3{margin-top:10px}.imageContainer{perspective:1000px}.imageContainer:hover .image{transform:translateZ(120px)}.image{width:100%;transition:transform .3s ease}@media (max-width:700px){.logo{max-width:100%;margin-bottom:20px}iframe{border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:100px}.container{margin-top:20px}}