/* /notdienst/ : layout only. All colours, radii, shadows and fonts come from theme.css tokens. Plan: plans/notdienst.plan.md */

/* 2. abgrenzung: keep the measure readable inside the full-width red notice */
.nd-abgrenzung .notice__x{max-width:52rem}

/* 3. sofort-tun: landscape crop on phones, portrait crop next to the list */
.nd-sofort .split__img{aspect-ratio:4/3}

/* 4. qualify-emergency: the inline link of each situation card stretches over the whole card */
.nd-sit .icard__x a{font-weight:700}
.nd-sit .icard__x a::after{content:"";position:absolute;inset:0;z-index:1}
.nd-sit .icard:has(a:focus-visible){outline:3px solid var(--ink);outline-offset:3px}
.nd-sit__more{margin:1.8rem 0 0;font-size:1.0625rem}
@media (hover:hover){
	.nd-sit .icard:hover{transform:translateY(-5px);box-shadow:var(--sh);border-color:var(--accent-600)}
}

/* 6. kostenlose-beratung: copy left, call card right (stacked on phones) */
.nd-beratung__grid{display:grid;gap:1.8rem;align-items:center}
.nd-beratung__p{margin:0;font-size:1.1875rem}
.nd-beratung .phoneblock{grid-template-columns:minmax(0,1fr)}
.nd-beratung .phoneblock__num{font-size:clamp(1.6rem,7.4vw,2.4rem)}
@media (min-width:1100px){
	.nd-beratung__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:clamp(2rem,5vw,4rem)}
}

/* 7. zugefallen-oder-abgeschlossen: hint card under the pair */
.nd-zo .notice{margin-top:1.8rem}
.nd-zo .notice__x{max-width:50rem}

/* 8. sicherheits-hinweis */
.nd-sicher .notice__x{max-width:52rem}

/* 9. wie-es-weitergeht: heading + photo left, timeline right (DOM order on phones: heading, timeline, photo) */
.nd-ablauf > .wrap{display:grid;column-gap:clamp(2rem,5vw,4.5rem)}
.nd-ablauf__side{margin-top:2.2rem}
.nd-ablauf__img{margin:0;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/3;background:var(--soft2)}
.nd-ablauf__img img{width:100%;height:100%;object-fit:cover}
.nd-ablauf__more{margin:1rem 0 0;font-size:1.0625rem}

/* 10. trust-strip: three tiles inside the soft band, label above a one-sentence line */
.nd-trust .trust{background:transparent;border:0}
.nd-trust .trust .wrap{padding:0}
.nd-trust .trust__row{padding-block:0}
.nd-trust .tb{align-items:flex-start;gap:.9rem;padding:1.1rem 1.2rem;font-weight:400;font-size:1.0625rem;line-height:1.5}
.nd-trust .tb .ic{margin-top:.1rem;flex:none}
.nd-trust .tb strong{display:inline-block;margin-bottom:.2rem;font:800 1.15rem/1.3 var(--f-head)}
.nd-trust__more{margin:1.4rem 0 0;font-size:1.0625rem}

/* 11. faq: sticky heading left, accordion right */
@media (min-width:960px){
	.nd-faq > .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);column-gap:clamp(2rem,5vw,4rem);align-items:start}
	.nd-faq .sec__head{position:sticky;top:calc(var(--hdr-h) + 1.5rem);margin-bottom:0}
}

@media (min-width:900px){
	.nd-sofort .split__img{aspect-ratio:4/5}
	.nd-ablauf > .wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"head steps" "side steps";align-items:start}
	.nd-ablauf .sec__head{grid-area:head;margin-bottom:0}
	.nd-ablauf .steps{grid-area:steps;padding-top:.4rem}
	.nd-ablauf__side{grid-area:side;margin-top:2rem}
}