/* Formulierstijl — alleen gebruikt op de contactpagina */
form { max-width: 34rem; margin-top: 2rem; }

.veld { margin-bottom: 1.5rem; }

.veld label {
  display: block;
  font-weight: 600;
  font-size: .95rem;
  margin-bottom: .4rem;
}

.veld input,
.veld textarea {
  width: 100%;
  font: inherit;
  color: var(--inkt);
  background: #fff;
  border: 1.5px solid var(--lijn);
  border-radius: 10px;
  padding: .75rem .9rem;
  transition: border-color .12s ease;
}
.veld textarea { resize: vertical; min-height: 8rem; }
.veld input:hover, .veld textarea:hover { border-color: var(--grijs); }

.veld input[aria-invalid="true"],
.veld textarea[aria-invalid="true"] { border-color: #a8402f; border-width: 2px; }

.hulp { font-size: .84rem; color: var(--grijs); margin: .4rem 0 0; }

.fout {
  font-size: .87rem;
  font-weight: 500;
  color: #a8402f;
  margin: .4rem 0 0;
}

.melding {
  margin-top: 1.25rem;
  padding: .9rem 1.1rem;
  border-radius: 10px;
  font-size: .95rem;
}
.melding.goed { background: #e3efe5; color: #23482e; border: 1px solid #b9d6bf; }
.melding.slecht { background: #f7e3df; color: #7a2d20; border: 1px solid #e0b8b0; }

.honing {
  position: absolute;
  width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}