/*toevoegen grid*/
.container {
    display: grid;
    max-width: 1080px;
    position: relative;
    grid-template-columns: repeat(12, 1fr);
    margin: 0 auto;
    column-gap: 16px;
}
/*end toevoegen grid*/

/*landing*/
/*grid landing*/
.planding {
    grid-column-start: 5;
    grid-column-end: 9;
}
/*end grid landing*/

.planding h2 {
    padding-top: 185px;
    padding-bottom: 25px;
}

.planding img {
    width: 348px;
    height: 492px;
    padding-bottom: 130px;
}
/*end landing*/

/*schets 1*/
/*grid*/
.s1text {
    grid-column-start: 2;
    grid-column-end: 6;
}

.s1img {
    grid-column-start: 7;
    grid-column-end: 13;
}
/*end grid*/

#schets1 {
    background-color: #F3F8FF;
}

.s1text h3 {
    margin-top: 106px;
}

.s1img img {
    width: 530px;
    height: 398px;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
}
/*end schets 1*/

/*ontwerp 1*/
/*grid*/
.o1img1 {
    grid-column-start: 3;
    grid-column-end: 6;
}

.o1img2 {
    grid-column-start: 8;
    grid-column-end: 11;
}
/*end grid*/

.o1img1 img, .o1img2 img {
    width: 257px;
    height: 364px;
    margin-top: 78px;
    margin-bottom: 78px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
}
/*end ontwerp1*/

/*schets 2*/
/*grid*/
.s2img {
    grid-column-start: 1;
    grid-column-end: 7;
}

.s2text {
    grid-column-start: 8;
    grid-column-end: 12;
}
/*end grid*/

#schets2 {
    background-color: #F3F8FF;
}

.s2img img {
    width: 530px;
    height: 398px;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
}

.s2text p {
    margin-top: 85px;
    margin-bottom: 85px;
}
/*end schets 2*/

/*schets 3*/
/*grid*/
.s3text {
    grid-column-start: 2;
    grid-column-end: 6;
}

.s3img {
    grid-column-start: 7;
    grid-column-end: 13;
}
/*end grid*/

.s3text p {
    margin-top: 192px;
    margin-bottom: 192px;
}

.s3img img {
    width: 530px;
    height: 398px;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
}
/*end schets 3*/

/*schets 4*/
/*grid*/
.s4img {
    grid-column-start: 1;
    grid-column-end: 7;
}

.s4text {
    grid-column-start: 8;
    grid-column-end: 12;
}
/*end grid*/

#schets4 {
    background-color: #F3F8FF;
}

.s4img img {
    width: 530px;
    height: 398px;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
}

.s4text p {
    margin-top: 155px;
    margin-bottom: 155px;
}
/*end schets 4*/

/*photo 1*/
/*grid*/
.p1text {
    grid-column-start: 2;
    grid-column-end: 6;
}

.p1img {
    grid-column-start: 7;
    grid-column-end: 13;
}
/*end grid*/

.p1text p {
    margin-top: 141px;
    margin-bottom: 140px;
}

.p1img img {
    width: 539px;
    height: 353px;
    margin-top: 73px;
    margin-bottom: 73px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
}
/*end photo 1*/

/*ontwerp 2*/
/*grid*/
.o2img {
    grid-column-start: 3;
    grid-column-end: 6;
}

.o2text {
    grid-column-start: 8;
    grid-column-end: 13;
}
/*end grid*/

#ontwerp2 {
    background-color: #F3F8FF;
}

.o2img img {
    width: 257px;
    height: 364px;
    margin-top: 68px;
    margin-bottom: 68px;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
}

.o2text p {
    margin-top: 114px;
    margin-bottom: 114px;
}
/*end ontwerp 2*/

/*noimg*/
/*grid*/
#noimg p {
    grid-column-start: 4;
    grid-column-end: 10;
    margin-top: 54px;
    margin-bottom: 53px;
}
/*end grid*/
/*end noimg*/

/*eindontwerp*/
#eindontwerp {
    background-color: #F3F8FF;
}

#eindontwerp h3 {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 25px;
}

#eindontwerp img {
    grid-column-start: 3;
    grid-column-end: 11;
    width: 712px;
    height: 1006px;
    margin-bottom: 111px;
}
/*end eindontwerp*/