/*
 * Dedicated page styles for BE-activiteiten.html.
 * Keep every selector under .be-activiteiten-page so changes in this file
 * remain isolated from global styles and all other pages.
 */

.be-activiteiten-page {
  background-color: #fff1ec;
}


/* Preserve each section's designed background while its inner content animates. */
.js .be-activiteiten-page [data-be-animation]:not(.is-visible) {
  opacity: 1;
  transform: none;
  will-change: auto;
}
.be-activiteiten-page .site-header,
.be-activiteiten-page .hero {
  background-color: #fff1ec;
}

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

.be-activiteiten-page .hero-activity {
  color: #4c1b3c;
}

.be-activiteiten-page .hero-activity__title {
  margin: 0;
  font-size: clamp(52px, 4.25vw, 68px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0;
}

.be-activiteiten-page .hero-activity__title span,
.be-activiteiten-page .hero-activity__title strong {
  display: block;
}

.be-activiteiten-page .hero-activity__title span {
  color: #fb8b5b;
  background: linear-gradient(90deg, #fb8b5b 0%, #f84c4c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.be-activiteiten-page .hero-activity__title strong {
  color: #4c1b3c;
  font-weight: 700;
  white-space: nowrap;
}

.be-activiteiten-page .hero-activity__intro {
  margin: 20px 0 17px;
  font-size: 18px;
  line-height: 1.42;
}

.be-activiteiten-page .hero-activity__facts {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 17px 25px;
  margin: 0;
  padding: 17px 0 20px;
  color: #4c1b3c;
  border-top: 1px solid #dee0e2;
  border-bottom: 1px solid #dee0e2;
  list-style: none;
}

.be-activiteiten-page .hero-activity__facts li {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 12px;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.25;
}

.be-activiteiten-page .hero-activity__facts li > span {
  font-weight: 300;
}

.be-activiteiten-page .hero-activity__facts img {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  object-fit: contain;
}

.be-activiteiten-page .hero-activity__facts strong {
  font-weight: 700;
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .be-activiteiten-page .hero-activity__facts {
    grid-template-columns: minmax(0, 44fr) minmax(0, 56fr);
    column-gap: 14px;
  }

  .be-activiteiten-page .hero-activity__facts li {
    align-items: flex-start;
    gap: 8px;
    white-space: normal;
  }

  .be-activiteiten-page .hero-activity__facts li > span {
    min-width: 0;
    overflow-wrap: break-word;
  }
}

.be-activiteiten-page .hero-activity__actions {
  display: flex;
  gap: 16px;
  margin-top: 41px;
}

.be-activiteiten-page .hero-activity__actions .be-button {
  flex: 1 1 0;
  min-width: 0;
  height: 44px;
  min-height: 44px;
  padding-block: 0;
  padding-inline: 15px;
  white-space: nowrap;
  font-weight: 700;
}

a.be-button.be-button--plum:hover {
  background: #ff965e !important;
}

.product-zone .product-card h3,
.product-zone .activity-card h3 {
  font-size: 20px;
}

.eigen-icon-box__subtitle,
.reviews__head p {
  font-size: 18px;
  line-height: 1.4;
}

.reviews__head .be-heading span {
  background: linear-gradient(90deg, #ff965e 0%, #ff5b62 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* Activity hero badge: price is the default, with an optional uploaded logo. */
.be-activiteiten-page .hero .hero-review.hero-price {
  width: 170px;
  aspect-ratio: 399 / 358;
  padding: 26px 18px 22px;
  border: 0;
  border-radius: 0;
  background: url("../assets/hero-assets/pubquiz-price-shape.svg") center / 100% 100% no-repeat;
  box-shadow: none;
  -webkit-mask-image: none;
  mask-image: none;
}

.be-activiteiten-page .hero .hero-review.hero-logo {
  width: 230px;
  aspect-ratio: auto;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-mask-image: none;
  mask-image: none;
}

.be-activiteiten-page .hero .hero-review.hero-logo::before,
.be-activiteiten-page .hero .hero-review.hero-logo::after {
  display: none;
}

.be-activiteiten-page .hero .hero-logo img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 230px;
  object-fit: contain;
}

.be-activiteiten-page .hero .hero-price__label {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0;
  text-transform: lowercase;
}

.be-activiteiten-page .hero .hero-review span:first-child {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.3px;
}

.be-activiteiten-page .hero .hero-price small {
  margin-top: 2px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
}

.be-activiteiten-page .hero .hero-price strong {
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: 100%;
  margin-top: 1px;
  color: #fff;
  font-weight: 900;
  line-height: 0.9;
  white-space: nowrap;
}

.be-activiteiten-page .hero .hero-price .hero-price__amount {
  font-size: 35px !important;
  font-weight: 700 !important;
  line-height: 1;
  letter-spacing: 0;
}

.be-activiteiten-page .hero .hero-price strong em {
  margin-left: 2px;
  color: #fff;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
}

@media (max-width: 767px) {
  .be-activiteiten-page .hero .hero-review.hero-logo {
    width: 170px;
  }

  .be-activiteiten-page .hero .hero-logo img {
    max-height: 170px;
  }

  .be-activiteiten-page .hero .hero-review.hero-price {
    width: 130px;
    padding: 18px 13px 16px;
  }

  .be-activiteiten-page .hero .hero-price__label {
    font-size: 12px;
  }

  .be-activiteiten-page .hero .hero-price small {
    font-size: 13px;
  }

  .be-activiteiten-page .hero .hero-price .hero-price__amount {
    font-size: 28px !important;
  }

  .be-activiteiten-page .hero .hero-price strong em {
    font-size: 9px;
  }
}

.be-activiteiten-page #arrangementen {
  background-color: #fff1ec !important;
  padding-top: 110px !important;
  padding-bottom: 120px !important;
}

.be-activiteiten-page .de-pub {
  padding-top: 100px !important;
  padding-bottom: 120px !important;
}

.be-activiteiten-page .be-how-pubquiz {
  padding-top: 125px !important;
  padding-bottom: 125px !important;
}

@media (max-width: 1200px) {
  .be-activiteiten-page .be-how-pubquiz {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
  }
}

@media (max-width: 767px) {
  .be-activiteiten-page .be-how-pubquiz {
    padding-top: 62px !important;
    padding-bottom: 70px !important;
  }
}

.be-activiteiten-page #arrangementen + .eigen-icon-box {
  position: relative;
  z-index: 2;
  margin-top: -60px;
  padding-bottom: 0;
  background: linear-gradient(to bottom, transparent 0 40%, #fff 40% 100%);
}

/* Static arrangement grid: this page does not use the arrangement carousel. */
.be-activiteiten-page .product-zone .card-row--arrangements {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-columns: auto;
  width: 100% !important;
  margin-left: 0;
  padding: 0 0 32px;
  overflow: visible;
  gap: 22px;
  scroll-snap-type: none;
  touch-action: auto;
}

.be-activiteiten-page .product-zone .card-row--arrangements .product-card:nth-child(n + 5) {
  display: none;
}

.be-activiteiten-page .product-zone .carousel-actions--arrangements {
  display: none !important;
}

.be-activiteiten-page .product-zone .section-link--arrangements-head {
  display: none !important;
}

body.postid-845 .product-zone a.section-link--arrangements-head,
body.postid-845 .product-zone a.section-link--arrangements-actions {
  color: #fff;
  background: #963a75;
  text-decoration: none;
  border-radius: 100px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 300;
  line-height: normal;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  transition: background-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

body.postid-845 .product-zone a.section-link--arrangements-head {
  display: inline-flex !important;
}

body.postid-845 .product-zone a.section-link--arrangements-head:hover,
body.postid-845 .product-zone a.section-link--arrangements-head:focus-visible,
body.postid-845 .product-zone a.section-link--arrangements-actions:hover,
body.postid-845 .product-zone a.section-link--arrangements-actions:focus-visible {
  color: #ffffff;
  background: #ff965e;
  transform: translateY(-1px);
}

@media (max-width: 1024px) {
  body.postid-845 .product-zone a.section-link--arrangements-head {
    display: none !important;
  }

  body.postid-845 .product-zone .carousel-actions--arrangements {
    display: flex !important;
  }
}
body.single-beleef_activity .product-zone a.section-link--activities-head,
body.single-beleef_activity .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;
}

body.single-beleef_activity .product-zone a.section-link--activities-head:hover,
body.single-beleef_activity .product-zone a.section-link--activities-head:focus-visible,
body.single-beleef_activity .product-zone a.section-link--activities-actions:hover,
body.single-beleef_activity .product-zone a.section-link--activities-actions:focus-visible {
  color: #ffffff;
  background: #ff8359;
  transform: translateY(-1px);
}


.be-activiteiten-page .product-zone .product-card p {
  margin: 9px 0 12px;
  color: var(--be-muted);
  font-size: 14px;
  line-height: 1.45;
}

.be-activiteiten-page .product-zone .card-row--arrangements .product-card .be-button {
  background-color: #f84b4c;
  border-color: #f84b4c;
}

.be-activiteiten-page .product-zone .card-row--arrangements .product-card__meta {
  color: #8f2c4b;
  font-size: 14px;
}

body.postid-625 .product-zone .card-row--arrangements .product-card__meta {
  font-size: 14px;
}

.be-activiteiten-page .product-zone .product-card__meta {
  margin-top: 12px;
}

@media (min-width: 1201px) and (max-width: 1280px) {
  .be-activiteiten-page .product-zone .product-card__body {
    padding-right: 20px;
    padding-left: 20px;
  }

  .be-activiteiten-page .product-zone .product-card__meta {
    white-space: nowrap;
  }
}

.be-activiteiten-page span.be-button.be-button--coral {
  margin-top: 10px;
}

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

.be-activiteiten-page #onze-activiteiten .onze-activiteiten__head {
  display: none;
}

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

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

.be-activiteiten-page .h4-activen {
  padding-bottom: 50px;
}

.be-activiteiten-page .three-icon-box {
  position: relative;
  z-index: 1;
  padding-top: 20px;
  background-color: #ffffff;
}

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

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

.be-activiteiten-page .faq__title {
  line-height: 1.16;
}

.be-activiteiten-page .faq__title > em {
  margin-inline-start: 0 !important;
  line-height: inherit;
  overflow: visible;
}

@media (max-width: 767px) {
  .be-activiteiten-page .faq__title > em {
    display: block !important;
  }
}

@media (min-width: 1025px) {
  .be-activiteiten-page .be-how-pubquiz__title {
    max-width: 95% !important;
  }

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

  .be-activiteiten-page #faq {
    padding-top: 250px;
    padding-bottom: 120px;
  }

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

  .be-activiteiten-page .h4-activen__title {
    font-size: 44px;
  }

  .be-activiteiten-page .three-icon-box__title {
    font-size: 44px;
  }

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

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

@media (min-width: 768px) and (max-width: 1024px) {
  .be-activiteiten-page .product-zone .card-row--arrangements {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .be-activiteiten-page .product-zone .card-row--arrangements .product-card__meta {
    display: flex;
    width: fit-content;
  }

  .be-activiteiten-page #faq {
    padding-top: 280px !important;
  }

  .be-activiteiten-page .h4-activen {
    padding-top: 60px;
  }

  .be-activiteiten-page .h4-activen__title {
    font-size: 36px;
  }

  .be-activiteiten-page .three-icon-box__title {
    font-size: 36px;
  }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .be-activiteiten-page .product-zone .card-row--arrangements {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .be-activiteiten-page #arrangementen {
    padding-bottom: 80px !important;
  }

  .be-activiteiten-page #arrangementen + .eigen-icon-box {
    margin-top: -40px;
  }

  .be-activiteiten-page .product-zone .card-row--arrangements {
    grid-template-columns: minmax(0, 1fr);
  }

  .be-activiteiten-page .product-zone .card-row--arrangements .product-card__meta {
    display: flex;
    width: fit-content;
  }

  .be-activiteiten-page .hero-activity__title {
    font-size: clamp(43px, 13vw, 58px);
  }

  .be-activiteiten-page .hero-activity__title strong {
    white-space: normal;
  }

  .be-activiteiten-page .hero-activity__intro {
    font-size: 17px;
  }

  .be-activiteiten-page .hero-activity__facts {
    grid-template-columns: minmax(0, 1fr);
  }

  .be-activiteiten-page .hero-activity__actions {
    flex-direction: column;
  }

  .be-activiteiten-page .intro {
    padding-top: 50px;
  }

  .be-activiteiten-page .h4-activen {
    padding-top: 44px;
  }

  .be-activiteiten-page .h4-activen__title {
    font-size: 32px;
  }

  .be-activiteiten-page .three-icon-box__title {
    font-size: 32px;
  }

  .be-activiteiten-page .onze-activiteiten__grid {
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
  }

  .be-activiteiten-page .onze-activiteiten__card {
    width: 100%;
  }
}

/* Responsive heading scale based on the home page typography. */
.be-activiteiten-page h1 {
  font-size: 55px !important;
}

@media (max-width: 1200px) {
  .be-activiteiten-page .product-zone .product-card__body {
    min-width: 0;
    padding: 42px 20px 33px;
  }

  .be-activiteiten-page h1 {
    font-size: 42px !important;
  }

}

@media (max-width: 1024px) {
  .be-activiteiten-page h1 {
    font-size: 50px !important;
  }

  .be-activiteiten-page h2 {
    font-size: 18px !important;
  }
}

@media (max-width: 820px) {
  .be-activiteiten-page h1 {
    font-size: 44px !important;
  }

  .be-activiteiten-page h2 {
    font-size: 18px !important;
  }
}

@media (max-width: 640px) {
  .be-activiteiten-page h1 {
    font-size: 38px !important;
  }

  .be-activiteiten-page h2 {
    font-size: 33px !important;
  }
}

@media (max-width: 767px) {
  .be-activiteiten-page .hero {
    padding-top: 80px;
  }

  .be-activiteiten-page .be-col-12.be-col-lg-5.hero__copy {
    margin: 0;
  }

  .be-activiteiten-page h2 {
    font-size: 16px !important;
  }
}

@media (max-width: 480px) {
  .be-activiteiten-page h1 {
    font-size: 34px !important;
  }
}

/* Tablet-only section spacing refinements. */
@media (min-width: 768px) and (max-width: 1024px) {
  .be-activiteiten-page .de-pub__layout {
    gap: 60px;
  }

  .be-activiteiten-page .de-pub {
    padding-bottom: 70px !important;
  }

  .be-activiteiten-page #arrangementen {
    padding-top: 70px !important;
  }

  .be-activiteiten-page .be-how-pubquiz {
    padding-bottom: 70px !important;
  }

  .be-activiteiten-page .location-variants {
    padding-bottom: 30px;
  }

  .be-activiteiten-page #faq {
    padding-top: 40px !important;
    padding-bottom: 100px !important;
  }
}

/* Custom size for the practical-information card heading only. */
.be-activiteiten-page .de-pub__info > h2 {
  font-size: 30px !important;
}

@media (max-width: 767px) {
  .be-activiteiten-page .de-pub__info > h2 {
    font-size: 26px !important;
  }
}

/* Add all future page-specific overrides using this pattern:
.be-activiteiten-page .component-name {
  property: value;
}
*/

/* WordPress implementation safeguards. */
.be-activiteiten-page {
  overflow-x: clip;
}

.be-activiteiten-page main {
  overflow-x: clip;
}

.be-activiteiten-page .hero-activity__intro p,
.be-activiteiten-page .eigen-icon-box__subtitle p,
.be-activiteiten-page .be-how-pubquiz__intro p,
.be-activiteiten-page .location-variants__head p {
  margin: 0;
}

.be-activiteiten-page .hero-activity__intro p {
  font-size: inherit;
  line-height: inherit;
}

.be-activiteiten-page .product-zone--activities {
  background-color: #fff1ec;
}

.be-activiteiten-page .reviews {
  background: #fff;
}

/* FAQ spacing and background for this page only. */
.be-activiteiten-page #faq {
  padding-top: 70px !important;
  padding-bottom: 20px !important;
  background-color: #fff !important;
}

.be-activiteiten-page .product-zone--activities {
  padding-bottom: 220px !important;
}

.be-activiteiten-page .product-zone--activities .section-head--activities {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .be-activiteiten-page #faq {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .be-activiteiten-page .product-zone--activities {
    padding-bottom: 210px !important;
  }

  .be-activiteiten-page .product-zone--activities .section-head--activities {
    margin-top: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .be-activiteiten-page #faq {
    padding-bottom: 100px !important;
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .be-activiteiten-page .de-pub {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .be-activiteiten-page #arrangementen {
    padding-top: 70px !important;
  }

  .be-activiteiten-page .reviews {
    padding-bottom: 40px !important;
  }

  .be-activiteiten-page .location-variants {
    padding-top: 32px !important;
  }

  .be-activiteiten-page #faq {
    padding-bottom: 90px !important;
    margin-bottom: 20px;
  }

  .reviews__head p {
    font-size: 16px;
    line-height: 1.4;
  }
}

/* Match the responsive product section-heading scale. */
.be-activiteiten-page #de-pub-title {
  width: 600px;
  max-width: 100%;
  font-size: 44px !important;
  line-height: 1.1;
  letter-spacing: 0;
}

body.postid-1017.be-activiteiten-page #de-pub-title {
  line-height: 1.27;
}

.be-heading em,
.be-accent {
  font-style: normal;
  background: linear-gradient(90deg, #ff965e 0%, #ff5b62 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

.reviews__head .be-heading em {
  color: #4a1c37 !important;
  -webkit-text-fill-color: #4a1c37;
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .be-activiteiten-page #de-pub-title {
    font-size: 38px !important;
  }
}

@media (max-width: 1024px) {
  .be-activiteiten-page #de-pub-title {
    font-size: 36px !important;
  }
}

@media (max-width: 640px) {
  .be-activiteiten-page #de-pub-title {
    font-size: 32px !important;
  }
}

.be-activiteiten-page .be-how-pubquiz__title {
  max-width: 100%;
  margin: 0;
  color: var(--be-how-plum);
  font-size: 44px;
  font-weight: 700;
  line-height: 1.1;
}

@media (max-width: 1024px) {
  .be-activiteiten-page .be-how-pubquiz__title {
    font-size: 38px;
    line-height: 1.1;
  }
}

@media (max-width: 767px) {
  .be-activiteiten-page .be-how-pubquiz__title {
    font-size: 32px;
    line-height: 1.1;
  }
}

@media (max-width: 640px) {
  .be-activiteiten-page .product-zone {
    padding-top: 30px;
  }
}

.be-activiteiten-page .eigen-icon-box__title {
  margin: 0;
  color: var(--be-white);
  font-size: clamp(34px, 3vw, 44px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0;
}

.be-activiteiten-page .eigen-icon-box__bg-shape {
  position: absolute;
  top: 45px;
  bottom: 0;
  left: 540px;
  z-index: 0;
  width: calc(90% + 150px);
  height: 196%;
  max-width: none;
  object-fit: fill;
  object-position: center;
  opacity: 1;
  pointer-events: none;
  user-select: none;
}

@media (max-width: 1500px) and (min-width: 1201px) {
  .be-activiteiten-page .eigen-icon-box__bg-shape {
    top: 20px;
    left: 475px;
  }
}

@media (max-width: 1200px) and (min-width: 1025px) {
  .be-activiteiten-page .eigen-icon-box__bg-shape {
    top: -35px;
    left: 390px;
  }
}

@media (max-width: 1024px) {
  .be-activiteiten-page .de-pub__feature:last-child .de-pub__feature-icon img {
    width: 32px;
    transform: translateX(3px);
  }
}

/* The approved design includes the partner strip below the review cards. If
   no individual logo rows are configured, show the supplied combined strip
   without changing the review markup or data. */
.be-activiteiten-page .reviews__panel:not(:has(.reviews__logos-carousel))::after {
  content: "";
  position: relative;
  inset: auto;
  right: auto;
  bottom: auto;
  z-index: 1;
  display: block;
  width: 100%;
  height: 128px;
  margin-top: 28px;
  border-top: 1px solid var(--reviews-panel-line, rgba(91, 29, 66, 0.14));
  background: url("../assets/reviews-panel/partner-logo-strip.webp") center bottom / min(100%, 960px) auto no-repeat;
  opacity: 1;
  transform: none;
}

/* Restore the pale zigzag shown beside the FAQ copy on the desktop design. */
.be-activiteiten-page #faq {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.be-activiteiten-page #faq::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 285px;
  left: max(80px, calc((100% - 1300px) / 2));
  width: 280px;
  aspect-ratio: 919 / 440;
  background: url("../assets/shapes/zigzag-mint.svg") center / contain no-repeat;
  pointer-events: none;
}

.be-activiteiten-page #faq > .be-container {
  position: relative;
  z-index: 1;
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .be-activiteiten-page #faq::before {
    left: 60px;
    width: 260px;
  }
}

@media (max-width: 1024px) {
  .be-activiteiten-page #faq::before {
    display: none;
  }
}

@media (max-width: 640px) {
  .be-activiteiten-page .reviews__panel:not(:has(.reviews__logos-carousel))::after {
    height: 82px;
    margin-top: 24px;
  }
}

@media (max-width: 767px) {
  .be-activiteiten-page .footer-area .cta-banner h2 {
    font-size: 32px !important;
  }

  .be-activiteiten-page .product-zone .activity-card__body {
    min-width: 0;
    padding: 25px 20px 20px;
  }
}

@media (max-width: 640px) {
  .be-activiteiten-page .product-zone .card-row--activities {
    grid-auto-columns: minmax(275px, 72vw);
  }
}