/* ============================================================
   Amando Häuser-Übersicht – Sub-Hero (nur auf /haeuser geladen)
   Häuser-Liste selbst nutzt die .house-Karten der Startseite (styles.css).
   ============================================================ */
.subhero{position:relative;background:var(--petrol);color:var(--paper);min-height:62vh;display:flex;align-items:center;padding:calc(var(--nav-h) + 20px) 0 36px;overflow:hidden;}
.subhero .shell{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;width:100%;}
.subhero .sh-text{max-width:560px;position:relative;z-index:3;}
.subhero h1{font-family:var(--serif);font-weight:500;font-size:clamp(34px,4.5vw,62px);line-height:1.04;margin:0 0 18px;max-width:14ch;color:var(--beige);}
.subhero h1 em,.subhero h1 i{font-style:italic;font-weight:400;color:var(--blau);}

/* Breadcrumb (gleiches Aussehen wie auf den Detailseiten) */
.crumb-bar{background:var(--paper-2);border-bottom:1px solid var(--line);}
.crumb-bar .crumb{font-family:var(--sans);font-size:13px;letter-spacing:.04em;color:var(--ink-muted);padding:14px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.crumb-bar .crumb a{color:var(--ink-muted);text-decoration:none;}
.crumb-bar .crumb a:hover{color:var(--petrol);text-decoration:underline;}
.crumb-bar .crumb span{opacity:.45;}
.crumb-bar .crumb .current{color:var(--petrol);font-weight:500;opacity:1;}
/* Rich-Text-Absätze in der Überschrift ohne Abstand stapeln (= Zeilenumbruch) */
.subhero h1 p{margin:0;}
.subhero p.lead{font-family:var(--sans);font-size:18px;line-height:1.6;max-width:54ch;color:var(--paper);opacity:.92;margin:0;}
.subhero .sh-mark{position:absolute;z-index:1;top:50%;right:-24%;transform:translateY(-50%);width:auto;height:360%;pointer-events:none;}
.subhero .sh-mark svg{height:100%;width:auto;display:block;overflow:visible;}

@media(max-width:980px){
  .subhero{align-items:flex-end;}
  .subhero .shell{grid-template-columns:1fr;gap:32px;}
  .subhero .sh-text{position:relative;z-index:2;}
  .subhero .sh-mark{top:-42vh;transform:none;height:60vh;right:-40%;opacity:.9;}
}
@media(max-width:680px){
  .subhero{min-height:68svh;padding:calc(var(--nav-h) + 16px) 0 28px;align-items:flex-end;}
  .subhero .sh-mark{top:-40vh;transform:none;height:44vh;right:-32%;opacity:.85;}
}