/*
 * Notvorrat landing page (page-notvorrat.jsx) — theme-side pieces the block
 * markup can't express cleanly.
 */

/* Risk-card icon tile: 40px yellow square with an 18px ink stroke glyph
   (was a full-width yellow slab wrapping an empty spacer). */
.sisa-risk-ico {
	width: 40px; height: 40px; flex: none;
	background: var(--sisa-yellow, #f4d435);
	display: grid; place-items: center;
	/* constrained layout auto-centers block children — the design left-aligns the tile */
	margin: 0 auto 16px 0;
}
.sisa-risk-ico svg { display: block; }

/* Hero: duotone archive photo on the right under a left-to-right ink gradient
   (design page-notvorrat.jsx L80-88) — the band was flat black. */
.sisa-hero--notvorrat { position: relative; overflow: hidden; }
.sisa-hero--notvorrat::before {
	content: "";
	position: absolute; inset: 0 0 0 40%;
	background:
		linear-gradient(to right, #1a1a1a 0%, rgba(26, 26, 26, .85) 25%, rgba(26, 26, 26, .2) 100%),
		url("/wp-content/uploads/2026/07/notvorrat-hero-1600.jpg") right center / cover no-repeat;
	opacity: .6;
	pointer-events: none;
}
.sisa-hero--notvorrat > * { position: relative; z-index: 1; }
@media (max-width: 781px) {
	/* mobile: photo as a soft full-bleed backdrop */
	.sisa-hero--notvorrat::before { inset: 0; opacity: .35; }
}