JumpTo
Sprungnavigation mit automatischem Scroll-Spy. Erkennt den sichtbaren Abschnitt per IntersectionObserver und markiert den aktiven Link. Unterstützt verschachtelte Ebenen (h2, h3, h4) und einen Sticky-Modus für Sidebar-Layouts.
Standard (inline)
Das JumpTo wird als Block-Element im Content platziert. Ideal für den Seitenanfang als Inhaltsverzeichnis.
Inline-Variante
<JumpTo items={[
{ label: 'Überblick', id: 'überblick' },
{ label: 'Leistungen', id: 'leistungen' },
{ label: 'Beratung', id: 'beratung', level: 3 },
{ label: 'Preise', id: 'preise' },
]} />Sticky Sidebar-Layout
Mit sticky haftet die Navigation beim Scrollen. Hier im fixed-grid mit data-cols="sidebar-right":
Überblick
Willkommen beim Klima-Werk Musterstadt. Seit über 20 Jahren begleiten wir Bürgerinnen, Bürger und Gewerbe bei Förderprogrammen, ÖPNV und Klimaschutz. Wir haben mehr als 500.000 Förderbescheide ausgestellt. Klimaschutz steht im Mittelpunkt unserer Strategie.
Als kommunale Stelle sind wir fest in der Region verwurzelt. Wir investieren in erneuerbare Energien, moderne Mobilität und digitale Services, die Ihnen den Alltag erleichtern.
Unsere Leistungen
Wir bieten ein breites Spektrum an Dienstleistungen rund um Förderung, ÖPNV und Klimaschutz. Von der klassischen Förderberatung bis hin zu innovativen Mobilitäts-Lösungen.
Beratung
Unsere Förder-Lotsen analysieren Ihre Situation und finden das passende Programm. Persönlich vor Ort, telefonisch oder per Video-Call. Wir prüfen Fördermoegllichkeiten für Sanierungen und beraten zu Photovoltaik und Wärmepumpen.
Umsetzung
Von der Antragstellung bis zur Auszahlung begleiten wir Sie bei jedem Projekt. Ob Solar-Förderung, Ladestation für Ihr E-Auto oder Lastenrad-Zuschuss: Unsere Förder-Lotsen sorgen für einen reibungslosen Ablauf.
Förderhöhen
Transparente Förderhöhen ohne versteckte Bedingungen. Alle Programme sind kombinierbar mit KfW- und Bundesförderung. Antrag jederzeit online — ohne Mindestlaufzeit. Unser Grundprogramm bietet faire Förderhöhen, während Bonus-Bausteine zusätzliche Vorteile wie hoehere Zuschüsse oder Vorrang in der Bearbeitung beinhalten.
Nutzen Sie unseren Online-Förder-Check, um das passende Programm für Ihr Vorhaben zu finden. Bei einer typischen 8 kWp-PV-Anlage erhalten Sie mit unserem SolarBonus bis zu 2.000 Euro Zuschuss.
Haeufige Fragen
Die wichtigsten Antworten auf einen Blick: Wie prüfe ich meinen Förder-Status? Was tun bei einer ÖPNV-Störung? Wie reiche ich Belege nach? Unser FAQ-Bereich wird laufend aktualisiert und deckt die häufigsten Anliegen unserer Antragsteller ab.
Sollte Ihre Frage nicht dabei sein, erreichen Sie unseren Bürgerservice montags bis freitags von 8 bis 18 Uhr. Über die App können Sie auch außerhalb der Servicezeiten Anfragen stellen.
Kontakt
Besuchen Sie uns im Bürgerzentrum am Marktplatz 12 oder nutzen Sie unsere digitalen Kanäle. Telefon: 0800 123 456 (kostenfrei). E-Mail: service@klima-werk-beispiel.de. Unsere Online-Services stehen Ihnen rund um die Uhr zur Verfügung.
Eigener Titel
Der Titel laesst sich über die title-Prop anpassen:
Mit benutzerdefiniertem Titel
<JumpTo
items={items}
title="Auf dieser Seite"
/>Verschachtelte Ebenen
Über level können Unterpunkte eingerueckt werden. Level 3 wird mit pl-4, Level 4 mit pl-8 eingerueckt.
Mit Einrückung
<JumpTo items={[
{ label: 'Hauptthema', id: 'main' },
{ label: 'Unterthema', id: 'sub', level: 3 },
{ label: 'Detail', id: 'detail', level: 4 },
]} />Installation
cp-components add jumpto