/* Grundsteuer-Vergleich: klare Entwicklung und persönliche Mehrkosten. */
.rate-flow{display:grid;grid-template-columns:1fr 3.5rem 1fr;gap:.35rem;align-items:center;margin:.4rem 0 1.05rem}.rate-value{display:grid;gap:.2rem}.rate-flow .rate-value strong{font-size:clamp(2.8rem,4vw,4rem);line-height:.9}.rate-value span{color:#fff;font-size:.84rem;font-weight:800}.rate-compass-arrow{display:grid;width:3rem;height:3rem;place-items:center;border:2px solid rgba(255,255,255,.56);border-radius:50%;color:var(--tax-orange);font-size:2.25rem;font-weight:900;line-height:1;animation:compass-rise 2.8s ease-in-out infinite}.rate-card>b{display:inline-flex;align-items:baseline;justify-content:center;gap:.35rem}.rate-card>b span{color:var(--tax-orange);font-size:1.42rem}@keyframes compass-rise{0%,100%{transform:translateY(3px) rotate(-7deg)}50%{transform:translateY(-6px) rotate(7deg)}}

.rate-result{margin-top:1.75rem;padding:1.4rem;border:0;border-left:6px solid var(--tax-orange);background:linear-gradient(135deg,#fff8e9 0%,#fff 58%);box-shadow:0 8px 20px rgba(11,29,57,.08)}.rate-result-kicker{margin:0 0 .25rem;color:var(--tax-orange);font-size:.78rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.rate-result h3{margin:0;font-size:1.35rem;line-height:1.16}.rate-result-values{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1.1rem 0}.rate-result-values>div{display:grid;gap:.18rem;padding:.8rem .9rem;background:#fff;border:1px solid #e4e6e3}.rate-result-values span{color:#56677d;font-size:.8rem;font-weight:800}.rate-result-values strong{font-size:1.35rem;line-height:1.1}.rate-result .highlight{display:grid;gap:.1rem;margin:1rem 0 .65rem;padding:1rem 1.1rem;background:var(--tax-orange);color:var(--tax-navy);font-size:1rem}.rate-result .highlight span{font-weight:850}.rate-result .highlight strong{font-size:clamp(1.75rem,3vw,2.35rem);letter-spacing:-.045em;line-height:1.05}.rate-result #monthly-difference{margin:0;font-weight:800}

.rate-slider-control{position:relative;padding:.25rem 0}.rate-slider-control input[type=range]{position:relative;z-index:1}.slider-guidance{position:absolute;z-index:2;top:50%;left:21%;width:1.5rem;height:1.5rem;border:3px solid var(--tax-orange);border-radius:50%;background:#fff;box-shadow:0 1px 8px rgba(11,29,57,.24);opacity:0;pointer-events:none;transform:translate(-50%,-50%)}.slider-guidance:after{content:"Ziehen";position:absolute;top:calc(100% + .45rem);left:50%;padding:.22rem .42rem;background:var(--tax-navy);color:#fff;font-size:.68rem;font-weight:850;white-space:nowrap;transform:translateX(-50%)}.slider-section.slider-hint-active .slider-guidance{animation:slider-guidance-move 2.5s ease-in-out 1}@keyframes slider-guidance-move{0%,100%{opacity:0;left:21%}12%,84%{opacity:1}48%{left:57%}68%{left:42%}}

@media(max-width:720px){.rate-flow{grid-template-columns:1fr 3rem 1fr}.rate-flow .rate-value strong{font-size:3.15rem}.rate-compass-arrow{width:2.6rem;height:2.6rem;font-size:2rem}.rate-result{padding:1.2rem}.rate-result-values{grid-template-columns:1fr}.rate-result .highlight strong{font-size:2rem}.slider-guidance:after{font-size:.62rem}}
@media(prefers-reduced-motion:reduce){.rate-compass-arrow,.slider-section.slider-hint-active .slider-guidance{animation:none}.slider-guidance{display:none}}

.personnel-slider-control{position:relative;padding:.25rem 0}.personnel-slider-control input[type=range]{position:relative;z-index:1}.personnel-section.slider-hint-active .slider-guidance{animation:slider-guidance-move 2.5s ease-in-out 1}.city-type-example{margin:-.25rem 0 1.2rem;padding:.75rem .9rem;border-left:4px solid var(--tax-orange);background:#fff8e9;font-size:.9rem;font-weight:700}.city-personal-impact{display:inline-block;margin:.35rem 0;padding:.2rem .45rem;background:var(--tax-orange);color:var(--tax-navy);font-size:1.22em;line-height:1.1}.notice-list{display:grid;gap:.8rem}.notice-list p{margin:0;padding:1rem 1.15rem;border-left:6px solid var(--tax-orange);box-shadow:0 5px 16px rgba(11,29,57,.07);font-weight:600}.notice-list p:first-child{background:#fff8e9}.allocation-total{padding:.85rem 1rem;border-left:4px solid var(--tax-orange);background:rgba(255,255,255,.08)}.allocation-total.allocation-error{border-left-color:#ff5d55;background:rgba(255,93,85,.18);color:#fff}.allocation-input-error{outline:3px solid #ff5d55!important;outline-offset:3px}

@media(prefers-reduced-motion:reduce){.personnel-section.slider-hint-active .slider-guidance{animation:none}}