/* /service/einbruchschutz/ : layout nuance only (grid columns, spacing between own blocks, order). No new theme values. */

/* 1. hero: scope cards carry a title only, so centre it against the icon */
.hero--compact .hcard__t{grid-row:1/3;align-self:center}

/* 2. problem: text column + portrait photo */
.es-problem{display:grid;gap:2rem}
.es-problem__txt>*+*{margin-top:1.5rem}
.es-problem__txt .prose{max-width:none}
.es-problem__txt .prose>p:last-child{margin-bottom:0}
.es-problem__media{max-width:21rem;margin-inline:auto 0}
.es-problem__fig .split__img{aspect-ratio:4/5}
@media (min-width:900px){
  .es-problem{grid-template-columns:minmax(0,1fr) minmax(0,21rem);gap:4rem;align-items:start}
  .es-problem__media{margin-inline:0}
}

/* 3. schwachstellen: what-it-is text + a ruled "Abhilfe" line inside each card */
.es-weak .es-fix{display:block;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--line);color:var(--ink)}
.es-habit{margin-top:1.3rem}

/* 4. massnahmen: note under the split */
.es-din{margin-top:clamp(1.8rem,4vw,2.6rem)}
.es-bausteine .split__img{aspect-ratio:4/5}
@media (min-width:900px){.es-bausteine{align-items:start}}

/* 5. leistungsgrenze: list under the notice */
.es-rc{margin-top:clamp(1.6rem,3.5vw,2.4rem)}

/* 6. ablauf: heading column + rail */
.es-ablauf{display:grid;gap:1.8rem}
.es-ablauf__head{margin:0}
@media (min-width:900px){
  .es-ablauf{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:4rem;align-items:start}
  .es-ablauf__head{position:sticky;top:calc(var(--hdr-h) + 1.5rem)}
}