#pk_flex_content .flex_layout.stappen_swiper .stappen-swiper {
  width: 100%;
}

#pk_flex_content .flex_layout.stappen_swiper .stappen-header {
  max-width: 1090px;
  display: flex;
  flex-direction: row;
  flex-wrap:wrap; gap:150px;
  margin-bottom:70px;
}

#pk_flex_content .flex_layout.stappen_swiper .stappen-title {
  margin: 0 0 8px 0;
  max-width:260px;
  width:100%;
  line-height: 1.2;
  font-size:25px;
}

#pk_flex_content .flex_layout.stappen_swiper .stappen-header h1{
  font-weight:600;
}

#pk_flex_content .flex_layout.stappen_swiper .stappen-intro {
    flex: 1;
}

#pk_flex_content .flex_layout.stappen_swiper .stappen-swiper .swiper{
  overflow: visible;
}

#pk_flex_content .flex_layout.stappen_swiper .stappen-intro p:last-child {
  margin-bottom: 0;
}

#pk_flex_content .flex_layout.stappen_swiper .stappen-slide-grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 130px;
  align-items: center;
}

#pk_flex_content .flex_layout.stappen_swiper .stappen-left,
#pk_flex_content .flex_layout.stappen_swiper .stappen-right {
  min-width: 0;
}

#pk_flex_content .flex_layout.stappen_swiper .stappen-image {
  width: 100%;
  height: 510px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}

#pk_flex_content .flex_layout.stappen_swiper .stap-tekst {
  max-width: 350px;
}

#pk_flex_content .flex_layout.stappen_swiper .stap-tekst h2,
#pk_flex_content .flex_layout.stappen_swiper .stap-tekst h3,
#pk_flex_content .flex_layout.stappen_swiper .stap-tekst h4,
#pk_flex_content .flex_layout.stappen_swiper .stap-tekst h5,
#pk_flex_content .flex_layout.stappen_swiper .stap-tekst h6{
  color: var(--Kraftor-Red, #E52327); 
}

#pk_flex_content .flex_layout.stappen_swiper .stappen-main-swiper {
  width: 100%;
}

.flex_layout.stappen_swiper .swiper_nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  margin-top: 24px;
}

.flex_layout.stappen_swiper .swiper_nav .swiper-pagination {
  width: fit-content;
}

.flex_layout.stappen_swiper .swiper-buttons {
  display: flex;
  align-items: center;
  gap: 20px;
}

.flex_layout.stappen_swiper .swiper-buttons .stappen-button-next,
.flex_layout.stappen_swiper .swiper-buttons .stappen-button-prev {
  transition: opacity 0.3s ease-in-out;
  cursor: pointer;
}

.flex_layout.stappen_swiper .post-button.stappen-button-prev.swiper-button-disabled,
.flex_layout.stappen_swiper .post-button.stappen-button-next.swiper-button-disabled {
  opacity: 0.5;
}

.flex_layout.stappen_swiper .swiper_nav .swiper-pagination .swiper-pagination-bullet {
  border-radius: 2px;
  height: 11px;
  width: 11px;
  background: #9E9E9E;
  opacity: 1;
  margin: 0 6px;
  transition: background 0.3s ease-in-out;
}

.flex_layout.stappen_swiper .swiper_nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #000;
}


@media (min-width: 1200px) {
#pk_flex_content .flex_layout.stappen_swiper .flex_layout_wrapper {
    padding-top: 210px;
}
}

/* Responsive */
@media (max-width: 992px) {
  #pk_flex_content .flex_layout.stappen_swiper .stappen-slide-grid {
	grid-template-columns: 1fr;
	gap:30px;
  }
  
  
  #pk_flex_content .flex_layout.stappen_swiper .flex_layout_wrapper {
      padding-top: 150px;
  }

  .stappen-swiper .swiper{
  overflow: hidden;
  }
  
  #pk_flex_content .flex_layout.stappen_swiper .swiper_nav {	
	  margin-top:10px;
  }

  #pk_flex_content .flex_layout.stappen_swiper .stappen-image {
	height: 380px;
  }
  #pk_flex_content .flex_layout.stappen_swiper .stappen-header {
    flex-direction: column;
    gap:30px;
  }

  #pk_flex_content .flex_layout.stappen_swiper .stap-tekst {
	margin-top: 16px;
  }
}

@media (max-width: 767px) {
  #pk_flex_content .flex_layout.stappen_swiper .stappen-swiper .swiper{
    overflow: hidden;
  }
} 



.flex_layout.stappen_swiper .nav_col {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.flex_layout.stappen_swiper .swiper-buttons .post-button-next,
.flex_layout.stappen_swiper .swiper-buttons .post-button-prev,
.flex_layout.stappen_swiper .swiper_nav .swiper-pagination {
	inset: unset;
	position: relative;
}

.flex_layout.stappen_swiper .swiper_nav .swiper-pagination .swiper-pagination-bullet {
	border-radius: 2px;
	height: 11px;
	width: 11px;
	background: #9E9E9E;
	opacity: 1;
	margin: 0 6px;
	transition: background 0.3s ease-in-out;
}

.flex_layout.stappen_swiper .swiper_nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #000;
}

.flex_layout.stappen_swiper .swiper_nav {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 30px;
	margin-top:40px;
}

.flex_layout.stappen_swiper .swiper_nav .swiper-pagination {
	width: fit-content;
}

.flex_layout.stappen_swiper .swiper-buttons {
	display: flex;
	align-items: center;
	gap: 20px;
}

.flex_layout.stappen_swiper .swiper-buttons .stappen-button-next,
.flex_layout.stappen_swiper .swiper-buttons .stappen-button-prev {
	transition: opacity 0.3s ease-in-out;
	cursor: pointer;
}

.flex_layout.stappen_swiper .post-button.stappen-button-prev.swiper-button-disabled,
.flex_layout.stappen_swiper .post-button.stappen-button-next.swiper-button-disabled {
	opacity: 0.5;
}