{
 "$schema": "../../schema.json",
 "schema": "fundus/1",
 "id": "finanzierung-pflichtangaben",
 "name": "Finanzierung mit Pflichtangaben und Warnhinweis",
 "name_en": "Credit advertising block with mandatory disclosures",
 "kurz": "Neben jeder Rate stehen effektiver Jahreszins in gleicher Größe, Sollzins, Nettodarlehen und Laufzeit, darunter als eigene Zeile „Achtung! Kreditaufnahme kostet Geld.“; das repräsentative Beispiel klappt auf, fehlende Pflichtwerte machen den Block zum markierten Platzhalter ohne Rate.",
 "kategorie": "Sektionen & Funktionen",
 "kategorie_slug": "sektionen",
 "kategorie_nr": 16,
 "bau_chat": "D",
 "prioritaet": "D",
 "trendstatus": "aufsteigend",
 "belegstatus": "quellenbelegt",
 "website_belege": 0,
 "stimmung": [
  "ruhig",
  "präzise"
 ],
 "stimmung_roh": [
  "ruhig",
  "präzise"
 ],
 "technik": [
  "css",
  "details-summary",
  "form",
  "vanilla-js",
  "intl"
 ],
 "technik_gruppen": [
  "css",
  "js"
 ],
 "leistungskosten": "niedrig",
 "steckbrief": {
  "beschreibung": "Neben jedem Preis, der eine Rate, eine Null-Prozent-Finanzierung oder „später bezahlen“ nennt, steht ein ruhiger Block. Effektiver Jahreszins, Sollzins, Nettodarlehensbetrag und Laufzeit stehen direkt bei der Rate, der Effektivzins mindestens so groß wie die Rate. Darunter steht als eigene Zeile der Warnhinweis „Achtung! Kreditaufnahme kostet Geld.“ Gesamtbetrag, Barzahlungspreis, Anzahlung und Kreditgeber folgen im Aufklappteil „Finanzierungsbeispiel“. Fehlt ein Pflichtwert, bleibt der Block ein markierter Platzhalter ohne Rate.",
  "warum_es_wirkt": "Die Rate ist die stärkste Verkaufszahl auf einer Autohaus-, Möbel- oder Heizungsseite. Hier wird sie ehrlich gesetzt: Zahlen in Tabellenziffern, gleich gewichtet, ohne Sternchen-Fußnote. Das wirkt seriöser als die übliche Raten-Pille mit Kleingedrucktem. Ab 20.11.2026 ist es außerdem die Form, die das Recht verlangt.",
  "wann_einsetzen": "Überall, wo eine Rate, ein Zins, „0 %“, Leasing, Mietkauf, Ratenzahlung oder Buy now pay later beworben wird: Fahrzeugkarten, Kaufbox, Kostenrechner mit Monatsrate, Kurse mit Ratenzahlung. Auch bei vorgefertigten Bannern von Zahlungsdienstleistern, denn für sie haftet der Händler selbst.",
  "wann_nicht": "Nicht, wenn gar nicht mit Finanzierung geworben wird. Kein Rechner, der Raten ohne echte Konditionen des Kreditgebers erfindet. Kein Banner „ab 29 €/Monat“ im Hero ohne die Angaben daneben. Der Warnhinweis darf nicht in den Footer, in eine Fußnote oder hinter einen Link. Generik-Gefahr: grüne Raten-Badges aus dem Shop-Template.",
  "varianten": [
   "fahrzeugkarte: kompakt im Teaser (Rate und Effektivzins gleich groß, Pflichtwerte in einer Zeile, Warnhinweis), auf der Detailansicht vollständig zusammen mit der Pflichtzeile nach Pkw-EnVKV",
   "kaufbox: Ratenzeile unter dem Preis, die Pflichtwerte daneben, Aufklappteil „Finanzierungsbeispiel“; wechselt die Ausführung, rechnet die Rate neu",
   "rechner: Laufzeit-Regler, Monatsrate live aus Betrag und Laufzeit, Effektivzins aus der Konditionstabelle des Kreditgebers und Warnhinweis wandern mit; das repräsentative Beispiel bleibt fest",
   "ratenzahlung-eigen (nicht in der Demo): Unternehmer stundet selbst, kostenlos, höchstens 50 Tage; dann nur Hinweis auf die Ausnahme, vom Kunden prüfen lassen"
  ],
  "umsetzung": "Datenquelle ist ein Objekt finanzierung mit kreditgeber, anschrift, nettodarlehen, sollzins, effektivzins, laufzeit_monate, rate, gesamtbetrag, barzahlungspreis, anzahlung und stand; die Werte liefert der Kreditgeber. Fehlt ein Pflichtwert, rendert der Block nicht als Werbung, sondern als markierter Platzhalter „vom Kunden prüfen lassen“ ohne Rate. Kopfzeile: Rate und effektiver Jahreszins in derselben Schriftgröße, beide mit font-variant-numeric: tabular-nums; Sollzins, Nettodarlehensbetrag und Laufzeit in einer dl direkt darunter. Der Warnhinweis „Achtung! Kreditaufnahme kostet Geld.“ ist ein eigener Absatz mit role=note, Kontrast mindestens 4,5 : 1, nicht kleiner als der Fließtext, nie im Aufklappteil. Das repräsentative Beispiel (Gesamtbetrag, Barzahlungspreis, Anzahlung, Kreditgeber mit Anschrift) steht in details/summary „Finanzierungsbeispiel“, Aufklappen über ::details-content wie akkordeon-hoehe-auto. Rechner: input type=range für die Laufzeit, output für die Rate; der Effektivzins kommt aus der Konditionstabelle des Kreditgebers, nie aus einer Annahme. Rate nach der Annuitätenformel, auf Cent gerundet, letzte Rate als Ausgleich. Einbindung: kostenrechner-konfigurator (Ratenrechner), fahrzeugbestand-feed-teaser (Finanzierungsbeispiel ersetzen), produkt-kaufbox-varianten (Ratenzeile). Ohne JS stehen alle Angaben offen untereinander. Alle Formulierungen vom Kunden prüfen lassen.",
  "mobil": "Rate und Effektivzins nebeneinander, darunter die Pflichtwerte, dann der Warnhinweis, dann der Aufklappteil. Bei 360 px alles untereinander. Im Rechner steht das Ergebnis direkt unter dem Laufzeit-Regler.",
  "reduzierte_bewegung": "Aufklappen ohne Höhenanimation, Zahlen springen ohne Zählen.",
  "barrierefreiheit": "Tastatur: summary und Regler erreichbar, Fokus nach fokus-stil-system. Kontrast 4,5 : 1 auch für den Warnhinweis. Keine Bewegung über 5 s. 320 px und 200 % Zoom: dl bricht einspaltig um, Zahlen nie abgeschnitten. Screenreader: Rate und Effektivzins in einem Satz vorlesbar, aria-describedby auf den Warnhinweis."
 },
 "messwerte": {
  "easing": "cubic-bezier(0.16, 1, 0.3, 1) öffnen, cubic-bezier(0.7, 0, 0.84, 0) schließen (token-toggle-asymmetrisch)",
  "dauer_ms": "Aufklappen etwa 200–300 nach Rezept-UI-Token, Schließen etwa 65 % davon",
  "stagger_ms": "",
  "distanz": "",
  "sonstiges": "Effektivzins mindestens so groß wie die größte Zahl der Finanzierungswerbung (§ 17 PAngV verlangt gleiche Hervorhebung); Warnhinweis nicht kleiner als Fließtext",
  "herkunft": "eigene Festlegung",
  "quelle": "IT-Recht Kanzlei 12.10.2026 für die Größenregel; Dauer und Kurve eigene Festlegung"
 },
 "kurve": {
  "bezier": [
   0.16,
   1.0,
   0.3,
   1.0
  ],
  "css": "cubic-bezier(0.16, 1, 0.3, 1)",
  "name": "expo.out",
  "dauer_ms": 250
 },
 "gesehen_bei": [
  {
   "seite": "IT-Recht Kanzlei: Neue Regeln für Kreditwerbung ab 20.11.2026",
   "url": "https://www.it-recht-kanzlei.de/kreditwerbung-online-haendler-regeln.html",
   "auszeichnung": "",
   "beobachtung": "Abgerufen 03.11.2026 (Beitrag vom 12.10.2026): Warnhinweis nach Nr. 23e im Anhang zu § 3 Abs. 3 UWG, klar und auffallend nahe der Finanzierung. Pflichtangaben nach § 17 PAngV direkt in der Werbung, weitere Angaben online per Klick oder Scrollen. Auch „0 %“ und „ab … €/Monat“ zählen. Für Banner von Zahlungsdienstleistern haftet der Händler.",
   "art": "artikel"
  },
  {
   "seite": "IHK Köln: Neue Regeln für Ratenzahlung, Zahlungsaufschub und Ratenlieferung ab 20. November 2026",
   "url": "https://www.ihk.de/koeln/hauptnavigation/ihkplus/ausgabe-2-2024-ihkplus/ratenzahlung-7175722",
   "auszeichnung": "",
   "beobachtung": "Abgerufen 03.11.2026: Erfasst sind auch Zahlungsaufschub, Ratenzahlung, BNPL, Leasing und Mietkauf ohne Zinsen. Ausnahme: eigene kostenlose Stundung bis 50 Tage. Vermittelnde Händler sollen § 34k GewO prüfen.",
   "art": "artikel"
  },
  {
   "seite": "IHK Osnabrück: Gesetz zur Umsetzung der Verbraucherkreditrichtlinie beschlossen",
   "url": "https://www.ihk.de/osnabrueck/recht-und-fair-play/aktuelles/verbraucherkreditrichtlinie-7035356",
   "auszeichnung": "",
   "beobachtung": "Abgerufen 03.11.2026: Bundestag am 17.04.2026, Anwendung ab 20.11.2026, Warnhinweis in der Werbung.",
   "art": "artikel"
  }
 ],
 "tutorials": [],
 "kombinierbar_mit": [
  "kostenrechner-konfigurator",
  "fahrzeugbestand-feed-teaser",
  "produkt-kaufbox-varianten",
  "tabellenziffern",
  "akkordeon-hoehe-auto"
 ],
 "urls": {
  "detail": "https://cecodesign.de/lab/fundus/sektionen/finanzierung-pflichtangaben/",
  "meta": "https://cecodesign.de/lab/fundus/sektionen/finanzierung-pflichtangaben/meta.json",
  "demo": "https://cecodesign.de/lab/fundus/sektionen/finanzierung-pflichtangaben/demo"
 },
 "herkunft": {
  "quelldateien": [
   "Techniken-Recherche 03.11.2026"
  ],
  "pruefnotizen": [
   "Rechtsgrundlage laut Quellen: Gesetz vom 12.05.2026, BGBl. 2026 I Nr. 139 (nicht im BGBl selbst geprüft).",
   "Ob eigene Ratenzahlung von Fahrschulen oder Kursanbietern über die 50-Tage-Ausnahme hinaus erfasst ist, nennt keine Quelle ausdrücklich. Ob ein PayPal-Ratenbanner ohne eigene Angaben genügt, ist offen.",
   "Keine Website-Belege: Die Regeln gelten erst ab 20.11.2026. Nach dem Stichtag Autohaus-, Möbel- und Heizungsseiten auf die Umsetzung prüfen.",
   "Alles vom Kunden prüfen lassen, keine Rechtsberatung."
  ]
 },
 "bau": {
  "status": "fertig",
  "kurz": "Neben jeder Rate stehen effektiver Jahreszins in gleicher Größe, Sollzins, Nettodarlehen und Laufzeit, darunter als eigene Zeile „Achtung! Kreditaufnahme kostet Geld.“; das repräsentative Beispiel klappt auf, fehlende Pflichtwerte machen den Block zum markierten Platzhalter ohne Rate.",
  "demo": true,
  "abhaengigkeiten": [],
  "werte": {
   "easing": "cubic-bezier(0.16, 1, 0.3, 1) öffnen, cubic-bezier(0.7, 0, 0.84, 0) schließen (token-toggle-asymmetrisch, eine Kurve für alle Varianten)",
   "dauer_ms": "Aufklappen 250 / Zuklappen 170 (Fahrzeugkarte), Hover 120 linear; Detailansicht kommt 250 ms, translateY 8 px → 0",
   "aufklappen": "details::details-content als Grid 0fr → 1fr plus Deckkraft, content-visibility allow-discrete (akkordeon-hoehe-auto); Plus-Zeichen dreht 45°",
   "rechnung": "Annuität R = N · i / (1 − (1 + i)^−n), i = Sollzins / 12, auf Cent gerundet; Tilgungsplan in Cent, letzte Rate gleicht aus; Gesamtbetrag = R · (n − 1) + letzte Rate; effektiver Jahreszins = (1 + i)^12 − 1 ohne Nebenkosten",
   "groessenregel": "Rate und effektiver Jahreszins teilen sich .fin-zahl (gleiche Schrift, Größe, Stärke, tabular-nums); Warnhinweis 1rem 700 in voller Textfarbe, Linie 2 px oben und unten, nie im Aufklappteil",
   "reihenfolge": "kompakt: Rate | Effektivzins → dl Sollzins, Nettodarlehen, Laufzeit → Warnhinweis → details „Finanzierungsbeispiel“; voll (Detailseite): Rate | Effektivzins → Warnhinweis → dl mit allen Werten offen",
   "pflichtwerte": "effektivzins, sollzins, nettodarlehen, laufzeit_monate, kreditgeber; fehlt einer: Platzhalter mit Liste der fehlenden Werte, gestreift #fbeceb/#f7e2e0, Rand 2 px gestrichelt #b3261e, Marke „Platzhalter · nicht veröffentlichen“",
   "fahrzeugkarte": "Rate und Effektivzins Mona Sans 800 wdth 75 1,75 rem (Detail 2,25 rem); Block auf #f2f1ed, Radius 8 px; Pflichtzeile Pkw-EnVKV darunter wie fahrzeugbestand-feed-teaser; Beispiele 34.290 € / 6.900 € / 48 Monate / 4,49 % → 624,46 €, eff. 4,58 %, Gesamtbetrag 29.974,29 €",
   "farben": "Text #121314, leise #595e63, Linie rgba(18,19,20,.14), Asphalt #232629, Fehler #b3261e"
  },
  "ausloeser": "klick",
  "touch": "Keine Hover-Effekte auf Touch; summary und Knöpfe mindestens 44 px. Karten einspaltig, Rate und Effektivzins bleiben nebeneinander, bei 360 px untereinander; im Rechner steht das Ergebnis unter 900 px direkt unter dem Regler, die Konditionstabelle danach.",
  "reduziert": "Aufklappen, Detailansicht und Balken ohne Übergang; Zahlen springen; der Zeiger der Vorführung blendet nur.",
  "korrekturen": {
   "mobil": "Rate und Effektivzins nebeneinander, darunter die Pflichtwerte, dann der Warnhinweis, dann der Aufklappteil. Bei 360 px alles untereinander. Im Rechner steht das Ergebnis direkt unter dem Laufzeit-Regler."
  },
  "geprueft": "03.11.2026",
  "notiz": "Drei Welten in einer Demo. Fahrzeugkarte: Rezept kfz-werkstatt-autohaus, erfundenes Autohaus Rehkopf in Wolfenbüttel, Marken Velio und Norra (Zeichnungen), Kreditgeber Leinetal Kreditbank AG (erfunden). Kaufbox: Rezept luxus-manufaktur-stille, Ahlgrimm Möbelwerkstätten in Fellbach, Sideboard Lisene, 0-%-Finanzierung über 24 Monate (zeigt, dass auch 0 % alle Angaben braucht; letzte Rate gleicht Rundung aus). Rechner: Rezept handwerk-werkstatt-klartext, Tenhagen Heizung und Sanitär in Coesfeld, Wärmepumpe, Konditionstabelle der Bank je Laufzeitband, repräsentatives Beispiel fest (15.000 €, 84 Monate). Schalter „Pflichtwerte fehlen“ im Pult zeigt den Platzhalter in allen Varianten; die Vorführung zeigt ihn am Ende jeder Schleife. Alle Zahlen erfunden, nach Annuitätenformel gerechnet. Rechtliches vom Kunden prüfen lassen. Selbsturteil 4.",
  "varianten": [
   {
    "id": "fahrzeugkarte",
    "name": "Fahrzeugkarte mit Detailansicht",
    "wann": "Autohaus und Händler mit Bestand: Teaser kompakt mit Ratenzeile, Fahrzeugseite vollständig neben der Pflichtzeile nach Pkw-EnVKV.",
    "werte": {
     "rate_effektiv": "Mona Sans 800 wdth 75, 1,75 rem (Detail 2,25 rem)",
     "dauer_ms": "250 auf / 170 zu",
     "beispiel": "48 Monate, Sollzins 4,49 % (neu) bzw. 3,99 % (Elektro, 60 Monate), Anzahlung etwa 20 %"
    }
   },
   {
    "id": "kaufbox",
    "name": "Ratenzeile in der Kaufbox",
    "wann": "Möbel, Manufaktur, Shop mit hohen Einzelpreisen: Ratenzeile unter dem Preis, rechnet bei jeder Ausführung neu.",
    "werte": {
     "rate_effektiv": "Instrument Sans 500, 1,5 rem",
     "dauer_ms": "300 auf / 200 zu",
     "beispiel": "0,00 % über 24 Monate, z. B. 4.280 € → 23 × 178,33 € und 1 × 178,41 €",
     "rahmen": "1 px #d9dadb, Radius 0, Warnhinweis-Linie 1 px"
    }
   },
   {
    "id": "rechner",
    "name": "Ratenrechner mit Laufzeit-Regler",
    "wann": "Handwerk mit großen Aufträgen (Heizung, Dach, Bad) oder Kurse mit Ratenzahlung: Betrag und Laufzeit einstellen, Zins aus der Konditionstabelle der Bank.",
    "werte": {
     "rate_effektiv": "Special Gothic 700 wdth 85, clamp(2.25rem, 1.6rem + 2vw, 3rem)",
     "dauer_ms": "280 auf / 180 zu",
     "laufzeit": "input range 12 bis 120 Monate, Schritt 12; Betrag 5.000 bis 30.000 € in 500er-Schritten",
     "konditionen": "12–36 Monate 4,79 % (eff. 4,90 %), 48–72 Monate 5,29 % (eff. 5,42 %), 84–120 Monate 5,69 % (eff. 5,84 %)",
     "ansage": "aria-live polite 700 ms nach der letzten Änderung, mit Warnhinweis"
    }
   }
  ]
 }
}