/* RentAid Mietcheck – auf #rentaid-mietcheck begrenzte Styles */
#rentaid-mietcheck{--ra-orange:#ff6329;--ra-purple:#7059dc;--ra-ink:#292532;--ra-muted:#6b6871;--ra-cream:#faf8ee;--ra-line:#e4e0d7;--ra-white:#fff;box-sizing:border-box;color:var(--ra-ink);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.48;font-size:16px}
#rentaid-mietcheck *,#rentaid-mietcheck *:before,#rentaid-mietcheck *:after{box-sizing:border-box}
#rentaid-mietcheck .ra-frame{max-width:985px;margin:0 auto;background:var(--ra-cream);padding:34px clamp(15px,4.5vw,50px) 40px;border-radius:24px}
#rentaid-mietcheck .ra-eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--ra-purple)}
#rentaid-mietcheck h1,#rentaid-mietcheck h2,#rentaid-mietcheck h3,#rentaid-mietcheck p{margin:0}
#rentaid-mietcheck .ra-intro{text-align:center;max-width:750px;margin:0 auto 29px}
#rentaid-mietcheck .ra-intro h1{font-size:clamp(27px,4.2vw,45px);line-height:1.12;letter-spacing:-.045em;margin:9px auto 13px;font-weight:840}
#rentaid-mietcheck .ra-intro p{color:var(--ra-muted);font-size:16px}
#rentaid-mietcheck .ra-steps-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:0 0 30px}
#rentaid-mietcheck .ra-mini{border:1px solid var(--ra-line);background:#fff;border-radius:14px;padding:14px 12px;text-align:center}
#rentaid-mietcheck .ra-mini strong{display:block;color:var(--ra-purple);font-size:14px;margin-bottom:3px}
#rentaid-mietcheck .ra-mini small{font-size:12px;color:var(--ra-muted)}
#rentaid-mietcheck .ra-progress{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;letter-spacing:.065em;color:var(--ra-purple);text-transform:uppercase;gap:10px}
#rentaid-mietcheck .ra-bar{height:7px;border-radius:30px;background:#ddd9cc;overflow:hidden;margin:11px 0 18px}
#rentaid-mietcheck .ra-bar>i{display:block;background:var(--ra-purple);width:33.333%;height:100%;transition:width .23s ease}
#rentaid-mietcheck .ra-panel{background:#fff;border:1px solid var(--ra-line);border-radius:18px;box-shadow:0 10px 36px rgba(41,37,50,.055);padding:clamp(18px,4vw,35px)}
#rentaid-mietcheck .ra-tag{display:inline-flex;background:#f0edff;color:#5744c2;padding:5px 9px;border-radius:5px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.06em}
#rentaid-mietcheck .ra-panel h2{font-size:clamp(24px,3.3vw,31px);line-height:1.18;letter-spacing:-.025em;margin:12px 0 8px}
#rentaid-mietcheck .ra-lead{color:var(--ra-muted);font-size:15px;margin-bottom:21px!important}
#rentaid-mietcheck .ra-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
#rentaid-mietcheck .ra-field{margin-bottom:16px;min-width:0}
#rentaid-mietcheck .ra-field label{display:block;text-transform:uppercase;font-size:11px;letter-spacing:.05em;font-weight:800;margin-bottom:7px;color:#393343}
#rentaid-mietcheck .ra-field label span{color:var(--ra-orange)}
#rentaid-mietcheck input:not([type=checkbox]):not([type=range]),#rentaid-mietcheck select{width:100%;min-height:49px;border:1px solid #d6d3d6;border-radius:9px;background:#fff;padding:11px 13px;color:#292532;font:inherit;font-size:16px;outline:none}
#rentaid-mietcheck input:focus-visible,#rentaid-mietcheck select:focus-visible,#rentaid-mietcheck button:focus-visible,#rentaid-mietcheck a:focus-visible{outline:3px solid rgba(112,89,220,.45);outline-offset:2px}
#rentaid-mietcheck .ra-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;padding:15px 18px;border:0;border-radius:10px;color:white;background:var(--ra-purple);font-size:14px;font-weight:850;line-height:1.3;text-align:center;transition:transform .15s,filter .15s}
#rentaid-mietcheck .ra-button:hover{filter:brightness(.95);transform:translateY(-1px)}
#rentaid-mietcheck .ra-button.orange{background:var(--ra-orange)}
#rentaid-mietcheck .ra-button:disabled{cursor:wait;opacity:.6}
#rentaid-mietcheck .ra-full{width:100%}
#rentaid-mietcheck .ra-back{background:none;color:var(--ra-muted);border:0;padding:8px 0;cursor:pointer;font-weight:650}
#rentaid-mietcheck .ra-row-end{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
#rentaid-mietcheck .ra-hint{font-size:12px;color:#706d75;margin-top:7px}
#rentaid-mietcheck .ra-note{background:#f6f3ff;border-left:4px solid var(--ra-purple);border-radius:6px;padding:13px 15px;font-size:13px;color:#514b64;margin:17px 0}
#rentaid-mietcheck .ra-soft-warning{background:#fff8ed;color:#80500d;border:1px solid #ecd5a5;border-radius:9px;padding:11px 12px;font-size:13px;margin:12px 0}
#rentaid-mietcheck .ra-error{background:#fff0ee;color:#a52e1a;border:1px solid #ffcbbe;border-radius:9px;padding:10px 12px;font-size:13px;margin:12px 0}
#rentaid-mietcheck .ra-good{background:#effaf2;color:#225b38;border:1px solid #cee5d1;border-radius:9px;padding:11px 12px;font-size:13px;margin:12px 0}
#rentaid-mietcheck .ra-location-status{min-height:13px;font-size:12px;color:#77717d;margin:-6px 0 14px}
#rentaid-mietcheck .ra-locations{display:flex;gap:7px;flex-wrap:wrap;margin-top:6px}
#rentaid-mietcheck .ra-choice{font:inherit;font-size:12px;border:1px solid #d4cdec;color:#5340a5;background:#faf8ff;border-radius:99px;padding:6px 10px;cursor:pointer}
#rentaid-mietcheck .ra-example{background:transparent;border:0;padding:0;color:var(--ra-purple);font-size:13px;text-decoration:underline;cursor:pointer}
#rentaid-mietcheck .ra-range-card{background:#f9f8f2;border:1px solid var(--ra-line);border-radius:12px;margin:15px 0;padding:15px}
#rentaid-mietcheck .ra-range-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#rentaid-mietcheck .ra-range-heading label{margin:0;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
#rentaid-mietcheck .ra-range-heading input{max-width:120px;min-height:40px!important;font-weight:780;color:var(--ra-purple)!important;text-align:right}
#rentaid-mietcheck input[type=range]{width:100%;accent-color:var(--ra-purple);cursor:pointer}
#rentaid-mietcheck .ra-range-minmax{display:flex;justify-content:space-between;color:#817e87;font-size:11px}
#rentaid-mietcheck .ra-result{background:#29262e;border-radius:13px;color:#fff;padding:20px;margin-top:16px}
#rentaid-mietcheck .ra-result-overline{font-size:11px;letter-spacing:.1em;color:#e5c5fa;text-transform:uppercase;font-weight:800;margin-bottom:11px}
#rentaid-mietcheck .ra-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#rentaid-mietcheck .ra-stat{background:rgba(255,255,255,.055);padding:14px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px}
#rentaid-mietcheck .ra-stat small{display:block;font-size:11px;color:#ded1ef;letter-spacing:.06em;text-transform:uppercase;font-weight:760}
#rentaid-mietcheck .ra-stat strong{display:block;font-size:clamp(22px,4vw,31px);letter-spacing:-.03em;line-height:1.5;color:#fff}
#rentaid-mietcheck .ra-bars{margin-top:17px}
#rentaid-mietcheck .ra-bar-labels{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:6px;gap:10px}
#rentaid-mietcheck .ra-compare-rail{display:flex;height:12px;overflow:hidden;border-radius:99px;background:#4b4651}
#rentaid-mietcheck .ra-compare-rail span:first-child{background:var(--ra-purple)}
#rentaid-mietcheck .ra-compare-rail span:last-child{background:var(--ra-orange)}
#rentaid-mietcheck .ra-source{margin-top:12px;font-size:11px;color:#c6bfc9}
#rentaid-mietcheck .ra-source a{color:#ffbaa5;text-decoration:underline}
#rentaid-mietcheck .ra-result-warning{line-height:1.6;margin-top:13px;font-size:12px;color:#dcd8dd}
#rentaid-mietcheck .ra-unavailable{border:1px solid #f1ddae;background:#fffaf1;padding:17px;border-radius:12px;margin-top:20px}
#rentaid-mietcheck .ra-unavailable strong{display:block;margin-bottom:6px}
#rentaid-mietcheck .ra-unavailable p{font-size:13px;color:#6e5d40}
#rentaid-mietcheck .ra-benefits{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:18px 0}
#rentaid-mietcheck .ra-benefit{background:#f8f7f0;border:1px solid var(--ra-line);border-radius:9px;padding:11px 12px;font-size:13px}
#rentaid-mietcheck .ra-benefit b{color:var(--ra-purple)}
#rentaid-mietcheck .ra-consent{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.5;margin:20px 0}
#rentaid-mietcheck .ra-consent input{width:18px;height:18px;flex-shrink:0;accent-color:var(--ra-purple);margin-top:2px}
#rentaid-mietcheck a{color:#6048cf;text-decoration:underline}
#rentaid-mietcheck .ra-smallprint{font-size:12px;color:#6b6871;text-align:center;margin-top:11px}
#rentaid-mietcheck .ra-footer{text-align:center;font-size:11px;color:#77737a;margin:16px auto 0}
#rentaid-mietcheck .ra-complete{text-align:center;padding:20px 4px}
#rentaid-mietcheck .ra-complete-icon{display:grid;place-items:center;background:#f0edf9;color:var(--ra-purple);width:58px;height:58px;border-radius:50%;font-size:26px;margin:0 auto 12px}
#rentaid-mietcheck .ra-sectionline{border:0;border-top:1px solid var(--ra-line);margin:24px 0}
@media(max-width:650px){#rentaid-mietcheck .ra-frame{padding:22px 12px 25px;border-radius:12px}#rentaid-mietcheck .ra-panel{padding:20px 15px}#rentaid-mietcheck .ra-steps-preview{gap:5px}#rentaid-mietcheck .ra-mini{padding:9px 5px}#rentaid-mietcheck .ra-mini strong{font-size:11px}#rentaid-mietcheck .ra-mini small{font-size:10px}#rentaid-mietcheck .ra-stats,#rentaid-mietcheck .ra-benefits{grid-template-columns:1fr 1fr}#rentaid-mietcheck .ra-form-grid{gap:8px}#rentaid-mietcheck .ra-range-heading input{max-width:108px}#rentaid-mietcheck .ra-stat{padding:11px 7px}#rentaid-mietcheck .ra-stat strong{font-size:22px}}
@media(max-width:390px){#rentaid-mietcheck .ra-form-grid,#rentaid-mietcheck .ra-benefits{grid-template-columns:1fr}}

/* Sichtbare Berechnungsphase: Ergebnis erst nach bewusstem Klick anzeigen. */
#rentaid-mietcheck [hidden]{display:none!important}
#rentaid-mietcheck .ra-compare-actions{margin-top:19px;padding:17px;border:1px solid #ded9f1;background:#f5f2ff;border-radius:13px}
#rentaid-mietcheck .ra-compare-intro{display:flex;gap:13px;align-items:center;margin-bottom:16px}
#rentaid-mietcheck .ra-compare-intro strong{font-size:16px}
#rentaid-mietcheck .ra-compare-intro p{font-size:12px;color:#635c77;margin-top:3px}
#rentaid-mietcheck .ra-compare-illus{display:grid;place-items:center;font-weight:900;font-size:31px;color:var(--ra-purple);width:46px;height:46px;flex-shrink:0;background:#e8e2ff;border-radius:12px}
#rentaid-mietcheck .ra-calc-button{background:var(--ra-purple);font-size:14px;min-height:55px}
#rentaid-mietcheck .ra-calc-loading{background:#29262e;color:white;text-align:center;padding:34px 20px;border-radius:13px;margin-top:16px;min-height:254px;display:flex;align-items:center;justify-content:center;flex-direction:column}
#rentaid-mietcheck .ra-calc-ring{height:44px;width:44px;border:4px solid #645d70;border-top-color:var(--ra-orange);border-right-color:#b1a1ff;border-radius:50%;animation:ra-spin .85s linear infinite;margin-bottom:18px}
#rentaid-mietcheck .ra-calc-head{font-weight:850;font-size:clamp(17px,3vw,23px);letter-spacing:-.025em}
#rentaid-mietcheck .ra-calc-loading p{color:#d5ccdc;font-size:13px;max-width:390px;margin:8px auto 0;line-height:1.5}
#rentaid-mietcheck .ra-calc-track{height:7px;width:min(100%,340px);border-radius:100px;background:#4e4654;margin-top:23px;overflow:hidden}
#rentaid-mietcheck .ra-calc-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ra-purple),var(--ra-orange));border-radius:100px;animation:ra-progress 1.7s ease-in-out forwards}
#rentaid-mietcheck .ra-calc-steps{display:flex;justify-content:space-between;gap:10px;width:min(100%,340px);font-size:10px;letter-spacing:.06em;color:#cbbfd3;text-transform:uppercase;margin-top:10px}
#rentaid-mietcheck .ra-result,#rentaid-mietcheck .ra-unavailable{animation:ra-reveal .43s ease both}
@keyframes ra-spin{to{transform:rotate(360deg)}}
@keyframes ra-progress{0%{width:4%}55%{width:63%}100%{width:100%}}
@keyframes ra-reveal{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#rentaid-mietcheck .ra-calc-ring{animation:none}#rentaid-mietcheck .ra-calc-track span{animation:none;width:100%}#rentaid-mietcheck .ra-result,#rentaid-mietcheck .ra-unavailable{animation:none}}

/* Stand-alone WordPress DEMO: remove layout surprises in full-width / content blocks. */
#rentaid-mietcheck .ra-demo-label{display:inline-block;vertical-align:middle;margin-left:8px;padding:3px 7px;border:1px solid #d2c8fe;border-radius:6px;background:#f0edff;color:#5744c2;font-size:10px;letter-spacing:.07em}
#rentaid-mietcheck button{font-family:inherit}
#rentaid-mietcheck .ra-frame{width:100%;overflow-wrap:break-word}
#rentaid-mietcheck .ra-row-end{flex-wrap:wrap}
@media(max-width:520px){#rentaid-mietcheck .ra-row-end .ra-button{width:100%}}