html {height: 100%}

body {height: 100%;
      margin: 0;
      background-color: #FFF;
      font-size: 62.5%}


.logo-container {
  width: 100%;
  max-width: 2000px;
  aspect-ratio: 8 / 1;
  min-height: 150px;
  margin-left: auto;
  margin-right: auto;
  background: radial-gradient(at top, #2bc7af, #fff);

  /* centreren van het logo */
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo {
  /* Voorkom dat het logo groter wordt dan de container */
  max-width: 90%; 
  max-height: 90%;
  height: auto;
}



h2 {font-family: Arial, sans-serif;
    font-size: 1.7em;
    font-weight: bold;
    font-style: normal;
    padding-top: 1.2em;
    padding-bottom: 0.8em}


.box-000 {width: 100%;
          padding: 3em 0 1.2em 0;
          background-color: #000}

.box-FFF {width: 100%;
          padding: 3em 0 1.2em 0;
          background-color: #FFF}

.content-box {width: 100%;
              max-width: 1038px;
              margin: auto}


.content {padding: 0 1em 0 1em;
          font-family: Arial, sans-serif;
          font-size: 1.9em;
          line-height: 160%;
          color: #16333C}

.content a{color: #449DBC;
           font-style: italic;
           font-weight: bold;
           text-decoration: none}

.content a:hover{color: #449DBC;
                 font-style: italic;
                 font-weight: bold;
                 text-decoration: underline}


.container {
  background: radial-gradient(at top, #2bc7af, #fff);
  width: 100%;
  max-width: 2000px;
  display: flex;
  flex-wrap: wrap;       /* Zorgt dat ze onder elkaar gaan bij weinig ruimte */
  justify-content: center; /* Centreert de foto's */
  gap: 5em;              /* De ruimte tussen de foto's */
  padding: 100px 20px;    /* Ruimte boven/onder en aan de zijkanten */
  margin-top: 6em;
  margin-right: auto;
  margin-bottom: 5em;
  margin-left: auto;
  box-sizing: border-box;
}

.foto-1col {
  width: 100%;
  max-width: 1200px;
  height: auto;
}

.foto-2col {
  width: 100%;           /* Neemt volledige breedte op mobiel */
  max-width: 700px;      /* Wordt nooit breder dan 700px */
  height: auto;          /* Behoudt de verhoudingen van de foto */
}