{ "$schema": "../../schema.json", "schema": "fundus/1", "id": "preisseite-geruest", "name": "Preisseite: Endpreise, Rechenweg, Vergleich", "name_en": "Pricing page with all-in prices, worked example and mobile-readable comparison", "kurz": "Preisseite ohne Kartentrio: Tarif-Tabelle mit Monatspreis, Einmalkosten, Gesamtpreis und Monatsdurchschnitt, Laufzeit-Umschalter, Rechenweg Zeile für Zeile, ehrlicher „ab“-Preis mit Fußnote, Vergleich, Grundpreis an der Theke und Rechtshinweis.", "kategorie": "Sektionen & Funktionen", "kategorie_slug": "sektionen", "kategorie_nr": 16, "bau_chat": "D", "prioritaet": "D", "trendstatus": "aufsteigend", "belegstatus": "quellenbelegt", "website_belege": 0, "stimmung": [ "präzise", "laut" ], "stimmung_roh": [ "ehrlich", "klar", "kraftvoll" ], "technik": [ "css", "vanilla-js", "intl", "form", "position-sticky", "steps-easing" ], "technik_gruppen": [ "css", "js" ], "leistungskosten": "niedrig", "steckbrief": { "beschreibung": "Eine ganze Preisseite ohne SaaS-Kartentrio. Oben ein Satz, der sagt, was die Preise enthalten: Endpreise inklusive Mehrwertsteuer, einmalige Gebühren schon eingerechnet. Dann die Tarife als Tabelle mit Monatspreis, Einmalkosten, Gesamtpreis über die Laufzeit und Kündigung, umschaltbar nach Laufzeit. Darunter ein Rechenweg, der die Summe für den gewählten Tarif Zeile für Zeile zeigt, ein Leistungsvergleich, der auf dem Telefon als Liste lesbar bleibt, Ermäßigungen mit Nachweis, ein Grundpreis dort, wo Ware nach Menge verkauft wird, Fragen zu Pause, Verlängerung und Kündigung und eine Handlung. Ein „ab“-Preis verweist immer auf den Tarif, für den er gilt.", "warum_es_wirkt": "Preisseiten verlieren Vertrauen im Kleingedruckten: eine Aktivierungsgebühr hier, eine Servicepauschale dort. Wer den Gesamtpreis und den Rechenweg offen zeigt, wirkt seriös und beantwortet die Frage, die sonst am Telefon kommt. Eine Tabelle mit Zeilen statt drei bunter Karten lässt vergleichen, ohne zu drängen. Und sie bildet ab, was die Preisangabenverordnung verlangt.", "wann_einsetzen": "Fitnessstudio, Kurs- und Coaching-Anbieter, Fahrschule, Friseur, Gebäudedienste, Umzug, IT-Dienstleister und Freizeitanlagen, also überall, wo Verbraucher feste Preise vergleichen. Variante Mitgliedschaft für Verträge mit Laufzeit, Variante Kurskarte für Einzeltermine und Mehrfachkarten.", "wann_nicht": "Nicht für Angebote nach Aufmaß ohne festen Preis (dafür reparatur-richtpreise oder kostenrechner-konfigurator). Nicht für reine B2B-Angebote, bei denen Nettopreise üblich sind; dann klar „zzgl. MwSt.“ und nur für Unternehmen. Keine Streichpreise und keine Countdown-Rabatte; Preisermäßigungen brauchen den niedrigsten Preis der letzten 30 Tage (aktion-mit-preisangabe, vom Kunden prüfen lassen).", "varianten": [ "Mitgliedschaft: Tarif-Tabelle mit Laufzeit-Umschalter, Gesamtpreis und Monatsdurchschnitt über die Mindestlaufzeit, Rechenweg je Tarif", "Kurskarte: Einzeltermin, 5er- und 10er-Karte mit Preis je Termin und Gültigkeit, Rechner „Wie oft kommst du?“ mit ehrlicher Empfehlung" ], "umsetzung": "Tarife als ein Datensatz (Monatspreis, Einmalgebühren mit Fälligkeit, Mindestlaufzeit, Kündigungsfrist, Leistungen). Daraus rechnet die Seite Gesamtpreis über die Mindestlaufzeit und Monatsdurchschnitt, Intl.NumberFormat('de-DE', {style: 'currency', currency: 'EUR'}). Tarif-Tabelle als echte mit
,
; unter 720 px wird jede Zeile per CSS zu einem Block mit Beschriftungen aus data-label. Laufzeit-Umschalter als Radiogruppe (fieldset, legend), der Wechsel tauscht Zahlen ohne Übergang. Rechenweg als
    mit : „12 × 34,00 € + 29,00 € Startpaket = 437,00 €“. Leistungsvergleich als Tabelle mit erster Spalte sticky; auf dem Telefon als Liste je Leistung mit drei beschrifteten Zellen, Haken als Text („enthalten“, „–“ mit vh-Text „nicht enthalten“). Jeder „ab“-Preis bekommt eine Fußnote mit Tarif und Laufzeit. Grundpreis je Liter bzw. Kilogramm neben dem Preis, nicht dahinter versteckt. Kündigung führt zum Kündigungsknopf (widerruf-und-kuendigung-schaltflaeche). Rechtliche Angaben (Preisangaben, Verlängerung, Kündigung) als Platzhalter des Betriebs, vom Kunden prüfen lassen.", "mobil": "Laufzeit-Umschalter oben über die ganze Breite. Jeder Tarif als Block mit Monatspreis groß, darunter Einmalkosten, Gesamtpreis und Kündigung als Liste. Leistungsvergleich als Liste je Leistung mit drei kurzen, beschrifteten Zellen. Feste Leiste unten mit „Probetraining“.", "reduzierte_bewegung": "Es gibt nur harte Schnitte; die gestufte Markierung erscheint sofort im Endzustand.", "barrierefreiheit": "Tabellen mit caption und th scope, auf dem Telefon bleiben die Beschriftungen als Text sichtbar. Umschalter als Radiogruppe mit legend. Rechenweg als Text, Ergebnis in aria-live=\"polite\". Haken nie nur als Symbol. Fußnoten als Links mit Rücksprung. Limette nur als Fläche mit dunkler Schrift." }, "messwerte": { "easing": "steps(1, end) für Zahlenwechsel, steps(3, jump-none) für den Markierungsbalken (token-brutal-hart laut Rezept fitness-studio-rhythmus); UI linear", "dauer_ms": "0 Zahlenwechsel (harter Schnitt), 70 Hover und Farbe, 150 Umschalter, 180 Markierung in 3 Stufen", "stagger_ms": "", "distanz": "Markierungsbalken in 8-px-Stufen", "sonstiges": "Umbruch der Tabelle zu Blöcken unter 720 px; Rechner 1 bis 4 Termine je Woche", "herkunft": "eigene Festlegung", "quelle": "Rezept fitness-studio-rhythmus" }, "kurve": { "bezier": [ 0, 0, 1, 1 ], "css": "cubic-bezier(0, 0, 1, 1)", "name": "linear", "dauer_ms": 70 }, "gesehen_bei": [ { "seite": "vzbv: Fitnessstudio-Urteil, McFIT muss Preise richtig angeben", "url": "https://www.vzbv.de/urteile/fitnessstudio-urteil-mcfit-muss-preise-fuer-verbraucherinnen-richtig-angeben", "auszeichnung": "", "beobachtung": "Abgerufen 04.11.2026: LG Bamberg, 21.02.2025, Az. 1 HK O 27/24, Berufung vom OLG Bamberg am 20.05.2026 zurückgewiesen (Az. 3 U 37/25 e). Beworbene Monatspreise ohne Aktivierungsgebühr (39 €) und halbjährliche Servicepauschale (15 €); absehbare Zusatzkosten gehören in den Monatspreis, der Gesamtpreis für die Mindestlaufzeit muss genannt werden.", "art": "artikel" }, { "seite": "IHK Region Stuttgart: Preisangaben im Handel und bei Dienstleistungen", "url": "https://www.ihk.de/stuttgart/fuer-unternehmen/recht-und-steuern/wettbewerbsrecht/preisangaben-im-handel-und-bei-dienstleistungen-676894", "auszeichnung": "", "beobachtung": "Abgerufen 04.11.2026: Gesamtpreis ist der Bruttopreis inklusive Umsatzsteuer und sonstiger Preisbestandteile. Grundpreis je 1 kg, 1 l, 1 m, 1 m² oder 1 m³ in unmittelbarer Nähe des Gesamtpreises, online nicht hinter Link oder Hover; nicht bei Stückware. Dienstleister brauchen ein Preisverzeichnis.", "art": "artikel" } ], "tutorials": [ { "titel": "IHK Region Stuttgart: Preisangaben im Handel und bei Dienstleistungen", "url": "https://www.ihk.de/stuttgart/fuer-unternehmen/recht-und-steuern/wettbewerbsrecht/preisangaben-im-handel-und-bei-dienstleistungen-676894" }, { "titel": "MDN: ", "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/table" } ], "kombinierbar_mit": [ "vergleichstabelle-sticky", "preis-section-editorial", "widerruf-und-kuendigung-schaltflaeche", "reparatur-richtpreise", "akkordeon-hoehe-auto", "tabellenziffern", "wochen-kursplan", "toggle-switch" ], "urls": { "detail": "https://cecodesign.de/lab/fundus/sektionen/preisseite-geruest/", "meta": "https://cecodesign.de/lab/fundus/sektionen/preisseite-geruest/meta.json", "demo": "https://cecodesign.de/lab/fundus/sektionen/preisseite-geruest/demo" }, "herkunft": { "quelldateien": [ "Recherche Runde 4, 04.11.2026" ], "pruefnotizen": [ "Recherche Runde 4: preis-section-editorial und vergleichstabelle-sticky sind Sektionen, keine Preisseite [intern].", "Urteil LG Bamberg (vzbv, abgerufen 04.11.2026) und IHK-Merkblatt (abgerufen 04.11.2026) sind die Grundlage für Gesamtpreis und Grundpreis. Keine Website mit Award-Beleg geprüft.", "Verlängerung nach der Mindestlaufzeit und Kündigungsfristen in der Demo sind Platzhalter. Preisangaben, Vertragslaufzeit und Kündigung vom Kunden prüfen lassen, keine Rechtsberatung." ] }, "bau": { "status": "fertig", "kurz": "Preisseite ohne Kartentrio: Tarif-Tabelle mit Monatspreis, Einmalkosten, Gesamtpreis und Monatsdurchschnitt, Laufzeit-Umschalter, Rechenweg Zeile für Zeile, ehrlicher „ab“-Preis mit Fußnote, Vergleich, Grundpreis an der Theke und Rechtshinweis.", "demo": true, "abhaengigkeiten": [], "werte": { "easing": "steps(1, end) für Farbe und Hover, steps(3, jump-none) für den Markierungsbalken (token-brutal-hart, Rezept fitness-studio-rhythmus); Zahlen wechseln ohne Übergang", "dauer_ms": { "zahlenwechsel": 0, "hover": 70, "umschalter": 150, "markierung": 180 }, "markierung": "gewählte Zeile: Balken 8 px Limette mit 2 px Kante links, scaleY in 3 Stufen, Zeile #F7FFE0", "taste": "Limette #CCFF33, 2 px Rand #121412, harter Versatz 4 px, Hover 6 px, Druck 0 px", "rechenweg": "12 × Monatspreis + Startpaket = Gesamt, ÷ 12 = Schnitt; „ab“-Preis = niedrigster Schnitt inklusive Einmalkosten, mit Fußnote", "tabelle_mobil": "unter 720 px jede Zeile ein Block mit Zellen-Beschriftung aus data-label, Vergleich als drei beschriftete Zellen je Leistung", "typo": "H1 Anybody 800 wdth 58 % clamp(3.25rem, 1.2rem + 8vw, 9rem)/.86 versal, zweite Zeile wdth 100 %; Preise Anybody 800 wdth 75 %; Zahlen Azeret Mono tabular; Text Funnel Sans 1.0625rem", "farben": "#F2F1EC Kreide, #121412 Halle, #CCFF33 Limette nur als Fläche, #E2E1DA Fläche, #5E615C Meta", "rechner": "Kurskarte: 1 bis 4 Kurse je Woche × 4,3 Wochen; Karten, die vor dem Aufbrauchen ablaufen, fallen weg; Vergleich mit Voll 12 Monate", "vorfuehrung": "Laufzeit und Tarif in fünf Schritten je 1300 ms bzw. Rechner 1, 2, 3, 4, 2 je 1500 ms, Schleife" }, "ausloeser": "klick", "touch": "Tarife als gestapelte Blöcke mit beschrifteten Zellen, Laufzeit-Umschalter über die Breite, Vergleich als Liste je Leistung mit drei Zellen. Feste Leiste unten mit gewähltem Tarif, Schnittpreis und „Probetraining“. Hover-Versatz der Taste entfällt.", "reduziert": "Es gibt nur harte Schnitte; der Markierungsbalken steht sofort.", "korrekturen": {}, "geprueft": "04.11.2026", "notiz": "Welt: Rezept fitness-studio-rhythmus, erfundenes Studio Kreidehalle in Menden (Sauerland), Tarife Tag, Voll, Voll + Sauna mit Startpaket 29 €. Variante ?v=kurskarte: Einzeltermin 16 €, 5er 70 €, 10er 120 € mit Gültigkeit und Rechner „Wie oft kommst du?“. Grundlage: Urteil LG Bamberg 21.02.2025 (vzbv, Einmalkosten gehören in den Monatspreis, Gesamtpreis für die Laufzeit nennen) und IHK-Merkblatt zu Gesamt- und Grundpreis. Grundpreis nur für Ware an der Theke, Stückware ohne. Verlängerung und Kündigung als Platzhalter, Rechtshinweis „vom Kunden prüfen lassen“. Keine Fotos, Typo und Tabelle tragen. Selbsturteil 4.", "varianten": [ { "id": "mitgliedschaft", "name": "Mitgliedschaft", "wann": "Verträge mit Laufzeit und Einmalkosten: Fitness, Sportverein mit Aufnahmegebühr, Musikschule, IT-Wartungsvertrag für Verbraucher.", "werte": { "laufzeit": "Radiogruppe monatlich kündbar / 12 Monate", "spalten": "pro Monat, einmalig, Gesamt Mindestlaufzeit, im Schnitt pro Monat" } }, { "id": "kurskarte", "name": "Kurskarte", "wann": "Einzeltermine und Mehrfachkarten ohne Vertrag: Kursstudio, Yoga, Kletterhalle, Sauna, Kinderturnen.", "werte": { "spalten": "Preis, je Termin, gültig, Ersparnis", "rechner": "range 1–4, günstigste Option auf Limette" } } ] } }