{
 "$schema": "../../schema.json",
 "schema": "fundus/1",
 "id": "erreichbarkeits-button",
 "name": "Anruf-Knopf mit Erreichbarkeit",
 "name_en": "Call button aware of opening hours",
 "kurz": "Der gelbe Anruf-Knopf eines Pflegedienstes weiß, ob das Büro besetzt ist: „Jetzt anrufen“, „Noch 20 Minuten“, nach Feierabend „Rückruf ab 8 Uhr anfragen“ mit Formular, auf dem Telefon als feste Leiste.",
 "kategorie": "Buttons",
 "kategorie_slug": "buttons",
 "kategorie_nr": 18,
 "bau_chat": "B",
 "prioritaet": "B",
 "trendstatus": "aufkommend",
 "belegstatus": "quellenbelegt",
 "website_belege": 0,
 "stimmung": [
  "präzise",
  "warm"
 ],
 "stimmung_roh": [
  "vertrauenswürdig",
  "klar",
  "persönlich"
 ],
 "technik": [
  "css",
  "vanilla-js",
  "intl"
 ],
 "technik_gruppen": [
  "css",
  "js"
 ],
 "leistungskosten": "sehr niedrig",
 "steckbrief": {
  "beschreibung": "Der Anruf- oder Terminknopf kennt die Bürozeiten. Während der Zeit heißt er „Jetzt anrufen“ und sagt darunter, bis wann jemand rangeht. Kurz vor Schluss nennt er die Minuten. Außerhalb wird er zu „Rückruf ab 8 Uhr“ und öffnet ein kurzes Rückruf-Formular; die Nummer bleibt als Nebenweg sichtbar. Mit Rufbereitschaft wechselt nachts die Nummer, mit klarem Hinweis, für wen sie gilt. Auf dem Telefon steht der Knopf als feste Leiste unten.",
  "warum_es_wirkt": "Ein Anruf ins Leere kostet Vertrauen. Wer abends die Seite eines Pflegedienstes oder einer Werkstatt öffnet, will wissen, ob jetzt jemand rangeht. Der Knopf beantwortet das, bevor man wählt, und bietet den Weg an, der gerade funktioniert. So landen weniger Anrufe auf dem Anrufbeantworter und mehr Rückrufwünsche mit Zeitfenster im Postfach.",
  "wann_einsetzen": "Betriebe, die vor allem über das Telefon kommen: Pflege, Praxis, Handwerk, Kfz, Bestattung, Apotheke, IT-Systemhaus, Gebäudedienste. Immer zusammen mit echten, gepflegten Bürozeiten.",
  "wann_nicht": "Wenn die Zeiten nicht gepflegt werden (Urlaub, Feiertage): ein falscher Status ist schlimmer als keiner. Nicht für reine Online-Betriebe ohne Telefon. Keinen Status erfinden („3 Berater frei“), der nicht aus einer echten Quelle kommt.",
  "varianten": [
   "Knopf: „Jetzt anrufen“ während der Bürozeit, kurz vor Schluss mit Minuten, sonst „Rückruf ab … anfragen“ mit Formular",
   "Rufbereitschaft: außerhalb der Bürozeit wird der Knopf zur Bereitschaftsnummer, nur für betreute Kund:innen; Neue fragen einen Rückruf an",
   "Kopf: Status als Pille in der festen Kopfzeile, auf dem Telefon die Leiste immer sichtbar"
  ],
  "umsetzung": "Zeiten als Daten: WOCHE je Wochentag mit Zeiträumen, SONDER für Feiertage und Urlaub, BEREITSCHAFT als eigene Nummer mit Geltung. Ortszeit über Intl.DateTimeFormat('de-DE', { timeZone: 'Europe/Berlin', hourCycle: 'h23', weekday, hour, minute }).formatToParts(). Zustand: offen, bald zu (unter 30 Min.), Pause, zu (mit nächstem Beginn). Der Knopf ist im HTML ein <a href=\"tel:…\"> mit neutralem Text „Anrufen: 05235 …“; JS ersetzt nur Label und Statuszeile, die Höhe ist reserviert. Außerhalb der Zeit wird er zu <button aria-expanded>, der ein Rückruf-Formular (Telefon, Zeitfenster) öffnet; die Nummer bleibt als Textlink. Takt: setTimeout bis zur nächsten vollen Minute und bei visibilitychange. Auf dem Telefon position: fixed unten mit padding-bottom: env(safe-area-inset-bottom) und Platz am Seitenende.",
  "mobil": "Feste Leiste unten mit zwei Knöpfen (Anrufen bzw. Rückruf, Anfragen), mindestens 56 px hoch, mit safe-area. Die Statuszeile steht in der Leiste als Kurztext („Erreichbar bis 17 Uhr“). Das Rückruf-Formular öffnet als Blatt über der Leiste.",
  "reduzierte_bewegung": "Formular und Blatt öffnen ohne Gleiten. Kein pulsierender Punkt.",
  "barrierefreiheit": "Status steht als Wort im Knopf bzw. darunter, nie nur als Farbe. Die minütliche Aktualisierung ist still, nur ein Zustandswechsel wird über aria-live=polite angesagt. tel:-Link mit lesbarer Nummer. Knöpfe mindestens 56 px hoch und 4,5 : 1. Feiertage sind Ländersache: Liste je Standort pflegen und vom Kunden prüfen lassen."
 },
 "messwerte": {
  "easing": "cubic-bezier(0.16, 1, 0.3, 1) öffnen, cubic-bezier(0.7, 0, 0.84, 0) schließen",
  "dauer_ms": "150 Farbe und Hover, 300 Formular öffnen, 200 schließen",
  "stagger_ms": "",
  "distanz": "höchstens 8 px",
  "sonstiges": "„bald zu“ ab 30 Min. vor Ende, Aktualisierung zur vollen Minute",
  "herkunft": "eigene Festlegung",
  "quelle": "Rezept pflege-dienst-naehe (token-toggle-asymmetrisch); Schwellen wie oeffnungszeiten-status"
 },
 "kurve": {
  "bezier": [
   0.16,
   1.0,
   0.3,
   1.0
  ],
  "css": "cubic-bezier(0.16, 1, 0.3, 1)",
  "name": "expo.out",
  "dauer_ms": 150
 },
 "gesehen_bei": [
  {
   "seite": "Fundus intern: oeffnungszeiten-status",
   "url": "",
   "auszeichnung": "",
   "beobachtung": "Laut Recherche Runde 4 kennt oeffnungszeiten-status den Zustand, die Buttons (button-zustaende, pfeil-icon-button) nicht. Kein Award-Beleg gefunden.",
   "art": "artikel"
  }
 ],
 "tutorials": [
  {
   "titel": "MDN: Intl.DateTimeFormat formatToParts",
   "url": "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/formatToParts"
  },
  {
   "titel": "MDN: env() safe-area-inset",
   "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/env"
  }
 ],
 "kombinierbar_mit": [
  "oeffnungszeiten-status",
  "mobile-bottom-navigation",
  "button-zustaende",
  "tiefen-taste-3d",
  "trauerfall-sofortleiste",
  "kontakt-anfrage-formular",
  "tabellenziffern"
 ],
 "urls": {
  "detail": "https://cecodesign.de/lab/fundus/buttons/erreichbarkeits-button/",
  "meta": "https://cecodesign.de/lab/fundus/buttons/erreichbarkeits-button/meta.json",
  "demo": "https://cecodesign.de/lab/fundus/buttons/erreichbarkeits-button/demo"
 },
 "herkunft": {
  "quelldateien": [
   "Recherche Runde 4, 04.11.2026"
  ],
  "pruefnotizen": [
   "Recherche Runde 4 (04.11.2026): kein Award-Beleg.",
   "Belege 04.11.2026: coolblue.de und steuertipps.de geprüft, beide zeigen nur feste Zeiten neben der Nummer, keinen Live-Status. Websites mit Live-Status im Browser suchen (JS-Status ist per WebFetch nicht sichtbar)."
  ]
 },
 "bau": {
  "status": "fertig",
  "kurz": "Der gelbe Anruf-Knopf eines Pflegedienstes weiß, ob das Büro besetzt ist: „Jetzt anrufen“, „Noch 20 Minuten“, nach Feierabend „Rückruf ab 8 Uhr anfragen“ mit Formular, auf dem Telefon als feste Leiste.",
  "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)",
   "dauer_ms": {
    "farbe_hover": 150,
    "formular_auf": 300,
    "formular_zu": 200,
    "leiste_auf": 300,
    "leiste_zu": 200
   },
   "distanz": "Pfeil 4 px bei Hover, Pfeil dreht 90° bei offenem Rückruf, Leiste translateY 110 % aus dem Bild",
   "schwellen": "„Noch n Minuten“ ab 30 Min. vor Ende; Pause = Lücke zwischen zwei Zeiträumen am selben Tag; nächster Beginn heute, morgen, am Wochentag oder mit Datum ab 7 Tagen",
   "zeitzone": "Intl.DateTimeFormat('de-DE', { timeZone: 'Europe/Berlin', hourCycle: 'h23' }).formatToParts(); Datumsrechnung auf UTC-Mittag",
   "takt": "setTimeout bis zur nächsten vollen Minute (+50 ms) und bei visibilitychange",
   "knopf": "min-height 76 px, Radius 12 px, Sonnengelb #FFC845 mit 2 px Rand #1F1B16, Icon-Kreis 44 px; Telefon-Leiste 58 px Knöpfe, padding-bottom env(safe-area-inset-bottom)",
   "leiste": "auf dem Telefon nur, wenn der große Knopf nicht im Bild ist (IntersectionObserver auf beide Knopf-Formen); Variante Kopf immer",
   "punkt": "12 px; offen #1E6B45 mit Ring 5 px, bald #C98A00, Pause nur Ring, zu #8A7F72, Rufbereitschaft Pflaume #5B2A4A; immer mit Wort",
   "farben": "Grund #FAF7F2, Text #1F1B16, Pflaume #5B2A4A, Hinweisfläche #FFF1CC, leise #4A443D, Linien #D8D0C4",
   "schrift": "Literata 600 für Titel, Hanken Grotesk ab 1.25rem für Text, Knopf 1.375rem 700"
  },
  "ausloeser": "dauer",
  "touch": "Unter 640 px feste Leiste unten mit „Anrufen/Rückruf/Rufbereitschaft“ samt Kurzstatus und „Pflege anfragen“; sie erscheint, sobald der große Knopf aus dem Bild ist. „Rückruf“ in der Leiste scrollt zum Knopf und öffnet das Formular.",
  "reduziert": "Formular, Leiste und Pfeil wechseln ohne Übergang; nichts pulsiert.",
  "korrekturen": {
   "varianten": [
    "Knopf: „Jetzt anrufen“ während der Bürozeit, kurz vor Schluss mit Minuten, sonst „Rückruf ab … anfragen“ mit Formular",
    "Rufbereitschaft: außerhalb der Bürozeit wird der Knopf zur Bereitschaftsnummer, nur für betreute Kund:innen; Neue fragen einen Rückruf an",
    "Kopf: Status als Pille in der festen Kopfzeile, auf dem Telefon die Leiste immer sichtbar"
   ]
  },
  "geprueft": "04.11.2026",
  "notiz": "Welt: Rezept pflege-dienst-naehe, erfundener Pflegedienst Ahornweg in Blomberg (Lippe), Sie-Ansprache, Frau Aydin als Ansprechperson, Büro 05235 50 43-0, Rufbereitschaft 0171 33 44 55-0 (erfunden). Zeiten Mo–Do 8–12:30 und 13–16:30, Fr 8–14, Sonderzeiten Weihnachten und Silvester (NRW, vom Kunden prüfen lassen). Pult: Variante und simulierte Uhr (Echtzeit, Mi 10:15, Mi 16:10, Mi 12:40, Fr 19:30, 25.12.). Vorführung: offen, kurz vor Schluss mit laufenden Minuten, Freitagabend mit Rückruf-Formular, Nummer und Zeitfenster, „Notiert“. Abgrenzung: oeffnungszeiten-status zeigt den Status als Information (fünf Varianten, voll), dieses Muster ist die Handlung, die sich danach richtet; mobile-bottom-navigation Variante kontakt ist die Leiste ohne Zeitlogik. Selbsturteil 4.",
  "varianten": [
   {
    "id": "knopf",
    "name": "Knopf mit Status und Rückruf",
    "wann": "Betriebe, die vor allem telefonisch erreichbar sind und feste Bürozeiten haben (pflege, praxis, handwerk, kfz, it).",
    "werte": {
     "offen": "Link tel: „Jetzt anrufen“",
     "zu": "button aria-expanded „Rückruf ab 8 Uhr anfragen“, Formular mit Telefon und drei Zeitfenstern",
     "nebenweg": "zu: Anrufbeantworter-Nummer"
    }
   },
   {
    "id": "bereitschaft",
    "name": "Rufbereitschaft außerhalb der Bürozeit",
    "wann": "Dienste mit 24-Stunden-Bereitschaft für Bestandskund:innen: Pflege, Bestattung, SHK-Notdienst, Gebäudedienste.",
    "werte": {
     "zu": "Link tel: auf die Bereitschaftsnummer, Status „Nur für Menschen, die wir schon pflegen“",
     "nebenweg": "„Neu bei uns? Rückruf anfragen“ öffnet das Formular",
     "punkt": "Pflaume"
    }
   },
   {
    "id": "kopf",
    "name": "Status in der Kopfzeile",
    "wann": "Seiten, deren Startseite etwas anderes erzählt, die aber auf jeder Seite erreichbar sein müssen (praxis, kfz, apotheke).",
    "werte": {
     "kopf": "position: sticky; Pille #FFF1CC mit Kurztext und Nummer 1.5rem 700",
     "leiste": "auf dem Telefon immer sichtbar"
    }
   }
  ]
 }
}
