/* Rentalpedia Rechner – CI: nur #5979B9 + Neutrale, eckig, flach. Text nie heller als #595959. Keine externen Schriften. */
.rr-view{--b:#5979B9;--t:#1b1b1b;--m:#595959;--l:#DCDEE1;--s:#f4f5f7;--sans:Roboto,"Roboto Fallback","Helvetica Neue",Arial,sans-serif;--head:Oswald,"Oswald Fallback","Arial Narrow","Helvetica Neue",Arial,sans-serif}
.rr-view,.rr-view *,.rr-view *::before,.rr-view *::after{box-sizing:border-box;border-radius:0!important;box-shadow:none!important}
body.rr-view{margin:0;background:#fff;color:var(--t);font:400 18px/1.65 var(--sans);-webkit-text-size-adjust:100%}
.rr-view img{max-width:100%;height:auto}
.rr-view [hidden]{display:none!important}
.rr-embed{margin:8px 0 28px}.rr-embed h2{font-family:var(--head);font-weight:400;color:#000}
.rr-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.rr-skip{position:absolute;left:-9999px;top:0;z-index:99;background:var(--b);color:#fff;padding:10px 16px;font-weight:700}
.rr-skip:focus{left:8px;top:8px}
.rr-view a{color:var(--t);text-decoration:underline;text-decoration-color:var(--b);text-decoration-thickness:2px;text-underline-offset:3px}
.rr-view a:hover{text-decoration-color:var(--t)}
.rr-view :focus-visible{outline:3px solid var(--b);outline-offset:2px}
/* Kopf/Fuß */
.rr-header{background:#fff;border-bottom:1px solid var(--l)}
.rr-header__in{max-width:1200px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rr-header__logo img{display:block;height:44px;width:auto}
.rr-header__logo span{font:700 22px var(--sans)}
.rr-header nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.rr-header nav a:not(.rr-btn){font-weight:700;font-size:16px;text-decoration:none;border-bottom:2px solid transparent}
.rr-header nav a:not(.rr-btn):hover,.rr-header nav a[aria-current]{border-bottom-color:var(--b)}
.rr-footer{background:var(--t);color:#fff;margin-top:40px}
.rr-footer__in{max-width:1200px;margin:0 auto;padding:30px 20px;display:flex;flex-wrap:wrap;gap:16px 48px;justify-content:space-between}
.rr-footer p{margin:0;font-size:16px;line-height:1.6}
.rr-view .rr-footer a{color:#fff;text-decoration-color:#fff}
.rr-footer nav{display:flex;flex-wrap:wrap;gap:8px 20px;font-weight:700;font-size:16px}
/* Inhalt */
.rr-main{display:block;max-width:900px;margin:0 auto;padding:0 20px 40px;overflow-wrap:break-word}
.rr-crumbs{font-size:15px;color:var(--m);margin:18px 0 0}
.rr-view .rr-crumbs a{color:var(--m);text-decoration-color:var(--m);text-decoration-thickness:1px}
.rr-main h1,.rr-main h2{font-family:var(--head);font-weight:400;color:#000;letter-spacing:0}
.rr-main h1{font-size:clamp(30px,5vw,42px);line-height:1.2;margin:10px 0 12px}
.rr-main h2{font-size:26px;line-height:1.3;margin:0 0 10px}
.rr-main h3{font-size:19px;margin:18px 0 8px}
.rr-lead{font-size:20px;color:var(--m);margin:0 0 20px}
.rr-draft{border:2px dashed var(--m);padding:8px 12px;font-size:16px;margin:16px 0 0}
.rr-beta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;border:2px solid var(--b);padding:10px 14px;margin:0 0 18px;font-size:16px;line-height:1.45}
.rr-beta__label{background:var(--b);color:#fff;font-weight:700;font-size:19px;padding:2px 10px}
.rr-beta__txt{flex:1 1 260px}
.rr-beta a{font-weight:700;white-space:nowrap}
.rr-must{border-left:6px solid #000;background:var(--s);padding:12px 16px;margin:0 0 18px;font-weight:700}
/* Formular */
.rr-form fieldset{border:1px solid var(--l);margin:0 0 16px;padding:14px 16px 6px;min-width:0}
.rr-form legend{font-weight:700;font-size:19px;padding:0 6px}
.rr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:4px 16px}
.rr-f{margin:0 0 12px;min-width:0}
.rr-f--wide{grid-column:span 2}
@media (max-width:640px){.rr-f--wide{grid-column:1/-1}}
.rr-f label,.rr-f .rr-lbl{display:block;font-weight:700;font-size:17px;margin:0 0 4px}
.rr-in{display:flex;max-width:100%}
.rr-in input,.rr-in select{flex:1 1 auto;min-width:0;width:100%;height:48px;padding:0 12px;border:2px solid var(--m);background:#fff;color:var(--t);font:400 18px var(--sans);-webkit-appearance:none;appearance:none}
.rr-in select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M0 0h12L6 8z' fill='%231b1b1b'/%3E%3C/svg%3E") no-repeat right 12px center;padding-right:34px}
.rr-unit{flex:0 0 auto;display:flex;align-items:center;padding:0 12px;border:2px solid var(--m);border-left:0;background:var(--s);font-size:17px;color:var(--t)}
.rr-in input[aria-invalid=true]{border-color:#000;border-width:3px}
.rr-err{margin:6px 0 0;padding-left:10px;border-left:4px solid #000;font-weight:700;font-size:16px;color:#000}
.rr-hint{margin:4px 0 0;font-size:15px;color:var(--m);line-height:1.45}
.rr-form .rr-opts{border:0;padding:0;margin:0 0 12px}
.rr-opts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:0;border:0}
.rr-opts label{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--m);padding:8px 14px;font-weight:400;font-size:17px;cursor:pointer;margin:0}
.rr-opts input{width:20px;height:20px;margin:0;accent-color:var(--b)}
.rr-opts label:has(input:checked){border-color:var(--b);background:var(--s);font-weight:700}
.rr-check{display:flex;gap:10px;align-items:flex-start;font-size:17px;margin:0 0 12px}
.rr-check input{width:22px;height:22px;margin:3px 0 0;accent-color:var(--b);flex:0 0 auto}
.rr-btn,.rr-view a.rr-btn{display:inline-block;background:var(--b);color:#fff;font:700 19px/1.3 var(--sans);text-transform:none;letter-spacing:0;text-decoration:none;padding:13px 28px;border:2px solid var(--b);cursor:pointer}
.rr-btn:hover,.rr-view a.rr-btn:hover{background:#fff;color:var(--t)}
.rr-btn2{display:inline-block;background:#fff;color:var(--t);font:700 17px/1.3 var(--sans);padding:9px 16px;border:2px solid var(--b);cursor:pointer}
.rr-btn2:hover{background:var(--s)}
.rr-btn2:disabled,.rr-btn:disabled{opacity:.55;cursor:not-allowed}
.rr-actions{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 14px}
/* Verbraucherliste */
.rr-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0 12px;align-items:end}
.rr-row .rr-f--name,.rr-row .rr-f:has(select){grid-column:span 2}
.rr-row .rr-row__del{margin:0 0 12px;height:48px;justify-self:start}
/* Ergebnis */
.rr-result{border:2px solid var(--b);padding:16px;margin:4px 0 16px}
.rr-result:focus{outline:3px solid var(--b);outline-offset:2px}
.rr-kv{margin:0 0 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px 20px}
.rr-kv div{border-top:1px solid var(--l);padding:8px 0}
.rr-kv dt{font-size:15px;color:var(--m)}
.rr-kv dd{margin:0;font-weight:700;font-size:18px}
.rr-kv small{display:block;font-weight:400;font-size:15px;color:var(--m);line-height:1.4}
.rr-kv--key dd{font-size:24px;line-height:1.25}
.rr-key__msg{font-weight:700;margin:0}
.rr-note{font-size:16px;line-height:1.5;margin:8px 0;padding:8px 12px;background:var(--s)}
.rr-next{font-weight:700;margin:12px 0 0}
.rr-table{border-collapse:collapse;width:100%;margin:12px 0;font-size:16px}
.rr-table caption{text-align:left;font-weight:700;padding:0 0 6px}
.rr-table th,.rr-table td{border:1px solid var(--l);padding:6px 10px;text-align:left;vertical-align:top}
.rr-table thead th{background:var(--s)}
.rr-preview{background:var(--s);padding:10px;margin:0 0 12px;text-align:center}
.rr-preview canvas{max-width:100%;height:auto;border:1px solid var(--m);background:#1b1b1b}
.rr-spec{width:100%;min-height:200px;border:2px solid var(--m);padding:10px;font:400 15px/1.5 ui-monospace,Menlo,Consolas,monospace;color:var(--t)}
.rr-status{min-height:1.5em;font-weight:700;font-size:16px;margin:0}
.rr-how{border:1px solid var(--l);margin:0 0 16px}
.rr-how summary{cursor:pointer;font-weight:700;font-size:19px;padding:12px 16px}
.rr-how>div{padding:0 16px}
.rr-how>div:last-child{padding-bottom:12px}
.rr-how p,.rr-how li{font-size:17px}
.rr-path{padding-left:22px;margin:8px 0 0;border-top:1px solid var(--l);padding-top:10px}
.rr-path li{margin:0 0 6px}
.rr-cta{background:var(--s);padding:18px;margin:0 0 16px}
.rr-cta p{margin:0 0 12px;font-weight:700}
.rr-article{font-size:17px}
/* Suche (Look wie Startseite) */
.rr-searchbox{max-width:860px;margin:6px 0 26px}
.rr-searchbox label.rr-slabel{display:block;margin:0 0 10px;font:700 20px/1.3 var(--sans);color:#000}
.rr-srow{display:flex}
.rr-sfield{position:relative;flex:1 1 auto;min-width:0;height:60px}
.rr-sfield input{display:block;width:100%;height:60px;margin:0;padding:0 20px;border:2px solid var(--b);border-right:0;background:#fff;color:#000;font:400 18px var(--sans);-webkit-appearance:none;appearance:none}
.rr-sfield input::placeholder{color:var(--m);opacity:1}
.rr-sfield input:focus{outline:3px solid #000;outline-offset:2px}
.rr-type{display:none;position:absolute;left:22px;right:12px;top:0;bottom:0;align-items:center;overflow:hidden;pointer-events:none;color:var(--m);font:400 18px var(--sans);white-space:pre}
.rr-caret{display:inline-block;width:2px;height:1.2em;background:var(--b);margin-left:2px;animation:rrBlink 1s steps(1) 5}
@keyframes rrBlink{50%{opacity:0}}
.rr-searchbox.is-typing .rr-type{display:flex}
.rr-srow .rr-btn{height:60px;padding:0 26px;flex:0 0 auto}
.rr-shint{margin:8px 0 0;font-size:15px;color:var(--m)}
.rr-sh{font-size:22px!important;margin:20px 0 8px!important}
.rr-slist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rr-slist a{display:block;border:1px solid var(--l);border-left:4px solid var(--b);padding:10px 14px;text-decoration:none}
.rr-slist a:hover{border-color:var(--b)}
.rr-slist strong{display:block;font-size:18px}
.rr-slist span{display:block;font-size:16px;color:var(--m)}
.rr-none{border:2px solid var(--b);padding:14px 16px;margin:16px 0 0}
.rr-none p{margin:0 0 12px}
.rr-panel{border:2px solid var(--b);margin:18px 0 0;padding:0 16px 8px;background:#fff}
.rr-panel:focus{outline:3px solid #000;outline-offset:2px}
.rr-panel__bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--l);margin:0 0 14px}
.rr-panel__bar h2{margin:0!important}
.rr-cards{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.rr-cards li{border:1px solid var(--l);padding:16px;display:flex;flex-direction:column}
.rr-cards h2{font-size:24px!important}
.rr-cards p{margin:0 0 12px;font-size:17px}
.rr-cards a.rr-more{margin-top:auto;font-weight:700}
@media (max-width:640px){
 body.rr-view{font-size:17px}.rr-srow{flex-direction:column}.rr-sfield input{border-right:2px solid var(--b);font-size:17px;padding:0 14px}.rr-type{left:16px;font-size:17px}.rr-srow .rr-btn{width:100%;height:54px}
 .rr-kv--key dd{font-size:21px}.rr-header__logo img{height:36px}.rr-header__in{padding:8px 16px}.rr-header nav{gap:14px}.rr-header nav a.rr-btn{padding:6px 14px}.rr-result,.rr-cta{padding:14px}.rr-form fieldset{padding:12px 12px 4px}
}
@media (prefers-reduced-motion:reduce){.rr-caret{animation:none}.rr-searchbox.is-typing .rr-type{display:none}}
@media print{.rr-header,.rr-footer,.rr-cta,.rr-searchbox{display:none}}