/* Dezelfde knoppenbalk op elke pagina. */
header { background:#17324d; color:white; padding:22px 8%; display:flex; justify-content:space-between; align-items:center; gap:20px; position:sticky; top:0; z-index:100; box-shadow:0 2px 8px rgba(0,0,0,.12); }
header .logo { flex-shrink:0; font-size:24px; font-weight:bold; letter-spacing:1px; }
header .logo a { color:white; text-decoration:none; }
header nav { display:flex; flex-wrap:wrap; align-items:center; gap:8px 20px; }
header nav a { color:white; text-decoration:none; margin-left:0; padding:6px 0; font-size:15px; white-space:nowrap; }
header nav a:hover { color:#7dd3c2; }
header nav a[aria-current="page"] { color:#7dd3c2; text-decoration:underline; text-underline-offset:6px; }
header nav a:focus-visible { outline:2px solid #7dd3c2; outline-offset:4px; }
@media(max-width:1100px) { header { flex-direction:column; align-items:flex-start; gap:8px; padding:12px 8%; } header nav { width:100%; flex-wrap:wrap; overflow-x:visible; gap:4px 18px; } }
@media print { header { display:none!important; } }