.fl-page
  #pk_flex_content
  .flex_layout.algemene_hero_detail
  .flex_layout_wrapper {
  padding: 0;
  margin: 0;
  max-width: 100%;
}
.fl-page
  #pk_flex_content
  .flex_layout.algemene_hero_detail
  .flex_layout_wrapper
  .algemene_hero_detail_container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  min-height: 700px;
  overflow: hidden;
  position: relative;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.fl-page
  #pk_flex_content
  .flex_layout.algemene_hero_detail
  .flex_layout_wrapper
  .algemene_hero_detail_right {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 400px;
  position: relative;
}
.fl-page
  #pk_flex_content
  .flex_layout.algemene_hero_detail
  .flex_layout_wrapper
  .algemene_hero_detail_right:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  background: linear-gradient(
    270deg,
    rgba(28, 28, 28, 0) 42.88%,
    #1c1c1c 95.76%
  );
  inset: 0;
  display: block;
  pointer-events: none;
}
.fl-page
  #pk_flex_content
  .flex_layout.algemene_hero_detail
  .flex_layout_wrapper
  .algemene_hero_detail_left {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 24px;
  padding: 80px 20px;
  position: relative;
  z-index: 2;
  background: var(--Grey-stone, #1c1c1c);
  color: #fff;
  padding-left: 40px;
  padding-bottom: 160px;
}
.fl-page
  #pk_flex_content
  .flex_layout.algemene_hero_detail
  .flex_layout_wrapper
  .algemene_hero_detail_left
  p {
  margin-bottom: 0;
}
.fl-page
  #pk_flex_content
  .flex_layout.algemene_hero_detail
  .flex_layout_wrapper
  .algemene_hero_detail_left
  .algemene_hero_detail_title {
  margin: 0;
  width: 100%;
  line-height: 1;
  margin-bottom: 0;
  color: #fff;
}
.fl-page
  #pk_flex_content
  .flex_layout.algemene_hero_detail
  .flex_layout_wrapper
  .algemene_hero_detail_left
  .algemene_hero_detail_title
  h1 {
  margin: 0;
  margin-bottom: 0;
  color: #fff;
  font-weight: 450;
  line-height: 1;
}
.fl-page
  #pk_flex_content
  .flex_layout.algemene_hero_detail
  .flex_layout_wrapper
  .algemene_hero_detail_buttons {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (min-width: 1330px) {
  .fl-page
    #pk_flex_content
    .flex_layout.algemene_hero_detail
    .flex_layout_wrapper
    .algemene_hero_detail_left {
    padding-left: calc((100vw - 1310px) / 2);
  }
}
@media screen and (max-width: 992px) {
  .fl-page
    #pk_flex_content
    .flex_layout.algemene_hero_detail
    .flex_layout_wrapper
    .algemene_hero_detail_container {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .fl-page
    #pk_flex_content
    .flex_layout.algemene_hero_detail
    .flex_layout_wrapper
    .algemene_hero_detail_right {
    min-height: 400px;
  }
  .fl-page
    #pk_flex_content
    .flex_layout.algemene_hero_detail
    .flex_layout_wrapper
    .algemene_hero_detail_left {
    background: #1c1c1c;
    padding: 40px 20px;
    order: 2;
    padding-bottom: 120px;
  }
  .fl-page
    #pk_flex_content
    .flex_layout.algemene_hero_detail
    .flex_layout_wrapper
    .algemene_hero_detail_right:after {
    background: linear-gradient(
      180deg,
      rgba(28, 28, 28, 0) 42.88%,
      #1c1c1c 95.76%
    );
  }
}