/* compiled by scssphp 1.6.0 on Fri, 08 May 2026 14:38:07 +0000 (0.0414s) */

.card.--roadmap {
  --card__grid-column--roadmap: span 12;
  --card__padding--roadmap: 1.5rem 0;
  --card__title-font-size--roadmap: var(--font-size--xl);
  --card__title-font-weight--roadmap: var(--font-weight--regular);
  --card__excerpt__p-margin--roadmap: 0;
  --card__border-radius--roadmap: 0;
  --card__title-margin-block-end--roadmap: 0;
  border: 0 none;
  border-block-end: solid 0.0625rem var(--color-1--border);
  display: grid;
  grid-template-columns: subgrid;
}
@media (min-width: 64rem) {
  .card.--roadmap {
    --card__padding--roadmap: 4rem 0;
  }
}
.card.--roadmap:last-child {
  border-block-end: 0 none;
  padding-block-end: 0;
}
.card.--roadmap:first-child {
  padding-block-start: 0;
}
.card.--roadmap .card__link {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  gap: 0.5rem;
}
@media (min-width: 64rem) {
  .card.--roadmap .card__link {
    gap: 1.5rem;
  }
}
.card.--roadmap .card__title {
  grid-column: 1/-1;
  grid-row: 1;
}
@media (min-width: 64rem) {
  .card.--roadmap .card__title {
    grid-column: 1/5;
    grid-row: 1/-1;
  }
}
.card.--roadmap .card__title p {
  margin-block-end: 0;
  line-height: 1.5;
}
.card.--roadmap .card__excerpt {
  grid-column: 1/-1;
  grid-row: 2;
}
@media (min-width: 64rem) {
  .card.--roadmap .card__excerpt {
    grid-column: -8/-1;
    grid-row: 1;
  }
}
.card.--roadmap .card__excerpt p {
  margin-block-end: var(--margin-medium);
}
.card.--roadmap .card__excerpt :last-child {
  margin-block-end: 0;
}
.card.--roadmap .card__buttons {
  grid-column: 1/-1;
  grid-row: 3;
  margin-block-start: 1rem;
  flex-wrap: wrap;
}
@media (min-width: 64rem) {
  .card.--roadmap .card__buttons {
    grid-column: -8/-1;
    grid-row: 2;
    margin-block-start: 0;
  }
}
.roadmap {
  background-color: var(--color-white);
  color: var(--color-text);
  margin-block: 1.5rem;
  padding-block: 3rem;
}
@media (min-width: 64rem) {
  .roadmap {
    margin-block: 3rem;
    padding-block: 6rem;
  }
}
@media (min-width: 96rem) {
  .roadmap {
    border-radius: var(--border-radius-small);
    margin-inline: var(--margin-medium);
  }
}
.roadmap__grid {
  padding-block-start: 0;
  gap: 0;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Ftrapverbouwing%2Fdomains%2Ftrapverbouwing.nl%2Fpublic_html%2Fwp-content%2Fthemes%2Ftrapverbouwing%2Fsass%2Fsections%2F..%2Fcards%2Fcard-roadmap.scss%22%2C%22home%2Ftrapverbouwing%2Fdomains%2Ftrapverbouwing.nl%2Fpublic_html%2Fwp-content%2Fthemes%2Ftrapverbouwing%2Fsass%2Fsections%2Froadmap.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKD%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAMD%3BAAAA%3BAAAA%3BAAAA%3BAAIC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAKD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC3EH%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%22%7D */