.hv-back{margin:0 0 14px -10px;color:var(--muted);text-decoration:none!important;font-size:15px}
.hv-back:hover{color:var(--ink)}
.hv-ohead{margin-bottom:24px}
.hv-ohead h1{font-size:clamp(34px,3.6vw,48px);margin:0 0 6px}
.hv-ohead p{margin:0;color:var(--muted)}
.hv-property-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.75fr);gap:20px;align-items:start}
.hv-property-layout>div,.hv-property-layout>aside{display:grid;gap:20px;align-content:start;min-width:0}
.hv-insp{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;padding:16px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:left;cursor:pointer}
.hv-insp:hover{border-color:#cfcac2}
.hv-insp strong{display:block;font-weight:600}
.hv-insp small{display:block;color:var(--muted);font-size:13px}
.hv-steps{display:flex;gap:4px}
.hv-steps i{width:18px;height:6px;border-radius:3px;background:#e6e3de}
.hv-steps i.is-done{background:var(--ink)}
.hv-go{font-weight:600;white-space:nowrap}
.hv-crow{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:58px;padding:10px 20px;border:0;border-bottom:1px solid #efeeea;background:#fff;text-align:left;cursor:pointer}
.hv-crow:last-child{border-bottom:0}
.hv-crow:hover{background:#faf6f8}
.hv-crow strong{display:block;font-weight:600;font-size:15px}
.hv-crow small{display:block;color:var(--muted);font-size:13px}
.hv-score{display:inline-flex;align-items:center;gap:10px}
.hv-score b{min-width:40px;text-align:right;font-weight:600;font-size:14px}
.hv-bar{display:block;width:92px;height:6px;border-radius:3px;background:#ecebe7;overflow:hidden}
.hv-bar i{display:block;height:100%;border-radius:inherit;background:#3a3a3a}
.hv-score.is-mid .hv-bar i{background:#f0a92e}
.hv-score.is-low .hv-bar i{background:#e5484d}
.hv-score.is-open b{color:#9a6a12}
.hv-cases{list-style:none;padding:0;margin:0}
.hv-cases li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:12px;padding:14px 20px;border-bottom:1px solid #efeeea}
.hv-cases li:last-child{border-bottom:0}
.hv-cases li>.hv-dot{transform:translateY(-1px)}
.hv-cases strong{font-weight:600;font-size:15px}
.hv-cases small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.hv-costbox{display:grid;gap:2px;width:100%;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:left;cursor:pointer}
.hv-costbox:hover{border-color:#cfcac2}
.hv-costbox small{color:var(--muted);font-size:13px}
.hv-costbox strong{font-size:24px;font-weight:600;letter-spacing:-.02em}
.hv-costbox span{font-weight:600;font-size:14px;margin-top:6px}
.hv-property code{font-size:.9em}
.hv-section-title .hv-count{font-size:12px}

@media(max-width:900px){.hv-property-layout{grid-template-columns:1fr}.hv-property-layout>aside{order:-1}}
@media(max-width:560px){
  .hv-insp{grid-template-columns:auto minmax(0,1fr) auto}
  .hv-steps{display:none}
  .hv-bar{width:56px}
  .hv-crow{padding:10px 14px}
}

/* Zustand in Worten, Kosten nach Zeitraum, Veränderungen (27.09.2026) */
.hv-score b{min-width:118px;text-align:left;font-size:13.5px}
.hv-score.is-good b{color:#1f7a4a}
.hv-score.is-mid b{color:#8a5a00}
.hv-score.is-low b{color:#b4262c}
.hv-score.is-urgent .hv-bar i{background:#b4262c}
.hv-score.is-urgent b{color:#b4262c}
.hv-costbox--horizons{gap:12px}
.hv-horizon-costs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hv-horizon-costs small{display:block;color:var(--muted);font-size:12px}
.hv-horizon-costs b{display:block;font-size:15px;font-weight:600;white-space:nowrap}
.hv-changes{list-style:none;margin:0;padding:0}
.hv-changes li{border-bottom:1px solid #efeeea}
.hv-changes li:last-child{border-bottom:0}
.hv-changes button{width:100%;display:flex;flex-direction:column;gap:3px;padding:11px 20px;border:0;background:#fff;font:inherit;text-align:left;cursor:pointer}
.hv-changes button:hover{background:#faf6f8}
.hv-changes strong{font-weight:600;font-size:14.5px}
.hv-change{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px}
.hv-change i{font-style:normal;color:var(--muted)}
.hv-change .is-good{color:#1f7a4a}.hv-change .is-mid{color:#8a5a00}.hv-change .is-low,.hv-change .is-urgent{color:#b4262c}
.hv-link{border:0;background:transparent;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;padding:0}
.hv-link:hover{color:var(--ink)}
@media(max-width:430px){.hv-score b{min-width:0}.hv-score .hv-bar{width:56px}}
.hv-change-index{color:var(--muted)}

/* Kacheln nach Wichtigkeit (27.09.2026) */
.pp-icon{flex:none;vertical-align:-2px;color:#6b6b6b}
.hv-ohead h1 .pp-icon{width:26px;height:26px;vertical-align:2px;color:var(--ink)}
.hv-tiles{display:grid;gap:14px;max-width:980px}
.hv-tile{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.hv-tile>summary{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;list-style:none}
.hv-tile>summary::-webkit-details-marker{display:none}
.hv-tile>summary::after{content:"";width:8px;height:8px;margin-left:4px;border-right:1.5px solid #9a9a9a;border-bottom:1.5px solid #9a9a9a;transform:rotate(45deg);transition:transform .2s}
.hv-tile[open]>summary::after{transform:rotate(-135deg)}
.hv-tile>summary h2{font-size:18px;font-weight:600;letter-spacing:-.02em;margin:0}
.hv-tile-peek{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);white-space:nowrap}
.hv-tile.is-urgent{border-left:3px solid #e5484d}
.hv-tile.is-open{border-left:3px solid #f0a92e}
.hv-tile.is-ok>summary h2,.hv-tile:not([open])>summary h2{color:#4a4a4a;font-weight:500}
.hv-tile-body{border-top:1px solid #efeeea}
.hv-tile-body .hv-costbox{border:0;border-radius:0}
.hv-tile-body .hv-insp{border:0;border-radius:0;margin:0}
.hv-tile-more{display:block;padding:10px 20px 14px}
.hv-peek-dot{display:inline-flex;align-items:center;gap:4px;margin-left:6px}
.hv-peek-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:#9a9a9a}
.hv-peek-dot.is-urgent::before,.hv-peek-dot.is-low::before{background:#e5484d}.hv-peek-dot.is-mid::before,.hv-peek-dot.is-open::before{background:#f0a92e}
.hv-crow-name{display:flex;align-items:flex-start;gap:12px;min-width:0}.hv-crow-name .pp-icon{margin-top:3px}
.hv-crow-name>span{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.hv-horizon-costs{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important}.hv-horizon-costs b{white-space:normal!important}
