/* De UTRECHT — one stylesheet for all pages. Edit colours/sizes here.
   Three tiers, same breakpoints as the old WordPress theme: desktop (>=922px), tablet (545-921px), phone (<=544px). */
:root { --blue:#0170b9; --text:#4b4f58; --title:#3a3a3a; }
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; margin:0; min-height:100vh; display:flex; flex-direction:column; background:#000; color:var(--text); font:15px/1.65em -apple-system,"system-ui","Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; }
a { color:var(--blue); }
main { flex:none; width:calc(100% - 40px); max-width:1200px; margin:60px auto; background:#fff; padding:45px; }
h1 { margin:0 0 22.5px; font-size:26px; font-weight:400; color:var(--title); line-height:1.2; }
main img { display:block; width:100%; height:auto; margin:0 0 1em; }
main img.wide { width:calc(100% + 90px); max-width:none; margin:0 -45px 1em; }   /* edge-to-edge in the white card */
main img.logo { width:98px; height:98px; margin:0 auto 1em; }
.hero { display:block; width:678px; max-width:100%; margin:0 auto; aspect-ratio:678/479; }
.hero img { margin:0; width:100%; height:100%; }
.wide + .logo { margin-top:calc(1em + 50px); }   /* the old page had a 50px spacer here */
.hero + .logo { margin-top:calc(1.6em + 50px); }   /* ...and an empty paragraph + 50px spacer here */   /* the old page had an empty paragraph + 50px spacer here */
.address { margin:0; text-align:center; }
.address.tail { margin-bottom:1.6em; }   /* the home page ends with an empty paragraph */
.buttons { display:flex; flex-direction:column; align-items:center; gap:24px; margin:0 0 22.5px; }
.button { display:inline-block; background:var(--blue); color:#fff; border-radius:9999px; padding:15px 30px; line-height:1; text-decoration:none; }
.button strong { font-weight:700; }
.pdf-block { padding:3em; }
.file { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; font-size:.8em; margin-bottom:1.5em; }
.file .pdf { flex:0 0 100%; width:100%; height:1024px; margin-bottom:1em; }
.file .button { margin-left:.75em; }
footer { margin-top:auto; min-height:120px; padding:20px 0 30px; text-align:center; color:#fff; }
footer div { max-width:1240px; margin:0 auto; padding:0 20px; }
footer p { margin:0; }
footer .small { font-size:13.3333px; }

@media (max-width:921px) {
  body { font-size:13.68px; }
  main { margin:54.72px auto; padding:41.04px; }
  h1 { font-size:23.712px; margin-bottom:13.68px; }
  main img.wide { width:calc(100% + 40px); margin:0 -20px 1em; }
  .buttons { margin-bottom:20.52px; }
  .button { padding:14px 28px; }
  .pdf-block { padding:3em 2em; }
  footer div { padding:0; }
}
@media (max-width:544px) {
  main { width:calc(100% - 14.76px); padding:20.52px 13.68px; }
  .button { padding:12px 24px; }
  .pdf-block { padding:3em 1.5em; }
}