.mr{border-radius:var(--r-xl);background:var(--color-flaeche);box-shadow:var(--schatten);display:grid;overflow:hidden}@media (width>=900px){.mr{grid-template-columns:7fr 5fr}}.mr-eingabe{align-content:start;gap:20px;padding:24px 20px 26px;display:grid}@media (width>=900px){.mr-eingabe{padding:30px 30px 32px}}.mr-titel{font-size:var(--t-h3)}.mr fieldset,.mr-fuellgrad,.mr-gruppe{border:0;min-width:0;margin:0;padding:0}.mr legend,.mr-fuellgrad>legend,.mr-gruppe>legend{font-size:var(--t-label);color:var(--color-tinte-2);margin-bottom:8px;padding:0;font-weight:500}.mr-welten{background:var(--color-grund);border-radius:999px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:start;gap:4px;padding:5px;display:grid}.mr-welt{cursor:pointer;min-height:44px;transition:transform var(--dauer-druck) var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 8px;font-weight:500;display:inline-flex;position:relative}.mr-welt:active{transform:scale(.97)}.mr-welt input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.mr-welt:has(input:checked){background:var(--color-flaeche);font-weight:600;box-shadow:0 4px 12px -6px #18283a59}.mr-welt:has(input:focus-visible){outline:3px solid var(--color-renovieren-tief);outline-offset:2px}@media (hover:hover) and (pointer:fine){.mr-welt:not(:has(input:checked)):hover{background:var(--color-grund-2)}}.mr-welt__haus{width:30px;height:30px}@media (width<=399px){.mr-eingabe{padding-inline:16px}.mr-welten{justify-self:stretch}.mr-welt{justify-content:center;gap:6px;padding:0 10px 0 6px}.mr-welt__haus{width:24px;height:24px}}.mr-felder{gap:16px;display:grid}@media (width>=600px){.mr-felder{grid-template-columns:1fr 1fr}.mr-fuellgrad,.mr-gruppe,.mr-haken{grid-column:1/-1}}.mr-feld{font-size:var(--t-label);color:var(--color-tinte-2);align-content:start;gap:6px;font-weight:500;display:grid}.mr-feld input,.mr-feld select{box-sizing:border-box;border:1.5px solid var(--color-linie);background:var(--color-grund);width:100%;min-height:50px;color:var(--color-tinte);font:inherit;border-radius:12px;padding:12px 14px;font-size:1rem;font-weight:400}.mr-feld input{font-variant-numeric:tabular-nums}.mr-feld input:focus,.mr-feld select:focus{border-color:var(--color-renovieren-tief);background-color:#fff}.mr-feld input[aria-invalid=true]{border-width:2px;border-color:var(--color-tinte);background-color:#fff;padding:11.5px 13.5px}.mr-feldfehler{color:var(--color-tinte);align-items:baseline;gap:8px;font-size:.875rem;font-weight:500;line-height:1.4;display:flex}.mr-feldfehler:before,.mr-fehler:before,.pr-hilfe--fehler:before,.pr-meldung:not(:empty):before{content:"!" / "";background:var(--color-tinte);color:#fff;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:.75rem;font-weight:700;line-height:1;display:grid}.mr-feld select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-tinte) 50%), linear-gradient(135deg, var(--color-tinte) 50%, transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 14px) 52%;background-repeat:no-repeat;background-size:6px 6px;padding-right:40px}.mr-haken{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-weight:500;display:flex}.mr-haken input{width:22px;height:22px;accent-color:var(--color-tinte);flex:none;margin:0}.mr-gruppe{display:grid}.mr-fuellgrad__stufen{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (width>=600px){.mr-fuellgrad__stufen{grid-template-columns:repeat(4,1fr)}}.mr-stufe{border-radius:var(--r-m);background:var(--color-grund);cursor:pointer;transition:transform var(--dauer-druck) var(--ease-out);align-content:start;gap:2px;padding:10px 12px 12px;display:grid;position:relative;box-shadow:inset 0 0 0 1.5px #0000}.mr-stufe:active{transform:scale(.97)}.mr-stufe input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.mr-stufe:has(input:checked){box-shadow:inset 0 0 0 2px var(--color-tinte);background:#fff}.mr-stufe:has(input:checked):after{content:"";background:var(--color-tinte) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5 10 16.5 18 8' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;border-radius:50%;width:22px;height:22px;position:absolute;top:10px;right:10px}.mr-stufe:has(input:focus-visible){outline:3px solid var(--color-renovieren-tief);outline-offset:2px}@media (hover:hover) and (pointer:fine){.mr-stufe:not(:has(input:checked)):hover{background:var(--color-grund-2)}}.mr-stufe__haus{width:56px;height:49px;color:var(--color-tinte)}.mr-stufe__label{font-weight:600}.mr-stufe__text{color:var(--color-tinte-2);font-size:.8125rem;line-height:1.3}.mr-karton{animation:mr-ein var(--dauer-schritt) var(--ease-out) both}@keyframes mr-ein{0%{opacity:0;transform:translateY(-6px)}}.mr-ergebnis{background:var(--color-tinte);color:#fff;flex-direction:column;gap:10px;padding:28px 26px;display:flex;position:relative;container-type:inline-size}@media (width<=399px){.mr-ergebnis{padding-inline:20px}}.mr-ergebnis__haus{color:#fff;width:80px;height:70px;position:absolute;top:18px;right:18px}.mr-ergebnis__label{color:var(--color-auf-tinte);font-weight:500}.mr-ergebnis__zahl{--haus:0px;padding-right:var(--haus);font-size:clamp(1.5rem, calc((100cqi - var(--haus)) / (var(--zeichen,17) * .54)), clamp(2rem, 3.6vw, 2.75rem));letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;line-height:1.05}.mr[data-welt=raeumen] .mr-ergebnis__zahl{--haus:84px}@container (width<=470px){.mr-ergebnis__haus{width:60px;height:52px;top:10px;right:20px}.mr[data-welt=raeumen] .mr-ergebnis__zahl{--haus:0px}}.mr-strich{color:var(--color-auf-tinte);font-weight:400}.mr-ergebnis__hinweis{font-size:var(--t-small);color:var(--color-auf-tinte)}.mr-hinweise{font-size:var(--t-small);background:#ffffff14;border-radius:12px;margin:0;padding:12px 14px;list-style:none}.mr-fehler{align-items:baseline;gap:8px;padding:8px 0;font-weight:600;display:flex}.mr-fehler:before{color:var(--color-tinte);background:#fff}.mr-aktionen{gap:8px;margin-top:auto;padding-top:10px;display:grid}.mr-posten{font-size:var(--t-small);color:var(--color-auf-tinte);border-top:1px solid #ffffff24;gap:6px;padding-top:12px;display:grid}.mr-posten ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.mr-posten li{color:#fff;gap:8px;display:flex}.mr-posten li:before{content:"";background:#ffffff8c;border-radius:50%;flex:none;width:6px;height:6px;margin-top:.55em}.mr-etikett{color:var(--color-auf-tinte);white-space:nowrap;vertical-align:.1em;background:#ffffff1f;border-radius:999px;margin-left:6px;padding:0 8px;font-size:.75rem;font-weight:500;line-height:1.6;display:inline-block}.mr-btn{border-radius:var(--r-knopf);text-align:center;min-height:50px;transition:transform var(--dauer-druck) var(--ease-out);justify-content:center;align-items:center;padding:0 20px;font-size:1rem;font-weight:600;line-height:1.15;text-decoration:none;display:inline-flex}.mr-btn:active{transform:scale(.97)}@media (width<=399px){.mr-btn{padding-inline:14px}}.mr-btn--primaer{background:var(--color-hand);color:var(--color-tinte)}.mr-btn--hell{background:var(--color-flaeche);color:var(--color-tinte)}@media (hover:hover) and (pointer:fine){.mr-btn--primaer:hover{background:var(--color-hand-hover)}.mr-btn--hell:hover{background:var(--color-grund)}}
