.link{
    color: lightskyblue; 
    text-decoration: underline;
}
@media screen and (min-width: 1024px) {
  .about {
    padding: 0 18vw 0 18vw;
  }
  .gap {
    column-gap: 5rem;
  }
  .name {
    text-align: left;
    grid-column: 2;
    grid-row: 1;
  }
  .name-reverse {
    grid-column: 1;
    grid-row: 1;
  }
  .sk {
    text-align: left;
    grid-column: 2;
    grid-row: 1;
  }
  .sk-reverse {
    grid-column: 1;
    grid-row: 1;
  }
}

@media screen and (min-width: 1400px) {
  .gap {
    column-gap: 6rem;
  }
}
.section-over-ons {
    padding-top:  6rem;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 48px;

    height: 100%;
  }

.height-width-full{
    height: 100%;
    width: 100%;
    padding: 10px;
}
.text-sponsors{
    width: 70%;
    font-size: 16px;
    margin: auto;
}
  
  body {
    position: relative;

  }
  #map-lidkaart{
    width: 100%; height: 600px; 
  }
 
  div.sticky {
  position: -webkit-sticky;
  position: sticky;
}
.barre{
    top: 8%;

    width: 5px;  
    position: absolute;
    background-color:var(--border-color-before);
    left:7%;
    bottom: 250px;
}
.balleke{
    border: 1px solid var(--border-color-before);
    border-radius: 50px;
    background-color: red;
    position: absolute;
    height: 4vh; 
    width: 4vh;
    top: 22%;
    z-index: 10;
}
.balleke2{
    border: 1px solid var(--border-color-before);
    border-radius: 50px;
    background-color: white; 
    position: absolute;
    height: 4vh; 
    width: 4vh;
    top: 580px;
    z-index: 9;
}



  .grid-sponsors {
    display: grid;
    justify-items: center;
    align-items: center;
    grid-template-columns: auto;
    grid-template-rows: repeat(14, auto);
  }
  
  .img-sponsor {
    text-align: center;
    width: 100%;
  }
.images-founder{
    text-align: center;
}

.img-founder{
    padding-top: 16px;
}
.img-lidkaart{
    border-radius: 10px;
    margin-top: 16px;
    margin-bottom: 40px;
    width: 65% !important;
    
}
.img-name{
    padding-top: 16px;
    width: 80%;
}

.images-name{
    text-align: center;
}

.images-schild {
    text-align: center;
}

.img-schild{
    padding-top: 16px;
    width: 40%;
}

.images-sk {
    text-align: center;
}

.img-sk{
    padding-top: 16px;
    padding-bottom: 16px;
    width: 40%;
}

.grid-item{
    padding: 2rem 0 2rem 0;
}
.over-ons-items{
    margin: 0 0 0 15vw;
}
.lidkaart-items{
    margin: 0vw;
}
.content-activiteiten{
    width: 85%;
}






@media screen and (min-width: 768px) {
    .img-name{
        width: 50%;
    }

    .img-schild{
        width: 20%;
    }

    .img-sk{
        width: 20%;
    }
    .grid-sponsors {
        grid-template-columns: auto auto;
        grid-template-rows: repeat(7, auto);
      }
      
      .text-lidkaart{
        font-size: 16px;
    }
    .lidkaart-div{
        justify-content: flex-end !important;
    }

    .img-lidkaart{
        width: 100%;
    }
    
    .grid-item-lidkaart{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 5rem;
        align-items: center;
    }
    .over-ons-items{
        margin: 0 15vw 0 15vw;
    }
    .lidkaart-items{
        margin: 0 15vw 0 15vw;
    }
}

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

    .grid-item{
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 10rem;
        align-items: center;
    }
    
    

    .grid-item-naam{
        text-align: left;
        grid-column: 2;
        grid-row: 1;
    }
    
    .grid-item-naam-images{
        grid-column: 1;
        grid-row: 1;
    }

    .grid-item-sk{
        text-align: left;
        grid-column: 2;
        grid-row: 1;
    }

    .grid-item-sk-images{
        grid-column: 1;
        grid-row: 1;
    }

    .img-founder{
        width:50%;
    }
   
    .img-name{
        width: 80%;
    }

    .img-sk{
        width: 60%;
    }

    .img-schild{
        width: 50%;
    }
    .grid-sponsors {
        grid-template-columns: repeat(4, auto);
        grid-template-rows: repeat(4, auto);
      }
      

      .barre{
        left: 50%;
    }
    .content-activiteiten{
        width: 100%;
    }

     
}

@media screen and (min-width: 1440px) {
    .grid-item{
        display: grid;
        grid-template-columns: 1fr 1fr;

        align-items: center;
    }
    
    .grid-item-lidkaart{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        align-items: center;
    }

    .img-founder{
        width:45%;
    }
  

    .img-name{
        width: 60%;
    }

    .img-sk{
        width: 50%;
    }

    .img-schild{
        width: 40%;
    }    

   
}