body {
      margin: 0;
      font-family: "Inter", sans-serif;
      background-color: #f0f0f0;
	  font-size: 16px;
    }

    .page-wrapper {
      display: flex;
      justify-content: center;
      padding: 20px;
      box-sizing: border-box;
    }

    .card {
      background-color: #ffffff; /* wit vlak */
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12); /* schaduwrand */
      border-radius: 8px;
      max-width: 1100px;
      width: 100%;
      padding: 32px 32px 100px 32px;
      box-sizing: border-box;
    }

    .columns {
	  padding-top: 40px;	
	  padding-bottom: 30px;
	  border-top: 20px solid #8DC73F;
      display: grid;
      grid-template-columns: 0.6fr 1fr; /* linkerkolom smaller */
      gap: 24px;
    }

    /* Responsive: op small screens één kolom */
    @media (max-width: 768px) {
      .card {
        padding: 20px;
      }

      .columns {
        grid-template-columns: 1fr;
      }
    }

	a {
	  color: #002E63;
	  text-decoration: none;
    }

	a:hover {
	  color: #8DC73F;
	  text-decoration: none;
    }

    h1 {
      margin-top: 0;
	  margin-bottom: 20px;
      font-size: 24px;
	  line-height: 28px;
      font-weight: 800;
      font-family: "Nunito Sans", sans-serif; /* Alleen h1 in Nunito Sans */
	  font-style: italic;
	  color: #002E63;
    }
	
	h2 {
      margin-top: 5px;
	  margin-bottom: 20px;
      font-size: 20px;
	  line-height: 20px;
      font-weight: 800;
      font-family: "Nunito Sans", sans-serif; /* Alleen h1 in Nunito Sans */
	  font-style: italic;
	  color: #002E63;
    }
	
	strong {
	  color: #002E63;
    }

    p {
      margin-top: 0;
      line-height: 1.5;
    }
	
	header {
		border-bottom: 2px solid #002E63;
		padding-bottom: 20px;
	}	
	
	.logo {
		max-width: 300px;
	}
	
	.foto {
      border-radius: 8px;
	  max-width: 100%;
    }