/* Contact: pagina-specifieke stijl */
.top { position: relative; height: 183px; background: var(--bg-soft); }
.contact { padding-bottom: 100px; }
.contact .card {
  position: relative; margin-top: -0px; background: var(--bg-soft); border-radius: 32px 32px 0 0;
  box-shadow: 0 2px 23px #80a9e9; text-align: center; padding: 96px 24px 132px; color: var(--brand);
}
.contact h1 { font-size: 28px; line-height: 64px; letter-spacing: -.01em; font-weight: 700; color: var(--brand); margin-bottom: 64px; }
.contact .txt { max-width: 345px; margin: 0 auto; font-size: 17px; line-height: 32px; letter-spacing: -.01em; }
.contact .txt p + p { margin-top: 32px; }
.contact .txt a { color: var(--brand); text-underline-offset: 3px; }
.contact .txt a:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }

@media (min-width: 768px) {
  .top { height: 213px; }
  .contact { padding-bottom: 64px; }
  .contact .card { padding: 96px 40px 132px; }
  .contact h1 { font-size: 34px; }
  .contact .txt { max-width: 688px; font-size: 20px; }
}
@media (min-width: 1100px) {
  .contact .card { padding: 96px 216px 132px; }
  .contact h1 { font-size: 48px; }
  .contact .txt { max-width: 1008px; font-size: 24px; }
  .contact .txt p + p { margin-top: 32px; }
}