{
 "$schema": "../../schema.json",
 "schema": "fundus/1",
 "id": "zahlen-datum-telefon-satz",
 "name": "Deutscher Satz für Zahlen, Datum, Telefon und Preise",
 "name_en": "German typesetting for numbers, dates, phone numbers, prices and units",
 "kurz": "Festpreis-Tafel einer Schwerter Kfz-Werkstatt, umschaltbar zwischen Rohsatz aus einer englischen Vorlage und deutschem Satz: jede Korrektur an Preis, Spanne, Uhrzeit, Telefon, Datum und Einheit ist markiert und erklärt.",
 "kategorie": "Typo-Techniken",
 "kategorie_slug": "typo-techniken",
 "kategorie_nr": 15,
 "bau_chat": "C1",
 "prioritaet": "A",
 "trendstatus": "etabliert",
 "belegstatus": "quellenbelegt",
 "website_belege": 0,
 "stimmung": [
  "präzise"
 ],
 "stimmung_roh": [
  "präzise",
  "sachlich",
  "vertrauenswürdig"
 ],
 "technik": [
  "css",
  "vanilla-js",
  "intl",
  "intl-datetimeformat"
 ],
 "technik_gruppen": [
  "css",
  "js"
 ],
 "leistungskosten": "niedrig",
 "steckbrief": {
  "beschreibung": "Zahlen sind auf KMU-Seiten der Inhalt: Preise, Öffnungszeiten, Termine, Telefon, Flächen. Das Muster setzt sie nach deutschen Regeln. Datum als „4. November 2026“ oder „04.11.2026“, Uhrzeit „8:30 Uhr“, Spannen mit Halbgeviertstrich („8–18 Uhr“, „Mo–Fr“), Telefon nach DIN 5008 („02304 09471-12“, international „+49 2304 09471-12“), Preise als „1.299,00 €“, Einheiten mit geschütztem Leerzeichen („12 m²“, „19 %“). Dazu tabular-nums für Spalten und kleine Helfer mit Intl.NumberFormat und Intl.DateTimeFormat, damit generierte Inhalte gleich richtig herauskommen.",
  "warum_es_wirkt": "Falsch gesetzte Zahlen verraten eine Vorlage aus dem Englischen sofort: „€1,299.00“, „04/11/2026“, „8:00-18:00“, „(0 23 04) 9 47 1“. Richtig gesetzte Zahlen lesen sich ruhig, brechen nicht mitten im Preis um und lassen sich antippen. Wer den deutschen Satz beherrscht, wirkt wie ein Betrieb aus der Region.",
  "wann_einsetzen": "Auf jeder deutschen Seite mit Preisen, Zeiten, Daten oder Telefonnummern. Pflicht für Preislisten, Öffnungszeiten, Terminbestätigungen, Kontaktblöcke, Impressum, Datenblätter und alles, was ein Generator aus Daten füllt.",
  "wann_nicht": "Nicht für fremdsprachige Seiten: dort das Locale der Sprache nehmen. Nicht DIN 5008 und typografischen Satz mischen: eine Regel je Seite wählen (siehe Varianten) und durchhalten. Preisangaben und Pflichtangaben (Endpreis, Grundpreis) sind Rechtsfragen: vom Kunden prüfen lassen, keine Rechtsberatung.",
  "varianten": [
   "Tafel: Festpreise, Öffnungszeiten und Kontakt mit Umschalter Rohsatz / deutscher Satz, jede Korrektur markiert",
   "Formatierer: Eingabe von Betrag, Datum und Telefon, Ausgabe in deutschem Satz samt tel:-Link und Code",
   "Termine: Terminliste mit Wochentag, Datum, Uhrzeitspanne und relativer Angabe („in 2 Tagen“) in Tabellenziffern"
  ],
  "umsetzung": "1. Eine Regel wählen: typografisch (Duden: „8–18 Uhr“ ohne Leerzeichen) für Werbeseiten, DIN 5008 („8 – 18 Uhr“) nur, wenn der Kunde Geschäftsbriefe so setzt. 2. Zeichen: Halbgeviertstrich U+2013 für Spannen, U+00A0 zwischen Zahl und Einheit, Zahl und €, Tag und Monat („4. November“), U+202F (schmales geschütztes Leerzeichen) in Abkürzungen („z. B.“) und vor Einheiten in engen Tabellen, U+2011 für Bindestriche, die nicht umbrechen sollen. 3. Preise mit Intl.NumberFormat('de-DE', {style: 'currency', currency: 'EUR'}) (liefert „1.299,00 €“ mit U+00A0). Ganze Euro ohne Nachkommastellen nur, wenn alle Preise der Liste ganz sind. 4. Datum mit Intl.DateTimeFormat('de-DE', {day: 'numeric', month: 'long', year: 'numeric'}) und im HTML <time datetime=\"2026-11-04\">. Relative Angaben mit Intl.RelativeTimeFormat('de', {numeric: 'auto'}) („morgen“). 5. Telefon: sichtbar nach DIN 5008 (Vorwahl, Leerzeichen, Nummer, Bindestrich, Durchwahl), im href als E.164 ohne Leerzeichen (tel:+4923040947112). Die Länge der Vorwahl steht in den Daten, Intl kann Telefonnummern nicht formatieren. 6. font-variant-numeric: tabular-nums in Tabellen, Preislisten und Zeiten; proportionale Ziffern im Fließtext. 7. Demo- und Vorlagennummern: Vorwahl plus führende 0 oder die Nummernblöcke der Bundesnetzagentur, nie echte Nummern.",
  "mobil": "Telefonnummern als tel:-Link mit großer Trefferfläche. Preise und Zeiten brechen nie zwischen Zahl und Einheit um (geschützte Leerzeichen). Tabellen bleiben einspaltig lesbar, Ziffern stehen untereinander.",
  "reduzierte_bewegung": "Markierungen und Wechsel zwischen Roh- und deutschem Satz erscheinen ohne Übergang.",
  "barrierefreiheit": "Screenreader lesen „8–18 Uhr“ als „8 bis 18 Uhr“, „€“ als „Euro“. Datum im <time>-Element mit datetime. Telefon-Links haben einen sichtbaren Text mit der Nummer, kein „Hier anrufen“. Keine Ziffern als Bild. Spalten mit tabular-nums erleichtern den Vergleich für alle."
 },
 "messwerte": {
  "easing": "cubic-bezier(0.16, 1, 0.3, 1) beim Öffnen, cubic-bezier(0.7, 0, 0.84, 0) beim Schließen",
  "dauer_ms": "250 Öffnen, 170 Schließen, 120 Hover",
  "stagger_ms": "40",
  "distanz": "Markierung 0 → 100 % Breite",
  "sonstiges": "Kurvenpaar aus token-toggle-asymmetrisch über das Rezept kfz-werkstatt-autohaus",
  "herkunft": "eigene Festlegung",
  "quelle": "Rezept kfz-werkstatt-autohaus"
 },
 "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": "Universität Göttingen: Schreibweisen nach DIN 5008",
   "url": "https://uni-goettingen.de/de/6103.html",
   "auszeichnung": "",
   "beobachtung": "Abgerufen 04.11.2026: Telefonnummern werden nicht gegliedert, die Vorwahl steht mit Leerzeichen und ohne Klammern davor („0551 123456“), die Durchwahl mit Bindestrich („0551 39-4311“), international „+49 30 588459-258“. Datum „04.01.2010“ oder „4. Januar 2010“, nicht „04. Januar 2010“. Punkt als Tausendertrenner nur bei Geldbeträgen („2.000,50 €“).",
   "art": "artikel"
  },
  {
   "seite": "Universität Passau: DIN 5008 für die Webredaktion",
   "url": "https://www.uni-passau.de/fileadmin/dokumente/beschaeftigte/kommunikation_marketing/webredaktion/DIN_5008.pdf",
   "auszeichnung": "",
   "beobachtung": "Abgerufen 04.11.2026: Uhrzeit mit Doppelpunkt und „Uhr“ („05:30 Uhr“, „8 Uhr“), volle Stunden ohne Minuten. Spannen besser mit „bis“, aus Platzgründen mit Strich und Leerzeichen („09:30 – 10:00 Uhr“). Zahl und Einheit mit Leerzeichen („60 km/h“).",
   "art": "artikel"
  },
  {
   "seite": "Wikipedia (dewiki): Halbgeviertstrich",
   "url": "https://dewiki.de/Lexikon/%e2%80%93",
   "auszeichnung": "",
   "beobachtung": "Abgerufen 04.11.2026: Laut Duden stehen vor und nach dem Bis-Strich keine Leerzeichen („3–4 €“), DIN 5008 verlangt Leerzeichen („3 – 4 €“). Beispiel ohne Leerzeichen: „Mo.–Do., 10:30–22:00 Uhr“.",
   "art": "artikel"
  },
  {
   "seite": "LMU München: Typografie-Standards",
   "url": "https://www.cup.lmu.de/ac/kluefers/homepage/standards/typography.pdf",
   "auszeichnung": "",
   "beobachtung": "Abgerufen 04.11.2026: Zahl und Einheit mit Leerzeichen, umbruchgeschützt mit U+00A0; der kleinere Zwischenraum U+2009 ist nicht umbruchgeschützt. Prozent mit Leerzeichen („5 %“). Bis-Strich im Deutschen ohne Leerzeichen („20–30 Stunden“).",
   "art": "artikel"
  },
  {
   "seite": "Bundesnetzagentur: Rufnummern für Medienproduktionen",
   "url": "https://bundesnetzagentur.de/DE/Fachthemen/Telekommunikation/Nummerierung/DramaNumbers/artikel.html",
   "auszeichnung": "",
   "beobachtung": "Abgerufen 04.11.2026: Für Darstellungen gibt es reservierte Nummern (z. B. 030 23125 000 bis 999). In anderen Ortsnetzen darf direkt nach der Vorwahl eine 0 folgen, weil keine Teilnehmernummer mit 0 beginnt. Grundlage für die Demo-Nummern.",
   "art": "artikel"
  }
 ],
 "tutorials": [
  {
   "titel": "MDN: Intl.NumberFormat",
   "url": "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat"
  },
  {
   "titel": "MDN: Intl.DateTimeFormat",
   "url": "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat"
  },
  {
   "titel": "MDN: font-variant-numeric",
   "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric"
  }
 ],
 "kombinierbar_mit": [
  "tabellenziffern",
  "oeffnungszeiten-status",
  "speisekarte-editorial",
  "firmendaten-strukturiert",
  "reparatur-richtpreise",
  "termin-verfuegbarkeit-anfrage",
  "kopieren-feedback"
 ],
 "urls": {
  "detail": "https://cecodesign.de/lab/fundus/typo-techniken/zahlen-datum-telefon-satz/",
  "meta": "https://cecodesign.de/lab/fundus/typo-techniken/zahlen-datum-telefon-satz/meta.json",
  "demo": "https://cecodesign.de/lab/fundus/typo-techniken/zahlen-datum-telefon-satz/demo"
 },
 "herkunft": {
  "quelldateien": [
   "Recherche Runde 4, 04.11.2026"
  ],
  "pruefnotizen": [
   "Recherche Runde 4: DIN 5008 und deutscher Zahlensatz fehlen als Muster und sind Pflicht im Generator. Gegenbeleg aus der Recherche: Ein KI-Baukasten setzte für eine Reinigungsfirma eine englische Überschrift.",
   "DIN 5008 selbst ist kostenpflichtig und nicht geöffnet. Regeln aus den Hochschul-Leitfäden Göttingen und Passau sowie dewiki (Duden-Regel zum Bis-Strich), alle am 04.11.2026 abgerufen.",
   "Die Quellen widersprechen sich beim Bis-Strich (Duden ohne, DIN 5008 mit Leerzeichen). Die Demo setzt typografisch nach Duden und zeigt DIN 5008 als Schalter.",
   "Preisangaben (Endpreis inkl. USt.) und Pflichtangaben vom Kunden prüfen lassen."
  ]
 },
 "bau": {
  "status": "fertig",
  "kurz": "Festpreis-Tafel einer Schwerter Kfz-Werkstatt, umschaltbar zwischen Rohsatz aus einer englischen Vorlage und deutschem Satz: jede Korrektur an Preis, Spanne, Uhrzeit, Telefon, Datum und Einheit ist markiert und erklärt.",
  "demo": true,
  "abhaengigkeiten": [],
  "werte": {
   "preis": "Intl.NumberFormat('de-DE', {style: 'currency', currency: 'EUR'}) → „1.149,00 €“ mit U+00A0",
   "zahl": "Intl.NumberFormat('de-DE', {maximumFractionDigits: 2})",
   "datum": "Intl.DateTimeFormat('de-DE', {day: 'numeric', month: 'long', year: 'numeric'}) → „4. November 2026“; kurz {day: '2-digit', month: '2-digit', year: 'numeric'} → „04.11.2026“; im HTML <time datetime>",
   "relativ": "Intl.RelativeTimeFormat('de', {numeric: 'auto'}) → „morgen“, „in 3 Tagen“",
   "spanne_typografisch": "U+2013 ohne Leerzeichen: „7:30–18 Uhr“, „Mo–Fr“ (Duden)",
   "spanne_din5008": "U+00A0 + U+2013 + Leerzeichen, zweistellig: „07:30 – 18:00 Uhr“",
   "uhrzeit": "Doppelpunkt, volle Stunde ohne :00, U+00A0 vor „Uhr“",
   "telefon": "DIN 5008 „02304 09471‑12“ (Vorwahl U+00A0 Rufnummer U+2011 Durchwahl), international „+49 2304 09471‑12“, href tel:+4923040947112",
   "einheit": "Zahl U+00A0 Einheit: „250 m²“, „4,5 l“, „19 %“",
   "abkuerzung": "„z. B.“ mit U+202F",
   "ziffern": "font-variant-numeric: tabular-nums in Tabellen, Zeiten und Telefon",
   "demo_nummern": "Vorwahl + führende 0 (Bundesnetzagentur: keine Teilnehmernummer beginnt mit 0)",
   "easing": "cubic-bezier(0.16, 1, 0.3, 1)",
   "easing_schliessen": "cubic-bezier(0.7, 0, 0.84, 0)",
   "dauer_ms": 250,
   "schliessen_ms": 170,
   "hover_ms": 120,
   "stagger_ms": 40,
   "markierung": "3 px Unterstrich in Verkehrsgelb, scaleX 0 → 1 von links; Rohsatz 2 px Rot"
  },
  "ausloeser": "klick",
  "touch": "Preistabelle wird unter 620 px zu Zeilen mit drei Preisspalten und Klassen-Label. Legende per Tippen (aria-pressed) statt Hover, Telefon als großer tel:-Knopf.",
  "reduziert": "Markierungen und Wechsel zwischen Roh- und deutschem Satz erscheinen ohne Übergang und ohne Versatz.",
  "korrekturen": {},
  "geprueft": "04.11.2026",
  "notiz": "Rezept kfz-werkstatt-autohaus, Marke Kfz-Meisterbetrieb Kolbenring, Stadt Schwerte. Neu am 04.11.2026 (Runde 4). Abgrenzung: tabellenziffern regelt nur die Ziffernbreite. Demo-Nummern nach Bundesnetzagentur-Regel (Vorwahl plus führende 0). Quellen widersprechen sich beim Bis-Strich (Duden ohne, DIN 5008 mit Leerzeichen), beides als Schalter. Preis- und Pflichtangaben vom Kunden prüfen lassen. Selbsturteil 4.",
  "varianten": [
   {
    "id": "tafel",
    "name": "Tafel",
    "wann": "Preisliste, Öffnungszeiten und Kontaktblock einer Werkstatt, Praxis oder eines Salons; zeigt dem Kunden, warum die Zahlen so stehen.",
    "werte": {
     "schalter": "Rohsatz / deutscher Satz, Typografisch / DIN 5008",
     "regeln": "7 nummerierte Regeln in der Legende, Hover oder Fokus hebt die Stellen hervor"
    }
   },
   {
    "id": "formatierer",
    "name": "Formatierer",
    "wann": "Vorlage für Generator und CMS: Betrag, Datum, Zeitspanne, Telefon und Menge eingeben, deutsch gesetzt herausbekommen.",
    "werte": {
     "eingabe": "inputmode decimal/numeric, type date/time, Fehler am Feld mit aria-invalid",
     "ausgabe": "sichtbare Sonderzeichen als Chips (U+00A0, U+202F, U+2013, U+2011)"
    }
   },
   {
    "id": "termine",
    "name": "Termine",
    "wann": "Freie Termine, Kurse oder Abholzeiten mit Wochentag, Datum, Spanne und relativer Angabe.",
    "werte": {
     "liste": "nächste 5 Werktage ab heute, Slots 8:00–9:30, 10:00–11:30, 13:00–14:30 Uhr",
     "datum": "typografisch „5. Nov.“, DIN „05.11.2026“",
     "spalten": "3.2em | 9em | 1fr | auto, tabular-nums"
    }
   }
  ]
 }
}