/* Isoliertes Designsystem fuer die Rechner und den Tools-Hub. */
.rr-tools{--tool-navy:#102638;--tool-navy-2:#18394f;--tool-paper:#f7f1e7;--tool-cream:#fffaf2;--tool-orange:#ed7b2f;--tool-ink:#17212b;--tool-muted:#5c6873;--tool-line:#d9d1c4;background:linear-gradient(180deg,#f5f0e8 0,#fbfaf7 520px);color:var(--tool-ink);overflow-x:hidden}
.rr-tools .breadcrumb{background:rgba(255,250,242,.88);border-color:var(--tool-line)}
.rr-tools .site-header,.rr-tools .hdr{max-width:100%;overflow:hidden}
.rr-tools .section{padding-top:56px}
.rr-tools .section>.container{max-width:920px!important}
.rr-tools .section>.container>div:first-child{text-align:left!important;margin:0 0 34px!important;padding:30px clamp(22px,4vw,42px);border-radius:22px;background:linear-gradient(140deg,var(--tool-navy),var(--tool-navy-2));box-shadow:0 20px 52px rgba(16,38,56,.18);color:var(--tool-cream);position:relative;overflow:hidden}
.rr-tools .section>.container>div:first-child:after{content:"";position:absolute;width:190px;height:190px;right:-70px;top:-90px;border:1px solid rgba(237,123,47,.42);border-radius:50%}
.rr-tools .section>.container>div:first-child .kicker{color:#f3a36d;margin-bottom:8px}
.rr-tools .section>.container>div:first-child h1{font-family:Georgia,"Times New Roman",serif!important;font-weight:600!important;line-height:1.12;letter-spacing:-.02em;color:#fffaf2}
.rr-tools .section>.container>div:first-child p{max-width:720px;color:#d9e0e4!important;line-height:1.65}
.rr-tools .tool-box{position:relative;margin:0 0 30px;padding:clamp(22px,4vw,38px);border:1px solid #d8cec0;border-top:4px solid var(--tool-orange);border-radius:18px;background:var(--tool-cream);box-shadow:0 14px 36px rgba(29,39,48,.09)}
.rr-tools .tool-box h3{display:flex;align-items:center;gap:8px;margin-bottom:25px;color:var(--tool-navy);font-family:Georgia,"Times New Roman",serif;font-size:24px;letter-spacing:-.01em}
.rr-tools .tool-box h3 svg{width:24px;height:24px;color:var(--tool-orange)!important}
.rr-tools .tool-row{gap:14px;margin-bottom:17px}
.rr-tools .tool-field{min-width:220px;padding:0}
.rr-tools .tool-field label{margin-bottom:7px;color:#354451;font-size:12px;font-weight:800;letter-spacing:.055em}
.rr-tools .tool-field input,.rr-tools .tool-field select,.rr-tools .tool-box input,.rr-tools .tool-box select{min-height:50px;border:1.5px solid #c9c1b6;border-radius:10px;background:#fff;color:var(--tool-ink);font-size:15px;box-shadow:0 1px 0 rgba(16,38,56,.04);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.rr-tools .tool-field input:hover,.rr-tools .tool-field select:hover{border-color:#9ca7ad}
.rr-tools .tool-field input:focus,.rr-tools .tool-field select:focus,.rr-tools .tool-box input:focus,.rr-tools .tool-box select:focus{outline:3px solid rgba(237,123,47,.24);outline-offset:1px;border-color:var(--tool-orange);background:#fff}
.rr-tools .tool-box>.btn,.rr-tools .tool-box button.btn{min-height:50px;padding:12px 22px;border-radius:10px;background:var(--tool-orange);color:#17212b;font-weight:850;box-shadow:0 8px 18px rgba(237,123,47,.2)}
.rr-tools .tool-box>.btn:hover,.rr-tools .tool-box button.btn:hover{background:#f28a43;transform:translateY(-1px)}
.rr-tools .tool-result{margin-top:22px;padding:24px;border:0;border-radius:15px;background:linear-gradient(145deg,var(--tool-navy),#173a51);color:#eff3f4;text-align:left;box-shadow:0 16px 34px rgba(16,38,56,.2)}
.rr-tools .tool-result .result-label{color:#cbd5da!important;line-height:1.55}
.rr-tools .tool-result .result-value{margin:5px 0;color:#fff8ee;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,6vw,52px);line-height:1.08;letter-spacing:-.025em}
.rr-tools .tool-result>div[style*="background:#fff"],.rr-tools .tool-result>div[style*="background:var(--primary-l)"]{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08)!important;color:#f5f1ea}
.rr-tools .tool-result a{color:#f3a36d!important;text-decoration:underline;text-underline-offset:3px}
.rr-tools .card{border-color:var(--tool-line);border-radius:14px;background:rgba(255,255,255,.86);box-shadow:0 8px 24px rgba(29,39,48,.06)}
.rr-tools .card:hover{border-color:#c8ad8f;box-shadow:0 14px 32px rgba(29,39,48,.1)}
.rr-tools .faq-item{border-color:var(--tool-line);border-radius:10px;background:#fffdf9}
.rr-tools .faq-question{min-height:52px;color:var(--tool-navy)}
.rr-tools .faq-question:focus-visible,.rr-tools .btn:focus-visible,.rr-tools .choice-btn:focus-visible,.rr-tools .btn-back:focus-visible{outline:3px solid var(--tool-orange);outline-offset:3px}
.rr-tools .choice-grid{gap:12px!important}
.rr-tools .choice-btn{min-height:78px!important;border:1.5px solid #d2c9bd!important;border-radius:12px!important;background:#fffdf9!important;color:var(--tool-ink)!important;box-shadow:0 5px 15px rgba(29,39,48,.05)}
.rr-tools .choice-btn:hover,.rr-tools .choice-btn.selected{border-color:var(--tool-orange)!important;background:#fff5e9!important;transform:translateY(-1px)}
.rr-tools .choice-icon{display:none!important}
.rr-tools .progress-fill{background:var(--tool-orange)!important}
.rr-tools .result-card{border-radius:16px!important;background:var(--tool-navy)!important;color:#f7f1e7!important}
.rr-tools .btn-back{min-height:44px;color:var(--tool-navy)!important}
.rr-tools table{border-radius:10px;overflow:hidden}
.rr-tools th{background:var(--tool-navy)!important}
.rr-tools #lead-overlay>div{border-top:4px solid var(--tool-orange);border-radius:18px!important}
@media(min-width:900px){.rr-tools .tool-box .tool-result{position:relative}.rr-tools #rechner-streichen,.rr-tools #rechner-bad,.rr-tools #rechner-boden,.rr-tools #rechner-fassade,.rr-tools #rechner-kueche,.rr-tools #rechner-energie{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.rr-tools #rechner-streichen h3,.rr-tools #rechner-bad h3,.rr-tools #rechner-boden h3,.rr-tools #rechner-fassade h3,.rr-tools #rechner-kueche h3,.rr-tools #rechner-energie h3{grid-column:1/-1}.rr-tools #rechner-streichen .tool-result,.rr-tools #rechner-bad .tool-result,.rr-tools #rechner-boden .tool-result,.rr-tools #rechner-fassade .tool-result,.rr-tools #rechner-kueche .tool-result,.rr-tools #rechner-energie .tool-result{grid-column:2;grid-row:2/span 3;margin-top:0}}
@media(max-width:760px){.rr-tools .hdr{width:100%}.rr-tools .logo,.rr-tools .logo-text{min-width:0}.rr-tools .section{padding-top:28px}.rr-tools .section *{min-width:0}.rr-tools .section>.container>div:first-child{padding:24px 20px;border-radius:16px}.rr-tools .section>.container>div:first-child:after{display:none}.rr-tools .tool-box{padding:22px 17px;border-radius:14px}.rr-tools .tool-row{display:grid}.rr-tools .tool-field{min-width:0}.rr-tools .tool-box>.btn{width:100%;justify-content:center}.rr-tools .tool-result{padding:20px 17px}.rr-tools .choice-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.rr-tools *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.rr-tools .btn:hover,.rr-tools .choice-btn:hover{transform:none!important}}
