/* Check Strip — Figma 1346:207. Slim band, compact padding (not .rw-section). */

.rw-block-check-strip {
	background: var(--rw-color-bg-mist);
}
.rw-block-check-strip[data-bg-color="f4f4f4"] { background: var(--rw-color-bg-gray); }
.rw-block-check-strip[data-bg-color="f2f2f2"] { background: #F2F2F2; } /* matches global data-bg-color value */

.rw-block-check-strip .items {
	list-style: none;
	margin: 0 auto;
	padding-block: var(--rw-space-md);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: var(--rw-space-md);
}

.rw-block-check-strip .item {
	display: flex;
	align-items: center;
	gap: var(--rw-space-sm);
}

.rw-block-check-strip .check-chip {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 999px;
	background: var(--rw-color-primary-yellow);
	color: var(--rw-color-primary-green);
}
.rw-block-check-strip .check-chip .icon { display: inline-flex; }
.rw-block-check-strip .check-chip svg { width: 1rem; height: 1rem; }

.rw-block-check-strip .text {
	/* Long single words (DE "Positionserkennung") must wrap inside the 2-col mobile grid. */
	min-width: 0;
	overflow-wrap: break-word;
	hyphens: auto;
	font-family: var(--rw-font-text);
	font-weight: 700;
	font-size: var(--rw-p1-size);
	line-height: 1.44;
	letter-spacing: -0.016em;
	color: var(--rw-color-primary-green);
}

@media (max-width: 767px) {
	.rw-block-check-strip .items {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--rw-space-sm);
	}
	.rw-block-check-strip .item { gap: 0.75rem; }
	.rw-block-check-strip .check-chip { width: 1.875rem; height: 1.875rem; }
	.rw-block-check-strip .check-chip svg { width: 0.875rem; height: 0.875rem; }
	.rw-block-check-strip .text { font-size: var(--rw-p2-size); line-height: 1.25; }
}