{
 "$schema": "../../schema.json",
 "schema": "fundus/1",
 "id": "vorbestellung-abholung",
 "name": "Vorbestellung mit Abholtag und Zeitfenster",
 "name_en": "Pre-order for pickup with day, time slot, quantities and confirmation, no online payment",
 "kurz": "Vorbestellen ohne Online-Zahlung: Laden, Abholtag mit Ruhetagen und Bestellschluss, Zeitfenster mit Restkapazität, Ware mit Stepper, Allergenen und Vorlauf, mitlaufende Summe, Fehlerliste und eine Bestätigung mit Nummer und .ics.",
 "kategorie": "Sektionen & Funktionen",
 "kategorie_slug": "sektionen",
 "kategorie_nr": 16,
 "bau_chat": "D",
 "prioritaet": "D",
 "trendstatus": "etabliert",
 "belegstatus": "belegt",
 "website_belege": 2,
 "stimmung": [
  "verspielt",
  "warm"
 ],
 "stimmung_roh": [
  "warm",
  "handwerklich",
  "freundlich"
 ],
 "technik": [
  "css",
  "vanilla-js",
  "form",
  "form-validation",
  "intl",
  "intl-datetimeformat",
  "blob",
  "position-sticky"
 ],
 "technik_gruppen": [
  "css",
  "js"
 ],
 "leistungskosten": "niedrig",
 "steckbrief": {
  "beschreibung": "Vorbestellen für Bäckerei, Metzgerei oder Hofladen, bezahlt wird bei Abholung. Zuerst Laden und Abholtag: Ruhetage sind gesperrt, der Bestellschluss steht dabei („bis 18 Uhr am Vortag“). Dann ein Zeitfenster mit Restkapazität. Danach die Ware mit Mengen-Steppern, Allergenen und Vorlaufzeiten (Torten zwei Tage). Eine Zusammenfassung läuft mit und zeigt Abholung, Positionen und Summe. Nach dem Absenden wird das Formular zur Bestätigung mit Bestellnummer, Abholzeit, „In den Kalender“ und dem Weg zum Ändern. Ware nach Gewicht zeigt den Grundpreis je Kilogramm und einen ehrlichen Circa-Preis.",
  "warum_es_wirkt": "Die Theke ist morgens voll, und das Lieblingsbrot ist um zehn weg. Vorbestellen löst beides, wenn es so einfach ist wie ein Zettel an der Kasse: Tag, Uhrzeit, Menge, Name. Gesperrte Tage und volle Fenster mit Grund verhindern Bestellungen, die der Laden nicht erfüllen kann. Ohne Online-Zahlung braucht der Betrieb keinen Zahlungsdienst und kein Kundenkonto.",
  "wann_einsetzen": "Bäckerei, Konditorei, Metzgerei, Hofladen, Feinkost, Rösterei, Mittagstisch zum Mitnehmen. Besonders vor Feiertagen (Stollen, Braten, Platten) und für Torten mit Vorlauf.",
  "wann_nicht": "Nicht, wenn online bezahlt oder geliefert wird (dann warenkorb-drawer, Widerruf und Versandangaben). Nicht ohne jemanden, der Bestellungen rechtzeitig liest: Bestellschluss und Kapazität müssen im Laden ankommen. Keine Mengen ohne Obergrenze; große Mengen besser telefonisch.",
  "varianten": [
   "Backstube: Stückware mit Stepper, Bestellschluss am Vortag, Torten mit zwei Tagen Vorlauf, Zeitfenster je 30 Minuten",
   "Theke nach Gewicht: Stepper in 250-g-Schritten, Grundpreis je kg, Circa-Preis mit Hinweis „Endpreis nach Wiegen“"
  ],
  "umsetzung": "Ein <form> mit drei <fieldset>: Abholung, Ware, Kontakt. Laden als Radiogruppe mit Öffnungszeiten. Abholtag als Radiogruppe der nächsten 7 Tage (Intl.DateTimeFormat('de-DE', {weekday: 'short', day: 'numeric', month: 'numeric'})); Ruhetage und Tage nach dem Bestellschluss sind disabled mit sichtbarem Grund. Zeitfenster als Radiogruppe mit Restkapazität aus dem Server („noch 3“), volle Fenster disabled. Ware als Liste mit Stepper (Knöpfe − und + mit aria-label, <input type=number inputmode=numeric> mit min, max, step), Allergene als Abkürzung mit Legende, Vorlauf je Produkt („ab Freitag“) sperrt den Stepper für zu frühe Tage. Zusammenfassung als <aside> mit aria-live=\"polite\" für die Summe; mobil als feste Leiste unten. Absenden: Fehler sammeln (formular-fehlerzusammenfassung), sonst POST an den Betrieb, Antwort mit Bestellnummer; das Formular wird zur Bestätigung (Fokus auf deren h2) mit Abholzeit, Positionen, „In den Kalender“ (.ics als Blob) und „Ändern bis Vortag 18 Uhr: anrufen“. Ware nach Gewicht: step 250, Grundpreis je kg neben dem Preis, Summe als „ca.“ und Satz zur Abweichung. Bezahlt wird im Laden. Allergenkennzeichnung, Preisangaben und Datenschutz vom Kunden prüfen lassen.",
  "mobil": "Einspaltig in derselben Reihenfolge. Abholtage als waagerechte Reihe, die umbricht statt zu scrollen. Stepper-Knöpfe 44 px. Die Zusammenfassung wird zur festen Leiste unten mit Summe, Zahl der Positionen und „Vorbestellen“; ein Tipp öffnet die volle Zusammenfassung.",
  "reduzierte_bewegung": "Ziffern wechseln ohne Rollen, die Bestätigung erscheint ohne Versatz.",
  "barrierefreiheit": "fieldset mit legend für jede Gruppe, gesperrte Tage und Fenster mit Grund im Text. Stepper-Knöpfe benannt („Bauernbrot: eins mehr“), die Zahl bleibt ein Eingabefeld. Summe in aria-live. Fehler am Feld und gesammelt oben, Fokus auf die Zusammenfassung der Fehler. Nach dem Absenden Fokus auf die Bestätigung. Allergene ausgeschrieben in der Legende und als title-freier Text."
 },
 "messwerte": {
  "easing": "cubic-bezier(0.16, 1, 0.3, 1) öffnen, cubic-bezier(0.7, 0, 0.84, 0) schließen (animationsstil_ui token-toggle-asymmetrisch laut Rezept gastro-warm-appetitlich)",
  "dauer_ms": "200 Knöpfe, Tage und Fenster, 300 Ziffernwechsel im Stepper, 400 Formular wird Bestätigung, 700 Bild-Einblendung",
  "stagger_ms": "",
  "distanz": "Ziffernwechsel translateY 0.6em; Bestätigung translateY 16 px → 0",
  "sonstiges": "Zeitfenster 30 Minuten; Bestellschluss 18 Uhr am Vortag; Torten 2 Tage Vorlauf; Gewicht in 250-g-Schritten",
  "herkunft": "eigene Festlegung",
  "quelle": "Rezept gastro-warm-appetitlich"
 },
 "kurve": {
  "bezier": [
   0.16,
   1.0,
   0.3,
   1.0
  ],
  "css": "cubic-bezier(0.16, 1, 0.3, 1)",
  "name": "expo.out",
  "dauer_ms": 200
 },
 "gesehen_bei": [
  {
   "seite": "Bäckerei Grobe: Tortenkatalog Januar 2026 (PDF)",
   "url": "https://www.baeckerei-grobe.de/fileadmin/download/tortenkatalog-januar-2026.pdf",
   "auszeichnung": "",
   "beobachtung": "Abgerufen 04.11.2026: Motivtorten 3 bis 4 Werktage, Sahnetorten 2 Werktage Vorlauf; früheste Abholung je Fachgeschäft 8 bis 10 Uhr, Abholzeit wird vor Ort abgestimmt. Vorbild für Vorlaufzeiten je Produkt.",
   "art": "website"
  },
  {
   "seite": "Wolke7: Vorbestellung (Formular bei Jotform)",
   "url": "https://form.jotform.com/241721687992368",
   "auszeichnung": "",
   "beobachtung": "Abgerufen 04.11.2026: Vorbestellung von Dampfnudeln mit Abholort je Stadt, Abholtermin im 15-Minuten-Fenster, Mindestmenge 4, Bestellschluss für denselben Tag 9 Uhr (Wochenmarkt 7 Uhr), größere Mengen per E-Mail. Keine Online-Zahlung.",
   "art": "website"
  },
  {
   "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: Grundpreis bei loser Ware nach Gewicht je 1 kg in unmittelbarer Nähe des Gesamtpreises; kein Grundpreis bei Stückware. Grundlage für die Variante Theke.",
   "art": "artikel"
  }
 ],
 "tutorials": [
  {
   "titel": "MDN: <input type=\"number\">",
   "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input/number"
  },
  {
   "titel": "RFC 5545: iCalendar",
   "url": "https://www.rfc-editor.org/rfc/rfc5545"
  }
 ],
 "kombinierbar_mit": [
  "oeffnungszeiten-status",
  "speisekarte-editorial",
  "formular-fehlerzusammenfassung",
  "validierung-nach-interaktion",
  "termin-verfuegbarkeit-anfrage",
  "standortfinder-liste",
  "button-zustaende",
  "warenkorb-drawer"
 ],
 "urls": {
  "detail": "https://cecodesign.de/lab/fundus/sektionen/vorbestellung-abholung/",
  "meta": "https://cecodesign.de/lab/fundus/sektionen/vorbestellung-abholung/meta.json",
  "demo": "https://cecodesign.de/lab/fundus/sektionen/vorbestellung-abholung/demo"
 },
 "herkunft": {
  "quelldateien": [
   "Recherche Runde 4, 04.11.2026"
  ],
  "pruefnotizen": [
   "Recherche Runde 4: Awwwards-Einträge the-bakery und the-production-kitchen nur als Suchtreffer, ob dort vorbestellt wird, ist ungeprüft.",
   "Zwei echte Vorbestell-Wege geprüft (Bäckerei Grobe, Wolke7, 04.11.2026). Kapazität je Zeitfenster zeigt keiner davon; das ist eigene Festlegung.",
   "Allergenkennzeichnung (LMIV), Grundpreis und Datenschutz in der Demo sind Beispiele. Vom Kunden prüfen lassen, keine Rechtsberatung."
  ]
 },
 "bau": {
  "status": "fertig",
  "kurz": "Vorbestellen ohne Online-Zahlung: Laden, Abholtag mit Ruhetagen und Bestellschluss, Zeitfenster mit Restkapazität, Ware mit Stepper, Allergenen und Vorlauf, mitlaufende Summe, Fehlerliste und eine Bestätigung mit Nummer und .ics.",
  "demo": true,
  "abhaengigkeiten": [],
  "werte": {
   "easing": "cubic-bezier(0.16, 1, 0.3, 1) öffnen, cubic-bezier(0.7, 0, 0.84, 0) schließen (animationsstil_ui token-toggle-asymmetrisch, Rezept gastro-warm-appetitlich)",
   "dauer_ms": {
    "ui": 200,
    "ziffer": 300,
    "bestaetigung": 400,
    "bild": 700
   },
   "distanz": "Ziffer translateY ±0.6em mit Deckkraft je nach Richtung; Bestätigung translateY 16 px → 0; Bild scale .96 → 1",
   "bestellschluss": "18 Uhr am Vortag, danach ist morgen gesperrt mit Grund",
   "tage": "die nächsten 7 Tage ab morgen, Ruhetage je Laden disabled mit „Ruhetag“",
   "zeitfenster": "30 Minuten von Öffnung bis 12 Uhr, Kapazität 8, volle Fenster disabled mit „voll“",
   "vorlauf": "Torten und Platten 2 Tage, Stepper gesperrt mit „frühestens …“",
   "stepper": "Pille 40 px, Knöpfe benannt, input type=number inputmode=numeric mit min, max, step",
   "gewicht": "Theke: step 250 g, Preis je 250 g plus Grundpreis je kg, Summe „ca.“",
   "typo": "H1 Fraunces 500 SOFT 80 clamp(2.5rem, 1.6rem + 4vw, 5rem)/1.02 mit kursivem Teil; Text Commissioner 1.0625rem/1.55; Rubrik FLAR 80 versal .15em",
   "farben": "#F0ECE0 Grund, #F8F5EC Karte, #353839 Text, #293E3A Handlung, #DFE4D6 Salbei hell, #EAC16E Senf nur Nummer, #9B2C1F Fehler",
   "form": "Radius 6 / 12 px, Pillen für Tage, Fenster, Stepper und Knöpfe, keine Schatten",
   "vorfuehrung": "zweiter freier Tag, erstes freies Fenster, sieben Klicks auf +, Name und Telefon tippen, absenden, Bestätigung 3200 ms, Schleife"
  },
  "ausloeser": "klick",
  "touch": "Einspaltig, Tage und Fenster als umbrechende Pillen, Läden untereinander, Stepper unter dem Preis. Feste Leiste unten mit Summe, Zahl der Positionen und Abholzeit, „Ansehen“ springt zur Zusammenfassung. Menü-Knopf im Kopf.",
  "reduziert": "Ziffern wechseln ohne Rollen, Bestätigung und Bild erscheinen ohne Versatz, Sprünge ohne weiches Scrollen.",
  "korrekturen": {},
  "geprueft": "04.11.2026",
  "notiz": "Welt: Rezept gastro-warm-appetitlich (Lebensmittelhandwerk), erfundene Bäckerei Ofenstein in Deggendorf mit zwei Läden. Variante ?v=theke: erfundene Hofmetzgerei Brandl (Deggendorf-Natternberg), Braten nach Gewicht mit Grundpreis je kg, Stückware ohne, Platte mit 2 Tagen Vorlauf. Bezahlt wird im Laden, keine Online-Zahlung, kein Konto. Datum aus der echten Uhr, Kapazität der Fenster als Demo-Zufall aus Laden und Tag. Fehler gesammelt oben mit Sprunglinks, Bestätigung ersetzt Formular und Zusammenfassung und bekommt den Fokus. Bild foto-hero-mit-leiste-backstube aus medien, Theke mit Tafel statt Foto. Referenzen: Tortenkatalog Bäckerei Grobe (Vorlauf), Vorbestellung Wolke7 (15-Minuten-Fenster, Bestellschluss, Mindestmenge). Selbsturteil 4.",
  "varianten": [
   {
    "id": "backstube",
    "name": "Backstube",
    "wann": "Bäckerei, Konditorei, Rösterei, Mittagstisch: Stückware mit Bestellschluss am Vortag und Torten mit Vorlauf.",
    "werte": {
     "waren": "Brot, Kleingebäck, Torten; Stückpreis, Option „geschnitten“",
     "summe": "Endpreis inkl. MwSt."
    }
   },
   {
    "id": "theke",
    "name": "Theke nach Gewicht",
    "wann": "Metzgerei, Käserei, Hofladen, Feinkost: Ware nach Gewicht mit Circa-Preis und Grundpreis, dazu Stückware und Platten.",
    "werte": {
     "gewicht": "step 250 g, max. 3 bis 4 kg",
     "preis": "je 250 g plus Grundpreis € / kg",
     "summe": "ca., Endpreis nach Wiegen"
    }
   }
  ]
 }
}
