statt , damit der fixed Header stabil stehen bleibt. Nur über die Klasse .page-enter (per JS gesetzt, siehe script.js) statt bedingungslos auf

-> sonst spielt die Animation auch bei einem simplen Reload, was kurz einen leeren Streifen unter dem fixen Header sichtbar macht (main startet 22px tiefer als seine finale Position). Beim Reload wird die Klasse bewusst nicht gesetzt, bei echter Navigation schon. */ main.page-enter { animation: page-enter 0.6s cubic-bezier(0.22, 1, 0.36, 1) both; } @keyframes page-enter { from { transform: translateY(22px); } to { transform: translateY(0); } } main.page-exit { animation: page-exit 0.32s cubic-bezier(0.4, 0, 1, 1) both; } @keyframes page-exit { from { transform: translateY(0); } to { transform: translateY(-14px); } } @media (prefers-reduced-motion: reduce) { main.page-enter, main.page-exit { animation: none; } } .container { max-width: var(--max-width); margin: 0 auto; padding: 0 32px; } a { color: inherit; text-decoration: none; } /* ---------- Custom Cursor ---------- */ @media (hover: hover) and (pointer: fine) { * { cursor: none !important; } /* video::-webkit-* sitzt im geschlossenen UA-Shadow-DOM der nativen