/* Impaxo — huisstijl Flare. Gegenereerd uit de ontwerpbestanden. */
body { margin: 0; background: #121826; font-family: 'Sora', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
* { box-sizing: border-box; }
a { color: #E63946; text-decoration: none; }
a:hover { color: #BF2D38; }
h1, h2, h3, p, ul, li { margin: 0; padding: 0; }
li { list-style: none; }
button { font-family: inherit; cursor: pointer; }
[hidden] { display: none !important; }

/* Navigatie */
.nav-desk { display: flex; }
.nav-burger { display: none; }
.nav-mobile { display: none; }
.nav-mobile.is-open { display: block; }
.nav-panel { display: none; }
.nav-item.is-open .nav-panel { display: block; }
@media (max-width: 959px) {
  .nav-desk { display: none !important; }
  .nav-burger { display: flex !important; }
}

/* FAQ */
.faq-answer { display: none; }
.faq-answer.is-open { display: block; }
button[aria-expanded="true"] .faq-chevron { transform: rotate(-135deg) !important; }

/* Hover- en focusvarianten (uit de ontwerpbestanden) */
.h1:hover { color: #E63946 !important; }
.h2:hover { background: #2A3450 !important; color: #F5F6FA !important; }
.h3:hover { background: #BF2D38 !important; color: #FFFFFF !important; }
.h4:hover { background: #BF2D38 !important; border-color: #BF2D38 !important; color: #FFFFFF !important; }
.h5:hover { background: rgba(255,255,255,0.05) !important; color: #C0C6D6 !important; }
.h6:hover { color: #C0C6D6 !important; }
.h7:hover { border-color: #E63946 !important; color: #F5F6FA !important; }
.h8:hover { border-color: #E63946 !important; color: #121826 !important; }
.h9:hover { background: #BF2D38 !important; }
.h10:hover { color: #BF2D38 !important; }
.h11:hover { background: rgba(230,57,70,0.15) !important; color: #E63946 !important; }
.f1:focus { left: 0 !important; }
.f2:focus { border-color: #E63946 !important; outline: none !important; }