/* LumenSphere — stijlen voor de navigatiebalk. Hoort bij header/header.js. */
.nav { position: sticky; top: 0; background: #fff; display: flex; align-items: center; justify-content: space-between; padding: 14px 24px; border-bottom: 1px solid #e6e9ef; flex-wrap: wrap; gap: 8px; z-index: 5; }
.brand { font-weight: 700; font-size: 20px; color: #c0392b; text-decoration: none; }
.nav nav a.tab-link { margin-left: 18px; text-decoration: none; color: #445; cursor: pointer; }
.nav nav a.tab-link:hover, .nav nav a.tab-link.active { color: #c0392b; }
@media (max-width: 720px) { .nav nav a.tab-link { margin: 0 8px 0 0; } }