header position: fixed; padding-top des darunter liegenden Elements anpassen

[djr]

@Gunnar Bittersmann

Wenn seiteninterne Sprungmarken vorhanden sind, werden die beim Anspringen am oberen Bildschirmrand plaziert, d.h. hinter dem Header versteckt.

Dagegen hilft in immer mehr Browsern:

html {
	scroll-padding-top: 6rem;
}

(Um ältere Chromium-Browser zu unterstützen, muss zusätzlich der body selektiert werden.)