/* GLOBAL FLEX ROW LAYOUTS */
#pk_flex_content {
  /* padding-top: 15px; */
  --site-grid: 1256px;
}

#pk_flex_content strong {
  font-weight: 700;
}

#pk_flex_content .flex_layout {
  padding: 20px 20px;
}

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

#pk_flex_content
  .flex_row_0.flex_bg_grey
  > .flex_content__wrapper
  > .flex_layout {
  padding-top: 24px;
}

/* Kruimelpad */
#pk_flex_content .flex_breadcrumbs {
  padding: 0 20px;
  margin-bottom: -15px;
}

#pk_flex_content .flex_breadcrumbs .pk-row {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: var(--gray);
}

#pk_flex_content:has(.flex_row_0:not(.flex_bg_grey)) .flex_breadcrumbs .pk-row {
  background: transparent;
}

#pk_flex_content .flex_breadcrumbs .pk-row > .flex_layout {
  padding-top: 34px;
  padding-bottom: 10px;
}

#pk_flex_content .flex_breadcrumbs p * {
  font-size: 14px;
  color: rgba(7, 36, 69, 0.5);
}

#pk_flex_content .flex_breadcrumbs p {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#pk_flex_content .flex_breadcrumbs p > a:first-of-type {
  display: flex;
  align-items: center;
  text-indent: -9999px;
  width: 12px;
  overflow: hidden;
  vertical-align: middle;
}

#pk_flex_content .flex_breadcrumbs p .separator {
  margin: 2.5px;
}

#pk_flex_content .flex_breadcrumbs p > a:first-of-type:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20viewBox%3D%220%200%2012%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0.900098%2011.608H3.8537V7.54641C3.8537%207.36347%203.91583%207.21014%204.0401%207.08641C4.16383%206.96214%204.31716%206.90001%204.5001%206.90001H6.9001C7.08303%206.90001%207.23663%206.96214%207.3609%207.08641C7.48463%207.21014%207.5465%207.36347%207.5465%207.54641V11.608H10.5001V4.65441C10.5001%204.57227%2010.4822%204.49761%2010.4465%204.43041C10.4108%204.36321%2010.362%204.30454%2010.3001%204.25441L5.9929%201.00801C5.91076%200.93654%205.81316%200.900806%205.7001%200.900806C5.58703%200.900806%205.4897%200.93654%205.4081%201.00801L1.1001%204.25441C1.03876%204.30561%200.989964%204.36427%200.953698%204.43041C0.917431%204.49654%200.899564%204.57121%200.900098%204.65441V11.608ZM0.100098%2011.608V4.65441C0.100098%204.44961%200.145964%204.25574%200.237698%204.07281C0.329431%203.88987%200.455831%203.73921%200.616898%203.62081L4.9249%200.358406C5.1505%200.18614%205.4081%200.100006%205.6977%200.100006C5.9873%200.100006%206.2465%200.18614%206.4753%200.358406L10.7833%203.62001C10.9449%203.73841%2011.0713%203.88934%2011.1625%204.07281C11.2542%204.25574%2011.3001%204.44961%2011.3001%204.65441V11.608C11.3001%2011.8224%2011.2204%2012.0093%2011.0609%2012.1688C10.9014%2012.3283%2010.7145%2012.408%2010.5001%2012.408H7.3929C7.20943%2012.408%207.05583%2012.3461%206.9321%2012.2224C6.80836%2012.0981%206.7465%2011.9445%206.7465%2011.7616V7.70081H4.6537V11.7616C4.6537%2011.9451%204.59183%2012.0987%204.4681%2012.2224C4.34436%2012.3461%204.19103%2012.408%204.0081%2012.408H0.900098C0.685698%2012.408%200.498764%2012.3283%200.339297%2012.1688C0.179831%2012.0093%200.100098%2011.8224%200.100098%2011.608Z%22%20fill%3D%22%232E8AD4%22%20stroke%3D%22%232E8AD4%22%20stroke-width%3D%220.2%22%2F%3E%3C%2Fsvg%3E');
}

@media screen and (max-width: 767px) {
  #pk_flex_content .flex_breadcrumbs {
    padding: 0px;
  }
}

/* Grijze achtergrond */
#pk_flex_content .flex_content.flex_bg_grey {
  padding: 30px 20px;
  padding-top: 0;
}

#pk_flex_content .flex_content.flex_bg_grey > .flex_content__wrapper {
  position: relative;
  /* padding-top: clamp(
    28px,
    28px + (44 - 28) * ((100vw - 320px) / (1215 - 320)),
    44px
  );
  padding-bottom: clamp(
    28px,
    28px + (44 - 28) * ((100vw - 320px) / (1215 - 320)),
    44px
  ); */
  border-radius: 20px;
  background: var(--gray);
}

#pk_flex_content .flex_content.flex_bg_grey > .flex_content__wrapper > div {
  position: relative;
  z-index: 1;
}

body.home #pk_flex_content .flex_row_1.flex_bg_grey > .flex_content__wrapper {
  /* padding-top: clamp(
    48px,
    48px + (100 - 48) * ((100vw - 320px) / (1215 - 320)),
    100px
  ); */
}

#pk_flex_content .flex_content.flex_bg_grey > .flex_content__wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  aspect-ratio: 16/9;
  border-radius: 20px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('../public/images/bg-pattern.png');
  background-color: linear-gradient(
    180deg,
    #f6f6f7 0%,
    rgba(246, 246, 247, 0.6) 39.05%
  );
  z-index: 0;
}

/* margin bottm als het niet home is */
/* body:not(.home)
  #pk_flex_content
  .flex_row_0.flex_bg_grey
  > .flex_content__wrapper {
  margin-bottom: clamp(
    48px,
    48px + (100 - 48) * ((100vw - 320px) / (1215 - 320)),
    100px
  );
} */

@media screen and (max-width: 767px) {
  #pk_flex_content .flex_content.flex_bg_grey {
    padding: 0px;
  }
}

/* End Grijze achtergrond */

/* Style text */
@media screen and (max-width: 767px) {
  #pk_flex_content .heading_wrapper {
    width: fit-content;
  }
}

.button_wrapper {
  margin-top: 20px;
}