@font-face {
  font-family: "poppinsMedium";
  src: url("./fonts/Poppins-Light.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "poppinsMediumItalic";
  src: url("./fonts/Poppins-LightItalic.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "poppinsRegular";
  src: url("./fonts/Poppins-Regular.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "poppinsSemibold";
  src: url("./fonts/Poppins-SemiBold.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "newyork";
  src: url("./fonts/NewYork.ttf.woff") format("woff");
  font-display: swap;
}








body {
  background-color: #f8f5f2;
  margin: 0px;
}

body::-webkit-scrollbar {
  display: none; /* For Chrome, Safari, and Edge */
}

.navi {
  list-style: none;
  display: flex;
}

.navi a {
  text-decoration: none;
  padding: 8px 16px; /* Spacing between links */
}

.firstLine {
  background-color: #2c3e50;
  width: 106px;
  height: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.firstLi {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lastLi {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lastLine {
  background-color: #2c3e50;
  width: 106px;
  height: 1px;
}


.smallNav {
  display: none;
}


/* Active link style (similar to contactBtn) */
.navi a,
.smallNavi a {
  border: 1px solid transparent; /* Transparent border to maintain space */
  padding: 8px 16px; /* Same padding as the active state */
  border-radius: 20px; /* Consistent border radius */
  color: #2c3e50;
  text-decoration: none;
  transition: border-color 0.3s ease, color 0.3s ease; /* Smooth transition */
}

.navi a.active,
.smallNavi a.active {
  border-color: #2c3e50; /* Make the border visible for the active state */
  color: #2c3e50;
  padding: 8px 16px; /* Spacing between links */
}

@media (max-width: 560px) {

  /* body {
    background-color: red;
  } */


  .boxListFooter {
    margin: 0px;
  }

  footer a {
    font-size: 14px;
    /* padding-left: 4px;
    padding-right: 4px; */
  }

  .boxListFooter ul {
    margin-left: 0px;
    margin-right: 0px;
  }

  .firstLineFooter {
    background-color: #f8f5f2;
    width: 90px;
    height: 0.25px;
  }

  .secondLineFooter {
    background-color: #f8f5f2;
    width: 90px;
    height: 0.25px;
  }

  footer {
    padding-top: 36px;
    padding-bottom: 24px;
    padding-left: 32px;
    padding-right: 36px;
    background-color: #2c3e50;
  }

  footer p {
    margin: 0px;
    font-family: "poppinsMedium";
    color: #f8f5f2;
  }

  footer ul {
    list-style: none;
    padding: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: 28px;
    margin-right: 28px;
    margin-top: 48px;
    margin-bottom: 48px;
  }

  footer a {
    text-decoration: none;
    color: #f8f5f2;
    font-family: "poppinsSemibold";
  }

  .firstLineFooter,
    .secondLineFooter {
        background-color: #f8f5f2;
        flex-grow: 1; 
        height: 0.25px;
    }

    .firstLineFooter {
        margin-right: 28px; /
    }

    .secondLineFooter {
        margin-left: 28px; 
    }



  .imgHome {
    display: flex;
    justify-content: center;
    margin-top: 12px;
    margin-bottom: 56px;
  }

  .imgHome img {
    width: 86%;
    height: auto;
  }



  .background img {
    content: url("./images/backgroundHome2.svg");
    width: 100%;
    height: auto;
  }



  .logoSmallNav {
    position: relative;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .logoSmallNav img {
    width: 160px;
    height: auto;
  }

  .smallNavi {
    display: none;
    color: #2c3e50;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #f8f5f2;
    position: absolute;
    top: 11%;
    left: 0;
    right: 0;
    z-index: 1000;
    border-bottom: #2c3e50 1px solid;
    font-family: "poppinsMedium";
  }
  
  .textFoto {
    position: absolute;
    top: 12%;
    left: 75%;
    transform: translateX(-50%);
  }

  .textOmgeving {
    position: absolute;
    top: 12%;
    left: 55%;
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
  }

  .textOmgeving h2 {
    font-family: "newyork";
    color: #2c3e50;
    opacity: 20%;
    font-size: 52px;
    margin-top: 0px;
    margin-bottom: 0px;
  }


  .huisPraktisch {
    background-color: #2c3e50;
    color: #f8f5f2;
    padding: 16px;
    padding-top: 40px;
    padding-bottom: 40px;
    font-family: "poppinsRegular";
    font-size: 16px;
    display: flex;
    flex-direction: column;
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .titleContact {
    position: absolute;
    top: 13%;
    left: 72%;
    transform: translateX(-50%);
    width: auto;
  }

  .titleContact h2 {
    font-family: "newyork";
    color: #2c3e50;
    opacity: 20%;
    font-size: 48px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .telefoon p {
    font-family: "poppinsMediumItalic";
    color: #d4af37;


    /* text-decoration: none;
    color: inherit; 
    -webkit-touch-callout: none; 
    -webkit-user-select: none;  */
  }


  .email p {
    font-family: "poppinsMediumItalic";
    color: #d4af37;
  }


  .footerLogo {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .footerLogo img {
    width: 120px;
    height: auto;
  }

  .french-page .textFoto h2{
    position: absolute;
    top: 12%;
    left: 82%;
    transform: translateX(-50%);
  }

  .textFoto h2 {
    font-family: "newyork";
    color: #2c3e50;
    opacity: 20%;
    font-size: 64px;
    margin-top: 0px;
    margin-bottom: 0px;
  }


  .box1 {
    background-color: #2c3e50;
    color: #f8f5f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .box2 {
    background-color: #2c3e50;
    color: #f8f5f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 40px;
  }


  .line1 {
    background-color: #f8f5f2;
    width: 80px;
    height: 0.25px;
  }

  .line2 {
    background-color: #f8f5f2;
    width: 80px;
    height: 0.25px;
  }

  .boxEmail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  
}



@media (min-width: 560px) {
  body {
  }

  .background img {
    content: url("./images/backgroundHome.svg");
    width: 100%;
    height: auto;
  }

  .bigNav {
    display: none;
  }

  .smallNavi {
    display: none;
    color: #2c3e50;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #f8f5f2;
    position: absolute;
    top: 11%;
    left: 0;
    right: 0;
    z-index: 1000;
    border-bottom: #2c3e50 1px solid;
    font-family: "poppinsMedium";
  }

  .smallNavi li {
    padding: 20px 16px;
    text-align: center;
  }

  .smallNavi li a {
    text-decoration: none;
    color: #2c3e50;
    font-size: 16px;
  }

  /* Show dropdown menu when active */
  .smallNavi.show {
    display: flex;
  }

  .smallNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px;
    margin-right: 8px;
    margin-left: 8px;
  }

  .logoSmallNav {
    position: relative;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .logoSmallNav img {
    width: 200px;
    height: auto;
  }

  .container {
    display: inline-block;
    cursor: pointer;
  }

  .bar1,
  .bar2,
  .bar3 {
    width: 32px;
    height: 2px;
    background-color: #2c3e50;
    margin: 6px 0;
    transition: 0.4s;
  }

  /* Rotate first bar */
  .change .bar1 {
    transform: translate(0, 8px) rotate(-45deg);
  }

  /* Fade out the second bar */
  .change .bar2 {
    opacity: 0;
  }

  /* Rotate last bar */
  .change .bar3 {
    transform: translate(0, -8px) rotate(45deg);
  }

  .background img {
    width: 100%;
    height: auto;
  }

  .textHome {
    margin-left: 32px;
    margin-right: 32px;
    margin-top: 44px;
  }

  .textHome h1 {
    font-family: "poppinsSemibold";
    font-size: 40px;
    color: #2c3e50;
    margin-top: 0;
    margin-bottom: 8px;
  }

  .textHome p {
    font-family: "poppinsMedium";
    font-size: 16px;
    color: #2c3e50;
    margin-top: 0;
    margin-bottom: 0;
  }

  .firstParagraph {
    padding-bottom: 12px;
  }

  .secondParagraph {
    padding-bottom: 24px;
  }

  .textHome span {
    font-family: "poppinsMediumItalic";
    font-size: 16px;
    color: #2c3e50;
  }

  .imgHome {
    display: flex;
    justify-content: center;
    margin-top: 12px;
    margin-bottom: 56px;
  }

  .imgHome img {
    width: 86%;
    height: auto;
  }

  .boxFotoBtn {
    display: flex;
    align-items: center;
  }

  .fotoBtn {
    text-decoration: none;
    color: #2c3e50;
    font-family: "poppinsMediumItalic";
    display: flex;
    justify-content: space-between;
    width: 102px;
  }

  .contactBtn {
    text-decoration: none;
    color: #2c3e50;
    font-family: "poppinsMedium";
    font-size: 16px;
    margin-left: 44px;
    border: #2c3e50 1px solid;
    padding: 8px 16px;
    border-radius: 20px;
  }

  .boxBtnHome {
    display: flex;
    align-items: center;
    flex-direction: row;
  }

  .footerLogo {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .footerLogo img {
    width: 140px;
    height: auto;
  }

  .firstLineFooter {
    background-color: #f8f5f2;
    width: 90px;
    height: 0.25px;
  }

  .secondLineFooter {
    background-color: #f8f5f2;
    width: 90px;
    height: 0.25px;
  }

  footer {
    padding-top: 36px;
    padding-bottom: 24px;
    padding-left: 32px;
    padding-right: 36px;
    background-color: #2c3e50;
  }

  footer p {
    margin: 0px;
    font-family: "poppinsMedium";
    color: #f8f5f2;
  }

  footer ul {
    list-style: none;
    padding: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: 28px;
    margin-right: 28px;
    margin-top: 48px;
    margin-bottom: 48px;
  }

  footer a {
    text-decoration: none;
    color: #f8f5f2;
    font-family: "poppinsSemibold";
  }

  .firstLineFooter,
    .secondLineFooter {
        background-color: #f8f5f2;
        flex-grow: 1; 
        height: 0.25px;
    }

    .firstLineFooter {
        margin-right: 28px; /
    }

    .secondLineFooter {
        margin-left: 28px; 
    }

  .copyrightText {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
  }

  .fotosLiving {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .fotosLiving img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .living {
    margin-top: 24px;
  }

  .living p {
    margin: 0px;
    margin-left: 28px;
    margin-bottom: 4px;
    font-family: "poppinsMediumItalic";
  }

  .textFoto {
    position: absolute;
    top: 12%;
    left: 82%;
    transform: translateX(-50%);
  }

  .textFoto h2 {
    font-family: "newyork";
    color: #2c3e50;
    opacity: 20%;
    font-size: 64px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  

  .fotosKeuken {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .fotosKeuken img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .keuken p {
    margin: 0px;
    margin-left: 28px;
    margin-bottom: 4px;
    font-family: "poppinsMediumItalic";
  }

  .fotosBadkamer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .fotosBadkamer img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .badkamer p {
    margin: 0px;
    margin-left: 28px;
    margin-bottom: 4px;
    font-family: "poppinsMediumItalic";
  }

  .fotosSlaapkamer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .fotosSlaapkamer img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .slaapkamer p {
    margin: 0px;
    margin-left: 28px;
    margin-bottom: 4px;
    font-family: "poppinsMediumItalic";
  }

  .fotosTuin {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .fotosTuin img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .tuin p {
    margin: 0px;
    margin-left: 28px;
    margin-bottom: 4px;
    font-family: "poppinsMediumItalic";
  }

  .tuin {
    margin-bottom: 56px;
  }

  .overige p {
    margin: 0px;
    margin-left: 28px;
    margin-bottom: 4px;
    font-family: "poppinsMediumItalic";
  }

  .overige {
    margin-bottom: 56px;
  }

  .fotosOverige {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .fotosOverige img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .omgeving {
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
    margin-top: 40px;
  }

  .omgeving p {
    margin: 0px;
    margin-bottom: 4px;
    font-family: "poppinsMedium";
  }

  .imgOmgeving1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving1 img {
    width: 100%;
    height: auto;
  }

  .textOmgeving {
    position: absolute;
    top: 11%;
    left: 60%;
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
  }

  .textOmgeving h2 {
    font-family: "newyork";
    color: #2c3e50;
    opacity: 20%;
    font-size: 64px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .imgOmgeving2 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving2 img {
    width: 100%;
    height: auto;
  }

  .boxOmgeving2 {
    margin-top: 64px;
  }

  .imgOmgeving3 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving3 img {
    width: 100%;
    height: auto;
  }

  .boxOmgeving3 {
    margin-top: 64px;
  }

  .imgOmgeving4 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving4 img {
    width: 100%;
    height: auto;
  }

  .boxOmgeving4 {
    margin-top: 64px;
  }

  .imgOmgeving5 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving5 img {
    width: 100%;
    height: auto;
  }

  .boxOmgeving5 {
    margin-top: 64px;
  }

  .imgOmgeving6 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving6 img {
    width: 100%;
    height: auto;
  }

  .boxOmgeving6 {
    margin-top: 64px;
  }

  .imgOmgeving7 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving7 img {
    width: 100%;
    height: auto;
  }

  .boxOmgeving7 {
    margin-top: 64px;
  }

  .linkNP {
    text-decoration: underline;
    color: #2c3e50;
    font-family: "poppinsMedium";
  }

  .bottomText {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 64px;
    margin-bottom: 64px;
    text-align: center;
  }

  .boxImage {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
  }

  .boxPraktisch {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .boxImage img {
    width: 65%;
    height: auto;
  }

  .titlePraktisch {
    position: absolute;
    top: 11%;
    left: 60%;
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
  }

  .titlePraktisch h2 {
    font-family: "newyork";
    color: #2c3e50;
    opacity: 20%;
    font-size: 64px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .boxTextPraktisch {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
  }

  .boxTextPraktisch p {
    margin: 0px;
    margin-bottom: 4px;
    font-family: "poppinsMedium";
  }

  .boxTextPraktisch h3 {
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 8px;
    font-family: "poppinsMedium";
    font-size: 16px;
  }

  .mapContainer {
    display: flex;
    justify-content: center;
  }

  .mapContainer iframe {
    margin-top: 24px;
    width: 100%;
    max-width: 500px;
    height: 400px;
    border: none;
  }

  .huisPraktisch {
    background-color: #2c3e50;
    color: #f8f5f2;
    padding: 16px;
    font-family: "poppinsRegular";
    font-size: 16px;
    display: flex;
    flex-direction: column;
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .huisPraktisch span {
    font-family: "poppinsSemibold";
  }

  .welPraktisch ul {
    list-style-image: url("./images/vinkje.svg");
  }

  .welPraktisch li {
    margin-bottom: 8px;
    padding-left: 4px;
  }

  .nietPraktisch ul {
    list-style-image: url("./images/kruisje.svg");
  }

  .nietPraktisch li {
    margin-bottom: 8px;
    padding-left: 4px;
  }

  .boodschapPraktisch {
    color: #2c3e50;
    font-family: "poppinsMediumItalic";
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    padding-left: 28px;
    padding-right: 28px;
    text-align: center;
  }

  .contactBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    padding-left: 28px;
    padding-right: 28px;
    margin-top: 20px;
  }

  .box1 {
    background-color: #2c3e50;
    color: #f8f5f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .line1 {
    background-color: #f8f5f2;
    width: 120px;
    height: 0.25px;
  }

  .line2 {
    background-color: #f8f5f2;
    width: 120px;
    height: 0.25px;
  }

  .boxEmail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .boxEmailText {
    padding-left: 40px;
    padding-right: 40px;
  }

  .boxEmailText p {
    font-family: "poppinsMedium";
  }

  .email {
    padding-bottom: 40px;
  }

  .email p {
    font-family: "poppinsMediumItalic";
    color: #d4af37;
  }

  .bereik p {
    font-family: "poppinsMedium";
    margin: 0px;
    margin-bottom: 4px;
  }

  .box2 {
    background-color: #2c3e50;
    color: #f8f5f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 40px;
  }

  .boxTelefoon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .boxTelefoonText {
    padding-left: 40px;
    padding-right: 40px;
  }

  .boxTelefoonText p {
    font-family: "poppinsMedium";
  }

  .telefoon {
    padding-bottom: 40px;
  }

  .telefoon p {
    font-family: "poppinsMediumItalic";
    color: #d4af37;
  }

  .titleContact {
    position: absolute;
    top: 10%;
    left: 74%;
    transform: translateX(-50%);
    width: auto;
    /* width: 100px; */
  }

  .titleContact h2 {
    font-family: "newyork";
    color: #2c3e50;
    opacity: 20%;
    font-size: 64px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

@media (min-width: 660px) {
  .bigNav {
    display: none;
  }

  .smallNavi {
    display: none;
    color: #2c3e50;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #f8f5f2;
    position: absolute;
    top: 11%;
    left: 0;
    right: 0;
    z-index: 1000;
    border-bottom: #2c3e50 1px solid;
    font-family: "poppinsMedium";
  }

  .smallNavi li {
    padding: 20px 16px;
    text-align: center;
  }

  .smallNavi li a {
    text-decoration: none;
    color: #2c3e50;
    font-size: 16px;
  }

  /* Show dropdown menu when active */
  .smallNavi.show {
    display: flex;
  }

  .smallNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px;
    margin-right: 8px;
    margin-left: 8px;
  }

  .logoSmallNav {
    position: relative;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* .logoSmallNav img {
    width: 200px;
    height: auto;
  } */

  .container {
    display: inline-block;
    cursor: pointer;
  }

  .bar1,
  .bar2,
  .bar3 {
    width: 32px;
    height: 2px;
    background-color: #2c3e50;
    margin: 6px 0;
    transition: 0.4s;
  }

  /* Rotate first bar */
  .change .bar1 {
    transform: translate(0, 8px) rotate(-45deg);
  }

  /* Fade out the second bar */
  .change .bar2 {
    opacity: 0;
  }

  /* Rotate last bar */
  .change .bar3 {
    transform: translate(0, -8px) rotate(45deg);
  }

  .background img {
    width: 100%;
    height: auto;
  }

  .textHome {
    margin-left: 32px;
    margin-right: 32px;
    margin-top: 44px;
  }

  .textHome h1 {
    font-family: "poppinsSemibold";
    font-size: 40px;
    color: #2c3e50;
    margin-top: 0;
    margin-bottom: 8px;
  }

  .textHome p {
    font-family: "poppinsMedium";
    font-size: 16px;
    color: #2c3e50;
    margin-top: 0;
    margin-bottom: 0;
  }

  .firstParagraph {
    padding-bottom: 12px;
  }

  .secondParagraph {
    padding-bottom: 24px;
  }

  .textHome span {
    font-family: "poppinsMediumItalic";
    font-size: 16px;
    color: #2c3e50;
  }

  .imgHome {
    display: flex;
    justify-content: center;
    margin-top: 12px;
    margin-bottom: 56px;
  }

  .imgHome img {
    width: 74%;
    height: auto;
  }

  .boxFotoBtn {
    display: flex;
    align-items: center;
  }

  .fotoBtn {
    text-decoration: none;
    color: #2c3e50;
    font-family: "poppinsMediumItalic";
    display: flex;
    justify-content: space-between;
    width: 102px;
  }

  .contactBtn {
    text-decoration: none;
    color: #2c3e50;
    font-family: "poppinsMedium";
    font-size: 16px;
    margin-left: 44px;
    border: #2c3e50 1px solid;
    padding: 8px 16px;
    border-radius: 20px;
  }

  .boxBtnHome {
    display: flex;
    align-items: center;
    flex-direction: row;
  }

  .footerLogo {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  /* .footerLogo img {
    width: 200px;
    height: auto;
  } */

  .firstLineFooter {
    background-color: #f8f5f2;
    width: 90px;
    height: 0.25px;
  }

  .secondLineFooter {
    background-color: #f8f5f2;
    width: 90px;
    height: 0.25px;
  }

  footer {
    padding-top: 36px;
    padding-bottom: 24px;
    padding-left: 32px;
    padding-right: 36px;
    background-color: #2c3e50;
  }

  footer p {
    margin: 0px;
    font-family: "poppinsMedium";
    color: #f8f5f2;
  }

  footer ul {
    list-style: none;
    padding: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: 28px;
    margin-right: 28px;
    margin-top: 48px;
    margin-bottom: 48px;
  }

  footer a {
    text-decoration: none;
    color: #f8f5f2;
    font-family: "poppinsSemibold";
  }

  .copyrightText {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
  }

  .fotosLiving {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .fotosLiving img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .living {
    margin-top: 24px;
  }

  .living p {
    margin: 0px;
    margin-left: 28px;
    margin-bottom: 4px;
    font-family: "poppinsMediumItalic";
  }

  .textFoto {
    position: absolute;
    top: 12%;
    left: 82%;
    transform: translateX(-50%);
  }

  .textFoto h2 {
    font-family: "newyork";
    color: #2c3e50;
    opacity: 20%;
    font-size: 64px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .fotosKeuken {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .fotosKeuken img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .keuken p {
    margin: 0px;
    margin-left: 28px;
    margin-bottom: 4px;
    font-family: "poppinsMediumItalic";
  }

  .fotosBadkamer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .fotosBadkamer img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .badkamer p {
    margin: 0px;
    margin-left: 28px;
    margin-bottom: 4px;
    font-family: "poppinsMediumItalic";
  }

  .fotosSlaapkamer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .fotosSlaapkamer img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .slaapkamer p {
    margin: 0px;
    margin-left: 28px;
    margin-bottom: 4px;
    font-family: "poppinsMediumItalic";
  }

  .fotosTuin {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .fotosTuin img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .tuin p {
    margin: 0px;
    margin-left: 28px;
    margin-bottom: 4px;
    font-family: "poppinsMediumItalic";
  }

  .tuin {
    margin-bottom: 56px;
  }

  .overige p {
    margin: 0px;
    margin-left: 28px;
    margin-bottom: 4px;
    font-family: "poppinsMediumItalic";
  }

  .overige {
    margin-bottom: 56px;
  }

  .fotosOverige {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .fotosOverige img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .omgeving {
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
    margin-top: 40px;
  }

  .omgeving p {
    margin: 0px;
    margin-bottom: 4px;
    font-family: "poppinsMedium";
  }

  .imgOmgeving1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving1 img {
    width: 100%;
    height: auto;
  }

  .textOmgeving {
    position: absolute;
    top: 11%;
    left: 60%;
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
  }

  .textOmgeving h2 {
    font-family: "newyork";
    color: #2c3e50;
    opacity: 20%;
    font-size: 64px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .imgOmgeving2 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving2 img {
    width: 100%;
    height: auto;
  }

  .boxOmgeving2 {
    margin-top: 64px;
  }

  .imgOmgeving3 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving3 img {
    width: 100%;
    height: auto;
  }

  .boxOmgeving3 {
    margin-top: 64px;
  }

  .imgOmgeving4 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving4 img {
    width: 100%;
    height: auto;
  }

  .boxOmgeving4 {
    margin-top: 64px;
  }

  .imgOmgeving5 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving5 img {
    width: 100%;
    height: auto;
  }

  .boxOmgeving5 {
    margin-top: 64px;
  }

  .imgOmgeving6 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving6 img {
    width: 100%;
    height: auto;
  }

  .boxOmgeving6 {
    margin-top: 64px;
  }

  .imgOmgeving7 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving7 img {
    width: 100%;
    height: auto;
  }

  .boxOmgeving7 {
    margin-top: 64px;
  }

  .linkNP {
    text-decoration: underline;
    color: #2c3e50;
    font-family: "poppinsMedium";
  }

  .bottomText {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 64px;
    margin-bottom: 64px;
    text-align: center;
  }

  .boxImage {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
  }

  .boxPraktisch {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .boxImage img {
    width: 65%;
    height: auto;
  }

  .titlePraktisch {
    position: absolute;
    top: 11%;
    left: 60%;
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
  }

  .titlePraktisch h2 {
    font-family: "newyork";
    color: #2c3e50;
    opacity: 20%;
    font-size: 64px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .boxTextPraktisch {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
  }

  .boxTextPraktisch p {
    margin: 0px;
    margin-bottom: 4px;
    font-family: "poppinsMedium";
  }

  .boxTextPraktisch h3 {
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 8px;
    font-family: "poppinsMedium";
    font-size: 16px;
  }

  .mapContainer {
    display: flex;
    justify-content: center;
    
  }

  .mapContainer iframe {
    margin-top: 24px;
    width: 100%;
    max-width: 500px;
    height: 400px;
    border: none;
  }

  .huisPraktisch {
    background-color: #2c3e50;
    color: #f8f5f2;
    padding: 16px;
    font-family: "poppinsRegular";
    font-size: 16px;
    display: flex;
    flex-direction: column;
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .huisPraktisch span {
    font-family: "poppinsSemibold";
  }

  .welPraktisch ul {
    list-style-image: url("./images/vinkje.svg");
  }

  .welPraktisch li {
    margin-bottom: 8px;
    padding-left: 4px;
  }

  .nietPraktisch ul {
    list-style-image: url("./images/kruisje.svg");
  }

  .nietPraktisch li {
    margin-bottom: 8px;
    padding-left: 4px;
  }

  .boodschapPraktisch {
    color: #2c3e50;
    font-family: "poppinsMediumItalic";
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    padding-left: 28px;
    padding-right: 28px;
    text-align: center;
  }

  .contactBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    padding-left: 28px;
    padding-right: 28px;
    margin-top: 20px;
  }

  .box1 {
    background-color: #2c3e50;
    color: #f8f5f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .line1 {
    background-color: #f8f5f2;
    width: 120px;
    height: 0.25px;
  }

  .line2 {
    background-color: #f8f5f2;
    width: 120px;
    height: 0.25px;
  }

  .boxEmail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .boxEmailText {
    padding-left: 40px;
    padding-right: 40px;
  }

  .boxEmailText p {
    font-family: "poppinsMedium";
  }

  .email {
    padding-bottom: 40px;
  }

  .email p {
    font-family: "poppinsMediumItalic";
    color: #d4af37;
  }

  .bereik p {
    font-family: "poppinsMedium";
    margin: 0px;
    margin-bottom: 4px;
  }

  .box2 {
    background-color: #2c3e50;
    color: #f8f5f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 40px;
  }

  .boxTelefoon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .boxTelefoonText {
    padding-left: 40px;
    padding-right: 40px;
  }

  .boxTelefoonText p {
    font-family: "poppinsMedium";
  }

  .telefoon {
    padding-bottom: 40px;
  }

  .telefoon p {
    font-family: "poppinsMediumItalic";
    color: #d4af37;
  }

  .titleContact {
    position: absolute;
    top: 10%;
    left: 74%;
    transform: translateX(-50%);
    width: auto;
    /* width: 100px; */
  }

  .titleContact h2 {
    font-family: "newyork";
    color: #2c3e50;
    opacity: 20%;
    font-size: 64px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

@media (max-width: 860px) {
  .bigNav {
    display: none;
  }

  .smallNavi {
    display: none;
    color: #2c3e50;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #f8f5f2;
    position: absolute;
    top: 11%;
    left: 0;
    right: 0;
    z-index: 1000;
    border-bottom: #2c3e50 1px solid;
    font-family: "poppinsMedium";
  }

  .smallNavi li {
    padding: 20px 16px;
    text-align: center;
  }

  .smallNavi li a {
    text-decoration: none;
    color: #2c3e50;
    font-size: 16px;
  }

  /* Show dropdown menu when active */
  .smallNavi.show {
    display: flex;
  }

  .smallNav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px;
    margin-right: 8px;
    margin-left: 8px;
  }

  .logoSmallNav {
    position: relative;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* .logoSmallNav img {
    width: 200px;
    height: auto;
  } */

  .container {
    display: inline-block;
    cursor: pointer;
  }

  .bar1,
  .bar2,
  .bar3 {
    width: 32px;
    height: 2px;
    background-color: #2c3e50;
    margin: 6px 0;
    transition: 0.4s;
  }

  /* Rotate first bar */
  .change .bar1 {
    transform: translate(0, 8px) rotate(-45deg);
  }

  /* Fade out the second bar */
  .change .bar2 {
    opacity: 0;
  }

  /* Rotate last bar */
  .change .bar3 {
    transform: translate(0, -8px) rotate(45deg);
  }

  .background img {
    width: 100%;
    height: auto;
  }

  .textHome {
    margin-left: 32px;
    margin-right: 32px;
    margin-top: 44px;
  }

  .textHome h1 {
    font-family: "poppinsSemibold";
    font-size: 40px;
    color: #2c3e50;
    margin-top: 0;
    margin-bottom: 8px;
  }

  .textHome p {
    font-family: "poppinsMedium";
    font-size: 16px;
    color: #2c3e50;
    margin-top: 0;
    margin-bottom: 0;
  }

  .firstParagraph {
    padding-bottom: 12px;
  }

  .secondParagraph {
    padding-bottom: 24px;
  }

  .textHome span {
    font-family: "poppinsMediumItalic";
    font-size: 16px;
    color: #2c3e50;
  }

  /* .imgHome {
    display: flex;
    justify-content: center;
    margin-top: 12px;
    margin-bottom: 56px;
  }

  .imgHome img {
    width: 64%;
    height: auto;
  } */

  .boxFotoBtn {
    display: flex;
    align-items: center;
  }

  .fotoBtn {
    text-decoration: none;
    color: #2c3e50;
    font-family: "poppinsMediumItalic";
    display: flex;
    justify-content: space-between;
    width: 102px;
  }

  .contactBtn {
    text-decoration: none;
    color: #2c3e50;
    font-family: "poppinsMedium";
    font-size: 16px;
    margin-left: 44px;
    border: #2c3e50 1px solid;
    padding: 8px 16px;
    border-radius: 20px;
  }

  .boxBtnHome {
    display: flex;
    align-items: center;
    flex-direction: row;
  }

  /* .footerLogo {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .footerLogo img {
    width: 200px;
    height: auto;
  } */

  .firstLineFooter {
    background-color: #f8f5f2;
    width: 90px;
    height: 0.25px;
  }

  .secondLineFooter {
    background-color: #f8f5f2;
    width: 90px;
    height: 0.25px;
  }

  footer {
    padding-top: 36px;
    padding-bottom: 24px;
    padding-left: 32px;
    padding-right: 36px;
    background-color: #2c3e50;
  }

  footer p {
    margin: 0px;
    font-family: "poppinsMedium";
    color: #f8f5f2;
  }

  footer ul {
    list-style: none;
    padding: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: 28px;
    margin-right: 28px;
    margin-top: 48px;
    margin-bottom: 48px;
  }

  footer a {
    text-decoration: none;
    color: #f8f5f2;
    font-family: "poppinsSemibold";
  }

  .copyrightText {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
  }

  .fotosLiving {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .fotosLiving img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .living {
    margin-top: 24px;
  }

  .living p {
    margin: 0px;
    margin-left: 28px;
    margin-bottom: 4px;
    font-family: "poppinsMediumItalic";
  }

  /* .textFoto {
    position: absolute;
    top: 12%;
    left: 82%;
    transform: translateX(-50%);
  } */

  .textFoto h2 {
    font-family: "newyork";
    color: #2c3e50;
    opacity: 20%;
    font-size: 64px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .french-page .textFoto h2{
    position: absolute;
    top: 12%;
    left: 78%;
    transform: translateX(-50%);
  }

  .textFoto h2 {
    font-family: "newyork";
    color: #2c3e50;
    opacity: 20%;
    font-size: 64px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .fotosKeuken {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .fotosKeuken img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .keuken p {
    margin: 0px;
    margin-left: 28px;
    margin-bottom: 4px;
    font-family: "poppinsMediumItalic";
  }

  .fotosBadkamer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .fotosBadkamer img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .badkamer p {
    margin: 0px;
    margin-left: 28px;
    margin-bottom: 4px;
    font-family: "poppinsMediumItalic";
  }

  .fotosSlaapkamer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .fotosSlaapkamer img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .slaapkamer p {
    margin: 0px;
    margin-left: 28px;
    margin-bottom: 4px;
    font-family: "poppinsMediumItalic";
  }

  .fotosTuin {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .fotosTuin img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .tuin p {
    margin: 0px;
    margin-left: 28px;
    margin-bottom: 4px;
    font-family: "poppinsMediumItalic";
  }

  .tuin {
    margin-bottom: 56px;
  }

  .overige p {
    margin: 0px;
    margin-left: 28px;
    margin-bottom: 4px;
    font-family: "poppinsMediumItalic";
  }

  .overige {
    margin-bottom: 56px;
  }

  .fotosOverige {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .fotosOverige img {
    width: 100%;
    height: auto;
    margin-bottom: 16px;
  }

  .omgeving {
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
    margin-top: 40px;
  }

  .omgeving p {
    margin: 0px;
    margin-bottom: 4px;
    font-family: "poppinsMedium";
  }

  .imgOmgeving1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving1 img {
    width: 100%;
    height: auto;
  }

  /* .textOmgeving {
    position: absolute;
    top: 11%;
    left: 60%;
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
  }

  .textOmgeving h2 {
    font-family: "newyork";
    color: #2c3e50;
    opacity: 20%;
    font-size: 64px;
    margin-top: 0px;
    margin-bottom: 0px;
  } */

  .imgOmgeving2 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving2 img {
    width: 100%;
    height: auto;
  }

  .boxOmgeving2 {
    margin-top: 64px;
  }

  .imgOmgeving3 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving3 img {
    width: 100%;
    height: auto;
  }

  .boxOmgeving3 {
    margin-top: 64px;
  }

  .imgOmgeving4 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving4 img {
    width: 100%;
    height: auto;
  }

  .boxOmgeving4 {
    margin-top: 64px;
  }

  .imgOmgeving5 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving5 img {
    width: 100%;
    height: auto;
  }

  .boxOmgeving5 {
    margin-top: 64px;
  }

  .imgOmgeving6 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving6 img {
    width: 100%;
    height: auto;
  }

  .boxOmgeving6 {
    margin-top: 64px;
  }

  .imgOmgeving7 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 28px;
  }

  .imgOmgeving7 img {
    width: 100%;
    height: auto;
  }

  .boxOmgeving7 {
    margin-top: 64px;
  }

  .linkNP {
    text-decoration: underline;
    color: #2c3e50;
    font-family: "poppinsMedium";
  }

  .bottomText {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 64px;
    margin-bottom: 64px;
    text-align: center;
  }

  .boxImage {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
  }

  .boxPraktisch {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    margin-left: 28px;
    margin-right: 28px;
  }

  .boxImage img {
    width: 50%;
    height: auto;
  }

  .titlePraktisch {
    position: absolute;
    top: 11%;
    left: 60%;
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
  }

  .titlePraktisch h2 {
    font-family: "newyork";
    color: #2c3e50;
    opacity: 20%;
    font-size: 64px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .boxTextPraktisch {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
  }

  .boxTextPraktisch p {
    margin: 0px;
    margin-bottom: 4px;
    font-family: "poppinsMedium";
  }

  .boxTextPraktisch h3 {
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 8px;
    font-family: "poppinsMedium";
    font-size: 16px;
  }

  .mapContainer {
    display: flex;
    justify-content: center;
  }

  .mapContainer iframe {
    margin-top: 24px;
    width: 100%;
    max-width: 500px;
    height: 400px;
    border: none;
  }

  /* .huisPraktisch {
    background-color: #2c3e50;
    color: #f8f5f2;
    padding: 16px;
    font-family: "poppinsRegular";
    font-size: 16px;
    display: flex;
    flex-direction: column;
    margin-top: 80px;
    margin-bottom: 80px;
  } */

  .huisPraktisch span {
    font-family: "poppinsSemibold";
  }

  .welPraktisch ul {
    list-style-image: url("./images/vinkje.svg");
  }

  .welPraktisch li {
    margin-bottom: 8px;
    padding-left: 4px;
  }

  .nietPraktisch ul {
    list-style-image: url("./images/kruisje.svg");
  }

  .nietPraktisch li {
    margin-bottom: 8px;
    padding-left: 4px;
  }

  .boodschapPraktisch {
    color: #2c3e50;
    font-family: "poppinsMediumItalic";
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 80px;
    padding-left: 28px;
    padding-right: 28px;
    text-align: center;
  }

  .contactBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 32px;
    padding-left: 28px;
    padding-right: 28px;
    margin-top: 20px;
  }

  /* .box1 {
    background-color: #2c3e50;
    color: #f8f5f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .line1 {
    background-color: #f8f5f2;
    width: 120px;
    height: 0.25px;
  }

  .line2 {
    background-color: #f8f5f2;
    width: 120px;
    height: 0.25px;
  }

  .boxEmail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
  } */

  .boxEmailText {
    padding-left: 40px;
    padding-right: 40px;
  }

  .boxEmailText p {
    font-family: "poppinsMedium";
  }

  .email {
    padding-bottom: 40px;
  }

  /* .email p {
    font-family: "poppinsMediumItalic";
    color: #d4af37;
  } */

  .bereik p {
    font-family: "poppinsMedium";
    margin: 0px;
    margin-bottom: 4px;
  }

  .box2 {
    background-color: #2c3e50;
    color: #f8f5f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 40px;
  }

  .boxTelefoon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .boxTelefoonText {
    padding-left: 40px;
    padding-right: 40px;
  }

  .boxTelefoonText p {
    font-family: "poppinsMedium";
  }

  .telefoon {
    padding-bottom: 40px;
  }

  /* .telefoon p {
    font-family: "poppinsMediumItalic";
    color: #d4af37;
  } */

  /* .titleContact {
    position: absolute;
    top: 10%;
    left: 74%;
    transform: translateX(-50%);
    width: auto;
  }

  .titleContact h2 {
    font-family: "newyork";
    color: #2c3e50;
    opacity: 20%;
    font-size: 64px;
    margin-top: 0px;
    margin-bottom: 0px;
  } */







    .footerLogo {
        display: flex;
        justify-content: center; /* Center the entire footer logo section */
        align-items: center;
        gap: 16px; /* Add spacing between the lines and logo */
    }   

    /* .firstLineFooter,
    .secondLineFooter {
        background-color: #f8f5f2;
        flex-grow: 1; 
        height: 0.25px;
    }

    .firstLineFooter {
        margin-right: 28px; /
    }

    .secondLineFooter {
        margin-left: 28px; 
    } */

    /* .footerLogo img {
        width: 200px;
        height: auto;
        flex-shrink: 0
    } */

    footer {
        padding-top: 36px;
        padding-bottom: 24px;
        padding-left: 32px;
        padding-right: 36px;
        background-color: #2c3e50;
    }

    footer p {
        margin: 0px;
        font-family: "poppinsMedium";
        color: #f8f5f2;
    }

    footer ul {
        list-style: none;
        padding: 0px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-left: 28px;
        margin-right: 28px;
        margin-top: 48px;
        margin-bottom: 48px;
    }

    footer a {
        text-decoration: none;
        color: #f8f5f2;
        font-family: "poppinsSemibold";
    }

    .copyrightText {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
    }



}



@media (min-width: 860px) {
    
    .footerLogo {
        display: flex;
        justify-content: center; /* Center the entire footer logo section */
        align-items: center;
        gap: 16px; /* Add spacing between the lines and logo */
    }
    
    .firstLineFooter,
    .secondLineFooter {
        background-color: #f8f5f2;
        flex-grow: 1; /* Allow the lines to grow dynamically */
        height: 0.25px;
    }
    
    .firstLineFooter {
        margin-right: 28px; /* Add spacing between the line and logo */
        /* margin-left: 28px; */
    }
    
    .secondLineFooter {
        margin-left: 28px; /* Add spacing between the line and logo */
        /* margin-right: 28px; */
    }
    
    .footerLogo img {
        width: 200px;
        height: auto;
        flex-shrink: 0; /* Prevent the logo from shrinking */
    }
    
    footer {
        padding-top: 36px;
        padding-bottom: 24px;
        padding-left: 32px;
        padding-right: 36px;
        background-color: #2c3e50;
    }
    
    footer p {
        margin: 0px;
        font-family: "poppinsMedium";
        color: #f8f5f2;
    }
    
    footer ul {
        list-style: none;
        padding: 0px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-left: 28px;
        margin-right: 28px;
        margin-top: 48px;
        margin-bottom: 48px;
    }
    
    footer a {
        text-decoration: none;
        color: #f8f5f2;
        font-family: "poppinsSemibold";
    }
    
    .copyrightText {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px;
    }

    .boxListFooter {
        margin-left: 48px;
        margin-right: 48px;
    }



    .bigNav ul {
        padding: 0px;
    }


    .bigNav {
        display: flex;
        justify-content: center; /* Center the main nav items */
        align-items: center;
        font-family: 'poppinsMedium';
        color: #2c3e50;
        padding: 24px;
        position: relative; /* To position the language switcher correctly */
    }
    
    .navi {
        display: flex;
        justify-content: center; /* This will center the nav items */
        align-items: center;
        width: 100%;
        position: relative;
    }
    
    .navi li {
        list-style: none;
    }
    
    .navi a {
        text-decoration: none;
        color: #2c3e50;
        font-size: 16px;
        /* padding: 0 20px; */
    }
    
    .firstLine,
    .lastLine {
        background-color: #2c3e50;
        height: 0.25px;
        position: relative; /* Positioning the lines on the sides */
        top: 50%; /* Center the lines vertically */
        width: 90px;
        margin-left: 28px;
        margin-right: 28px;
    }
    
    /* .firstLine {
        left: 0; 
    }
    
    .lastLine {
        right: 0;
    } */
    
    .language-switcher {
        position: absolute; /* Position the language switcher on the right */
        right: 28px; /* Adjust the right distance from the edge */
    }
    
    .language-switcher a {
        text-decoration: none;
        color: #2c3e50;
        font-size: 16px;
        display: flex;
        align-items: center;
    }
    
    .language-switcher img {
        margin-left: 8px;
    }


    .smallNav {
      display: none;
    }
  
   
  
    .background img {
      width: 100%;
      height: auto;
    }

  
    .textHome {
      margin-left: 32px;
      margin-right: 32px;
      margin-top: 44px;
      margin-bottom: 44px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
    }

    .textHome h1 {
      font-family: "poppinsSemibold";
      font-size: 40px;
      color: #2c3e50;
      margin-top: 0;
      margin-bottom: 8px;
    }
  
    .textHome p {
      font-family: "poppinsMedium";
      font-size: 16px;
      color: #2c3e50;
      margin-top: 0;
      margin-bottom: 0;
    }
  
    .firstParagraph {
      padding-bottom: 12px;
    }
  
    .secondParagraph {
      padding-bottom: 24px;
    }
  
    .textHome span {
      font-family: "poppinsMediumItalic";
      font-size: 16px;
      color: #2c3e50;
    }
  
    .imgHome {
      /* display: flex;
      justify-content: right;
      align-content: top; */
      width: 36%;
      /* padding-top: 24px; */
      /* margin-top: 12px;
      margin-bottom: 56px; */
    }

    .boxTextHome {
        width: 60%;
    }
  
    .imgHome img {
      width: 100%;
      height: auto;
    }
  
    .boxFotoBtn {
      display: flex;
      align-items: center;
    }
  
    .fotoBtn {
      text-decoration: none;
      color: #2c3e50;
      font-family: "poppinsMediumItalic";
      display: flex;
      justify-content: space-between;
      width: 102px;
    }
  
    .contactBtn {
      text-decoration: none;
      color: #2c3e50;
      font-family: "poppinsMedium";
      font-size: 16px;
      margin-left: 44px;
      border: #2c3e50 1px solid;
      padding: 8px 16px;
      border-radius: 20px;
    }
  
    .boxBtnHome {
      display: flex;
      align-items: center;
      flex-direction: row;
    }
  
    .footerLogo {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  
    .footerLogo img {
      width: 200px;
      height: auto;
    }
  
    .firstLineFooter {
      background-color: #f8f5f2;
      width: 90px;
      height: 0.25px;
    }
  
    .secondLineFooter {
      background-color: #f8f5f2;
      width: 90px;
      height: 0.25px;
    }
  
    footer {
      padding-top: 36px;
      padding-bottom: 24px;
      padding-left: 32px;
      padding-right: 36px;
      background-color: #2c3e50;
    }
  
    footer p {
      margin: 0px;
      font-family: "poppinsMedium";
      color: #f8f5f2;
    }
  
    footer ul {
      list-style: none;
      padding: 0px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-left: 28px;
      margin-right: 28px;
      margin-top: 48px;
      margin-bottom: 48px;
    }
  
    footer a {
      text-decoration: none;
      color: #f8f5f2;
      font-family: "poppinsSemibold";
    }
  
    .copyrightText {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 12px;
    }
  
    .fotosLiving {
        display: grid; /* Use grid for layout */
        grid-template-columns: repeat(2, 1fr); /* Create 2 columns of equal width */
        grid-template-rows: repeat(2, auto); /* Create 2 rows with height based on content */
        gap: 16px; /* Add space between grid items */
        justify-items: center; /* Center content horizontally in each cell */
        align-items: center; /* Center content vertically in each cell */
        margin-bottom: 32px;
        margin-left: 28px;
        margin-right: 28px;
    }
  
    .fotosLiving img {
        width: 100%;
        height: auto;
        display: block; /* Ensure no inline spacing issues */
        object-fit: cover;
    }
  
    .living {
      margin-top: 24px;
    }
  
    .living p {
      margin: 0px;
      margin-left: 28px;
      margin-bottom: 4px;
      font-family: "poppinsMediumItalic";
    }
  
    .textFoto {
      position: absolute;
      top: 12%;
      left: 91%;
      transform: translateX(-50%);
    }
  
    .textFoto h2 {
      font-family: "newyork";
      color: #2c3e50;
      opacity: 20%;
      font-size: 64px;
      margin-top: 0px;
      margin-bottom: 0px;
    }
  
    .fotosKeuken {
        display: grid; /* Use grid for layout */
        grid-template-columns: repeat(2, 1fr); /* Create 2 columns of equal width */
        grid-template-rows: auto; /* Single row with height based on content */
        gap: 16px; /* Add space between grid items */
        justify-items: center; /* Center content horizontally in each cell */
        align-items: center; /* Center content vertically in each cell */
        margin-bottom: 32px;
        margin-left: 28px;
        margin-right: 28px;
    }
  
    .fotosKeuken img {
        width: 100%;
        height: auto;
        display: block; /* Ensure no inline spacing issues */
        object-fit: cover; /* Adjust how the image fills its container */
    }
  
    .keuken p {
      margin: 0px;
      margin-left: 28px;
      margin-bottom: 4px;
      font-family: "poppinsMediumItalic";
    }
  
    .fotosBadkamer {
        display: grid; /* Use grid for layout */
        grid-template-columns: repeat(2, 1fr); /* Create 2 equal-width columns */
        grid-template-rows: auto; /* Single row based on content height */
        gap: 16px; /* Space between the grid items */
        justify-items: center; /* Horizontally center items in each grid cell */
        align-items: center; /* Vertically center items in each grid cell */
        margin-bottom: 32px;
        margin-left: 28px;
        margin-right: 28px;
    }
  
    .fotosBadkamer img {
        width: 100%;
        height: auto;
        display: block; /* Prevent inline spacing issues */
        object-fit: cover; /* Ensure images fill their grid cells without distortion */
    }
  
    .badkamer p {
      margin: 0px;
      margin-left: 28px;
      margin-bottom: 4px;
      font-family: "poppinsMediumItalic";
    }
  
    .fotosSlaapkamer {
        display: grid; /* Use grid for layout */
        grid-template-columns: repeat(2, 1fr); /* Create 2 equal-width columns */
        grid-template-rows: repeat(4, auto); /* Create 4 rows in each column */
        gap: 16px; /* Space between the grid items */
        justify-items: center; /* Horizontally center items in each grid cell */
        align-items: center; /* Vertically center items in each grid cell */
        margin-bottom: 32px;
        margin-left: 28px;
        margin-right: 28px;
    }
  
    .fotosSlaapkamer img {
        width: 100%;
        height: auto;
        display: block; /* Prevent inline spacing issues */
        object-fit: cover; /* Ensure images fit within grid cells */
    }
  
    .slaapkamer p {
      margin: 0px;
      margin-left: 28px;
      margin-bottom: 4px;
      font-family: "poppinsMediumItalic";
    }
  
    .fotosTuin {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        gap: 16px;
        justify-items: center;
        align-items: center;
        margin-bottom: 32px;
        margin-left: 28px;
        margin-right: 28px;
    }
  
    .fotosTuin img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: cover;
    }
  
    .tuin p {
      margin: 0px;
      margin-left: 28px;
      margin-bottom: 4px;
      font-family: "poppinsMediumItalic";
    }
  
    .tuin {
      margin-bottom: 56px;
    }

    .overige p {
      margin: 0px;
      margin-left: 28px;
      margin-bottom: 4px;
      font-family: "poppinsMediumItalic";
    }
  
    .overige {
      margin-bottom: 56px;
    }

    .fotosOverige {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-bottom: 32px;
      margin-left: 28px;
      margin-right: 28px;
    }
  
    .fotosOverige img {
      width: 40%;
      height: auto;
      margin-bottom: 16px;
    }
  
    .omgeving {
      margin-bottom: 32px;
      margin-left: 28px;
      margin-right: 28px;
      /* margin-top: 40px; */
    }
  
    .omgeving p {
      margin: 0px;
      margin-bottom: 4px;
      font-family: "poppinsMedium";
    }
  
    .imgOmgeving1 {
      display: flex;
      justify-content: space-between;
      margin-bottom: 16px;
      margin-top: 28px;
      order: 2; /* Moves the image to the second position */
      margin-left: 16px; /* Adds spacing between text and image */
    }
  
    .imgOmgeving1 img {
      width: 100%;
      height: auto;
    }

    .boxOmgeving1 p {
        order: 1; /* Ensures the text appears first */
        margin-right: 16px; /* Adds spacing between text and image */
        margin: 0; /* Resets any default margin */
    }

    .boxOmgeving1 {
        display: flex;
        flex-direction: row; /* Keeps the layout as a row */
        align-items: center; /* Vertically aligns items */
    }

    
    
    .imgOmgeving2 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
        margin-top: 28px;
        margin-right: 16px;
    }
    
    .imgOmgeving2 img {
        width: 100%;
        height: auto;
    }
    
    .boxOmgeving2 {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 24px;
    }
    .boxOmgeving2 p {
        margin-left: 16px; /* Adds spacing between text and image */
        margin: 0; /* Resets any default margin */
    }
    
    .textOmgeving {
      position: absolute;
      top: 15%;
      left: 78%;
      transform: translateX(-50%);
      white-space: nowrap;
      text-align: center;
    }
  
    .textOmgeving h2 {
      font-family: "newyork";
      color: #2c3e50;
      opacity: 20%;
      font-size: 64px;
      margin-top: 0px;
      margin-bottom: 0px;
    }
  
  
    .imgOmgeving3 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
        margin-top: 28px;
        order: 2; /* Moves the image to the second position */
        margin-left: 16px; /* Adds spacing between text and image */
    }
  
    .imgOmgeving3 img {
        width: 100%;
        height: auto;
    }
  
    .boxOmgeving3 {
        display: flex;
        flex-direction: row; /* Keeps the layout as a row */
        align-items: center;
        margin-top: 24px;
    }

    .boxOmgeving3 p {
        order: 1; /* Ensures the text appears first */
        margin-right: 16px; /* Adds spacing between text and image */
        margin: 0; /* Resets any default margin */
    }

    .textOmgeving1Box {
        width: 70%;
    }

    .textOmgeving2Box {
        width: 70%;
    }

    .textOmgeving3Box {
        width: 70%;
    }

    .textOmgeving4Box {
        width: 70%;
    }

    .textOmgeving5Box {
        width: 70%;
    }

    .textOmgeving6Box {
        width: 70%;
    }

    .textOmgeving7Box {
        width: 70%;
    }

  
    .imgOmgeving4 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
        margin-top: 28px;
        margin-right: 16px;
    }
  
    .imgOmgeving4 img {
      width: 100%;
      height: auto;
    }
  
    .boxOmgeving4 {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 24px;
    }

    .boxOmgeving4 p {
        margin-left: 16px; /* Adds spacing between text and image */
        margin: 0; /* Resets any default margin */
    }
  
    .imgOmgeving5 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
        margin-top: 28px;
        order: 2; /* Moves the image to the second position */
        margin-left: 16px; /* Adds spacing between text and image */
    }
  
    .imgOmgeving5 img {
      width: 100%;
      height: auto;
    }
  
    .boxOmgeving5 {
        display: flex;
        flex-direction: row; /* Keeps the layout as a row */
        align-items: center;
        margin-top: 24px;
    }

    .boxOmgeving5 p {
        order: 1; /* Ensures the text appears first */
        margin-right: 16px; /* Adds spacing between text and image */
        margin: 0; /* Resets any default margin */
    }
  
    .imgOmgeving6 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
        margin-top: 28px;
        margin-right: 16px;
    }
  
    .imgOmgeving6 img {
      width: 100%;
      height: auto;
    }
  
    .boxOmgeving6 {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 24px;
    }

    .boxOmgeving6 p {
        margin-left: 16px; /* Adds spacing between text and image */
        margin: 0; /* Resets any default margin */
    }
  
    .imgOmgeving7 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
        margin-top: 28px;
        order: 2; /* Moves the image to the second position */
        margin-left: 16px; /* Adds spacing between text and image */
    }
  
    .imgOmgeving7 img {
      width: 100%;
      height: auto;
    }
  
    .boxOmgeving7 {
        display: flex;
        flex-direction: row; /* Keeps the layout as a row */
        align-items: center;
        margin-top: 24px;
    }

    .boxOmgeving7 p {
        order: 1; /* Ensures the text appears first */
        margin-right: 16px; /* Adds spacing between text and image */
        margin: 0; /* Resets any default margin */
    }
  
    .linkNP {
      text-decoration: underline;
      color: #2c3e50;
      font-family: "poppinsMedium";
    }
  
    .bottomText {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 64px;
      margin-bottom: 64px;
      text-align: center;
    }
  
    .boxImage {
      display: flex;
      justify-content: center;
      align-items: center;
      /* margin-top: 40px; */
    }
  
    .boxPraktisch {
      display: flex;
      flex-direction: row-reverse;
      justify-content: center;
      margin-bottom: 32px;
      margin-left: 28px;
      margin-right: 28px;
      margin-top: 20px;
    }
  
    .boxImage img {
      width: 65%;
      height: auto;
    }
  
    .titlePraktisch {
      position: absolute;
      top: 15%;
      left: 80%;
      transform: translateX(-50%);
      white-space: nowrap;
      text-align: center;
    }
  
    .titlePraktisch h2 {
      font-family: "newyork";
      color: #2c3e50;
      opacity: 20%;
      font-size: 64px;
      margin-top: 0px;
      margin-bottom: 0px;
    }
  
    .boxTextPraktisch {
      /* margin-top: 40px; */
      display: flex;
      flex-direction: column;
    }
  
    .boxTextPraktisch p {
      margin: 0px;
      margin-bottom: 4px;
      font-family: "poppinsMedium";
    }
  
    .boxTextPraktisch h3 {
      margin: 0px;
      margin-top: 24px;
      margin-bottom: 8px;
      font-family: "poppinsMedium";
      font-size: 16px;
    }

    .boxAdressMap {
        display: flex;
        flex-direction: column;
        width: 50%;
    }
  
    .mapContainer {
      display: flex;
    }
  
    .mapContainer iframe {
      margin-top: 24px;
      width: 100%;
      max-width: 350px;
      height: 250px;
      border: none;
    }
  
    .huisPraktisch {
      background-color: #2c3e50;
      color: #f8f5f2;
      padding: 16px;
      font-family: "poppinsRegular";
      font-size: 16px;
      display: flex;
      flex-direction: row;
      margin-top: 80px;
      margin-bottom: 80px;
    }
  
    .huisPraktisch span {
      font-family: "poppinsSemibold";
    }
  
    .welPraktisch ul {
      list-style-image: url("./images/vinkje.svg");
    }
  
    .welPraktisch li {
      margin-bottom: 10px;
      padding-left: 4px;
    }

    .welPraktisch {
        width: 58%;
    }
  
    .nietPraktisch ul {
      list-style-image: url("./images/kruisje.svg");
    }
  
    .nietPraktisch li {
      margin-bottom: 8px;
      padding-left: 4px;
    }
  
    .boodschapPraktisch {
      color: #2c3e50;
      font-family: "poppinsMediumItalic";
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 80px;
      padding-left: 120px;
      padding-right: 120px;
      text-align: center;
    }

    .contactBox {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 32px;
        padding-left: 28px;
        padding-right: 28px;
        margin-top: 20px;
    }
      
    .boxBoxes {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%; /* Ensure the container uses full available width */
    }
      
    .box1, .box2 {
        background-color: #2c3e50;
        color: #f8f5f2;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-grow: 1; /* Allow the boxes to grow */
        flex-basis: 45%; /* Set a base size for the boxes */
        padding: 20px; /* Optional: Add some padding to make content look better */
        margin: 0 10px; /* Optional: Add spacing between the boxes */
    }
      
    .line1, .line2 {
        background-color: #f8f5f2;
        width: 120px;
        height: 0.25px;
    }
      
    .boxEmail, .boxTelefoon {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 16px;
        margin-bottom: 16px;
    }
      
    .boxEmailText, .boxTelefoonText {
        padding-left: 40px;
        padding-right: 40px;
    }
      
    .boxEmailText p, .boxTelefoonText p {
        font-family: "poppinsMedium";
    }
      
    .email, .telefoon {
        padding-bottom: 40px;
    }
      
    .email p, .telefoon p {
        font-family: "poppinsMediumItalic";
        color: #d4af37;
    }
      
    .bereik p {
        font-family: "poppinsMedium";
        margin: 0px;
        margin-bottom: 4px;
        margin-left: 8px;
    }
      
    .titleContact {
        position: absolute;
        top: 10%;
        left: 85%;
        transform: translateX(-50%);
        width: auto;
    }
      
    .titleContact h2 {
        font-family: "newyork";
        color: #2c3e50;
        opacity: 20%;
        font-size: 64px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
      
    .footerContact {
        /* place footer at bottom of page */
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;

    }

    .mapContainer {
        display: flex;
        justify-content: start;
    }
}

@media (min-width: 1000px) {
    .omgeving {
        margin-left: 48px;
        margin-right: 48px;
    }

    .bottomText {
        margin-left: 120px;
        margin-right: 120px;
    }

    .huisPraktisch {
        padding-left: 28px;
        padding-top: 28px;
        padding-bottom: 28px;
    }

    .welPraktisch {
        width: 55%;
    }
    
    .firstLine,
    .lastLine {
        width: 120px;
    }

    .mapContainer {
        display: flex;
        justify-content: start;
    }
}

@media (min-width: 1100px) {
    .imgHome img {
        width: 86%;
        height: auto;
    }

    .mapContainer iframe {
        width: 100%;
        max-width: 400px;
        height: 250px;
      }

      .firstLine,
    .lastLine {
        width: 140px;
    }

    .boxListFooter {
        margin-left: 180px;
        margin-right: 180px;
    }

    .mapContainer {
        display: flex;
        justify-content: start;
    }

}


@media (min-width: 1250px) {
    .imgHome img {
        width: 70%;
        height: auto;
    }

    .navi a {
        text-decoration: none;
        color: #2c3e50;
        font-size: 16px;
        /* padding: 0 28px; */
    }

    .firstLine,
    .lastLine {
        width: 160px;
    }

    .boxListFooter {
        margin-left: 280px;
        margin-right: 280px;
    }

    .mapContainer {
        display: flex;
        justify-content: start;
    }
}

@media (min-width: 1400px) {
    .imgHome img {
        width: 65%;
        height: auto;
    }

    .imgHome {
        display: flex;
        justify-content: center;
        margin-top: 12px;
        margin-bottom: 56px;
    }

    .textHome {
        margin-left: 100px;
    }

    .omgeving {
        margin-left: 180px;
        margin-right: 180px;
    }

    .mapContainer {
        display: flex;
        justify-content: start;
    }

    .mapContainer iframe {
        width: 100%;
        max-width: 500px;
        height: 300px;
    }

    .huisPraktisch {
        padding-left: 80px;
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .welPraktisch {
        width: 60%;
    }

    .welPraktisch li {
        margin-bottom: 24px;
    }

    .navi a {
        text-decoration: none;
        color: #2c3e50;
        font-size: 16px;
        /* padding: 8px 16px; */
    }

    .titlePraktisch {
        position: absolute;
        top: 19%;
        left: 78%;
        transform: translateX(-50%);
        white-space: nowrap;
        text-align: center;
      }
    
      .titlePraktisch h2 {
        font-family: "newyork";
        color: #2c3e50;
        opacity: 20%;
        font-size: 64px;
        margin-top: 0px;
        margin-bottom: 0px;
      }

}

@media (min-width: 1800px) {
    .imgHome img {
        width: 60%;
        height: auto;
    }

    .imgHome {
        display: flex;
        justify-content: center;
        margin-top: 12px;
        margin-bottom: 56px;
    }


    .titlePraktisch {
        position: absolute;
        top: 13%;
        left: 78%;
        transform: translateX(-50%);
        white-space: nowrap;
        text-align: center;
      }
    
      .titlePraktisch h2 {
        font-family: "newyork";
        color: #2c3e50;
        opacity: 20%;
        font-size: 64px;
        margin-top: 0px;
        margin-bottom: 0px;
      }


      .textOmgeving {
        position: absolute;
        top: 12%;
        left: 83%;
        transform: translateX(-50%);
        white-space: nowrap;
        text-align: center;
      }
    

}