#pk_flex_content .flex_layout.hero_afbeelding_home {
  max-width: unset;
  padding: 0px;
  overflow: hidden;
}

#pk_flex_content .flex_layout.hero_afbeelding_home .flex_container {
  position: relative;
  z-index: 1;
  min-height: calc(80vh - 130px);
  display: flex;
  align-items: flex-end;
  background-image: 
      linear-gradient(to bottom, 
          transparent 0%, 
          transparent 80%, 
          var(--zgem-flex-lightblue) 80%, 
          var(--zgem-flex-lightblue) 100%
      ),
      var(--background-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateZ(0);
    backface-visibility: hidden;
}

#pk_flex_content .flex_layout.hero_afbeelding_home .flex_container::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0px;
  bottom: 20%;
  z-index: -1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.60) 100%);
}

.fl-page-content.home #pk_flex_content .flex_layout.hero_afbeelding_home .flex_container::after {
  background: linear-gradient(180deg, rgba(89, 51, 42, 0.00) 50.42%, rgba(89, 51, 42, 0.50) 100%);
}

#pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner {
  max-width: var(--site-grid);
  width: 100%;
  padding: 120px 40px 40px 40px;
  margin: 0px auto;
  position: relative;
}

#pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .heading_wrapper > * {
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.46);
}

#pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content {
  display: flex;
  gap: 24px;
  align-items: end;
  justify-content: space-between;
}

#pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content .text-ctas {
  display: flex;
  flex-direction: column;
  background-color: var(--zgem-green-default);
  padding: 16px;
  border-radius: 20px;
  width: calc(100% - 280px);
  color: var(--zgem-flex-white);
}

#pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content .text-ctas .text {
  max-width: 90%;
}

#pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content .text-ctas .ctas {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: stretch;
}

#pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content .text-ctas .ctas .cta-item {
  flex: 1;
  display: flex;
  align-items: start;
  padding: 32px 64px 32px 16px;
  background-color: var(--zgem-flex-light-pink);
  color: black;
  line-height: 1.3;
  font-size: clamp(18px, 1.62vw, 22px);
  font-weight: bold;
  border-radius: var(--zgem-radius-small);
  position: relative;
  text-decoration: none;
}

#pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content .text-ctas .ctas .cta-item:hover {
  text-decoration: none;
}

#pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content .text-ctas .ctas .cta-item::after {
  content: '';
  position: absolute;
  bottom: 32px;
  right: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='35' viewBox='0 0 36 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='35' rx='17.5' fill='%234D624F'/%3E%3Cpath d='M11.9998 17.5698L23.4248 17.6617M23.4248 17.6617L19.1404 13.0571M23.4248 17.6617L19.1404 22.1974' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 36px;
  height: auto;
  aspect-ratio: 1;
  transition: .2s transform ease-in-out;
}

#pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content .text-ctas .ctas .cta-item:hover::after {
    transform: translate(5px, 0px);
}

#pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content .tel-block {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px;
  width: 280px;
  height: fit-content;
  background-color: var(--zgem-flex-white);
  border-radius: var(--zgem-radius-small);
  margin-bottom: 24px;
}

#pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content .tel-block .content {
  display: flex;
  align-items: start;
  flex-direction: column;
  font-size: 18px;
  line-height: normal;
}

#pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content .tel-block .content .title {
    font-weight: bold;
}

#pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content .tel-block .tel-icon {
  width: 46px;
  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;
}

@media screen and (max-width: 1200px) {
  
  #pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content {
      flex-direction: column-reverse;
      align-items: start;
      gap: 16px;
    }
  
    #pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content .tel-block {
        margin: 0;
        width: 100%;
    }
  
    #pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content .text-ctas {
        width: 100%;
    }
  
}

@media screen and (max-width: 992px) {
    
    #pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content .text-ctas {
        padding: 16px;
    }
    
    #pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content .text-ctas .ctas {
        flex-direction: column;
    }
    
    #pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content .text-ctas .ctas .cta-item::after {
        top: 50%;
        right: 16px;
        bottom: unset;
        transform: translate(0px, -50%);
    }
    
    #pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner .bottom-content .text-ctas .ctas .cta-item:hover::after {
        transform: translate(5px, -50%);
    }
    
  
}


@media screen and (max-width: 767px) {
  
  #pk_flex_content .flex_layout.hero_afbeelding_home .flex_hero_inner {
    padding: 80px 20px 40px 20px;
  }

  
}