/*Font*/
/*body Font-sizes*/
/*Titles*/
/*clampSizes= min flex max font-size*/
/*In theorie kan de flex berekend worden op een gewenste websitebreedte > nog onderzoeken*/
/*werk met em waardes. Dan zal dit verhoudingsgewijs steeds kloppen*/
/*werk met em waardes. Dan zal dit verhoudingsgewijs steeds kloppen*/
:root:not(#oxygen-ui) {
  font-size: 62.5%;
}
/*Dynamisch lettergroottes bepalen*/
body h1 {
  font-size: clamp(4rem, 8vw, 8rem);
}
body h2 {
  font-size: clamp(3.6rem, 5vw, 4rem);
}
body h3 {
  font-size: clamp(3.2rem, 5.5vw, 3.6rem);
}
body h4 {
  font-size: clamp(2.8rem, 4.5vw, 3.2rem);
}
body h5 {
  font-size: clamp(2.4rem, 3.5vw, 2.8rem);
}
body h6 {
  font-size: clamp(2rem, 3vw, 2.4rem);
}
body p {
  font-size: 1em;
  margin: 0 0 0.5em 0;
}
body a {
  color: black;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  margin: 0.2em 0;
  padding-bottom: 0;
}
body h1:first-child, body h2:first-child, body h3:first-child, body h4:first-child, body h5:first-child, body h6:first-child {
  margin: 0 0 0.2em 0;
}
body h1 strong, body h2 strong, body h3 strong, body h4 strong, body h5 strong, body h6 strong {
  font-weight: 700;
}
/*NAV*/
nav li {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
nav li a {
  background: #efefef;
  margin-top: 4px;
  display: inline-flex;
  width: auto;
  padding: 5px 10px;
}
/* FOOTER */
footer {
  padding: 40px;
  font-size: 0.75em;
}
footer a {
  color: inherit;
}
/*CF7*/
.wpcf7 input, .wpcf7 textarea {
  color: white;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  background: white;
}
.wpcf7 wpcf7-response-output {
  background: white;
}
.wpcf7 .wpcf7-not-valid-tip {
  color: pink;
}