#umsatzrechner{scroll-margin-top:94px}
#umsatzrechner .revenue-intro{max-width:820px;margin-bottom:34px}
.revenue-calculator{display:grid;grid-template-columns:minmax(290px,.95fr) minmax(320px,1.05fr);border:1px solid var(--blue-20);background:#fff}
.revenue-inputs{padding:34px}
.revenue-inputs h3{margin-bottom:10px}
.revenue-inputs>p{font-size:14px;margin-bottom:26px}
.revenue-field{margin-bottom:22px}
.revenue-field label{font-size:14px;color:var(--dark);line-height:1.45}
.revenue-control{display:flex;margin-top:8px;border:1px solid var(--blue-60);background:#fff}
.revenue-control:focus-within{outline:3px solid var(--blue-20)}
.revenue-control input{border:0;outline:0;margin:0;min-width:0;width:100%;font-weight:600;font-variant-numeric:tabular-nums}
.revenue-control span{display:flex;align-items:center;justify-content:center;min-width:75px;padding:0 12px;background:var(--sand-light);border-left:1px solid var(--blue-20);color:var(--muted);font-size:14px;white-space:nowrap}
.revenue-field small{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:8px}
.revenue-error{color:#a02020;font-size:14px;min-height:1.5em;margin:0}
.revenue-results{border-left:1px solid var(--blue-20);min-width:0}
.revenue-highlight{background:var(--dark);color:#fff;padding:36px}
.revenue-highlight>span{display:block;color:var(--blue-20);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.revenue-highlight>strong{display:block;font-size:clamp(38px,4vw,62px);line-height:1.1;font-weight:600;letter-spacing:-.055em;font-variant-numeric:tabular-nums;margin:12px 0 14px;white-space:nowrap}
.revenue-highlight p{color:var(--blue-20);font-size:14px;margin:0}
.revenue-breakdown{padding:32px 36px}
.revenue-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}
.revenue-comparison>div{background:var(--sand-light);border:1px solid var(--blue-20);padding:18px;min-width:0}
.revenue-comparison>div:last-child{background:var(--blue-20)}
.revenue-comparison span{display:block;font-size:13px;line-height:1.45;min-height:3em;color:var(--text)}
.revenue-comparison strong{display:block;color:var(--dark);font-size:clamp(20px,2vw,27px);line-height:1.2;margin-top:12px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.revenue-line{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:12px 0;border-top:1px solid var(--blue-20);font-size:14px}
.revenue-line strong{white-space:nowrap;font-variant-numeric:tabular-nums}
.revenue-total-line{font-weight:600}
.revenue-total-line strong{color:var(--blue)}
.revenue-annual{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:23px;padding:19px;background:var(--sand);font-size:14px}
.revenue-annual strong{font-size:clamp(20px,2.4vw,29px);color:var(--dark);font-variant-numeric:tabular-nums;white-space:nowrap}
#umsatzrechner .revenue-note{max-width:none;font-size:13px;line-height:1.65;margin:22px 0 0}
@media(max-width:850px){.revenue-calculator{grid-template-columns:1fr}.revenue-results{border-left:0;border-top:1px solid var(--blue-20)}}
@media(max-width:520px){#umsatzrechner{scroll-margin-top:78px}.revenue-inputs,.revenue-highlight,.revenue-breakdown{padding:24px}.revenue-comparison{grid-template-columns:1fr}.revenue-comparison span{min-height:0}.revenue-highlight>strong{font-size:42px}.revenue-annual{align-items:flex-start;flex-direction:column;gap:6px}}