{
 "$schema": "../../schema.json",
 "schema": "fundus/1",
 "id": "objekt-steckbrief-expose",
 "name": "Objekt-Steckbrief im Exposé",
 "name_en": "Property fact sheet with energy certificate data",
 "kurz": "Exposé-Eckdaten als ruhige Tabelle mit Tabellenziffern, Pflichtangaben zum Energieausweis mit Skala A+ bis H und ein eigener SVG-Grundriss, der mit der Raumliste verbunden ist.",
 "kategorie": "Sektionen & Funktionen",
 "kategorie_slug": "sektionen",
 "kategorie_nr": 16,
 "bau_chat": "D",
 "prioritaet": "D",
 "trendstatus": "etabliert",
 "belegstatus": "quellenbelegt",
 "website_belege": 0,
 "stimmung": [
  "ruhig",
  "präzise",
  "luxuriös"
 ],
 "stimmung_roh": [
  "seriös",
  "ruhig",
  "sachlich",
  "hochwertig"
 ],
 "technik": [
  "css",
  "vanilla-js",
  "svg",
  "intl"
 ],
 "technik_gruppen": [
  "css",
  "js",
  "canvas"
 ],
 "leistungskosten": "niedrig",
 "steckbrief": {
  "beschreibung": "Die Eckdaten eines Objekts stehen als ruhige Datentabelle: Fläche, Zimmer, Baujahr, Preis und Provision, alle Zahlen in Tabellenziffern. Darunter folgen die Pflichtangaben aus dem Energieausweis: Art des Ausweises, Kennwert, wesentlicher Energieträger, Baujahr und Effizienzklasse auf der Skala A+ bis H. Ein eigener Grundriss als SVG zeigt die Räume. Raumliste und Plan sind verbunden: Wer eine Zeile wählt, sieht den Raum im Plan.",
  "warum_es_wirkt": "Käufer vergleichen Exposés Zeile für Zeile. Eine klare Tabelle mit festen Ziffernbreiten macht das leicht und wirkt seriös. Die Energieangaben sind in Anzeigen Pflicht. Als gestalteter Block wirken sie wie ein Teil des Angebots und nicht wie Kleingedrucktes. Der Grundriss beantwortet die häufigste Frage, bevor jemand anruft.",
  "wann_einsetzen": "Exposé-Seiten von Maklern, Projektentwicklern und Hausverwaltungen. Objektkarten in Angebotslisten, dort mit der kurzen Pflichtzeile. Mietangebote mit Kaltmiete, Nebenkosten und Kaution.",
  "wann_nicht": "Wenn die Objektdaten aus einem Portal-Feed kommen und das Portal-Widget eingebunden werden muss. Wenn kein Energieausweis vorliegt: dann keine Werte erfinden, sondern den Grund nennen (z. B. Baudenkmal) und das vom Kunden prüfen lassen. Für Gewerbeobjekte gelten andere Angaben (Wärme und Strom getrennt).",
  "varianten": [
   "Kauf: Haus mit Bedarfsausweis, Grundriss mit Geschossen, Kaufpreis und Käuferprovision",
   "Miete: Wohnung mit Verbrauchsausweis, Kaltmiete, Nebenkosten, Kaution",
   "Anzeige: Objektkarten in der Angebotsliste mit kurzer Pflichtzeile und Mini-Skala",
   "Fahrzeug (Autohaus): Neuwagen-Angebot mit Pflichtangaben nach Pkw-EnVKV (Verbrauch, CO₂-Emissionen, CO₂-Klasse) direkt neben den Motordaten, gut lesbar wie der Angebotstext; vom Kunden prüfen lassen",
   "Nichtwohngebäude: Endenergie für Wärme und Strom getrennt, ohne Effizienzklasse"
  ],
  "umsetzung": "Eckdaten als <table> mit <caption> und <th scope=row>, Zahlen mit font-variant-numeric: tabular-nums und rechtsbündig. Werte mit Intl.NumberFormat('de-DE') formatieren (985.000 €, 118,4 kWh/(m²·a)). Energieblock als <dl> mit den fünf Pflichtangaben, darunter die Skala A+ bis H aus neun gleich breiten Feldern. Die Marke sitzt innerhalb der Klasse linear zwischen den Grenzen aus Anlage 10, H endet bei 300. Die Skala ist role=img mit ausgeschriebenem aria-label. Grundriss als inline-SVG aus Raumdaten (Rechtecke in Metern, 1 m = 40 Einheiten), Außenwand dick, Innenwände dünn, Türen als Viertelkreis, Fenster als Doppellinie, Nordpfeil und Maßstab. Raumliste aus Buttons mit aria-pressed hebt den Raum im Plan hervor, Hover im Plan hebt die Zeile hervor. Geschosse per Umschalter. Druckansicht per @media print mit beiden Geschossen. Mobil stehen die Eckdaten oben, die Anfrage als feste Leiste unten. Rechtliches (Pflichtangaben, Provisionstext, Stand des Gesetzes) vom Kunden prüfen lassen.",
  "mobil": "Eckdaten zuerst, dann Grundriss und Energieblock. Die Tabelle bleibt zweispaltig und bricht nicht in Karten. Die Raumliste ist groß genug zum Tippen. Die Anfrage sitzt als feste Leiste am unteren Rand.",
  "reduzierte_bewegung": "Die Marke steht sofort am Kennwert, Geschosswechsel ohne Überblendung, Hervorhebungen ohne Übergang.",
  "barrierefreiheit": "Echte Tabelle mit caption und Zeilenköpfen. Einheiten ausgeschrieben im Text (Quadratmeter) bzw. per abbr. Die Energieskala hat ein aria-label mit Klasse und Kennwert, die Werte stehen zusätzlich als Text. Farbe trägt nie allein die Bedeutung, die Klasse steht als Buchstabe da. Grundriss als role=img mit Beschreibung, die Raumliste ist die zugängliche Entsprechung. Umschalter mit aria-pressed, Fokus sichtbar."
 },
 "messwerte": {
  "easing": "cubic-bezier(0.165, 0.84, 0.44, 1)",
  "dauer_ms": "200 Hover, 400 Geschosswechsel und Raum-Hervorhebung, 1000 Marke auf der Energieskala",
  "stagger_ms": "",
  "distanz": "Marke von der linken Kante bis zum Kennwert",
  "sonstiges": "Kurve und UI-Dauer aus dem Rezept immobilien-diskret-hochwertig (inigo.com easeOutQuart 400 ms). Klassengrenzen aus Anlage 10 GModG.",
  "herkunft": "eigene Festlegung",
  "quelle": "Rezept immobilien-diskret-hochwertig; https://www.buzer.de/Anlage_10_GModG.htm"
 },
 "kurve": {
  "bezier": [
   0.165,
   0.84,
   0.44,
   1.0
  ],
  "css": "cubic-bezier(0.165, 0.84, 0.44, 1)",
  "name": "eigene Kurve",
  "dauer_ms": 200
 },
 "gesehen_bei": [
  {
   "seite": "gesetze-im-internet.de (BMJ): § 87 Gebäudemodernisierungsgesetz",
   "url": "https://www.gesetze-im-internet.de/geg/__87.html",
   "auszeichnung": "",
   "beobachtung": "Amtliche Fassung am 02.11.2026 gelesen: Titel „Gebäudemodernisierungsgesetz (GModG)“ unter der bisherigen GEG-Adresse. Abs. 1 fünf Pflichtangaben (Art des Ausweises, Endenergiebedarf bzw. -verbrauch, wesentliche Energieträger der Heizung, bei Wohngebäuden Baujahr und Effizienzklasse), Abs. 2 Nichtwohngebäude Wärme und Strom getrennt, Abs. 3 Altausweise (2007 bis 2014).",
   "art": "artikel"
  },
  {
   "seite": "Gebäudemodernisierungsgesetz § 87 (Pflichtangaben in Immobilienanzeigen)",
   "url": "https://gesetze.legal/bund/gmodg/87",
   "auszeichnung": "",
   "beobachtung": "Liegt ein Energieausweis vor, nennt die Anzeige: Art des Ausweises, Endenergiebedarf oder -verbrauch, wesentliche Energieträger der Heizung, bei Wohngebäuden Baujahr und Effizienzklasse. Bei Nichtwohngebäuden Wärme und Strom getrennt (Abs. 2). Verantwortlich sind Verkäufer, Vermieter oder Makler.",
   "art": "artikel"
  },
  {
   "seite": "Anlage 10 GModG (Effizienzklassen von Wohngebäuden)",
   "url": "https://www.buzer.de/Anlage_10_GModG.htm",
   "auszeichnung": "",
   "beobachtung": "Klassen nach Endenergie in kWh/(m²·a): A+ bis 30, A bis 50, B bis 75, C bis 100, D bis 130, E bis 160, F bis 200, G bis 250, H darüber. Zuletzt geändert durch Gesetz vom 23.07.2026.",
   "art": "artikel"
  },
  {
   "seite": "GEG § 87: Pflichtangaben zum Energieausweis in Immobilienanzeigen (Stand 2026)",
   "url": "https://nexvyra.de/fakten/geg-87-immobilienanzeigen-pflichtangaben.html",
   "auszeichnung": "",
   "beobachtung": "Das GEG heißt seit 29.07.2026 Gebäudemodernisierungsgesetz (GModG), der Wortlaut von § 87 blieb gleich. Fünf Angaben bei Wohngebäuden, drei bei Nichtwohngebäuden. Verstöße sind Ordnungswidrigkeiten.",
   "art": "artikel"
  },
  {
   "seite": "ImmoScout24 API: Energy certificates",
   "url": "https://api.immobilienscout24.de/api-docs/energy-certificates/",
   "auszeichnung": "",
   "beobachtung": "Datenmodell eines großen Portals: Energieausweistyp, Endenergiebedarf bzw. -verbrauch (Wärme und Strom getrennt), Befeuerungsart, Effizienzklasse, Baujahr laut Energieausweis, Erstellungsdatum, Warmwasser enthalten. Welche Felder Pflicht sind, hängt von Ausstellungsdatum, Ausweistyp und Objektart ab.",
   "art": "artikel"
  },
  {
   "seite": "VDIV: Energieausweise ab 2027 digital und deutlich umfangreicher",
   "url": "https://vdiv.de/news-details/energieausweise-ab-2027-digital-und-deutlich-umfangreicher",
   "auszeichnung": "",
   "beobachtung": "Ab 01.01.2027 neue Regeln zum Energieausweis; in Immobilienanzeigen muss dann zusätzlich das Ausstellungsdatum des Energieausweises stehen. Ältere Ausweise bleiben in der Regel zehn Jahre gültig.",
   "art": "artikel"
  }
 ],
 "tutorials": [
  {
   "titel": "§ 87 GModG (amtliche Fassung, gesetze-im-internet.de)",
   "url": "https://www.gesetze-im-internet.de/geg/__87.html"
  },
  {
   "titel": "ImmoScout24 API: Energy certificates (Datenmodell Energieausweis)",
   "url": "https://api.immobilienscout24.de/api-docs/energy-certificates/"
  }
 ],
 "kombinierbar_mit": [
  "split-screen-sticky-seiten",
  "galerie-shared-element-vollbild",
  "richtungsbewusste-uebergaenge",
  "kontakt-anfrage-formular",
  "karte-zwei-klick",
  "zahlen-fakten-section"
 ],
 "urls": {
  "detail": "https://cecodesign.de/lab/fundus/sektionen/objekt-steckbrief-expose/",
  "meta": "https://cecodesign.de/lab/fundus/sektionen/objekt-steckbrief-expose/meta.json",
  "demo": "https://cecodesign.de/lab/fundus/sektionen/objekt-steckbrief-expose/demo"
 },
 "herkunft": {
  "quelldateien": [
   "DEF-Recherche 01.11.2026"
  ],
  "pruefnotizen": [
   "Rechtlicher Rahmen per Gesetzestext belegt (§ 87, Anlage 10). Ein Website-Beleg eines deutschen Maklers mit gestaltetem Energieblock fehlt noch.",
   "Umbenennung belegt (02.11.2026): gesetze-im-internet.de führt das GEG als „Gebäudemodernisierungsgesetz (GModG)“; laut Verbraucherzentrale gilt es seit 29.07.2026 (Änderungsgesetz vom 23.07.2026, BGBl. 2026 I Nr. 226). Achtung: Das Änderungsgesetz ersetzt die §§ 85 bis 87 zum 01.01.2027 (laut buzer/nexvyra); laut VDIV kommt dann das Ausstellungsdatum des Ausweises als Pflichtangabe in Anzeigen hinzu. Demo zeigt den Stand bis 31.12.2026. Vor dem Einsatz vom Kunden prüfen lassen, ebenso Provisionstexte (§ 656c BGB) und Pflichtangaben für Nichtwohngebäude."
  ]
 },
 "bau": {
  "status": "fertig",
  "kurz": "Exposé-Eckdaten als ruhige Tabelle mit Tabellenziffern, Pflichtangaben zum Energieausweis mit Skala A+ bis H und ein eigener SVG-Grundriss, der mit der Raumliste verbunden ist.",
  "demo": true,
  "abhaengigkeiten": [],
  "werte": {
   "easing": "cubic-bezier(0.165, 0.84, 0.44, 1) (easeOutQuart)",
   "dauer_ms": "200 Hover und Linien, 400 Geschosswechsel und Raum-Hervorhebung, 1000 Marke auf der Energieskala (Zahl zählt mit derselben Kurve mit), 1000 Bild-Zoom der Objektkarte",
   "distanz": "Marke von 0 bis zum Kennwert; Objektkarte scale 1 → 1.04; aktive Klasse scaleY 1.2",
   "skala": "9 gleich breite Felder A+ bis H, Grenzen 30/50/75/100/130/160/200/250 kWh/(m²·a), H endet bei 300; Marke linear innerhalb der Klasse",
   "grundriss": "1 m = 40 SVG-Einheiten, Außenwand 13, Innenwand 4,5, Türbogen gestrichelt 3/3, Maßstab 5 m",
   "flaechen": "Rechteck (b − 0,12) × (t − 0,12) m, Polygon −3,5 %, Balkon zur Hälfte; Wohnfläche = Summe",
   "typo": "h1 Libre Caslon Display clamp(2.25rem, 1.4rem + 3.2vw, 4.5rem)/1.08; Daten Hanken Grotesk 15px tabular-nums; Labels 0.75rem versal 0.09em",
   "farben": "Grund #fbf8f2, Sand #efe7dc, Marke #17394f, Text #2f2e2c, Leise #6a645b, Linie #d3cabd, CTA #b25f28 (nur Besichtigung anfragen, Hover #9c5021)"
  },
  "ausloeser": "klick",
  "touch": "Raumliste und Geschoss-Umschalter mit größeren Trefferflächen (10 px Polster), Tippen hebt den Raum im Plan hervor. Unter 860 px: Eckdaten zuerst, dann Grundriss, dann Energieblock; die Anfrage sitzt als feste Leiste unten mit Anruf-Knopf.",
  "reduziert": "Marke steht sofort am Kennwert, Zahl ohne Zählen, Geschosswechsel und Hervorhebung ohne Übergang, kein Bild-Zoom der Karten.",
  "korrekturen": {},
  "geprueft": "02.11.2026",
  "notiz": "Welt: Rezept immobilien-diskret-hochwertig, erfundener Makler Kammermeier Immobilien, Landshut (Stadthaus am Hofberg, Altbauwohnung Neustadt, Bungalow in Ergolding). Grundrisse aus Raumdaten in Metern als SVG erzeugt, Fassaden der Objektkarten als Strichzeichnungen. Vorführung: gedachter Zeiger wählt Räume, wechselt ins OG, Marke läuft zum Kennwert. Drucken über @media print mit beiden Geschossen. Pflichtangaben nach § 87 GEG (seit 29.07.2026 GModG) und Provisionstexte sind Beispiele: vom Kunden prüfen lassen. Quellen: gesetze.legal, buzer.de, api.immobilienscout24.de. AD-Review 02.11.2026: Note 5. Zugang 02.11.2026: Energieskala: blasse Klassen per color-mix(--k 50 %, --grund) statt opacity .5 mit dunklem Buchstaben, aktive Klasse volle Farbe, Buchstabe Weiß (A+, G, H) oder #1a1918 (A bis F), alle ≥ 4,6:1; CTA #c4682c → #b25f28 (Hover #9c5021), --leise #6e685f → #6a645b (auch auf Sand), Pult-Werte Alpha .6 → .68; Kontrastmodus-Rahmen für Knöpfe. Offen: Räume im SVG-Grundriss sind per Maus klickbar, per Tastatur über die Raumliste (gleiche Funktion) erreichbar; die Prüfung zählt die Pfade. Korrektur 02.11.2026: Variante „Fahrzeug“ (fahrzeug) für Autohaus und Werkstatt (Wendlinger, Straubing; Welt handwerk-werkstatt-klartext): Neuwagen-Angebot mit Pflichtkasten nach Pkw-EnVKV direkt am Preis, Antrieb umschaltbar (Hybrid, Plug-in-Hybrid mit gewichteten Werten und Werten bei entladener Batterie, Elektro), CO₂-Skala A–G. Rechtsstand per WebFetch an lme.rlp.de (Information Pkw-EnVKV 2024) geprüft: Angaben gelten fürs Internet, „gut lesbar und nicht weniger hervorgehoben als der Hauptteil der Werbebotschaft“, sobald erstmals Motorisierung gezeigt wird; die Klassengrenzen A–G stehen dort nicht und kommen aus der Verordnung. Alles vom Kunden prüfen lassen. Geprüft: pruef.sh --v fahrzeug, zugang regeln/breite320 ohne Befund.",
  "varianten": [
   {
    "id": "kauf",
    "name": "Kauf-Exposé mit Geschossen",
    "wann": "Haus oder Eigentumswohnung zum Kauf: Kaufpreis, Käuferprovision, Bedarfs- oder Verbrauchsausweis, Grundriss je Geschoss.",
    "werte": {
     "ausweis": "Bedarfsausweis, Endenergiebedarf 118,4 kWh/(m²·a), Klasse D",
     "geschosse": "EG/OG per Umschalter, Überblendung 400 ms"
    },
    "knopf": "Kauf"
   },
   {
    "id": "miete",
    "name": "Miet-Exposé",
    "wann": "Mietwohnung der Hausverwaltung oder des Maklers: Kaltmiete, Nebenkosten, Heizkosten, Warmmiete, Kaution, Hinweis provisionsfrei.",
    "werte": {
     "ausweis": "Verbrauchsausweis, Endenergieverbrauch 142,0 kWh/(m²·a) mit Warmwasser, Klasse E",
     "geschosse": "ein Geschoss, Umschalter ausgeblendet, Balkon gestrichelt und zur Hälfte angerechnet"
    },
    "knopf": "Miete"
   },
   {
    "id": "anzeige",
    "name": "Objektkarten in der Angebotsliste",
    "wann": "Angebotsliste und Teaser auf der Startseite: jede Karte trägt die kurze Pflichtzeile zum Energieausweis.",
    "werte": {
     "karte": "Bild 4:3, scale 1 → 1.04 in 1000 ms bei Hover",
     "pflichtzeile": "Ausweisart · Kennwert · Energieträger · Baujahr · Klasse, 12.5px, Mini-Skala 6 px hoch"
    },
    "knopf": "Anzeige"
   },
   {
    "id": "fahrzeug",
    "name": "Fahrzeugangebot mit Pkw-EnVKV-Angaben",
    "knopf": "Fahrzeug",
    "wann": "Autohaus oder Werkstatt mit Neuwagen-Angeboten: Sobald Motordaten (Leistung, Hubraum, Beschleunigung) erscheinen, stehen kombinierter Energieverbrauch, kombinierte CO₂-Emissionen und CO₂-Klasse gut lesbar daneben, nicht schwächer als der Angebotstext (Pkw-EnVKV, seit 01.05.2024 auch fürs Internet). Plug-in-Hybride zusätzlich gewichtet kombiniert und bei entladener Batterie. Texte und Werte vom Kunden prüfen lassen.",
    "werte": {
     "welt": "Werkstatt und Autohaus mit Schriften und Farben aus handwerk-werkstatt-klartext (Autohaus Wendlinger, Straubing; Fahrzeug Norda Kesto erfunden)",
     "schrift": "Special Gothic 700 (h1 clamp(2.25rem, 1.5rem + 3vw, 3.5rem)/1.05, Labels wdth 75 0.8125rem Versal); Atkinson Hyperlegible Next 1.0625rem Text",
     "farben": "#efedea Grund, #d3cdc2 Fläche, #1a1a1a Text und Rahmen, #5a554d leise, #fb6100 Signal nur für „Probefahrt vereinbaren“ mit Text #1a1a1a (5,7:1)",
     "pflichtkasten": "Rahmen 2 px #1a1a1a auf Weiß direkt unter dem Preis; erste Zeile Leistung, dann die Pflichtwerte in 1.0625rem Bold, gleiche Größe wie der Angebotstext, volle Textfarbe; unter 560 px Wert unter der Bezeichnung",
     "co2_skala": "7 Stufen A–G (A 0 g/km, B bis 95, C bis 115, D bis 135, E bis 155, F bis 175, G darüber; aus der Verordnung, vom Kunden prüfen lassen), Farben #17703f #367d28 #9cbf2b #f0cf1f #f2a12e #e0612a #c62a26, inaktive Stufen 38 % Deckung, aktive volle Farbe mit 2 px Rahmen und Buchstabe ≥ 4,5:1; role=\"img\" mit Klasse im Namen",
     "antriebe": "Hybrid: 4,9 l/100 km, 111 g/km, Klasse C · Plug-in-Hybrid: gewichtet 1,1 l + 15,8 kWh/100 km, 25 g/km, Klasse B; bei entladener Batterie 5,6 l/100 km, Klasse D · Elektro: 16,4 kWh/100 km, 0 g/km, Klasse A (alles Beispielwerte)",
     "kurve": "cubic-bezier(0.2, 0, 0.38, 0.9) (token-tech-praezise); Hover 150 ms, Werte einblenden 240 ms, Wechsel der CO₂-Klasse 400 ms",
     "preis": "Hauspreis inkl. MwSt. und Überführung"
    }
   }
  ]
 }
}