/* Referenzen Content Block - scoped styles */
.referenzen {
	background: #fff;
	border: 1px solid rgba(0,0,0,0.08);
	box-shadow: 0 1px 2px rgba(0,0,0,0.04);
	padding: 16px;
}

.referenzen h2 {
	margin: 0 0 12px 0;
	font-size: 1.2rem;
	color: #172983;
}

.referenzen__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 8px 16px;
}

.referenzen__item {
	display: flex;
	align-items: baseline;
	gap: 8px;
	padding: 8px 10px;
	border: 1px solid rgba(0,0,0,0.06);
	border-radius: 4px;
	background: #fafbff;
}

.referenzen__item::before {
	content: '\2713'; /* check mark */
	color: #172983;
	flex: 0 0 auto;
	display: inline-block;
	font-size: 1rem;
	line-height: 1;
	transform: translateY(0.08em);
}

.referenzen__text {
	color: #222;
}

.referenzen__empty {
	color: #666;
	margin: 8px 0 0;
}

@media (max-width: 520px) {
	.referenzen {
		padding: 12px;
	}

	.referenzen__list {
		grid-template-columns: 1fr;
	}
}