@keyframes arrow-slide-back {
	0% {
		transform: translate(0%, 0);
	}

	50% {
		transform: translate(100%, 0);
	}

	51% {
		transform: translate(-100%, 0);
	}

	100% {
		transform: translate(0%, 0);
	}
}

:root {
	--zgem-flex-lightest-pink: #F8ECF0;
	--zgem-flex-light-pink: #F1C2CB;
	/* --zgem-flex-light-pink: #FFBFD5; nieuwe */
	--zgem-flex-pink: #EBA1BA;
	--zgem-flex-green-default: #4D634F;
	--zgem-flex-red: #C2473B;
	--zgem-flex-green-dark: rgba(54, 76, 56, 1);
	--zgem-flex-white: rgb(255, 255, 255);
	--zgem-flex-lightblue: #E5E5F0;
	--zgem-flex-purple: #6B719A;
	--zgem-flex-black: #000000;
	--zgem-flex-darkblue: #171733;
	--zgem-flex-darkblue-secondary: #1A213D;
	--zgem-flex-grey: #EBEBEB;
	
	--zgem-radius-small: 8px;
	--zgem-radius-mid: 20px;
	--zgem-radius-big: 30px;
	
	--zgem-header-height: 155px;
}

html {
	scroll-behavior: smooth;
}

#pk_flex_content {
	--site-grid: 1430px;
}

#pk_flex_content .flex_layout {
	padding: 120px 40px;
}

#pk_flex_content .flex_layout:not(.full_width) {
	max-width: var(--site-grid);
	margin-inline: auto;
}

#pk_flex_content .zgem_button_container {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

#pk_flex_content .zgem_button {
	width: fit-content;
	padding: 12px 120px 12px 32px;
	border-radius: 40px;
	background-color: var(--zgem-flex-pink);
	color: var(--zgem-flex-black);
	font-weight: bold;
	cursor: pointer;
	transition: all 0.2s ease;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 24px;
	line-height: 1.4;
	overflow: hidden;
}

#pk_flex_content .zgem_button:hover {
	text-decoration: none;
	color: inherit;
}

#pk_flex_content .zgem_button.fit-content {
	padding: 12px 84px 12px 32px;
}

#pk_flex_content .zgem_button .icon {
	content: '';
	width: auto;
	height: calc(100% + 1px);
	aspect-ratio: 1;
	background-color: var(--zgem-flex-darkblue);
	transition: transform 0.2s ease-in-out;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0px, -50%);
	flex-shrink: 0;
}

#pk_flex_content .zgem_button .icon:after {
	content: '';
	transform-origin: center;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	width: 1em;
	height: 1em;
	background-color: var(--zgem-flex-white);
	transition: transform 0.2s ease-in-out;
	mask: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.29865 9.42354L15.7236 9.51545M15.7236 9.51545L11.4393 4.91084M15.7236 9.51545L11.4393 14.0511' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center / contain;
	-webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.29865 9.42354L15.7236 9.51545M15.7236 9.51545L11.4393 4.91084M15.7236 9.51545L11.4393 14.0511' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center / contain;
	flex-shrink: 0;
}

#pk_flex_content .zgem_button:hover .icon:after {
	transform: translate(calc(50% + 2px), -50%);
}

#pk_flex_content .zgem_button .icon {
	/* background-color: var(--zgem-flex-purple); */
}

#pk_flex_content .zgem_button.grey {
	background-color: var(--zgem-flex-grey) !important;
}

#pk_flex_content .zgem_button.white {
	background-color: var(--zgem-flex-white) !important;
	color: var(--zgem-flex-red) !important;
}

#pk_flex_content .zgem_button.white .icon {
	background-color: var(--zgem-flex-darkblue);
}

#pk_flex_content .zgem_button.white .icon:after {
	background-color: var(--zgem-flex-pink);
}

#pk_flex_content .zgem_button.red {
	background-color: var(--zgem-flex-red) !important;
	color: var(--zgem-flex-white) !important;
}

#pk_flex_content .zgem_button.red .icon {
	background-color: var(--zgem-flex-darkblue);
}

#pk_flex_content .zgem_button.lightblue {
	background-color: #C8C9D7 !important;
	color: var(--zgem-flex-darkblue) !important;
}

#pk_flex_content .zgem_button.link-icon .icon:after {
	width: 1.2em;
	height: 1.2em;
	mask: url("data:image/svg+xml,%3Csvg width='22' height='28' viewBox='0 0 22 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.57306 14.4655L19.998 14.5574M19.998 14.5574L15.7137 9.95284M19.998 14.5574L15.7137 19.0931' stroke='%23F5F5F5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 1.5L4.5 1.5C2.84315 1.5 1.5 2.84315 1.5 4.5L1.5 23.5C1.5 25.1569 2.84314 26.5 4.5 26.5L8.5 26.5' stroke='%23F5F5F5' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center / contain;
	-webkit-mask: url("data:image/svg+xml,%3Csvg width='22' height='28' viewBox='0 0 22 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.57306 14.4655L19.998 14.5574M19.998 14.5574L15.7137 9.95284M19.998 14.5574L15.7137 19.0931' stroke='%23F5F5F5' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.5 1.5L4.5 1.5C2.84315 1.5 1.5 2.84315 1.5 4.5L1.5 23.5C1.5 25.1569 2.84314 26.5 4.5 26.5L8.5 26.5' stroke='%23F5F5F5' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center / contain;
}

#pk_flex_content .zgem_subtitle {
	display: block;
	color: var(--zgem-flex-red);
	font-size: clamp(24px, 2.22vw, 30px);
	margin-block: 16px;
	line-height: 1.2;
}

#pk_flex_content nav.rank-math-breadcrumb * {
	color: var(--zgem-flex-white);
	opacity: .8;
	font-weight: 600;
}

/* Small contact cta */

#pk_flex_content .small_contact_cta {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 24px 16px 16px;
  width: fit-content;
  height: fit-content;
  background-color: var(--zgem-flex-light-pink);
  border-radius: var(--zgem-radius-small);
}

#pk_flex_content .small_contact_cta:hover {
	color: var(--zgem-flex-black);
}

#pk_flex_content .small_contact_cta .content {
  display: flex;
  align-items: start;
  flex-direction: column;
  line-height: normal;
}

#pk_flex_content .small_contact_cta .content .title {
	font-weight: bold;
}

#pk_flex_content .small_contact_cta .content .tel-link {
	text-decoration: underline;
}

#pk_flex_content .small_contact_cta .tel-icon {
  width: 70px;
  aspect-ratio: 1;
  height: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='30' viewBox='0 0 29 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.0476 16.9955L24.1653 20.1132C24.2653 20.2128 24.3447 20.3311 24.3989 20.4614C24.453 20.5917 24.4809 20.7315 24.4809 20.8726C24.4809 21.0137 24.453 21.1535 24.3989 21.2838C24.3447 21.4141 24.2653 21.5325 24.1653 21.632C23.069 22.7286 21.6139 23.3928 20.0672 23.5026C18.5205 23.6125 16.9862 23.1607 15.7459 22.2301L13.8915 20.8385C11.8387 19.2989 10.0151 17.4753 8.47553 15.4225L7.08386 13.5681C6.15332 12.3278 5.70149 10.7934 5.81136 9.24677C5.92124 7.7001 6.58544 6.24499 7.68197 5.14869C7.78153 5.04866 7.89986 4.96928 8.03019 4.91512C8.16051 4.86095 8.30025 4.83307 8.44138 4.83307C8.58251 4.83307 8.72225 4.86095 8.85257 4.91512C8.9829 4.96928 9.10124 5.04866 9.20079 5.14869L12.3185 8.26639C12.5392 8.48718 12.6632 8.7866 12.6632 9.0988C12.6632 9.411 12.5392 9.71042 12.3185 9.93121L11.1164 11.1333C11.0226 11.2262 10.9606 11.3465 10.9395 11.4768C10.9183 11.6071 10.939 11.7408 10.9987 11.8586C12.3955 14.6528 14.6612 16.9185 17.4554 18.3153C17.5732 18.375 17.7069 18.3957 17.8372 18.3745C17.9675 18.3534 18.0878 18.2914 18.1807 18.1976L19.3816 16.9967C19.491 16.8872 19.6208 16.8004 19.7637 16.7411C19.9067 16.6819 20.0599 16.6514 20.2146 16.6514C20.3693 16.6514 20.5225 16.6819 20.6655 16.7411C20.8084 16.8004 20.9383 16.8872 21.0476 16.9967V16.9955Z' stroke='%23F5F5F5' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-color: var(--zgem-red);
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  border-radius: 6px;
}

/* General cta block  */

#pk_flex_content .general_cta_block {
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 16px;
	background-color: var(--zgem-flex-lightblue);
	padding: 32px;
	border-radius: 20px;
}

#pk_flex_content .general_cta_block .button_wrapper {
	display: block;
	margin-top: auto;
}

#pk_flex_content .swiper-scrollbar.zgem-scrollbar  {
	position: relative;
	margin-block: 40px 40px;
	height: 2px;
	bottom: 0px;
	max-width: 1350px;
	background: var(--zgem-flex-darkblue);
	left: 0;
	right: 0;
}

#pk_flex_content .swiper-scrollbar.zgem-scrollbar .swiper-scrollbar-drag {
	background: var(--zgem-flex-red);
}

/* FORMULIEREN */

#pk_flex_content .gform_wrapper form .gform_fields .gfield select:focus-visible {
	outline: 0;
	box-shadow: none;
}

#pk_flex_content .gform_wrapper form .gform_fields .gfield input::placeholder, #pk_flex_content .gform_wrapper form .gform_fields .gfield textarea::placeholder, #pk_flex_content .gform_wrapper form .gform_fields .gfield select::placeholder {
	opacity: 1;
	/* font-weight: 500; */
}

#pk_flex_content .gform_wrapper .gfield--type-text, #pk_flex_content .gform_wrapper .gfield--type-email, #pk_flex_content .gform_wrapper .gfield--type-textarea, #pk_flex_content .gform_wrapper .gfield--type-website, #pk_flex_content .gform_wrapper .ginput_container--name > span, #pk_flex_content .gform_wrapper .gfield--input-type-phone, #pk_flex_content .gform_wrapper .ginput_container.has_street.has_city.has_zip > span {
	position: relative;
}

/* #pk_flex_content .gform_wrapper .gfield--type-text label, #pk_flex_content .gform_wrapper .gfield--type-email label, #pk_flex_content .gform_wrapper .gfield--type-textarea label,#pk_flex_content .gform_wrapper .ginput_container--name label, #pk_flex_content .gform_wrapper .gfield--type-website label, #pk_flex_content .gform_wrapper .gfield--type-textarea label, #pk_flex_content .gform_wrapper .gfield--input-type-phone label, #pk_flex_content .gform_wrapper .ginput_container.has_street.has_city.has_zip > span label {
	position: absolute;
	left: 24px;
	bottom: 10px;
	transform: translate(0px, -50%);
	pointer-events: none;
	color: #565656;
	transform-origin: center left;
	transition: scale 300ms ease-in-out, bottom 300ms ease-in-out, transform 300ms ease-in-out, opacity 300ms ease-in-out, background-color 300ms ease-in-out, padding 300ms ease-in-out;
	margin: 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2;
	z-index: 1;
	padding-inline: 0px;
	padding-block: 0px;
} */

/* #pk_flex_content .gform_wrapper .gfield--type-textarea label {
	top: 32px !important;
} */

#pk_flex_content .gform_wrapper .gfield--type-text:has(input:not(:placeholder-shown)) .gfield_label, #pk_flex_content .gform_wrapper .gfield--type-text:has(input:active) .gfield_label, #pk_flex_content .gform_wrapper .gfield--type-text:has(input:focus) .gfield_label,#pk_flex_content .gform_wrapper .gfield--type-email:has(input:not(:placeholder-shown)) .gfield_label, #pk_flex_content .gform_wrapper .gfield--type-email:has(input:active) .gfield_label, #pk_flex_content .gform_wrapper .gfield--type-email:has(input:focus) .gfield_label,#pk_flex_content .gform_wrapper .gfield--type-website:has(input:not(:placeholder-shown)) label, #pk_flex_content .gform_wrapper .gfield--type-website:has(input:active) label, #pk_flex_content .gform_wrapper .gfield--type-website:has(input:focus) label,#pk_flex_content .gform_wrapper .gfield--type-textarea:has(textarea:not(:placeholder-shown)) .gfield_label, #pk_flex_content .gform_wrapper .gfield--type-textarea:has(textarea:active) .gfield_label, #pk_flex_content .gform_wrapper .gfield--type-textarea:has(textarea:focus) .gfield_label,#pk_flex_content .gform_wrapper .ginput_container--name span:has(input:not(:placeholder-shown)) label, #pk_flex_content .gform_wrapper .ginput_container--name span:has(input:active) label, #pk_flex_content .gform_wrapper .ginput_container--name span:has(input:focus) label, #pk_flex_content .gform_wrapper .gfield--input-type-phone:has(input:not(:placeholder-shown)) .gfield_label, #pk_flex_content .gform_wrapper .gfield--input-type-phone:has(input:active) .gfield_label, #pk_flex_content .gform_wrapper .gfield--input-type-phone:has(input:focus) .gfield_label, #pk_flex_content .gform_wrapper .ginput_container.has_street.has_city.has_zip > span:has(input:not(:placeholder-shown)) label, #pk_flex_content .gform_wrapper .ginput_container.has_street.has_city.has_zip > span:has(input:active) label, #pk_flex_content .gform_wrapper .ginput_container.has_street.has_city.has_zip > span:has(input:focus) label {
	/* bottom: 38px !important;
	height: fit-content;
	opacity: 1;
	scale: .75;
	font-weight: 500;
	color: rgba(86, 86, 86, 0.75);
	background-color: white;
	border-radius: 30px;
	padding-inline: 8px; */
}

/* ivm padding op de relative spans van het adres veld een custom berekening op de positionering */
#pk_flex_content .gform_wrapper .ginput_container.has_street.has_city.has_zip > span label {
	/* left: calc(24px + .9804%); */
}

/* secties afstand geven */
#pk_flex_content .gform_wrapper .gfield--type-section {
	margin-block: 32px 8px;
}

#pk_flex_content .gform_wrapper fieldset:has(> legend) {
	margin-top: 8px;
}

#pk_flex_content .gform_wrapper .gfield--type-date > .ginput_container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 16px;
}

#pk_flex_content .gform_wrapper .gfield--type-date > .ginput_container .ginput_container_date {
	width: 100%;
	max-width: unset;
	margin-left: unset;
}

#pk_flex_content .gform_wrapper .gfield--type-date select {
	background-image: unset !important; 
}

#pk_flex_content .gform_wrapper form .gform_fields .gfield select {
	padding: 16px 24px;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.62724 0.999944L5.53533 12.4249M5.53533 12.4249L10.1399 8.14056M5.53533 12.4249L0.999656 8.14056' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: calc(100% - 24px) center;
}

#pk_flex_content .gform_wrapper .gfield_description {
	margin: 0px;
	padding-block: 0px 8px;
}

#pk_flex_content .gform_wrapper .gform_heading, #pk_flex_content .gform_wrapper .gfield_required, #pk_flex_content .gform_wrapper .gform_fileupload_rules, #pk_flex_content .gform_wrapper .gfield--type-select .gfield_label, #pk_flex_content .gform_wrapper .ginput_counter.gfield_description {
	display: none;
}

#pk_flex_content .gform_wrapper form .gform_fields .gfield input:not([type=checkbox]):not([type=submit]), #pk_flex_content .gform_wrapper form .gform_fields .gfield select, #pk_flex_content .gform_wrapper form .gform_fields .gfield textarea {
	background-color: white;
	border-radius: var(--zgem-radius-big);
	border: 1px solid rgba(27, 32, 60, 1);
	padding: 16px 24px;
	font-weight: 500;
	font-size: 16px;
	width: 100%;
	line-height: 1.3;
}

#pk_flex_content .gform_wrapper .gfield--type-html {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

#pk_flex_content .gform_wrapper .gfield--type-html p {
	max-width: 600px;
}

/* eerste span maar margin-bottom geven */
#pk_flex_content .gform_wrapper .ginput_container.has_street.has_city.has_zip > span:first-of-type {
	margin-bottom: 16px;
}

#pk_flex_content .gform_wrapper .ginput_container--name > span:last-child {
	padding-left: unset;
}

#pk_flex_content .gform_wrapper .gfield input[type=file] {
	color: white;
	margin-block: 14px 30px !important;appearance: none;
	-webkit-appearance: none;
	/* border: 1px dashed rgba(27, 32, 60, 0.10) !important; */
}

#pk_flex_content .gform_wrapper .ginput_container_consent {
	display: flex;
	align-items: center;
	gap: 12px;
	height: 100%;
}

#pk_flex_content .gform_wrapper .ginput_container_consent label, #pk_flex_content .gform_wrapper .ginput_container_consent label a {
	margin: 0;
	color: rgba(27, 32, 60, 0.70);
}

#pk_flex_content .gform_wrapper .ginput_container_consent input {
	margin-bottom: 0px;
	appearance: none;
	-webkit-appearance: none;
	width: 24px;
	height: 24px;
	aspect-ratio: 1;
	border-radius: 4px;
	border: none;
	background: transparent;
	position: relative;
}

#pk_flex_content .gform_wrapper .ginput_container_consent input[type="checkbox"]:checked::before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.1417 10.0107C4.92813 10.0107 4.78578 9.9395 4.64342 9.7972L1.08462 6.2384C0.799919 5.9537 0.799919 5.5266 1.08462 5.2419C1.36933 4.9572 1.79638 4.9572 2.08109 5.2419L5.1417 8.3025L12.4728 0.971337C12.7575 0.686637 13.1846 0.686637 13.4693 0.971337C13.754 1.25604 13.754 1.6831 13.4693 1.96781L5.6399 9.7972C5.4975 9.9395 5.3552 10.0107 5.1417 10.0107Z' fill='%231B203C'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 55%;
	background-position: center;
	display: block;
	width: 100%;
	aspect-ratio: 1;
	margin: 0px;
}

#pk_flex_content .gform_wrapper .gfield:not(.gfield_contains_required) .ginput_container {
	position: relative !important;
}

#pk_flex_content .gform_wrapper .gfield--type-consent, #danneels-page .gform_wrapper .gfield--type-submit {
	display: flex;
	align-items: center;
}

#pk_flex_content .gform_wrapper .gform-page-footer {
	display: flex;
	align-items: center;
}

#pk_flex_content .gform_wrapper #field_submit {
	margin-left: auto;
	width: fit-content;
}

#pk_flex_content .gform_wrapper .gform-page-footer .gform_next_button, #pk_flex_content .gform_wrapper button[type=submit] {
  width: fit-content;
  padding: 12px 84px 12px 32px;
  border-radius: 40px;
  border: none;
  color: var(--zgem-flex-black);
  font-weight: bold;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 24px;
  line-height: 1.4;
  background-color: var(--zgem-flex-red);
  color: var(--zgem-flex-white);
  overflow: hidden;
}

#pk_flex_content .gform_wrapper button[type=submit] span {
  color: var(--zgem-flex-white);
}

#pk_flex_content .gform_wrapper .gform-page-footer .gform_next_button:hover , #pk_flex_content .gform_wrapper button[type=submit]:hover {
  text-decoration: none;
  color: inherit;
}

#pk_flex_content .gform_wrapper button[type=submit] .arrow {
  content: '';
  width: auto;
  height: 100%;
  aspect-ratio: 1;
  background-color: var(--zgem-flex-darkblue);
  transition: transform 0.2s ease-in-out;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0px, -50%);
  flex-shrink: 0;
}

#pk_flex_content .gform_wrapper button[type=submit] .arrow:after {
  content: '';
  transform-origin: center;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 1em;
  height: 1em;
  background-color: var(--zgem-flex-white);
  transition: transform 0.2s ease-in-out;
  mask: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.29865 9.42354L15.7236 9.51545M15.7236 9.51545L11.4393 4.91084M15.7236 9.51545L11.4393 14.0511' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center / contain;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.29865 9.42354L15.7236 9.51545M15.7236 9.51545L11.4393 4.91084M15.7236 9.51545L11.4393 14.0511' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center / contain;
  flex-shrink: 0;
}

#pk_flex_content .gform_wrapper button[type=submit]:hover .arrow:after {
  transform: translate(calc(50% + 2px), -50%);
}

#pk_flex_content .gform_wrapper .gform-page-footer .gform_next_button:hover, #pk_flex_content .gform_wrapper .gform-page-footer .gform_next_button:active, #pk_flex_content .gform_wrapper input[type=submit]:hover, #pk_flex_content .gform_wrapper input[type=submit]:active {
}

#pk_flex_content .gform_wrapper .gform_validation_errors {
	margin-bottom: 20px;
}


/* GRID DEFAULTS */
#pk_flex_content .grid_wrapper{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	gap: 20px;
	justify-content: center;
	overflow: hidden;
}

#pk_flex_content .grid_wrapper .grid_block a .button_wrapper .button_text svg{
	transition: all 0.3s;
}

#pk_flex_content .grid_wrapper .grid_block a:hover .button_wrapper .button_text svg{
	transform: translate(5px, 0);
}

#pk_flex_content .grid_wrapper .grid_block{
	display: inline-block;
}


/* GRID NEWS GLOBAL */
.filters {
	display: flex;
	gap: 20px;
	margin-block: 60px;
}

.filters form{
	margin-left: auto;
	display: flex;
}

.filters select{
	all: unset;
	background-color: #C2473B;
	border-radius: 100px;
	padding: 5px 50px 5px 20px;
	color: white;
	font-weight: 700;
	background-image: url("data:image/svg+xml,%3Csvg width='54' height='53' viewBox='0 0 54 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 0.00585938C26.1663 0.00278191 26.333 0 26.5 0H27.1006C41.7359 0.000248 53.6006 11.8646 53.6006 26.5C53.6006 41.1354 41.7359 52.9998 27.1006 53H26.5C26.333 53 26.1663 52.9962 26 52.9932V53H0V0H26V0.00585938Z' fill='%231A213D'/%3E%3Cpath d='M31.5457 22.8704L23.7436 30.1299L16.0583 22.8704' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: calc(100% + 2px) center;
}

.filters form{
	position: relative;
}

.filters form input{
	all: unset;
	background-color: #EAEAEA;
	border-radius: 100px;
	padding: 5px 50px 5px 20px;
	font-weight: 700;
}

#pk_flex_content .filters form input:focus{
	background-color: #EAEAEA;
}

#pk_flex_content .filters form button{
	position: absolute;
	right: 0px;
	background-color: transparent;
	border-radius: 0px;
	padding: 0px;
	background-image: url("data:image/svg+xml,%3Csvg width='54' height='53' viewBox='0 0 54 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26 0.00585938C26.1663 0.00278191 26.333 0 26.5 0H27.1006C41.7359 0.000248 53.6006 11.8646 53.6006 26.5C53.6006 41.1354 41.7359 52.9998 27.1006 53H26.5C26.333 53 26.1663 52.9962 26 52.9932V53H0V0H26V0.00585938Z' fill='%2356608A'/%3E%3Cpath d='M26.5 16.5C30.9183 16.5 34.5 20.0817 34.5 24.5C34.5 28.9183 30.9183 32.5 26.5 32.5C22.0817 32.5 18.5 28.9183 18.5 24.5C18.5 20.0817 22.0817 16.5 26.5 16.5Z' stroke='white' stroke-width='3'/%3E%3Cline x1='20.0085' y1='32.1214' x2='14.1214' y2='38.0085' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	height: 100%;
	font-size: 0px;
	aspect-ratio: 1;
	border: 0px;
}

.grid_block a{
	display: flex;
	flex-direction: column;
	height: 100%;
	border-radius: 20px;
	background-color: #F8ECF0;
	overflow: hidden;
}

.grid_block a:hover{
	text-decoration: none;
}

.grid_block a .image_conrtainer{
	aspect-ratio: 5/3;
	overflow: hidden;
}

.grid_block a img{
	object-fit: cover;
		height: 100%;
	width: 100%;
	transition: all 0.3s;
}

.grid_block a:hover img{
	transform: scale(1.05);
}

.grid_block a .content{
	padding: 20px;
}

.grid_block a .content h3{
	font-size: 25px;
}

.grid_block .date{
	color: #C24839;
}


//* Gradient op cta_contact wanneer nieuws_swiper en over_zgem erna komen OF wanneer content_map ervoor komt OF wanneer alleen nieuws_swiper erna komt Doel: Bovenste helft transparant, onderste helft roze voor vloeiende overgang */
#pk_flex_content .flex_layout.cta_contact:has(+ .flex_layout.nieuws_swiper + .flex_layout.over_zgem) .flex_container_inner {
	background: linear-gradient(to bottom, 
		transparent 50%, 
		var(--zgem-flex-pink) 50%
	);
	padding-block: 0px;
}

/* Rule 2 */
#pk_flex_content .flex_layout.content_map + .flex_layout.cta_contact .flex_container_inner, #pk_flex_content .flex_layout.predefined_blocks:has(.flex_content > .content_map:last-child) + .flex_layout.cta_contact .flex_container_inner {
	background: linear-gradient(to bottom, 
		transparent 50%, 
		var(--zgem-flex-pink) 50%
	);
	padding-block: 0px;
}

/* Rule 3 */
#pk_flex_content .flex_layout.cta_contact:has(+ .flex_layout.nieuws_swiper) .flex_container_inner {
	background: linear-gradient(to bottom, 
		transparent 50%, 
		var(--zgem-flex-pink) 50%
	);
	padding-block: 0px;
}

/* Target nieuws_swiper wanneer deze tussen cta_contact en over_zgem staat
   Doel: Volledige roze achtergrond met extra padding onderaan voor shape overlap */
#pk_flex_content .flex_layout.cta_contact + .flex_layout.nieuws_swiper:has(+ .flex_layout.over_zgem) .flex_container_inner {
	background: var(--zgem-flex-pink);
	padding-block: 40px 120px;
}

/* Target cta_contact wanneer content_map ervoor staat
   Doel: CTA-blok hangt visueel over de kaart heen met negatieve margin */
#pk_flex_content .flex_layout.content_map + .flex_layout.cta_contact,  #pk_flex_content .flex_layout.predefined_blocks:has(.flex_content > .content_map:last-child) + .flex_layout.cta_contact {
	margin-top: -80px;
	z-index: 1;
	position: relative;
}

/* Target over_zgem wanneer deze na nieuws_swiper en cta_contact komt
   Doel: Positioning context voor de shape background */
#pk_flex_content .flex_layout.cta_contact + .flex_layout.nieuws_swiper + .flex_layout.over_zgem .flex_container_inner {
	position: relative;
}

/* Target over_zgem wanneer deze na nieuws_swiper en cta_contact komt
   Doel: SVG shape als decoratieve achtergrond onderaan het blok
   De shape overlapt met het vorige blok voor visuele flow */
#pk_flex_content .flex_layout.cta_contact + .flex_layout.nieuws_swiper + .flex_layout.over_zgem .flex_container_inner:before {		
	content: '';
	inset: 0px;
	top: -2px;
	display: inline-block;
	position: absolute;
	background-image: url('/wp-content/uploads/2025/11/over_zgem_shape.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	z-index: 0;
	height: 70%;
}

/* Target verhalen wanneer deze direct na cta_contact komt
   Doel: SVG shape als decoratieve achtergrond op de verhalen wrapper
   Shape zorgt voor visuele overgang vanaf het CTA-blok */
#pk_flex_content .flex_layout.cta_contact + .flex_layout.verhalen .flex_container_inner .verhalen_wrapper:before {
	content: '';
	inset: 0px;
	top: -2px;
	display: inline-block;
	position: absolute;
	background-image: url('/wp-content/uploads/2025/11/verhalen_bg_shape.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	z-index: 0;
	height: 100%;
}

/* Target nieuws_swiper wanneer over_zgem NIET erna komt
   Doel: Positioning context en extra padding onderaan voor standalone nieuws_swiper
   Dit is voor situaties waar nieuws_swiper het laatste element is of gevolgd wordt door iets anders */
#pk_flex_content .flex_layout.nieuws_swiper:not(:has(+ .flex_layout.over_zgem)) .flex_container_inner {
	position: relative;
	padding-block: 40px 220px;
}

/* Target nieuws_swiper wanneer over_zgem NIET erna komt
   Doel: SVG shape als decoratieve achtergrond onderaan standalone nieuws_swiper
   Gebruikt dezelfde shape als verhalen voor consistente uitstraling */
#pk_flex_content .flex_layout.nieuws_swiper:not(:has(+ .flex_layout.over_zgem)) .flex_container_inner:before {
	content: '';
	inset: 0px;
	top: -2px;
	display: inline-block;
	position: absolute;
	background-image: url('/wp-content/uploads/2025/11/verhalen_bg_shape.svg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	z-index: 0;
	height: 100%;
}


@media screen and (max-width: 1200px) {

	#pk_flex_content .flex_layout.content_map + .flex_layout.cta_contact, #pk_flex_content .flex_layout.predefined_blocks:has(.flex_content > .content_map:last-child) + .flex_layout.cta_contact {
		margin-top: -20px;
	}

}

@media screen and (max-width: 992px) {
	
	#pk_flex_content .flex_layout.cta_contact + .flex_layout.nieuws_swiper:has(+ .flex_layout.over_zgem) .flex_container_inner {
		background: var(--zgem-flex-pink);
		padding-block: 60px;
	}
	
	/* hier checken of verhalen het contact als voorgaande heeft. Shape als bg zetten */
	
	#pk_flex_content .flex_layout.nieuws_swiper:not(:has(+ .flex_layout.over_zgem)) .flex_container_inner {
		padding-block: 40px 160px;
	}
	
}

@media screen and (max-width: 992px) {
	
	#pk_flex_content .flex_layout.cta_contact + .flex_layout.nieuws_swiper:has(+ .flex_layout.over_zgem) .flex_container_inner {
		background: var(--zgem-flex-pink);
		padding-block: 40px 0px;
	}
	
}


@media screen and (max-width: 767px) {
	.filters{
		flex-direction: column;
	}
	
	.filters form,
	.filters form input{
		width: 100%;
	}
}




@media screen and (max-width: 1200px) {
	
	#pk_flex_content .info-blocks-swiper .general_cta_block {
		padding: 24px;
	}
	
	#pk_flex_content .info-blocks-swiper .general_cta_block a {
		font-size: 18px;
	}
	
}

@media screen and (max-width: 992px) {
	
	#pk_flex_content .flex_layout {
		padding: 60px 40px;
	}
	
}

@media screen and (max-width: 767px) {
	
	#pk_flex_content .flex_layout {
		padding: 40px 20px;
	}
	
	#pk_flex_content .gform_wrapper .gfield--type-text label, #pk_flex_content .gform_wrapper .gfield--type-email label, #pk_flex_content .gform_wrapper .gfield--type-textarea label,#pk_flex_content .gform_wrapper .ginput_container--name label, #pk_flex_content .gform_wrapper .gfield--type-website label, #pk_flex_content .gform_wrapper .gfield--type-textarea label, #pk_flex_content .gform_wrapper .gfield--input-type-phone label {
		left: 24px;
		bottom: 10px;
		font-size: 16px;
		padding-inline: 0;
	}
	
	#pk_flex_content .gform_wrapper form .gform_fields .gfield input:not([type=checkbox]):not([type=submit]), #pk_flex_content .gform_wrapper form .gform_fields .gfield select, #pk_flex_content .gform_wrapper form .gform_fields .gfield textarea {
		padding: 16px 24px;
	}
	
}

@media screen and (max-width: 450px) {
	
	#pk_flex_content .zgem_button {
		width: fit-content;
		padding: 8px 60px 8px 24px;
	}
}