/* schluessel-steckt-innen — page layout only (tokens from theme.css; no colours, no new shadows/radii). */

/* Phones/tablets: the call button sits straight under the H1 (the lead carries no link → focus order unchanged). */
@media (max-width: 61.99em) {
	.hero--emergency .hero__body > .hero__cta { order: 1; margin-top: var(--sp-5); }
	.hero--emergency .hero__body > .hero__title ~ :not(.hero__cta) { order: 2; }
}

/* 112 notices: pills and the two-column routing block. */
.notice__body .notice__nums { margin-top: var(--sp-4); }
.notice__cols { display: grid; gap: var(--sp-5); margin-top: var(--sp-4); }
.notice__col { display: flex; flex-direction: column; gap: var(--sp-3); }
.notice__col > * { margin: 0; }
.notice__col .notice__nums { margin-top: auto; padding-top: var(--sp-2); }
@media (min-width: 48em) { .notice__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--sp-6); } }

/* Do / don't: the checklist and the red "never" card start on the same line. */
.dodont { align-items: start; }
@media (min-width: 56.25em) { .dodont__dont { position: sticky; top: calc(var(--admin-bar, 0px) + var(--header-h) + var(--sp-5)); } }

/* Timeline + panel: the panel holds the rule of the ladder while the steps scroll past. */
.ladder { align-items: start; }
.ladder .split__body > .steps { margin-top: var(--sp-6); }
.ladder__panel { min-height: 0; }
/* Long step texts: the numeral coin must not shrink in the flex row (design request filed). */
.ladder .step__n { flex: none; }
@media (min-width: 56.25em) {
	.ladder__panel { position: sticky; top: calc(var(--admin-bar, 0px) + var(--header-h) + var(--sp-5)); min-height: 320px; }
}

/* USP: the three points speak in the item-title size; the closing paragraph keeps the body size. */
.usp__point h3 { font-size: var(--fs-md); }
#vorbeugen .usp__points { grid-template-columns: minmax(0, 1fr); }
.usp__cta .usp__note { flex: 1 1 32rem; font-size: var(--fs-base); }

/* FAQ: head left (sticky on desktop), questions right. */
.faq-split { display: grid; gap: var(--sp-6); }
.faq-split__head { margin-bottom: 0; }
@media (min-width: 62em) {
	.faq-split { grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr); align-items: start; column-gap: clamp(32px, 5vw, 80px); }
	.faq-split__head { position: sticky; top: calc(var(--admin-bar, 0px) + var(--header-h) + var(--sp-5)); }
}