*{box-sizing:border-box}body{margin:0;background:#f2f6fb;color:#182235;font-family:system-ui,sans-serif}main{max-width:1080px;margin:auto;padding:28px 20px 60px}a{color:#245dc4}nav{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:32px}h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:10px}.intro{color:#596a80;margin-bottom:28px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tool-card,.calculator,.history{background:#fff;border:1px solid #d8e0eb;border-radius:20px;padding:24px;box-shadow:0 8px 28px #183e7610}.tool-card{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit}.tool-card:hover{border-color:#2563eb}.tool-icon{font-size:2.5rem}.tool-card h2,.tool-card p{margin:0}.tool-card p{line-height:1.6;color:#596a80}.tool-card strong{color:#245dc4;margin-top:auto;padding-top:18px}.calculator-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px}.calculator label{display:block;font-weight:600;margin-bottom:8px}input,select,button{font:inherit}input,select{border:1px solid #aabbd0;border-radius:10px;padding:12px;background:#fff;color:inherit}input{width:100%;font-size:1.35rem}output{display:block;text-align:right;overflow-wrap:anywhere;font-size:2rem;min-height:80px;padding:18px 0}.error{color:#b42318;font-size:1rem}.mode{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.mode label{margin:0}.keys{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}button{min-height:48px;border:1px solid #d8e0eb;border-radius:10px;background:#f2f6fb;color:inherit;cursor:pointer}button:hover{background:#e1ebfc}.equals{background:#2563eb;color:white}.equals:hover{background:#194bb2}.hint{color:#596a80;font-size:.9rem;line-height:1.6}.history h2{margin-top:0}.history ol{padding:0;list-style:none}.history li{margin-bottom:10px}.history li button{width:100%;text-align:left;padding:12px;overflow-wrap:anywhere}.history:has(ol:empty) ol:after{content:"Deine Rechnungen erscheinen hier.";color:#596a80}#clear-history{padding:8px 16px}:focus-visible{outline:3px solid #4a90e2;outline-offset:3px}body.dark-mode{background:#141c28;color:#eef4ff}body.dark-mode .tool-card,body.dark-mode .calculator,body.dark-mode .history{background:#202a3a;border-color:#435067}body.dark-mode button,body.dark-mode input,body.dark-mode select{background:#2c3a50;color:#eef4ff;border-color:#53657e}body.dark-mode a,body.dark-mode .tool-card strong{color:#9cc2ff}body.dark-mode .hint,body.dark-mode .intro,body.dark-mode .tool-card p{color:#bfccde}body.dark-mode .error{color:#ffb4ab}@media(max-width:700px){.tool-grid,.calculator-layout{grid-template-columns:1fr}main{padding:20px 12px}.calculator,.history{padding:18px}.keys{gap:6px}}