/* De Slimme Brug, gedeelde huisstijl voor de subsites
   Lokale fonts en de menubalk en footer van deslimmebrug.nl (lichte variant). */
@font-face{font-family:"Inter";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:500;font-style:normal;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:600;font-style:normal;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/inter-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-weight:500;font-style:normal;font-display:swap;src:url(fonts/space-grotesk-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-weight:600;font-style:normal;font-display:swap;src:url(fonts/space-grotesk-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/space-grotesk-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-weight:500;font-style:normal;font-display:swap;src:url(fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2")}

/* menubalk, gelijk aan deslimmebrug.nl */
.dsbh-nav{position:relative;z-index:60;background:#061829;border-bottom:1px solid rgba(168,200,235,.16);color:#EEF3F8;font:400 15px/1.5 "Inter",system-ui,sans-serif}
.dsbh-wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.dsbh-nav .dsbh-wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
.dsbh-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#EEF3F8;font:600 19px "Space Grotesk",system-ui,sans-serif;letter-spacing:-.01em;white-space:nowrap}
.dsbh-logo svg{flex:none}
.dsbh-logo small{font:500 11px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#A8BBCF;margin-left:2px}
.dsbh-nav ul{display:flex;gap:32px;list-style:none;margin:0;padding:0}
.dsbh-nav ul a{text-decoration:none;color:#A8BBCF;font-size:15px;font-weight:500;transition:color .2s}
.dsbh-nav ul a:hover{color:#EEF3F8}
.dsbh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;background:#FF6B2C;color:#061829;font:600 14px "Inter",system-ui,sans-serif;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s}
.dsbh-btn:hover{background:#FF8A52;transform:translateY(-1px)}
.dsbh-y{display:none}
.dsbh-nav :focus-visible,.dsbh-foot :focus-visible{outline:2px solid #FF6B2C;outline-offset:3px;border-radius:4px}
@media (max-width:860px){.dsbh-nav ul{display:none}.dsbh-logo{font-size:17px}}
@media (max-width:480px){.dsbh-btn{font-size:13px;padding:0 14px}.dsbh-logo{font-size:15px;gap:8px}.dsbh-logo svg{width:30px;height:30px}.dsbh-logo small{display:none}}
@media (max-width:420px){.dsbh-x{display:none}.dsbh-y{display:inline}}

/* footer, gelijk aan deslimmebrug.nl */
.dsbh-foot{background:#061829;border-top:1px solid rgba(168,200,235,.16);padding:36px 0;color:#A8BBCF;font:400 14px/1.6 "Inter",system-ui,sans-serif}
.dsbh-foot .dsbh-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 32px}
.dsbh-foot nav{display:flex;flex-wrap:wrap;gap:20px}
.dsbh-foot a{color:#A8BBCF;text-decoration:none}
.dsbh-foot a:hover{color:#EEF3F8}

/* cookietoestemming, gelijk aan deslimmebrug.nl */
.dsbh-foot nav button{background:none;border:0;padding:0;font:inherit;color:#A8BBCF;cursor:pointer}
.dsbh-foot nav button:hover{color:#EEF3F8}
.dsbh-consent{position:fixed;z-index:100000;left:clamp(20px,4vw,48px);right:clamp(20px,4vw,48px);bottom:20px;max-width:560px;margin-left:auto;padding:22px 24px;border:1px solid rgba(168,200,235,.16);border-radius:16px;background:#0A2238;color:#EEF3F8;box-shadow:0 20px 60px rgba(0,0,0,.45);display:none;font:400 15px/1.55 "Inter",system-ui,sans-serif}
.dsbh-consent.show{display:block}
.dsbh-consent h2{font:600 18px "Space Grotesk",system-ui,sans-serif;margin:0 0 8px;letter-spacing:-.01em;color:#EEF3F8}
.dsbh-consent p{margin:0;color:#C3D1DF}
.dsbh-consent p a{color:#FF8A52}
.dsbh-consent-knoppen{display:flex;gap:12px;margin-top:16px}
.dsbh-btn{border:0;cursor:pointer}
.dsbh-btn-ghost{background:transparent;color:#EEF3F8;border:1px solid rgba(168,200,235,.35)}
.dsbh-btn-ghost:hover{background:transparent;border-color:rgba(238,243,248,.6)}
@media (max-width:640px){
  .dsbh-consent{left:0;right:0;bottom:0;max-width:none;border-radius:16px 16px 0 0;padding:14px 16px calc(14px + env(safe-area-inset-bottom))}
  .dsbh-consent h2{display:none}
  .dsbh-consent p{font-size:13px;line-height:1.45}
  .dsbh-consent-knoppen{margin-top:10px;gap:8px}
}