.flex_content:has(.kennismaken_op_kantoor) {
    position: relative;
    z-index: 2;
}

.flex_layout.predefined_blocks .flex_layout.kennismaken_op_kantoor .flex_layout_wrapper {
	all: unset;
}

.flex_content:has(.kok_container){
	border-radius: 30px;
}	

.flex_content:has(.kok_container.grey-stone) {
	background: var(--Grey-stone, #1C1C1C);
}

.flex_content:has(.kok_container.lila) {
	background: var(--Lila, #D3D6FF);
}

.kok_container {
  display: block;
}

.kok_row {
  display: flex;
  gap: 20px;
  align-items: stretch; 
}

.kok_col.kok_media {
  max-width: 530px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.kok_col.kok_content {
  width:100%;	
  border-radius: 16px;
  background: var(--Purple-rain, #8089FF);
  color:#fff;
  padding: 48px 56px;
}

.kok_col.kok_content p{
	margin-top:20px;
}

.kok_image {
  flex-grow: 1;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.kok_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
}

.kok_tekst {
  margin-bottom: 20px;
}

.kok_knoppen {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

a.kok_knop {
	display: flex;
	align-items: center;
	gap: 8px;
	color:#fff;
}

#pk_flex_content a.kok_knop span{
	color:#fff;
	font-size: 24px;
	font-style: normal;
	font-weight: 550 !important;
	line-height:1;
}

@media screen and (max-width: 992px) {
  .kok_row {
	flex-direction: column;
  }
  .kok_col.kok_content {
	  padding:30px;
  }
  .kok_col.kok_media,
  .kok_col.kok_content {
	max-width: 100%;
	flex: 1 1 100%;
  }
  .kok_image {
	aspect-ratio: 16/9;
	position: relative;
  }
  .kok_image img {
	position: static;
	height: 100%;
  }
}