/*
 * Page-only styles for activiteiten-overzicht.html.
 * Keep every selector under .activiteiten-overzicht-page so this file remains
 * isolated even if it is accidentally loaded by another page in the future.
 */


.activiteiten-overzicht-page .hero .hero-review {
    position: absolute;
    z-index: 2;
    right: 60px;
    bottom: 40px;
    width: 150px;
}

/* Match the homepage arrangement links on this page only. */
.activiteiten-overzicht-page .product-zone a.section-link--arrangements-head,
.activiteiten-overzicht-page .product-zone a.section-link--arrangements-actions,
body.page-id-2084 .product-zone a.section-link--activities-actions {
  color: #ffffff;
  background: #963a75;
  text-decoration: none;
  border-radius: 100px;
  padding: 10px 20px;
  transition: background-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.activiteiten-overzicht-page .product-zone a.section-link--arrangements-head:hover,
.activiteiten-overzicht-page .product-zone a.section-link--arrangements-head:focus-visible,
.activiteiten-overzicht-page .product-zone a.section-link--arrangements-actions:hover,
.activiteiten-overzicht-page .product-zone a.section-link--arrangements-actions:focus-visible,
body.page-id-2084 .product-zone a.section-link--activities-actions:hover,
body.page-id-2084 .product-zone a.section-link--activities-actions:focus-visible {
  color: #ffffff;
  background: #ff8359;
  transform: translateY(-1px);
}

.activiteiten-overzicht-page .three-icon-box__subtitle {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 300;
}

.activiteiten-overzicht-page .intro {
  margin-bottom: -260px;
  padding: 60px 0 70px;
  z-index: 9;
  background: transparent;
}

.activiteiten-overzicht-page #offerte {
  position: relative;
  z-index: 9;
  background: transparent;
}

.activiteiten-overzicht-page #offerte .intro__copy > .beleef-inline-copy {
  width: 480px;
  max-width: 100% !important;
  margin-bottom: 0;
}

.activiteiten-overzicht-page #offerte .intro__grid {
  margin: calc(var(--be-grid-gutter-y) * -1)
    calc(var(--be-grid-gutter-x) * -0.5) 0;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.activiteiten-overzicht-page #offerte > .be-container {
  width: min(calc(100% - 160px), 1340px);
  padding-inline: 0;
  overflow: hidden;
  border-radius: 25px;
  background: #ffffff;
  box-shadow: 0 0 20px rgb(0 0 0 / 15%);
}

.activiteiten-overzicht-page #offerte .intro__grid > .be-col-12 {
  margin-top: 10px;
  margin-bottom: -25px;
}

.activiteiten-overzicht-page #offerte .intro__title {
  width: 480px;
  max-width: 100% !important;
}

.activiteiten-overzicht-page #offerte .intro__title,
.activiteiten-overzicht-page .faq__title {
  line-height: 1.16;
}

.activiteiten-overzicht-page #offerte .intro__title > em,
.activiteiten-overzicht-page .faq__title > em {
  margin-inline-start: 0 !important;
  line-height: inherit;
  overflow: visible;
}

.activiteiten-overzicht-page #offerte .intro__copy {
  padding-right: 65px;
}

.activiteiten-overzicht-page #offerte .hero__actions {
  margin-top: 25px !important;
}

.activiteiten-overzicht-page {
  background-color: #fff1ec;
  overflow-x: clip;
}

.activiteiten-overzicht-page .beleef-activities-builder,
.activiteiten-overzicht-page .activities-catalogue {
  max-width: 100%;
  overflow-x: clip;
}

.activiteiten-overzicht-page .site-header,
.activiteiten-overzicht-page .hero {
  background-color: #fff1ec;
}

.activiteiten-overzicht-page .hero {
  padding-bottom: 70px;
}

.activiteiten-overzicht-page .activities-hero__price small {
  display: block;
  margin-top: 3px;
  font-size: 0.42em;
  font-weight: 700;
  line-height: 1;
}

.activiteiten-overzicht-page .hero__bullets {
  margin: 22px 0 25px;
  padding: 0;
  list-style: none;
}

.activiteiten-overzicht-page .hero__bullets li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--be-plum);
}

.activiteiten-overzicht-page .hero__bullets img {
  width: 18px;
  height: 18px;
}

.activiteiten-overzicht-page #arrangementen {
  background-color: #ffffff !important;
}

.activiteiten-overzicht-page #onze-activiteiten {
  padding-top: 15px;
  padding-bottom: 40px;
  z-index: 2;
  overflow: visible;
}

.activiteiten-overzicht-page #onze-activiteiten::after {
  transform: translateY(-100px);
}

@media (min-width: 1501px) {
  .activiteiten-overzicht-page #onze-activiteiten::after {
    transform: translateY(-70px);
  }
}

.activiteiten-overzicht-page .h4-activen {
  padding-bottom: 20px;
}

.activiteiten-overzicht-page .h4-activen__filter-button,
.activiteiten-overzicht-page .h4-activen__collapse,
.activiteiten-overzicht-page .h4-activen__pill,
.activiteiten-overzicht-page .h4-activen__chip,
.activiteiten-overzicht-page [data-load-activities] {
  cursor: pointer;
}

.activiteiten-overzicht-page .onze-activiteiten__empty {
  margin: 44px auto 0;
  color: var(--be-plum);
  font-size: 18px;
  text-align: center;
}

/* Keep the preceding section's pale shapes behind this section and its solid panel. */
.activiteiten-overzicht-page .three-icon-box {
  position: relative;
  z-index: auto;
  padding-top: 20px;
  background-color: #ffffff;
}

.activiteiten-overzicht-page .three-icon-box__panel {
  z-index: 3;
}

.activiteiten-overzicht-page .footer-area > .be-container {
  position: relative;
  z-index: 3;
}

.activiteiten-overzicht-page #faq {
  position: relative;
  z-index: 0;
  background-color: #fff1ec;
}

@media (min-width: 1025px) {
  .activiteiten-overzicht-page #offerte .be-container {
    width: min(calc(100% - 160px), 1340px);
  }

  .activiteiten-overzicht-page #offerte .intro__grid {
    --be-grid-gutter-y: 46px;
    min-height: 0;
  }

  .activiteiten-overzicht-page .faq__grid {
    margin-bottom: 120px;
  }

  .activiteiten-overzicht-page #faq {
    padding-top: 340px !important;
    padding-bottom: 120px;
  }

  .activiteiten-overzicht-page .h4-activen {
    padding-top: 80px;
  }

  .activiteiten-overzicht-page .hero__copy {
    transform: translateY(-20px);
  }

  .activiteiten-overzicht-page .hero__title {
    width: calc(100% + clamp(50px, 7vw, 90px));
    max-width: none;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .activiteiten-overzicht-page #faq {
    padding-top: 340px !important;
  }

  .activiteiten-overzicht-page #offerte .intro__grid > .intro__copy {
    padding: 100px 40px 50px 80px;
  }

  .activiteiten-overzicht-page .h4-activen {
    padding-top: 60px;
  }
  .activiteiten-overzicht-page .three-icon-box__title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1;
}
  .activiteiten-overzicht-page .product-zone {
    padding: 40px 0 60px;
}
}

@media (max-width: 767px) {
  .activiteiten-overzicht-page .hero .hero-review {
    position: absolute;
    z-index: 2;
    right: 10px;
    bottom: 10px;
    width: 120px;
  }

  .beleef-activities-overview-page h4.faq__title > em {
    display: block !important;
  }

  .beleef-activities-overview-page .intro .intro__title {
    margin-bottom: 18px;
    font-size: 30px;
  }

  .activiteiten-overzicht-page .intro {
    margin-bottom: -300px;
    padding: 60px 0 60px;
  }

  body.page-id-2084 .product-zone .section-head--activities {
    margin-top: 0;
  }

  body.page-id-2084.activiteiten-overzicht-page .intro {
    padding: 60px 0 0;
  }

  .activiteiten-overzicht-page #offerte > .be-container {
    width: min(calc(100% - 40px), 1340px);
  }

  .activiteiten-overzicht-page #offerte .intro__grid > .intro__copy {
    padding: 70px 65px 30px;
  }

  .activiteiten-overzicht-page #offerte .intro-photo {
    aspect-ratio: 1.12 !important;
  }

  .activiteiten-overzicht-page #faq {
    padding-top: 340px !important;
  }

  .activiteiten-overzicht-page .h4-activen {
    padding-top: 44px;
  }
.activiteiten-overzicht-page .three-icon-box__subtitle {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 300;
}
    .activiteiten-overzicht-page .three-icon-box__panel {
        border-radius: 16px;
        padding: 45px 20px 60px !important;
    }
.activiteiten-overzicht-page .three-icon-box {
    padding-top: 50px;

}
}

/* Reserve room for the footer CTA's responsive upward offset plus a 100px gap. */
.activiteiten-overzicht-page #offerte {
  padding-bottom: 248px;
}

@media (min-width: 1201px) and (max-width: 1500px) {
  .activiteiten-overzicht-page #offerte {
    padding-bottom: 235px;
  }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .activiteiten-overzicht-page #offerte {
    padding-bottom: 215px;
  }
}

@media (min-width: 1025px) {
  .activiteiten-overzicht-page #offerte {
    padding: 90px 0 260px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .activiteiten-overzicht-page #offerte {
    padding-bottom: 240px;
  }
}

@media (max-width: 767px) {
  .activiteiten-overzicht-page #offerte {
    padding-bottom: 220px;
  }
}

/* Example selector pattern:
.activiteiten-overzicht-page .component-name {
  property: value;
}
*/