Header Component Demo
Scrollen Sie nach unten, um den Sticky Header-Effekt zu sehen. Testen Sie auch das mobile Menü (verkleinern Sie das Browser-Fenster).
Header Features
Sticky Header
Bleibt beim Scrollen oben fixiert. Ändert Höhe und Schatten für bessere UX.
Mobile Menu
Responsives Hamburger-Menü für Tablets und Smartphones mit Slide-In Animation.
Logo & Branding
Echtes Praxis-Logo integriert mit Tagline. Responsive Größenanpassung.
Quick Contact
Telefonnummer prominent platziert. CTA-Button für Terminbuchung.
Smooth Animations
Weiche Transitions beim Scrollen, Hover und Mobile-Menu öffnen/schließen.
Accessibility
ARIA Labels, Keyboard-Navigation, Focus-States - vollständig barrierefrei.
Scrollen Sie, um den Sticky-Effekt zu sehen
Der Header bleibt beim Scrollen oben fixiert und passt seine Größe an.
Weiter scrollen...
Header bleibt oben! ✅
Der Header hat seine Größe angepasst und zeigt jetzt einen Schatten für bessere Sichtbarkeit.