/* Oogcentrum Diksmuide – basisstijl. Lettertypes staan op de eigen server: geen externe diensten, geen cookies. */
@font-face{font-family:"Bricolage Grotesque";src:url("fonts/bricolage-grotesque-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url("fonts/bricolage-grotesque-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("fonts/hanken-grotesk-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("fonts/hanken-grotesk-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url("fonts/hanken-grotesk-latin-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Lexend";src:url("fonts/lexend-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Lexend";src:url("fonts/lexend-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:#163B3A;font-family:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6}
h1,h2,h3{font-family:"Bricolage Grotesque","Hanken Grotesk",system-ui,sans-serif;margin:0;line-height:1.12}
p{margin:0}
img{max-width:100%}
a{color:#357A76}a:hover{color:#24524F}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #F2B84B;outline-offset:3px}

.overslaan{position:absolute;left:16px;top:-60px;background:#163B3A;color:#FFFFFF;padding:10px 16px;border-radius:8px;z-index:10}
.overslaan:focus{top:12px;color:#FFFFFF}

/* Inschrijfformulier */
.verborgen-veld{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.melding{min-height:1.6em;font-size:16px;font-weight:600;color:#FFFFFF}
.melding:empty{min-height:0}
.melding.fout::before{content:"Let op: "}
button[disabled]{opacity:.7;cursor:progress}

/* Privacyverklaring */
.tekst{max-width:760px;margin:0 auto;padding:64px 24px 88px}
.tekst h1{font-size:48px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}
.tekst h2{font-size:26px;font-weight:700;margin:44px 0 12px}
.tekst p,.tekst ul{margin:0 0 14px}
.tekst ul{padding-left:22px}
.tekst li{margin-bottom:6px}
.tekst .datum{color:#4A5F5D;margin-bottom:32px}

@media (max-width:640px){
  h1{font-size:40px!important}
  h2{font-size:30px!important}
  .tekst h1{font-size:36px!important}
  .tekst h2{font-size:23px!important}
  .ruim{padding:36px 24px!important}
  .sectie{padding-top:64px!important;padding-bottom:64px!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}