/* Header (fixiert) */
.site-header{position:sticky;top:0;z-index:1000;height:var(--header-h);background:#fff;border-bottom:1px solid var(--border);box-shadow:0 1px 6px rgba(0,0,0,.04)}
.site-header .wrap{max-width:var(--maxw);margin:0 auto;height:100%;display:flex;align-items:center;gap:.75rem;padding:0 12px}
.brand{font-weight:700;white-space:nowrap}
.year-chip{font-size:.9rem;color:var(--muted);border:1px solid var(--border);padding:.2rem .5rem;border-radius:999px}
.nav{margin-left:auto;overflow-x:auto;-webkit-overflow-scrolling:touch}
.nav ul{display:flex;flex-wrap:nowrap;gap:.5rem;list-style:none;margin:0;padding:0;white-space:nowrap}
.nav a{display:inline-block;padding:.5rem .75rem;border-radius:10px;color:var(--brand);text-decoration:none}
.nav a.active{background:var(--brand-weak)}

/* Footer */
.site-footer{border-top:1px solid var(--border);background:#fafafa;margin-top:24px}
.site-footer .wrap{max-width:var(--maxw);margin:0 auto;padding:14px 12px;display:flex;gap:1rem;flex-wrap:wrap;align-items:center;color:var(--muted)}
.site-footer .links{margin-left:auto;display:flex;gap:1rem}

/* Abstand für fixierten Header */
body{scroll-padding-top:calc(var(--header-h) + 8px)}