.sectie2.animatie{
    padding: 0px;
}

.snap-container{
    scroll-snap-type: y mandatory;
    max-height: 100vh;
	overflow-y: scroll;
    position: relative; /* Belangrijk voor AOS-werking */
}

.section-animatie {
height: 100vh;
padding: 0px;

position: relative;
background-color: var(--beige);
}


.snap{
    scroll-snap-align: start;
    padding-top: 1px; 
    position: relative; /* Belangrijk voor AOS-werking */
}


.section-animatie .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-content: center;

    height: 100%;
    }

.animatie-text{
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 1.4rem;
}
.animatie-text h2{
    font-size: 2rem;
}
.animatie-afbeelding{
    display: flex;
    align-items: center;
    justify-content: center;
}
.section3{ 
    padding-top: 150px;
    padding-bottom: 150px;
}
.section4{ 
    padding-top: 150px;
    padding-bottom: 150px;
}

.section6{ 
    padding-top: 50px;
    padding-bottom: 100px;
}



/* Nieuw element voor de overlappende zone */

  /* -------------------- mediaquerries --------------------*/
@media (max-width: 800px){
    .snap-container{
        scroll-snap-type: y none;
    }
    .section-animatie .container {
        grid-template-columns: 1fr;
        padding-bottom: 100px;
        }

        .animatie-text{
            max-width: 90%;
            margin-left: 5%;
            text-align: center;
            font-size: 1.2rem;
        }
        .animatie-text h2{
            font-size: 1.8rem;
        }
        .animatie-afbeelding {
            padding-bottom: 2rem;
        }
        .animatie-afbeelding video{
            width:150px;
            min-width: 130px;
        }
        .animatie-afbeelding img{
            width: 150px;
            min-width: 130px;
        }
        .section6{
            padding-top: 0px;
        }

        .section4{
            padding-top: 0px;
        }
}
@media screen and (max-height:786px) and (orientation: landscape) {
        .animatie-afbeelding video{
            width: 100px;
            min-width: 130px;
        }
        .animatie-afbeelding img{
            width: 100px;
            min-width: 130px;
        }
  }