.grid_aanbod-layout {
	padding-block: 60px;
}

.grid_aanbod-layout .pk-grid-container {
	gap: 24px !important;
}

.grid_aanbod-layout #aanbodOverview {
	transition: .3s ease-in-out opacity;
}

.grid_aanbod-layout #aanbodOverview.ajax-loading {
	opacity: .6;
}

.grid_aanbod-layout .grid-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 40px 0px 80px 0px;
	border-top: 1px solid var(--sc-white);
}

.grid_aanbod-layout .grid-heading .grid-titel {
	font-family: 'Norwester';
	font-size: clamp(24px, 2.5vw, 32px);
	text-transform: uppercase;
}

.grid_aanbod-layout .aanbod-filters {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.grid_aanbod-layout .aanbod-filters button {
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	display: block;
	padding: 12px 24px;
	line-height: 1.5;
	color: var(--sc-white);
	text-decoration: none;
	width: fit-content;
	transition: .3s ease-in-out background-color, .3s ease-in-out color; 
	border: none;
	border-radius: 5px;
	cursor: pointer;
	outline: inherit;
	background-color: transparent;
	outline-offset: -1px;
    outline: 1px solid var(--sc-white);
}
  

.grid_aanbod-layout .aanbod-filters button.active {
	background-color: var(--sc-blue);
	outline: none;
}

.grid_aanbod-layout .aanbod-filters button:hover {
	background-color: var(--sc-blue-hover);
}


@media screen and (max-width: 1200px) {
	
	.grid_aanbod-layout .grid-heading {
		flex-direction: column;
		gap: 16px;
		justify-content: start;
		align-items: start;
	}
	
	.grid_aanbod-layout .aanbod-filters button {
		padding: 8px 16px;
	}
}