.block-19-vergleich .vergleich-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.block-19-vergleich .vergleich-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 1.6rem;
	margin-top: 3.2rem;
}

.block-19-vergleich .vergleich-table th,
.block-19-vergleich .vergleich-table td {
	padding: 1.4rem 1.8rem;
	text-align: left;
	border: 1px solid var(--background-alt2);
	vertical-align: top;
}

/* Leer-Zelle oben links */
.block-19-vergleich .vergleich-th-leer {
	background: transparent;
	border-color: transparent;
}

/* Hervorgehobene Spalte (Makler) */
.block-19-vergleich .vergleich-th-hl {
	background: var(--primary);
	color: var(--text-light);
	font-family: 'DM Sans', sans-serif;
	font-weight: 700;
	font-size: 1.6rem;
}

/* Zweite Spalte (Vertreter) */
.block-19-vergleich .vergleich-th-2 {
	background: var(--background-alt2);
	color: var(--text-dark);
	font-family: 'DM Sans', sans-serif;
	font-weight: 700;
	font-size: 1.6rem;
}

/* Kriterium-Zelle */
.block-19-vergleich .vergleich-kriterium {
	font-weight: 700;
	background: var(--background-main);
	white-space: nowrap;
	color: var(--text-dark);
}

/* Makler-Spalte (hervorgehoben) */
.block-19-vergleich .vergleich-col-hl {
	background: #faf0f0;
	color: var(--text-dark);
	font-weight: 600;
}

/* Vertreter-Spalte */
.block-19-vergleich .vergleich-col-2 {
	color: var(--secondary);
	background: var(--background-main);
}

/* Zebra-Streifen */
.block-19-vergleich .vergleich-table tbody tr:nth-child(even) .vergleich-col-hl {
	background: #f5e8e8;
}

@media (max-width: 767px) {
	/* Tabelle auflösen — jede Zeile wird zur Karte */
	.block-19-vergleich .vergleich-wrap {
		overflow-x: visible;
	}
	.block-19-vergleich .vergleich-table,
	.block-19-vergleich .vergleich-table tbody,
	.block-19-vergleich .vergleich-table tr,
	.block-19-vergleich .vergleich-table td {
		display: block;
		width: 100%;
	}
	.block-19-vergleich .vergleich-table thead {
		display: none;
	}
	.block-19-vergleich .vergleich-table tr {
		margin-bottom: 2rem;
		border: 1px solid var(--background-alt2);
	}
	.block-19-vergleich .vergleich-table td {
		border: none;
		border-bottom: 1px solid var(--background-alt2);
		padding: 1.2rem 1.6rem;
		font-size: 1.5rem;
	}
	.block-19-vergleich .vergleich-table td:last-child {
		border-bottom: none;
	}

	/* Kriterium als Karten-Header */
	.block-19-vergleich .vergleich-kriterium {
		white-space: normal;
		background: var(--text-dark);
		color: var(--text-light);
		font-size: 1.4rem;
		padding: 1rem 1.6rem;
	}

	/* Spalten-Label als ::before */
	.block-19-vergleich .vergleich-col-hl::before,
	.block-19-vergleich .vergleich-col-2::before {
		content: attr(data-label);
		display: block;
		font-size: 1.1rem;
		font-weight: 700;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		margin-bottom: 0.5rem;
	}
	.block-19-vergleich .vergleich-col-hl::before {
		color: var(--primary);
	}
	.block-19-vergleich .vergleich-col-2::before {
		color: var(--secondary);
	}

	/* Zebra auf Mobile deaktivieren */
	.block-19-vergleich .vergleich-table tbody tr:nth-child(even) .vergleich-col-hl {
		background: #faf0f0;
	}
}