:root {
  --font-01: "Work Sans", sans-serif;
  --back01: transparent;
  --back-02: #5ccc89;
  --back-03: #dc3545;
  --bg-button: #5ccc89;
  --bg-button-hover: #5ccc89;
  --border-01: 5px solid #88d9a9;
  --border-02: 5px solid #5ccc89;
  --border-03: 5px solid #e6707c;
  --border-04: 5px solid #dc3545;
  --color-01: #23244c;
  --color-03: #23244c;
  --steps-bg: #EBF9F0;
  --steps-front: #5ccc89;
  
  --header-bg: #78B12A;
  --bg-body: #EBF9F0;
    --bg-img-02: url(logohome.png), linear-gradient(to right, var(--header-bg), var(--bg-body));
}

body {
  font-size: 1.2rem;
  font-weight: normal;
}

header {
  background-size: auto 90%, cover;
}

div#interform h2,
div#interform fieldset legend,
.welkom {
  font-size: 33px;
  line-height: 39px;
  text-transform: none;
}

div#interform fieldset fieldset legend {
  font-size: 21px;
}

button.refresh, div#interform .submit input, div#interform .previousnext input, div#interform .evenementbuttons input {
  font-size: calc(0.7875rem + 0.36vw);
  font-family: var(--font-01);
  align-items: center;
  background-color: var(--back-02);
  border-radius: 2.5rem;
  border: var(--border-01);
  font-weight: 400;
  justify-content: center;
  line-height: 1.2;
  padding: .4175rem 2.5rem;
  position: relative;
  text-decoration: none;
  transition: all .4s ease-in-out;
  margin: 15px 0;
  text-transform: lowercase;
}

button.refresh:hover, div#interform .submit input:hover, div#interform .previousnext input:hover, div#interform .evenementbuttons input:hover {
  cursor: pointer;
  border: var(--border-02);
}

button.refresh, div#interform .submit input {
  background-color: var(--back-03);
  border: var(--border-03);
}

button.refresh:hover, div#interform .submit input:hover {
  border: var(--border-04);
}

div.notitie .ql-editor {
  font-family: var(--font-01);
  font-size: initial;
  color:  var(--color-01);
}

p.footnote {
  font-size: small;
}

#intermaatje {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  gap: 1vw;
}

#intermaatje div {
  width: 30vw;
  min-width: 420px;
}

#intermaatje iframe {
  border: none;
  width: 100%;
  height: calc(100vh - 111px);
}