/* One shared, borderless logo stage across every route. */
body .header{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;height:68px;min-height:0;padding:0 clamp(24px,5vw,80px);display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:24px}
body .header .brand{position:relative;display:block;width:220px;height:32px;flex:0 0 220px;overflow:hidden;border:0;border-radius:0;background:none;box-shadow:none;mix-blend-mode:normal;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;text-decoration:none;isolation:isolate}
body .header .brand:active{cursor:grabbing}body .header .brand:focus{outline:none}body .header .brand:focus-visible{outline:1px solid #c6b5ff;outline-offset:5px}
.logo-track{display:flex;width:300%;height:100%;position:relative;left:-100%;transform:none}
.logo-slide{flex:0 0 33.333333%;height:100%;display:flex;align-items:center;justify-content:flex-start;padding:0 2px;box-sizing:border-box}
.logo-vector{display:block;width:100%;height:24px;max-width:100%;object-fit:fill;object-position:left center;pointer-events:none;user-select:none}
body .header nav{display:flex;gap:24px;align-items:center}body .header .header-link{font-size:12px;white-space:nowrap}
@media(max-width:700px){body .header{height:88px;padding:10px 20px;display:grid;grid-template-columns:1fr;grid-template-rows:32px 30px;justify-items:start;align-items:center;gap:6px}body .header .brand{width:176px;height:32px;flex-basis:176px}body .header nav{gap:14px}body .header .header-link{font-size:10px}}

@media(max-width:700px){.logo-vector{height:20px}}

body .header .brand[data-moving="true"] .logo-track{will-change:transform}

/* Section accents are shared by navigation on every route. */
body :is(.header .header-link,.project-entry a){--nav-accent:var(--text);transition:color .18s ease}
body :is(.header .header-link,.project-entry a)[href$="#spiele-apps"]{--nav-accent:#80c6d9}
body :is(.header .header-link,.project-entry a)[href="/events/"]{--nav-accent:#fffc00}
body :is(.header .header-link,.project-entry a)[href="/spielkultur/"]{--nav-accent:#c6b5ff}
body :is(.header .header-link,.project-entry a)[href="/leichtigkeit/"]{--nav-accent:#dbff70}
body :is(.header .header-link,.project-entry a):is(:hover,:focus-visible){color:var(--nav-accent)}
@media(max-width:800px){body .header{height:auto;min-height:118px;padding:10px 20px;display:grid;grid-template-columns:1fr;grid-template-rows:32px auto;justify-items:start;align-items:center;gap:6px}body .header .brand{width:176px;height:32px;flex-basis:176px}body .header nav{display:grid;grid-template-columns:max-content max-content;column-gap:24px;row-gap:0;align-items:center}body .header .header-link{font-size:11px;padding:8px 0}}
@media(prefers-reduced-motion:reduce){body .header .header-link{transition:none}}