.tabellen-layout .tabellen-table {

}

.site-3 .tabellen-layout {
	--pk-color-tertiary: #9acfb5;
}

.tabellen-layout table {
	width: 100%;
	border-collapse: separate;
	border-radius: var(--pk-button-radius);
	overflow: hidden;
}

.tabellen-layout caption {
	text-align: left;
	margin-bottom: 1rem;
}

.tabellen-layout th,
.tabellen-layout td {
	padding: 1rem 1.5rem;
	text-align: left;
	vertical-align: top;
	border: 0px;
}

.tabellen-layout thead th {
	background-color: color-mix(in srgb, var(--pk-color-tertiary) 30%, transparent);
	font-weight: 700;
}

/* .tabellen-layout thead th:first-child {
	border-top-left-radius: var(--pk-button-radius);
	border-bottom-left-radius: var(--pk-button-radius);
}

.tabellen-layout thead th:last-child {
	border-top-right-radius: var(--pk-button-radius);
	border-bottom-right-radius: var(--pk-button-radius);
} */

.tabellen-layout tbody td {
	background-color: #ffffff;
	/* border: 1px solid rgba(0, 0, 0, 0.08); */
	border-left: 0;
	border-right: 0;
}

.tabellen-layout tbody tr:nth-child(even) td {
	background-color: color-mix(in srgb, var(--pk-color-tertiary) 30%, transparent);
	border-color: transparent;
}

.site-1 .tabellen-layout tbody tr:nth-child(even) td{
	background-color: color-mix(in srgb, #b7ce23 20%, transparent);
}

.tabellen-layout .tabellen-groups {
	margin-top: 2.5rem;
	display: flex;
    flex-direction: column;
    gap: 24px;
}

.tabellen-layout .tabellen-group__heading .pk-heading {
	margin-bottom: 1rem;
	color: var(--pk-color-secondary);
}

@media screen and (max-width: 767px) {
	.tabellen-layout table,
	.tabellen-layout thead,
	.tabellen-layout tbody,
	.tabellen-layout th,
	.tabellen-layout td,
	.tabellen-layout tr {
		display: block;
	}

	.tabellen-layout thead {
		display: none;
	}

	.tabellen-layout tbody td,
	.tabellen-layout tbody th{
		padding: var(--pk-site-gutter);
	}

	.tabellen-layout tbody td:not(:last-child),
	.tabellen-layout tbody th:not(:last-child){
		padding-bottom: 0px;
	}
}