{ "$schema": "../../schema.json", "schema": "fundus/1", "id": "kostenrechner-konfigurator", "name": "Kostenrechner mit Spanne", "name_en": "Cost estimator / configurator with live price range", "kurz": "Fläche, Ausstattung und Optionen einstellen, die Kosten stehen sofort als ehrliche Spanne mit Aufschlüsselung da und gehen mit einem Klick als Anfrage an den Betrieb.", "kategorie": "Sektionen & Funktionen", "kategorie_slug": "sektionen", "kategorie_nr": 16, "bau_chat": "D", "prioritaet": "D", "trendstatus": "etabliert", "belegstatus": "belegt", "website_belege": 2, "stimmung": [ "präzise", "warm" ], "stimmung_roh": [ "funktional", "ehrlich", "handwerklich" ], "technik": [ "css", "vanilla-js", "form", "intl", "svg" ], "technik_gruppen": [ "css", "js", "canvas" ], "leistungskosten": "niedrig", "steckbrief": { "beschreibung": "Ein Rechner schätzt die Kosten eines Vorhabens, etwa einer Badsanierung oder einer Dachdämmung. Schieberegler für Fläche, Stufen für Ausstattung und Optionen als Häkchen. Das Ergebnis steht live als Spanne von bis, nicht als scheinbar genauer Einzelpreis. Darunter eine Aufschlüsselung nach Posten, der Hinweis „unverbindliche Schätzung“ mit dem, was nicht enthalten ist, und ein Knopf, der die Auswahl an ein Anfrageformular übergibt.", "warum_es_wirkt": "Die erste Frage jedes Kunden ist „Was kostet das ungefähr?“. Eine ehrliche Spanne beantwortet sie, ohne ein Angebot vorwegzunehmen. Wer schon gerechnet hat, fragt gezielter an, und der Betrieb bekommt Fläche, Ausstattung und Wünsche gleich mitgeliefert.", "wann_einsetzen": "Handwerk mit wiederkehrenden Leistungen (Bad, Dach, Fassade, Boden, Malerarbeiten), Paket- oder Ratenrechner bei SaaS und Kursanbietern, überall dort, wo Preise von wenigen Größen abhängen.", "wann_nicht": "Wenn der Betrieb keine belastbaren Erfahrungswerte hat oder jeder Auftrag ganz anders ist. Dann besser Ab-Preise und Beispielprojekte nennen. Nie als verstecktes Lead-Formular, das erst nach der Kontaktangabe ein Ergebnis zeigt.", "varianten": [ "Badsanierung: Fläche, Ausstattungsstufe, Optionen (bodengleiche Dusche, Wand-WC, Fußbodenheizung)", "Dachdämmung: Dachfläche, Verfahren (zwischen den Sparren, auf den Sparren, oberste Geschossdecke), Dämmstoff, Dachfenster", "Ratenrechner: Betrag und Laufzeit mit Monatsrate (Finanzierung, Kurse)", "Paketrechner: Anzahl Nutzer, Laufzeit, Zusatzmodule (SaaS)" ], "umsetzung": "Ein
mit input type=range (Fläche) samt Plus/Minus-Knöpfen, Radiokarten (Stufe) und Checkboxen (Optionen). Jede Änderung rechnet alle Posten als [min, max] neu, rundet auf 100 € und gibt mit Intl.NumberFormat('de-DE') aus. Die Spanne steht in , eine gedrosselte aria-live-Zeile sagt nur den Endwert an. Aufschlüsselung als Liste mit Farbbalken (flex-grow nach Mitte des Postens). Der Knopf „Diese Auswahl anfragen“ schreibt eine lesbare Zusammenfassung in ein verstecktes Feld und zeigt sie über dem Formular mit „Auswahl ändern“; zurück geht ohne Datenverlust. Abhängige Optionen im Script (z. B. Gerüst fest bei Außendämmung). Preisbasis, Stand, Mehrwertsteuer-Hinweis und Förderhinweise liefert der Betrieb; Formulierungen zu Preisangaben vom Kunden prüfen lassen. Im Einsatz die Auswahl auch in die URL schreiben, damit man sie teilen kann.", "mobil": "Ergebnis unter den Eingaben; eine feste Leiste unten zeigt die Spanne und „Anfragen“, solange das Ergebnis nicht im Bild ist. Regler mit großem Griff und Plus/Minus-Knöpfen, Formular einspaltig.", "reduzierte_bewegung": "Zahlen und Balken springen ohne Zählen auf den neuen Wert. Zustandswechsel ohne Versatz.", "barrierefreiheit": "Echte Formularelemente mit