/* Wohnungsnavigator */
.navi{margin-bottom:120px}
.navi-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:center}
.navi-stage{border-top-right-radius:70px;overflow:hidden;box-shadow:0 40px 70px -40px rgba(62,53,50,.5);background:#9aa6bd}
.navi-stage svg{display:block;width:100%;height:auto}
.nv-pill{fill:rgba(62,53,50,.5)}
.nv-pt{font:400 26px 'Jost',sans-serif;letter-spacing:.14em;fill:#f4f0e9}
.nv-c{cursor:pointer;outline:none}
.nv-r{fill:rgba(141,128,122,0);stroke:rgba(244,240,233,0);stroke-width:2;transition:fill .4s,stroke .4s}
.nv-n,.nv-leg b,.navi-side h4{font-variant-numeric:lining-nums}
.nv-n{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:54px;fill:#f4f0e9;stroke:none;opacity:.32;pointer-events:none;filter:drop-shadow(0 1px 8px rgba(40,32,30,.35));transition:opacity .4s}
.nv-c:hover .nv-r,.nv-c:focus-visible .nv-r,.nv-c.sel .nv-r{fill:rgba(141,128,122,.66);stroke:rgba(244,240,233,.55);stroke-width:2}
.nv-c:hover .nv-n,.nv-c:focus-visible .nv-n,.nv-c.sel .nv-n{opacity:1}
.navi-side{background:#8d807a;color:#f4f0e9;padding:44px 44px 40px;border-top-right-radius:70px;min-height:380px;box-shadow:0 40px 70px -30px rgba(62,53,50,.6)}
.navi-side h4{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(34px,3vw,48px);line-height:1.1;margin-bottom:20px}
.navi-side small{display:block;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;margin-bottom:10px;opacity:.9}
.navi-side p{font-size:15.7px;letter-spacing:.05em;line-height:1.9;margin-bottom:26px}
.navi-side dl{display:grid;grid-template-columns:auto 1fr;gap:0 28px;margin-bottom:24px}
.navi-side dt,.navi-side dd{padding:11px 0;border-bottom:1px solid rgba(244,240,233,.28)}
.navi-side dt{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;padding-top:15px}
.navi-side dd{text-align:right;font-size:15.7px;letter-spacing:.04em}
.nv-leg{list-style:none}
.nv-leg li{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid rgba(244,240,233,.28);font-size:15px;letter-spacing:.05em}
.nv-leg b{margin-left:auto;font-weight:400;font-family:'Cormorant Garamond',serif;font-size:26px;line-height:1}
.nv-leg i{width:22px;height:14px;border:1.5px solid rgba(244,240,233,.8);border-radius:3px;flex:none}
.nv-leg i.res{background:repeating-linear-gradient(45deg,rgba(244,240,233,.7) 0 2px,transparent 2px 6px)}
.nv-leg i.sold{background:rgba(62,53,50,.75);border-color:rgba(244,240,233,.3)}
.nv-st{display:inline-block;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;border:1px solid rgba(244,240,233,.7);border-radius:30px;padding:8px 18px;margin-bottom:26px}
.nv-st.av{background:#f4f0e9;border-color:#f4f0e9;color:#8d807a}
.nv-act{display:flex;gap:12px;flex-wrap:wrap}
.navi-side .btn-pill{color:#f4f0e9;border-color:rgba(244,240,233,.75);background:none}
@media (hover:hover){.navi-side .btn-pill:hover{background:#f4f0e9;color:#8d807a;border-color:#f4f0e9}}
@media (max-width:900px){
  .navi{margin-bottom:80px}
  .navi-grid{grid-template-columns:1fr;gap:24px}
  .navi-stage,.navi-side{border-top-right-radius:50px}
  .navi-side{padding:32px 26px 30px;min-height:0}
  /* cleane Beschriftung */
}