/* --------------------- Sectie 1 --------------------- */

/* --------------------- Sectie 2 lijst--------------------- */
.section.oplijsting.margin .container {
  display: grid;
  grid-template-columns: 20% calc(80% - 100px);
  gap: 100px;
}

.section.oplijsting.margin .tekst-titel h2{
  position: sticky; 
    top: 100px;
}

.section.oplijsting.margin .intro {
  margin-bottom: 50px;
}

.section.oplijsting.margin .number {

    font-weight: 400;
}

.section.oplijsting.margin .tekst-content.oplijsting {
  display: grid;
  grid-template-columns: 50px 1fr;
  gap: 50px;

  border-top: 1px solid black;
  padding: 50px 0;
}

.section.oplijsting.margin .tekst-content.oplijsting strong{
  font-weight: 700;
}

/* --------------------- Sectie 3 --------------------- */
.section.titel-tekst-cta.margin{
    background-color: var(--bg2);
    padding: 150px 0px 0px 0px;
    margin-bottom: 0px;
}

.section.titel-tekst-cta.margin p{
    font-size: 2em;
}


/* --------------------- Sectie 3 calendly --------------------- */
.section.calendly.margin{
    background-color: var(--bg2);
    padding: 0px 0px 100px 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

/* --------------------- CTA --------------------- */
.section.cta.margin{
    margin-top: 0px;
}


/* --------------------- Mediaquerries --------------------- */


@media screen and (min-width: 1024px) {

}

/* Tablet */
@media screen and (max-width: 1023px) {
.section.oplijsting.margin .container {
  display: grid;
  grid-template-columns:1fr;
  gap: 100px;
}
.section.oplijsting.margin .tekst-content.oplijsting {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 20px;
}

.section.oplijsting.margin .tekst-titel{
  display: none;
}
}

/* Mobile */
@media screen and (max-width: 767px) {

}