body {
  background-color: rgb(153, 227, 252);
  padding-left: 20px;
  font-size: 2rem;
}
h1 {
  color: navy;
  padding-top: 30px;
  font-size: 5rem;
}

.container {
  display: flex;
  grid-auto-flow: row;
  grid-template-columns: auto auto;
  column-gap: 200px;
}

.imageLogo::after {
  content: "";
  clear: both;
  display: table;
}

.mainTitle {
  text-align: left;
  padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 50px;
  padding-left: 50px;
}

/* bijgevoegd */
.img1 {
  float: right;
  padding-right: 20px;
}

.img1::after {
  content: "";
  clear: both;
  display: table;
}
/* einde bijvoeging */


/* 
.imageLogo {
  padding-top: 30px;
  min-width: 30px;
  max-width: 10vw;
  max-height: 10vw;
  object-fit: contain;
  float: right;
}
*/

ul {
  padding-left: 20px;
  text-indent: 10px;
  list-style-position: inside;
}

img {
  max-width: 80%;
  max-height: 80%;
  object-fit: contain;
}


.imageKaartje {
  max-width: 50%;
  max-height: 50%;
  object-fit: contain;
  float: right
}


.centralPhoto {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
  border-radius: 10px;
}