/**
 * Sprungmarke zum Hauptinhalt (WCAG 2.4.1, Ebene A).
 *
 * Unsichtbar, bis sie den Fokus bekommt – dann erscheint sie als erstes
 * bedienbares Element oben links. Wer mit der Tastatur navigiert, überspringt
 * damit Kopfzeile und Navigation, statt sie auf jeder Seite durchzutabben.
 */
export function SkipLink() {
  return (
    <a
      href="#inhalt"
      className="sr-only rounded-md bg-background px-4 py-2 text-sm font-medium text-foreground shadow-lg outline-none ring-2 ring-ring focus:not-sr-only focus:absolute focus:top-3 focus:left-3 focus:z-50"
    >
      Zum Inhalt springen
    </a>
  )
}