:root{--primary-color: #7ab51d;--primary-color-hover: #0056b3;--text-color: #333;--background-color: #ffffff;--form-background-color: #f8f9fa;--input-border-color: #ced4da;--input-border-radius: 12px;--shadow-color: rgba(0, 0, 0, .1);--padding: 1.5rem;--form-max-width: 40rem;--gap: 1rem}html,body,#root{height:100%;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.logo{padding:.5em}.content{padding:0 12.5%}.header,.footer{background:var(--form-background-color);box-shadow:0 2px 4px var(--shadow-color);padding:0 12.5%;text-align:center}.footer{margin-top:auto}.navbar{display:flex;align-items:center;justify-content:space-between}.center-buttons,.right-buttons{display:flex;gap:.5em}.nav-button{font-weight:700;border:none;border-radius:var(--input-border-radius);padding:.5em;cursor:pointer;font-size:1.2em;color:var(--text-color);transition:background-color .2s;text-decoration:none;background-color:transparent}.nav-button:hover{background:#ececec}.nav-button svg{font-size:1.5em}.rundmaterial-container{padding:1rem;background-color:#f8f9fa;border-radius:12px;box-shadow:0 2px 4px #0000001a;max-width:30rem;margin:1rem auto}.rundmaterial-form{display:flex;flex-direction:column;gap:.5rem}.rundmaterial-title{font-size:1.4rem;font-weight:700;color:#333;text-align:center;margin-bottom:.5rem}.rundmaterial-label{font-size:.9rem;color:#333;font-weight:500;display:flex;flex-direction:column;gap:.3rem}.rundmaterial-input,.rundmaterial-select{font-size:.9rem;padding:.5rem;border-radius:12px;border:1px solid #ced4da;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease}.rundmaterial-input:focus,.rundmaterial-select:focus{border-color:#7ab51d;box-shadow:0 0 2px #007bff80;outline:none}.rundmaterial-button{font-size:.9rem;font-weight:700;color:#fff;background-color:#7ab51d;padding:.5rem;border:none;border-radius:12px;cursor:pointer;text-align:center;transition:background-color .3s ease}.rundmaterial-button:hover{background-color:#679e1a}.rundmaterial-results{background-color:#fff;padding:1rem;border-radius:12px;margin-top:1rem;box-shadow:0 2px 4px #0000001a;font-size:.9rem;color:#333}.rundmaterial-results h3{text-align:center;margin:0}.rundmaterial-error{background-color:#ffe6e6;padding:1rem;border-radius:12px;margin-top:1rem;border:1px solid red;color:red}.flachabmessung-container{padding:1rem;background-color:#f8f9fa;border-radius:12px;box-shadow:0 2px 4px #0000001a;max-width:30rem;margin:1rem auto}.flachabmessung-form{display:flex;flex-direction:column;gap:.5rem}.flachabmessung-label{font-size:.9rem;color:#333;font-weight:500;display:flex;flex-direction:column;gap:.3rem}.flachabmessung-input,.flachabmessung-select{font-size:.9rem;padding:.5rem;border-radius:12px;border:1px solid #ced4da;background-color:#fff;transition:border-color .3s ease,box-shadow .3s ease}.flachabmessung-input:focus,.flachabmessung-select:focus{border-color:#7ab51d;box-shadow:0 0 2px #007bff80;outline:none}.flachabmessung-button{font-size:.9rem;font-weight:700;color:#fff;background-color:#7ab51d;padding:.5rem;border:none;border-radius:12px;cursor:pointer;text-align:center;transition:background-color .3s ease}.flachabmessung-button:hover{background-color:#679e1a}.flachabmessung-results{background-color:#fff;padding:1rem;border-radius:12px;margin-top:1rem;box-shadow:0 2px 4px #0000001a;font-size:.9rem;color:#333}.flachabmessung-results h3{text-align:center;margin:0}.flachabmessung-error{background-color:#ffe6e6;padding:1rem;border-radius:12px;margin-top:1rem;border:1px solid red;color:red}