/* ========== U-Rendement tabelstijl ========== */

table.urendement {
	width: 100%;
	border-collapse: collapse;
	font-size: 1rem;
	color: #222;
	background-color: #fff;
	margin-bottom: 2rem;
}

	table.urendement caption {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}

	/* Table header */
	table.urendement thead {
		background-color: #00aced;
		color: #fff;
	}

		table.urendement thead th {
			padding: 0.75rem 1.25rem;
			text-align: left;
			font-weight: 600;
			white-space: nowrap;
		}

	/* Table body */
	table.urendement tbody tr {
		border-bottom: 1px solid #ddd;
		transition: background-color 0.2s ease-in-out;
	}

		table.urendement tbody tr:hover {
			background-color: #f0f3f5;
			cursor: pointer;
		}

	table.urendement td {
		padding: 0.5rem 1rem;
		vertical-align: top;
		text-align: left;
	}

	/* Optioneel: zebra-striping */
	table.urendement tbody tr:nth-child(even) {
		background-color: #fafafa;
	}

@media (max-width: 600px) {
	table.urendement,
	table.urendement thead,
	table.urendement tbody,
	table.urendement th,
	table.urendement td,
	table.urendement tr {
		display: block;
	}

		table.urendement thead {
			display: none;
		}

		table.urendement td {
			position: relative;
			padding-left: 50%;
		}

			table.urendement td::before {
				content: attr(data-label);
				position: absolute;
				left: 1rem;
				top: 0.5rem;
				font-weight: bold;
				white-space: nowrap;
			}
}

/*TABEL AFM*/
.table-afm {
	width: 100%;
	border-collapse: collapse;
	margin-top: 1.5rem;
	font-size: 1rem;
	background: #FFF;
}

	.table-afm th,
	.table-afm td {
		border: 1px solid #e0e0e0;
		padding: 1rem;
		text-align: left;
	}

	.table-afm th {
		background-color: #f5f5f5;
		font-weight: 600;
	}

	.table-afm td a.buttonlink {
		text-decoration: none;
		color: #005aa5;
		font-weight: 500;
	}

.afm-footnote {
	margin-top: 2rem;
	padding-left: 1rem;
	border-left: 4px solid #ccc;
	font-size: 0.95rem;
	color: #555;
	font-style: italic;
	line-height: 1.6;
	background-color: #f9f9f9;
}

/*menukaart -- onze prijzen*/

.tarieftabel {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 2rem;
	font-size: 1rem;
	background: #FFF;
}

	.tarieftabel tr.sub {
		background: #d5f4ff;
		color: #1B75BA;
	}


	.tarieftabel th,
	.tarieftabel td {
		border: 1px solid #e0e0e0;
		padding: 1rem;
		text-align: left;
		vertical-align: top;
	}

	.tarieftabel th {
		color: #FFF;
	}

	.tarieftabel th {
		background-color: #1B75BA;
		font-weight: 600;
	}

		.tarieftabel th:nth-child(1),
		.tarieftabel td:nth-child(1) {
			width: 50%;
		}

		.tarieftabel th:nth-child(2),
		.tarieftabel td:nth-child(2) {
			width: 50%;
		}

.pricingLetop {
	display: block;
	font-size: 0.85rem;
	color: #a00;
	font-style: italic;
	margin-top: 0.25rem;
}