PageSourceSearch

https://kaarst-lokal.de/merchants

html kaarst-lokal.de collected 2026-10-02 01:51:42 UTC 81,388 bytes, 1,091 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6    <title>*kaarst LOKAL | Merchants</title>
7    <meta name="author" content=" Proforen UG, Tobias Roth">
8    <meta name="keywords" content="kaarst, kaarst LOKAL, Lokal, Gutschein, Wirtschaft, Wirtschaftsförderung, Gastronomie, Stempelkarte, No Waste, Nachhaltigkeit, Gutscheinheft, App, digitale Gutscheine">
9    <link rel="icon" type="image/x-icon" href="img/favicon.ico">
10    <link rel="stylesheet" href="css/globalStyles.css">
11    <link rel="stylesheet" href="css/mainStyles.css">
12    <link href="css/tailwind.css" rel="stylesheet" type="text/css">
13</head>
14<body id="mybody">
15<h1 class="hidden">kaarst LOKAL</h1>
16<img class="hidden" src="img/log.png" alt="kaarst LOKAL">
17<img class="hidden" src="img/logo.svg" alt="kaarst LOKAL">
18<!-- Modal 1 -->
19<div id="feature-modal-0" role="dialog" aria-labelledby="modal-title" aria-hidden="true" class="fixed flex flex-col h-screen hidden inset-0 items-stretch justify-start p-6 w-full z-50" style="backdrop-filter: blur(30px);">
20    <div class="bg-background-100 border_white15 container_maxW_2 flex flex-col h-full items-stretch justify-start mx-auto overflow-auto rounded-xl w-full">
21        <div class="!max-w-screen-md container_center flex flex-col gap-10 md:gap-20 items-stretch justify-start pb-8 pt-4 md:pt-20 px-6 text-left">
22            <div class="flex flex-col gap-4 items-stretch justify-start">
23                <h2 class="opacity-45 text-sm">Suche / Übersicht</h2>
24                <h3 class="text-2xl">Mehr Sichtbarkeit für dein Geschäft</h3>
25            </div>
26            <hr>
27            <div class="flex flex-col gap-8 items-stretch justify-start">
28                <p class="w-full">Mit der Suche machst du dein Geschäft genau dort sichtbar, wo es zählt: in der Nähe deiner Kunden. Ob sie nach einem bestimmten Produkt oder einer Dienstleistung suchen – mit unserer App kannst du sicherstellen, dass sie dich finden. Deine Präsenz öffnet dir die Tür zu neuen Zielgruppen und erhöht deine Reichweite.</p>
29                <p class="w-full">Unsere intelligente Suche filtert gezielt nach Kategorien, Namen oder speziellen Schlagwörtern. Hast du ein einzigartiges Angebot? Dann wird es in den Suchergebnissen hervorgehoben. So erreichst du gezielt Kunden, die genau nach deinem Service suchen.</p>
30                <p class="w-full">Gerade für kleine Unternehmen ist die Suchfunktion unschätzbar wertvoll. Aktualisiere regelmäßig deine Einträge und hebe besondere Aktionen hervor, um aus der Masse hervorzustechen. Mit der Suche wird dein Geschäft zum unverzichtbaren Teil der Community.</p>
31            </div>
32        </div>
33        <div class="bottom-0 flex flex-col inset-x-0 items-center justify-center mx-auto pb-8 sticky z-30" data-selector="main_header">
34            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
35                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
36                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
37                </button>
38            </nav>
39        </div>
40    </div>
41</div>
42
43<!-- Modal 2 -->
44<div id="feature-modal-1" role="dialog" aria-labelledby="modal-title" aria-hidden="true" class="fixed flex flex-col h-screen hidden inset-0 items-stretch justify-start p-6 w-full z-50" style="backdrop-filter: blur(30px);">
45    <div class="bg-background-100 border_white15 container_maxW_2 flex flex-col h-full items-stretch justify-start mx-auto overflow-auto rounded-xl w-full">
46        <div class="!max-w-screen-md container_center flex flex-col gap-10 md:gap-20 items-stretch justify-start pb-8 pt-4 md:pt-20 px-6 text-left">
47            <div class="flex flex-col gap-4 items-stretch justify-start">
48                <h2 class="opacity-45 text-sm">Merchant Informationsseite</h2>
49                <h3 class="text-2xl">Deine digitale Visitenkarte</h3>
50            </div>
51            <hr>
52            <div class="flex flex-col gap-8 items-stretch justify-start">
53                <p class="w-full">Deine Merchant-Seite ist der erste Eindruck, den ein Kunde von dir bekommt – und du weißt, wie wichtig dieser Moment ist. Präsentiere dein Angebot, Öffnungszeiten, Aktionen oder besondere Services an einem Ort. So weckst du Vertrauen und Interesse bei neuen und bestehenden Kunden.</p>
54                <p class="w-full">Die Seite ist flexibel und leicht aktualisierbar. Kunden können Bewertungen hinterlassen, die potenzielle Besucher überzeugen. Nutze die Möglichkeit, deine Marke ins beste Licht zu rücken und Vertrauen zu schaffen.</p>
55                <p class="w-full">
55Mit einer gepflegten Informationsseite sparst du dir viele Nachfragen. Kunden wissen, was sie erwartet, und kommen mit einem positiven Eindruck. So stärkst du deine Kundenbindung und steigerst deine Reichweite – professionell und unkompliziert.</p>
56            </div>
57        </div>
58        <div class="bottom-0 flex flex-col inset-x-0 items-center justify-center mx-auto pb-8 sticky z-30" data-selector="main_header">
59            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
60                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
61                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
62                </button>
63            </nav>
64        </div>
65    </div>
66</div>
67
68<!-- Modal 3 -->
69<div id="feature-modal-2" role="dialog" aria-labelledby="modal-title" aria-hidden="true" class="fixed flex flex-col h-screen hidden inset-0 items-stretch justify-start p-6 w-full z-50" style="backdrop-filter: blur(30px);">
70    <div class="bg-background-100 border_white15 container_maxW_2 flex flex-col h-full items-stretch justify-start mx-auto overflow-auto rounded-xl w-full">
71        <div class="!max-w-screen-md container_center flex flex-col gap-10 md:gap-20 items-stretch justify-start pb-8 pt-4 md:pt-20 px-6 text-left">
72            <div class="flex flex-col gap-4 items-stretch justify-start">
73                <h2 class="opacity-45 text-sm">Kommuniziere direkt mit deinen Kunden</h2>
74                <h3 class="text-2xl">Newsfeed</h3>
75            </div>
76            <hr>
77            <div class="flex flex-col gap-8 items-stretch justify-start">
78                <p class="w-full">Der Newsfeed ist dein direkter Draht zu deinen Kunden. Teile aktuelle Angebote, neue Produkte oder spannende Events mit wenigen Klicks. Kunden, die dir folgen, sehen deine Beiträge direkt und bleiben über dein Geschäft informiert.</p>
79                <p class="w-full">Mit gezielten Updates kannst du spontane Besuche fördern. Stell dir vor, du teilst eine Happy-Hour-Aktion oder einen Rabatt – so animierst du Kunden, noch heute vorbeizukommen.</p>
80                <p class="w-full">Der Newsfeed gibt dir die Möglichkeit, saisonale Highlights oder besondere Anlässe schnell zu kommunizieren. Nutze diesen Kanal, um regelmäßig im Gedächtnis deiner Kunden zu bleiben und sie immer wieder neu zu begeistern.</p>
81            </div>
82        </div>
83        <div class="bottom-0 flex flex-col inset-x-0 items-center justify-center mx-auto pb-8 sticky z-30" data-selector="main_header">
84            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
85                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
86                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
87                </button>
88            </nav>
89        </div>
90    </div>
91</div>
92<!-- Modal 4 -->
93<div id="feature-modal-3" role="dialog" aria-labelledby="modal-title" aria-hidden="true" class="fixed flex flex-col h-screen hidden inset-0 items-stretch justify-start p-6 w-full z-50" style="backdrop-filter: blur(30px);">
94    <div class="bg-background-100 border_white15 container_maxW_2 flex flex-col h-full items-stretch justify-start mx-auto overflow-auto rounded-xl w-full">
95        <div class="!max-w-screen-md container_center flex flex-col gap-10 md:gap-20 items-stretch justify-start pb-8 pt-4 md:pt-20 px-6 text-left">
96            <div class="flex flex-col gap-4 items-stretch justify-start">
97                <h2 class="opacity-45 text-sm">Event-Kalender</h2>
98                <h3 class="text-2xl">Mache deine Events sichtbar</h3>
99            </div>
100            <hr>
101            <div class="flex flex-col gap-8 items-stretch justify-start">
102                <p class="w-full">Ob Sonderverkäufe, Konzerte oder saisonale Angebote – der Event-Kalender macht deine Veranstaltungen sichtbar. Kunden können deine Events direkt in der App entdecken und planen. So erreichst du nicht nur bestehende Kunden, sondern auch neue Zielgruppen.</p>
103                <p class="w-full">Stell dir vor, du veranstaltest ein Sommerfest oder eine Rabattaktion zum Jahreswechsel. Mit dem Event-Kalender wird dein Angebot direkt in den Kalender der Nutzer integriert und hervorgehoben. Das steigert die Wahrscheinlichkeit, dass Kunden spontan vorbeikommen.</p>
104                <p class="w-full">Mit dieser Funktion kannst du regelmäßig auf dich aufmerksam machen und die Bindung zu deiner Kundschaft stärken. Aktualisiere deine Events einfach und halte die Community immer auf dem neuesten Stand.</p>
105            </div>
106        </div>
107        <div class="bottom-0 flex flex-col inset-x-0 items-center justify-center mx-auto pb-8 sticky z-30" data-selector="main_header">
108            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
109                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
110                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
111                </button>
112            </nav>
113        </div>
114    </div>
115</div>
116
117<!-- Modal 5 -->
118<div id="feature-modal-4" role="dialog" aria-labelledby="modal-title" aria-hidden="true" class="fixed flex flex-col h-screen hidden inset-0 items-stretch justify-start p-6 w-full z-50" style="backdrop-filter: blur(30px);">
119    <div class="bg-background-100 border_white15 container_maxW_2 flex flex-col h-full items-stretch justify-start mx-auto overflow-auto rounded-xl w-full">
120        <div class="!max-w-screen-md container_center flex flex-col gap-10 md:gap-20 items-stretch justify-start pb-8 pt-4 md:pt-20 px-6 text-left">
121            <div class="flex flex-col gap-4 items-stretch justify-start">
122                <h2 class="opacity-45 text-sm">Bewertungen</h2>
123                <h3 class="text-2xl">Bewertungen, die überzeugen</h3>
124            </div>
125            <hr>
126            <div class="flex flex-col gap-8 items-stretch justify-start">
127                <p class="w-full">Mit Bewertungen schaffst du Vertrauen bei deinen Kunden. Lass andere von deinen Stärken erzählen – sei es der großartige Service, die Qualität deiner Produkte oder die einzigartige Atmosphäre. Zufriedene Kunden werden zu deinen besten Botschaftern.</p>
128                <p class="w-full">Stell dir vor, ein Gast war begeistert von deiner Spezialität und teilt dies in einer Bewertung. Neue Kunden, die diese Bewertung lesen, werden neugierig und möchten deine Angebote ausprobieren. So ziehst du gezielt Besucher an, die genau nach deinem Service suchen.</p>
129                <p class="w-full">Ermutige deine Stammkunden, ihre Erfahrungen zu teilen, und antworte aktiv auf Bewertungen. So zeigst du, dass dir die Meinung deiner Kunden wichtig ist, und stärkst langfristig dein Image.</p>
130            </div>
131        </div>
132        <div class="bottom-0 flex flex-col inset-x-0 items-center justify-center mx-auto pb-8 sticky z-30" data-selector="main_header">
133            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
134                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
135                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
136                </button>
137            </nav>
138        </div>
139    </div>
140</div>
141
142<!-- Modal 6 -->
143<div id="feature-modal-5" role="dialog" aria-labelledby="modal-title" aria-hidden="true" class="fixed flex flex-col h-screen hidden inset-0 items-stretch justify-start p-6 w-full z-50" style="backdrop-filter: blur(30px);">
144    <div class="bg-background-100 border_white15 container_maxW_2 flex flex-col h-full items-stretch justify-start mx-auto overflow-auto rounded-xl w-full">
145        <div class="!max-w-screen-md container_center flex flex-col gap-10 md:gap-20 items-stretch justify-start pb-8 pt-4 md:pt-20 px-6 text-left">
146            <div class="flex flex-col gap-4 items-stretch justify-start">
147                <h2 class="opacity-45 text-sm">Kontakt</h2>
148                <h3 class="text-2xl">Erreiche deine Kunden direkt</h3>
149            </div>
150            <hr>
151            <div class="flex flex-col gap-8 items-stretch justify-start">
152                <p class="w-full">Kommunikation ist der Schlüssel zu einem erfolgreichen Geschäft. Mit der App können Kunden dir Nachrichten senden, ohne lange telefonieren zu müssen. Ob Fragen zu deinem Angebot, Tischreservierung oder Feedback – du bist immer erreichbar.</p>
153                <p class="w-full">Stell dir vor, ein Kunde möchte wissen, ob ein bestimmtes Produkt verfügbar ist. Statt lange zu suchen, schreibt er dir direkt eine Nachricht und erhält schnell eine Antwort. So gewinnst du seine Zeit und sein Vertrauen und sparst dir ständiges Telefonklingeln, welches den Arbeitsablauf stört.</p>
154                <p class="w-full">Die einfache Kontaktmöglichkeit macht es dir leichter, mit Kunden zu interagieren und Beziehungen aufzubauen. Das spart Zeit und stärkt deine Bindung zu ihnen.</p>
155            </div>
156        </div>
157        <div class="bottom-0 flex flex-col inset-x-0 items-center justify-center mx-auto pb-8 sticky z-30" data-selector="main_header">
158            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
159                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
160                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
161                </button>
162            </nav>
163        </div>
164    </div>
165</div>
166<!-- Modal 7 -->
167<div id="feature-modal-6" role="dialog" aria-labelledby="modal-title" aria-hidden="true" class="fixed flex flex-col h-screen hidden inset-0 items-stretch justify-start p-6 w-full z-50" style="backdrop-filter: blur(30px);">
168    <div class="bg-background-100 border_white15 container_maxW_2 flex flex-col h-full items-stretch justify-start mx-auto overflow-auto rounded-xl w-full">
169        <div class="!max-w-screen-md container_center flex flex-col gap-10 md:gap-20 items-stretch justify-start pb-8 pt-4 md:pt-20 px-6 text-left">
170            <div class="flex flex-col gap-4 items-stretch justify-start">
171                <h2 class="opacity-45 text-sm">Tischreservierung</h2>
172                <h3 class="text-2xl">Einfach und schnell reservieren</h3>
173            </div>
174            <hr>
175            <div class="flex flex-col gap-8 items-stretch justify-start">
176                <p class="w-full">Vergiss umständliche Telefonanfragen und nutze die App, um Reservierungen zu vereinfachen. Kunden können in wenigen Klicks einen Tisch buchen und du erhältst alle wichtigen Details direkt.</p>
177                <p class="w-full">Das spart Zeit und reduziert Fehler. Stell dir vor, eine Familie plant einen Abend bei dir und möchte sicher sein, dass genügend Platz vorhanden ist. Mit der App ist das schnell und bequem möglich.</p>
178                <p class="w-full">So bietest du einen erstklassigen Service und stärkst die Zufriedenheit deiner Gäste. Jeder reservierte Tisch ist ein weiterer Schritt zu deinem Erfolg.</p>
179            </div>
180        </div>
181        <div class="bottom-0 flex flex-col inset-x-0 items-center justify-center mx-auto pb-8 sticky z-30" data-selector="main_header">
182            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
183                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
184                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
185                </button>
186            </nav>
187        </div>
188    </div>
189</div>
190
191<!-- Modal 8 -->
192<div id="feature-modal-7" role="dialog" aria-labelledby="modal-title" aria-hidden="true" class="fixed flex flex-col h-screen hidden inset-0 items-stretch justify-start p-6 w-full z-50" style="backdrop-filter: blur(30px);">
193    <div class="bg-background-100 border_white15 container_maxW_2 flex flex-col h-full items-stretch justify-start mx-auto overflow-auto rounded-xl w-full">
194        <div class="!max-w-screen-md container_center flex flex-col gap-10 md:gap-20 items-stretch justify-start pb-8 pt-4 md:pt-20 px-6 text-left">
195            <div class="flex flex-col gap-4 items-stretch justify-start">
196                <h2 class="opacity-45 text-sm">No-Waste-Aktionen</h2>
197                <h3 class="text-2xl">Weniger wegwerfen. Überschüsse verkaufen.</h3>
198            </div>
199            <hr>
200            <div class="flex flex-col gap-8 items-stretch justify-start">
201                <p class="w-full">Mit No-Waste bietest du überschüssige Lebensmittel zu deutlich reduzierten Preisen an, bevor sie entsorgt werden müssten. So schaffst du eine zusätzliche Verkaufsmöglichkeit und wirkst Lebensmittelverschwendung entgegen.</p>
202                <p class="w-full">Erstelle deine Aktion im Händlerbereich mit einer Beschreibung, dem Rabatt und der Laufzeit. Das aktive Angebot erscheint in der App. Sind die Überschüsse verkauft, kannst du die Aktion vorzeitig beenden.</p>
203                <p class="w-full">Deine Kunden sparen gegenüber dem regulären Preis, während du für noch verwertbare Lebensmittel Abnehmer findest. No-Waste ist für tatsächliche Lebensmittelüberschüsse gedacht – etwa Brot, Gebäck oder übrig gebliebene Speisen zum Geschäftsschluss.</p>
204            </div>
205        </div>
206        <div class="bottom-0 flex flex-col inset-x-0 items-center justify-center mx-auto pb-8 sticky z-30" data-selector="main_header">
207            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
208                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
209                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
210                </button>
211            </nav>
212        </div>
213    </div>
214</div>
215
216<!-- Modal 9 -->
217<div id="feature-modal-8" role="dialog" aria-labelledby="modal-title" aria-hidden="true" class="fixed flex flex-col h-screen hidden inset-0 items-stretch justify-start p-6 w-full z-50" style="backdrop-filter: blur(30px);">
218    <div class="bg-background-100 border_white15 container_maxW_2 flex flex-col h-full items-stretch justify-start mx-auto overflow-auto rounded-xl w-full">
219        <div class="!max-w-screen-md container_center flex flex-col gap-10 md:gap-20 items-stretch justify-start pb-8 pt-4 md:pt-20 px-6 text-left">
220            <div class="flex flex-col gap-4 items-stretch justify-start">
221                <h2 class="opacity-45 text-sm">Rabattaktionen und Gutscheine</h2>
222                <h3 class="text-2xl">Ziehe Kunden mit besonderen Angeboten an</h3>
223            </div>
224            <hr>
225            <div class="flex flex-col gap-8 items-stretch justify-start">
226                <p class="w-full">Mit Rabattaktionen und Gutscheinen machst du dein Angebot für Kunden noch attraktiver. Ob Sonderrabatte, „2-für-1“-Deals oder exklusive Gutscheine – du entscheidest, wie du neue und bestehende Kunden belohnen möchtest.</p>
227                <p class="w-full">Stell dir vor, du bewirbst einen Rabatt auf dein Mittagsmenü. Kunden, die diesen in der App entdecken, kommen gezielt zu dir, um das Angebot zu nutzen. So kannst du gezielt die Frequenz in schwächeren Zeiten erhöhen.</p>
228                <p class="w-full">Gutscheine sind außerdem eine perfekte Möglichkeit, um Stammkunden zu binden oder neue Kunden zu gewinnen. Nutze diese Funktion, um regelmäßig auf dich aufmerksam zu machen.</p>
229            </div>
230        </div>
231        <div class="bottom-0 flex flex-col inset-x-0 items-center justify-center mx-auto pb-8 sticky z-30" data-selector="main_header">
232            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
233                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
234                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
235                </button>
236            </nav>
237        </div>
238    </div>
239</div>
240<!-- Modal 10 -->
241<div id="feature-modal-9" role="dialog" aria-labelledby="modal-title" aria-hidden="true" class="fixed flex flex-col h-screen hidden inset-0 items-stretch justify-start p-6 w-full z-50" style="backdrop-filter: blur(30px);">
242    <div class="bg-background-100 border_white15 container_maxW_2 flex flex-col h-full items-stretch justify-start mx-auto overflow-auto rounded-xl w-full">
243        <div class="!max-w-screen-md container_center flex flex-col gap-10 md:gap-20 items-stretch justify-start pb-8 pt-4 md:pt-20 px-6 text-left">
244            <div class="flex flex-col gap-4 items-stretch justify-start">
245                <h2 class="opacity-45 text-sm">Stempelkarte</h2>
246                <h3 class="text-2xl">Belohne treue Kunden</h3>
247            </div>
248            <hr>
249            <div class="flex flex-col gap-8 items-stretch justify-start">
250                <p class="w-full">Mit der digitalen Stempelkarte machst du Treueprogramme einfacher und attraktiver. Kunden sammeln bei jedem Besuch Stempel, die sie später gegen exklusive Vorteile einlösen können. So stärkst du die Bindung zu deinen Stammkunden.</p>
251                <p class="w-full">Stell dir vor, ein Kunde besucht dich regelmäßig und freut sich, dass er bei jedem Einkauf Treuepunkte sammelt. Nach ein paar Besuchen erhält er eine Belohnung, z. B. einen kostenlosen Kaffee oder Rabatt auf den nächsten Einkauf.</p>
252                <p class="w-full">Diese Funktion macht Treueprogramme übersichtlicher und moderner – kein Papier, kein Chaos. Du zeigst deinen Kunden, dass ihre Loyalität geschätzt wird, und motivierst sie, immer wiederzukommen.</p>
253            </div>
254        </div>
255        <div class="bottom-0 flex flex-col inset-x-0 items-center justify-center mx-auto pb-8 sticky z-30" data-selector="main_header">
256            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
257                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
258                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
259                </button>
260            </nav>
261        </div>
262    </div>
263</div>
264
265<!-- Modal 11 -->
266<div id="feature-modal-10" role="dialog" aria-labelledby="modal-title" aria-hidden="true" class="fixed flex flex-col h-screen hidden inset-0 items-stretch justify-start p-6 w-full z-50" style="backdrop-filter: blur(30px);">
267    <div class="bg-background-100 border_white15 container_maxW_2 flex flex-col h-full items-stretch justify-start mx-auto overflow-auto rounded-xl w-full">
268        <div class="!max-w-screen-md container_center flex flex-col gap-10 md:gap-20 items-stretch justify-start pb-8 pt-4 md:pt-20 px-6 text-left">
269            <div class="flex flex-col gap-4 items-stretch justify-start">
270                <h2 class="opacity-45 text-sm">Cashback</h2>
271                <h3 class="text-2xl">Geld zurück für deine Kunden</h3>
272            </div>
273            <hr>
274            <div class="flex flex-col gap-8 items-stretch justify-start">
275                <p class="w-full">Mit der Cashback-Funktion gibst du deinen Kunden einen zusätzlichen Anreiz, bei dir einzukaufen. Ein Teil ihres Einkaufsbetrags wird als Guthaben gutgeschrieben, das sie, sobald sie einen gewissen Betrag angesammelt haben, bei ihrem nächsten Besuch einlösen können.</p>
276                <p class="w-full">Stell dir vor, ein Kunde besucht dein Geschäft regelmäßig und sammelt Cashback-Guthaben. Nach einigen Besuchen kann er dieses verwenden, um seinen Einkauf günstiger zu gestalten. Das motiviert ihn, wiederzukommen, und stärkt seine Bindung an dein Geschäft.</p>
277                <p class="w-full">Cashback ist nicht nur ein Verkaufsargument, sondern auch eine Möglichkeit, Vertrauen und Loyalität aufzubauen. Zeige deinen Kunden, dass sich Einkäufe bei dir langfristig lohnen.</p>
278            </div>
279        </div>
280        <div class="bottom-0 flex flex-col inset-x-0 items-center justify-center mx-auto pb-8 sticky z-30" data-selector="main_header">
281            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
282                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
283                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
284                </button>
285            </nav>
286        </div>
287    </div>
288</div>
289
290<!-- Modal 12 -->
291<div id="feature-modal-11" role="dialog" aria-labelledby="modal-title" aria-hidden="true" class="fixed flex flex-col h-screen hidden inset-0 items-stretch justify-start p-6 w-full z-50" style="backdrop-filter: blur(30px);">
292    <div class="bg-background-100 border_white15 container_maxW_2 flex flex-col h-full items-stretch justify-start mx-auto overflow-auto rounded-xl w-full">
293        <div class="!max-w-screen-md container_center flex flex-col gap-10 md:gap-20 items-stretch justify-start pb-8 pt-4 md:pt-20 px-6 text-left">
294            <div class="flex flex-col gap-4 items-stretch justify-start">
295                <h2 class="opacity-45 text-sm">Speisekartenfilter</h2>
296                <h3 class="text-2xl"> Die digitale Speisekarte – individuell und nutzerfreundlich</h3>
297            </div>
298            <hr>
299            <div class="flex flex-col gap-8 items-stretch justify-start">
300                <p class="w-full">Gäste mit Allergien oder besonderen Ernährungsbedürfnissen erwarten heute mehr als nur eine leckere Mahlzeit – sie wollen eine einfache Möglichkeit, ihre Wünsche zu erfüllen, ohne lange nachfragen zu müssen. Mit der neuen Speisekartenfunktion von Kaarst Lokal kannst du deine Gerichte digital und interaktiv präsentieren und deinen Gästen zeigen, dass ihre Bedürfnisse bei dir im Mittelpunkt stehen.</p>
301                <p class="w-full">Die Funktion erlaubt es deinen Gästen, gezielt nach Inhaltsstoffen und Allergenen zu filtern. Ob glutenfreie, laktosefreie oder vegane Optionen – alles wird übersichtlich dargestellt. Das sorgt nicht nur für eine bessere Transparenz, sondern spart auch deinem Team wertvolle Zeit, da Rückfragen deutlich reduziert werden.</p>
302                <p class="w-full">Mit dieser innovativen Funktion kannst du dich von der Konkurrenz abheben und deinen Gästen ein modernes Esserlebnis bieten. Zeig deinen Kunden, dass du mit der Zeit gehst und ihre Erwartungen ernst nimmst – für mehr Kundenzufriedenheit und höhere Bindung.</p>
303            </div>
304        </div>
305        <div class="bottom-0 flex flex-col inset-x-0 items-center justify-center mx-auto pb-8 sticky z-30" data-selector="main_header">
306            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
307                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
308                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
309                </button>
310            </nav>
311        </div>
312    </div>
313</div>
314<!-- Modal 13 -->
315<div id="feature-modal-12" role="dialog" aria-labelledby="modal-title" aria-hidden="true" class="fixed flex flex-col h-screen hidden inset-0 items-stretch justify-start p-6 w-full z-50" style="backdrop-filter: blur(30px);">
316    <div class="bg-background-100 border_white15 container_maxW_2 flex flex-col h-full items-stretch justify-start mx-auto overflow-auto rounded-xl w-full">
317        <div class="!max-w-screen-md container_center flex flex-col gap-10 md:gap-20 items-stretch justify-start pb-8 pt-4 md:pt-20 px-6 text-left">
318            <div class="flex flex-col gap-4 items-stretch justify-start">
319                <h2 class="opacity-45 text-sm">Reminder-Funktion</h2>
320                <h3 class="text-2xl">Kunden zurückholen leicht gemacht</h3>
321            </div>
322            <hr>
323            <div class="flex flex-col gap-8 items-stretch justify-start">
324                <p class="w-full">Mit der Reminder-Funktion kannst du gezielt Kunden ansprechen, die lange nicht mehr bei dir waren. Eine freundliche Nachricht oder ein Gutschein zeigt ihnen, dass du sie vermisst und wieder willkommen heißt.</p>
325                <p class="w-full">Stell dir vor, ein Stammgast hat dich eine Weile nicht besucht. Ein kurzer Reminder, kombiniert mit einem kleinen Rabatt, motiviert ihn, dich wieder aufzusuchen. So bleibst du präsent und stärkst die Bindung.</p>
326                <p class="w-full">Diese Funktion ist ideal, um die Kundenfrequenz zu erhöhen und verlorene Kunden zurückzugewinnen. Ein kleiner Anstoß genügt oft, um Kunden erneut zu begeistern.</p>
327            </div>
328        </div>
329        <div class="bottom-0 flex flex-col inset-x-0 items-center justify-center mx-auto pb-8 sticky z-30" data-selector="main_header">
330            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
331                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
332                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
333                </button>
334            </nav>
335        </div>
336    </div>
337</div>
338
339<!-- Modal 14 -->
340<div id="feature-modal-13" role="dialog" aria-labelledby="modal-title" aria-hidden="true" class="fixed flex flex-col h-screen hidden inset-0 items-stretch justify-start p-6 w-full z-50" style="backdrop-filter: blur(30px);">
341    <div class="bg-background-100 border_white15 container_maxW_2 flex flex-col h-full items-stretch justify-start mx-auto overflow-auto rounded-xl w-full">
342        <div class="!max-w-screen-md container_center flex flex-col gap-10 md:gap-20 items-stretch justify-start pb-8 pt-4 md:pt-20 px-6 text-left">
343            <div class="flex flex-col gap-4 items-stretch justify-start">
344                <h2 class="opacity-45 text-sm">Service rufen / Rechnung bestellen</h2>
345                <h3 class="text-2xl">Optimierter Service für deine Gäste</h3>
346            </div>
347            <hr>
348            <div class="flex flex-col gap-8 items-stretch justify-start">
349                <p class="w-full">Biete deinen Gästen einen modernen Service: Mit der App können sie ganz einfach den Kellner rufen oder die Rechnung anfordern. Das spart Zeit und sorgt für eine entspannte Atmosphäre.</p>
350                <p class="w-full">Stell dir vor, ein Gast möchte schnell nachbestellen oder bezahlen, ohne lange warten zu müssen. Mit einem Klick in der App ist das möglich, und du kannst effizient auf seine Wünsche eingehen.</p>
351                <p class="w-full">Diese Funktion macht deinen Service nicht nur schneller, sondern auch kundenfreundlicher. So steigerst du die Zufriedenheit deiner Gäste und hebst dich von der Konkurrenz ab.</p>
352            </div>
353        </div>
354        <div class="bottom-0 flex flex-col inset-x-0 items-center justify-center mx-auto pb-8 sticky z-30" data-selector="main_header">
355            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
356                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
357                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
358                </button>
359            </nav>
360        </div>
361    </div>
362</div>
363
364<!-- Modal 15 -->
365<div id="feature-modal-14" role="dialog" aria-labelledby="modal-title" aria-hidden="true" class="fixed flex flex-col h-screen hidden inset-0 items-stretch justify-start p-6 w-full z-50" style="backdrop-filter: blur(30px);">
366    <div class="bg-background-100 border_white15 container_maxW_2 flex flex-col h-full items-stretch justify-start mx-auto overflow-auto rounded-xl w-full">
367        <div class="!max-w-screen-md container_center flex flex-col gap-10 md:gap-20 items-stretch justify-start pb-8 pt-4 md:pt-20 px-6 text-left">
368            <div class="flex flex-col gap-4 items-stretch justify-start">
369                <h2 class="opacity-45 text-sm">(Teil-)Rechnung bezahlen</h2>
370                <h3 class="text-2xl">Einfacher Zahlungsprozess für alle</h3>
371            </div>
372            <hr>
373            <div class="flex flex-col gap-8 items-stretch justify-start">
374                <p class="w-full">Mit der Funktion zum Bezahlen über die App bietest du deinen Gästen maximale Flexibilität. Ob sie die gesamte Rechnung oder nur ihren Anteil begleichen möchten – alles läuft schnell und unkompliziert.</p>
375                <p class="w-full">Stell dir vor, eine Gruppe von Freunden möchte getrennt zahlen. Statt aufwendig zu rechnen, kann jeder Gast über die App seinen Anteil wählen und bezahlen. Auch das Hinterlassen eines Trinkgeldes wird so einfacher und diskreter.</p>
376                <p class="w-full">Dieser optimierte Zahlungsprozess spart Zeit für deine Gäste und dein Personal. So schaffst du ein angenehmes Erlebnis, das deine Gäste gerne weiterempfehlen.</p>
377            </div>
378        </div>
379        <div class="bottom-0 flex flex-col inset-x-0 items-center justify-center mx-auto pb-8 sticky z-30" data-selector="main_header">
380            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
381                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
382                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
383                </button>
384            </nav>
385        </div>
386    </div>
387</div>
388
389<header class="bottom-7 fixed flex flex-col inset-x-0 items-center justify-center mx-auto z-30" data-selector="main_header" id="header">
390    <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg md:flex-row md:gap-4">
391        <ul class="flex flex-row gap-10 items-center justify-center">
392            <li class="flex flex-row gap-2 text-sm">
393                <a href="#" class="button rounded active">Merchants</a><a href="https://kaarst-lokal.de" class=" button rounded">Consumers</a>
394            </li>
395        </ul>
396        <div class="hrvr"></div>
397        <ul class="flex flex-row gap-10 items-center justify-center">
398            <li class="flex flex-row gap-2 text-sm"><a href="#section_intro" class="button rounded" id="a_intro">Intro</a>
399                <a href="#section_vorteile" class="button rounded" id="a_vorteile">Funktionen</a><a href="#section_vision" class="button rounded" id="a_vision">Herausforderungen</a>
400            </li>
401        </ul>
402        <div class="hrvr "></div>
403        <ul class="flex flex-row gap-10 items-center justify-center ">
404            <li class="flex flex-row gap-2 text-sm">
405                <a href="https://kaarst-lokal.de/foerderung" class="button rounded">Unsere Förderung</a>
406                <a href="https://kaarst-lokal.de/login" class="button rounded" target="_blank">Zum Merchant Bereich</a>
407            </li>
408        </ul>
409    </nav>
410</header>
411
412<main class="flex flex-col items-stretch justify-center" id="mymain">
413    <div style="height: 200vh;" id="intro" class="relative">
414        <div class="bg-background-100 flex flex-col h-screen items-stretch justify-center sticky text-white top-0 w-full" style="background-image: url('img/log.png'); background-repeat: no-repeat; background-size: cover; background-position: center center;">
415        </div>
416    </div>
417
418    <!-- Intro -->
419    <div style="margin-top: -100vh;" class="flex flex-col items-stretch justify-center relative z-10">
420        <hr>
421        <div class="bg-background-100 flex flex-col items-stretch justify-center min-h-screen">
422            <div class="container_center flex flex-col gap-20 items-stretch justify-center px-6 py-28 text-center">
423                <h1 class="opacity-45 text-sm">*kaarst LOKAL</h1>
424                <h2 class="text-2xl">Erreiche mehr Kunden in deiner Umgebung</h2>
425                <img src="img/star.svg" style="max-height: 2rem;width: auto;">
426                <h2 class="text-2xl">Präsentiere dein Geschäft und deine Angebote professionell</h2>
427                <img src="img/star.svg" style="max-height: 2rem;width: auto;">
428                <h2 class="text-2xl">Steigere deinen Umsatz mit Cashback und Rabatten</h2>
429                <img src="img/star.svg" style="max-height: 2rem;width: auto;">
430                <h2 class="text-2xl">Nutze digitale Stempelkarten, um Stammkunden zu belohnen</h2>
431                <img src="img/star.svg" style="max-height: 2rem;width: auto;">
432                <h2 class="text-2xl">Teile Neuigkeiten, Events und Aktionen mit wenigen Klicks</h2>
433                <img src="img/star.svg" style="max-height: 2rem;width: auto;">
434                <h2 class="text-2xl">Gefördert von der Europäischen Union und dem Land Nordrhein-Westfalen</h2>
435
436            </div>
437        </div>
438        <hr>
439    </div>
440
441    <!--Kreis -->
442    <div style="height: 500vh; margin-top: -100vh;" id="vorteile" class="flex flex-col">
443        <div class="h-screen overflow-hidden sticky top-0">
444            <div class="absolute flex flex-row h-64 inset-0 m-auto w-64">
445                <div class="central-circle">
446
447                    <div class=" placeholder" style="--i:315;">
448                        <button id="cb_0" class="circle_button flex flex-col flex-none h-52 items-center justify-evenly w-52" content_id="0" >
449                            <img style="max-width: 50%" src="img/0.png">
450                            <span style="max-width: 10rem">Suche / Übersicht</span>
451                        </button>
452                    </div>
453                    <div class="placeholder" style="--i: 270;">
454                        <button id="cb_1" class="circle_button flex flex-col flex-none h-52 items-center justify-evenly w-52" content_id="1" >
455                            <img style="max-width: 50%" src="img/1.png">
456                            <span style="max-width: 10rem">Merchant Informationsseite</span>
457                        </button>
458                    </div>
459                    <div class="placeholder" style="--i:225;">
460                        <button id="cb_2" class="circle_button flex flex-col flex-none h-52 items-center justify-evenly w-52" content_id="2">
461                            <img style="max-width: 50%" src="img/2.png">
462                            <span style="max-width: 10rem">Newsfeed</span>
463                        </button>
464                    </div>
465                    <div class="placeholder" style="--i:180;">
466                        <button id="cb_3" class="circle_button flex flex-col flex-none h-52 items-center justify-evenly w-52" content_id="3">
467                            <img style="max-width: 50%" src="img/3.png">
468                            <span style="max-width: 10rem">Event-Kalender</span>
469                        </button>
470                    </div>
471                    <div class="placeholder" style="--i:135;">
472                        <button id="cb_4" class="circle_button flex flex-col flex-none h-52 items-center justify-evenly w-52" content_id="4">
473                            <img style="max-width: 50%" src="img/4.png">
474                            <span style="max-width: 10rem">Bewertungen</span>
475                        </button>
476                    </div>
477                    <div class="placeholder" style="--i:90;">
478                        <button id="cb_5" class="circle_button flex flex-col flex-none h-52 items-center justify-evenly w-52 hidden" content_id="5">
479                            <img style="max-width: 50%" src="img/5.png">
480                            <span style="max-width: 10rem">Kontakt</span>
481                        </button>
482                    </div>
483                    <div class="placeholder" style="--i:45;">
484                        <button id="cb_6" class="circle_button flex flex-col flex-none h-52 items-center justify-evenly w-52 hidden" c
484ontent_id="-1">
485                            <img style="max-width: 50%" src="img/6.png">
486                            <span style="max-width: 10rem">Text 7</span>
487                        </button>
488                    </div>
489                    <div class="placeholder" style="--i:0;">
490                        <button id="cb_7" class="circle_button flex flex-col flex-none h-52 items-center justify-evenly w-52 hidden" content_id="-1">
491                            <img style="max-width: 50%" src="img/7.png">
492                            <span style="max-width: 10rem">Text 8</span>
493                        </button>
494                    </div>
495                </div>
496            </div>
497
498            <!--Feature-Menu-->
499            <header class="absolute flex flex-col inset-x-0 items-center justify-center mx-auto px-6 top-7 z-30" data-selector="main_header">
500                <nav class="bg-background-100 flex flex-col gap-16 items-stretch justify-start rounded-lg" id="featureNav">
501                    <div>
502                        <a class="accordion-header flex flex-col gap-2 items-center justify-between py-2" href="#" style="transition: width 300ms ease;" id="featureWidthAnchor"> <p>Alle Funktionen</p><div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
503                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
504                            </div> </a>
505                        <div class="accordion-content w-36" id="featureWidth">
506                            <hr>
507                            <ul class="equalizer_button-padding flex flex-col gap-4 items-center justify-start max-h-96 overflow-y-auto px-2 py-4 text-left text-sm text-white-100 w-full">
508                                <li class="whitespace-nowrap">
509                                    <p data-target="#feature-modal-0" class="button rounded modal-opener ">Suche / Übersicht</p>
510                                </li>
511                                <li class="whitespace-nowrap">
512                                    <p href="#" data-target="#feature-modal-1" class="button rounded modal-opener">Merchant Informationsseite</p>
513                                </li>
514                                <li class="whitespace-nowrap">
515                                    <p href="#" data-target="#feature-modal-2" class="button rounded modal-opener">Newsfeed</p>
516                                </li>
517                                <li class="whitespace-nowrap">
518                                    <p href="#" data-target="#feature-modal-3" class="button rounded modal-opener">Event-Kalender</p>
519                                </li>
520                                <li class="whitespace-nowrap">
521                                    <p href="#" data-target="#feature-modal-4" class="button rounded modal-opener">Bewertungen</p>
522                                </li>
523                                <li class="whitespace-nowrap">
524                                    <p href="#" data-target="#feature-modal-5" class="button rounded modal-opener">Kontakt</p>
525                                </li>
526                                <li class="whitespace-nowrap">
527                                    <p href="#" data-target="#feature-modal-6" class="button rounded modal-opener">Tischreservierung</p>
528                                </li>
529                                <li class="whitespace-nowrap">
530                                    <p href="#" data-target="#feature-modal-7" class="button rounded modal-opener">No-Waste-Aktionen</p>
531                                </li>
532                                <li class="whitespace-nowrap">
533                                    <p href="#" data-target="#feature-modal-8" class="button rounded modal-opener">Rabattaktionen und Gutscheine</p>
534                                </li>
535                                <li class="whitespace-nowrap">
536                                    <p href="#" data-target="#feature-modal-9" class="button rounded modal-opener">Stempelkarte</p>
537                                </li>
538                                <li class="whitespace-nowrap">
539                                    <p href="#" data-target="#feature-modal-10" class="button rounded modal-opener">Cashback</p>
540                                </li>
541                                <li class="whitespace-nowrap">
542                                    <p href="#" data-target="#feature-modal-11" class="button rounded modal-opener">Speisekartenfilter</p>
543                                </li>
544                                <li class="whitespace-nowrap">
545                                    <p href="#" data-target="#feature-modal-12" class="button rounded modal-opener">Reminder-Funktion</p>
546                                </li>
547                                <li class="whitespace-nowrap">
548                                    <p href="#" data-target="#feature-modal-13" class="button rounded modal-opener">Service rufen</p>
549                                </li>
550                                <li class="whitespace-nowrap">
551                                    <p href="#" data-target="#feature-modal-14" class="button rounded modal-opener">
551(Teil-)Rechnung bezahlen</p>
552                                </li>
553                            </ul>
554                        </div>
555                    </div>
556                </nav>
557            </header>
558
559            <!-- Feature-Preview -->
560
561            <div class="container_center flex flex-col gap-20 h-screen header_equalizer items-stretch justify-end pt-28 px-6 text-center">
562                <div class="flex flex-col gap-6 items-center w-full">
563                    <h3 class="opacity-45 text-sm" id="featureName"></h3>
564                    <h4 class="text-2xl" id ="featureVorschau"></h4>
565                    <button id="modal-middle-btn" data-target="#feature-modal-0" class="active button modal-opener mt-1 rounded text-sm" style="z-index: 99999">Mehr anzeigen</button>
566                </div>
567            </div>
568        </div>
569    </div>
570
571    <!-- Accordion -->
572    <div style="margin-top: -100vh; position: relative; z-index: 10;" class="flex flex-col items-stretch justify-center relative z-20" id="vision">
573        <hr>
574        <div class="bg-background-100 flex flex-col items-stretch justify-center min-h-screen">
575            <div class="container_center flex flex-col gap-20 items-stretch justify-center px-6 py-28 text-center">
576                <h2 class="opacity-45 text-sm">Herausforderungen und Probleme, die kaarst LOKAL bekämpft</h2>
577
578                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
579                    <div class="accordion-item">
580                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
581                            <span href="" class="button_pseudo rounded">Sinkende Kundenzahlen und Umsatzrückgänge</span>
582                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
583                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
584                            </div>
585                        </a>
586                        <div class="accordion-content">
587                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
588                                <h2 class="opacity-45 text-sm">Das Problem</h2>
589                                <p class="w-full">
590                                    Viele lokale Unternehmen kämpfen mit sinkenden Kundenzahlen und stagnierenden Umsätzen. Besonders in Zeiten
591                                    von steigenden Lebenshaltungskosten und zunehmendem Wettbewerb mit Online-Plattformen fällt es schwer,
592                                    bestehende Kunden zu halten und neue zu gewinnen.
593                                </p>
594                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
595                                <p class="w-full">
596                                    Mit kaarst LOKAL erreichst du neue Zielgruppen und stärkst die Bindung zu bestehenden Kunden. Durch Funktionen
597                                    wie Rabatte, Aktionen und Cashback kannst du gezielt auf die Bedürfnisse deiner Kundschaft eingehen und deinen
598                                    Umsatz nachhaltig steigern.
599                                </p>
600                            </div>
601                        </div>
602                    </div>
603                </div>
604
605                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
606                    <div class="accordion-item">
607                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
608                            <span href="" class="button_pseudo rounded">Bequemlichkeit und Lieferplattformen</span>
609                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
610                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
611                            </div>
612                        </a>
613                        <div class="accordion-content">
614                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
615                                <h2 class="opacity-45 text-sm">Das Problem</h2>
616                                <p class="w-full">
617                                    Immer mehr Kunden nutzen Lieferplattformen und Onlineshops, wodurch Laufkundschaft in lokalen Geschäften
618                                    und Restaurants zunehmend ausbleibt. Kleine Unternehmen haben oft Schwierigkeiten, mit den großen Plattformen
619                                    zu konkurrieren.
620                                </p>
621                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
622                                <p class="w-full">
623                                    kaarst LOKAL bringt Kunden direkt zu dir. Mit einem ansprechenden Newsfeed, Event-Kalender und exklusiven Angeboten
624                                    wirst du in deiner Umgebung sichtbarer und lockst Kunden wieder in dein Geschäft oder Restaurant.
625                                </p>
626                            </div>
627                        </div>
628                    </div>
629                </div>
630
631                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
632                    <div class="accordion-item">
633                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
634                            <span href="" class="button_pseudo rounded">Fachkräftemangel und ineffiziente Prozesse</span>
635                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
636                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
637                            </div>
638                        </a>
639                        <div class="accordion-content">
640                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
641                                <h2 class="opacity-45 text-sm">Das Problem</h2>
642                                <p class="w-full">
643                                    Der Fachkräftemangel stellt viele Unternehmen vor große Herausforderungen. Weniger Personal bedeutet längere
644                                    Wartezeiten und eine geringere Servicequalität, was die Kundenzufriedenheit negativ beeinflusst. Hinzu kommt,
645                                    dass während der Corona-Pandemie viele Beschäftigte in der Gastronomie in andere Branchen umgeschult wurden,
646                                    was den Personalmangel weiter verschärft hat.
647                                </p>
648                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
649                                <p class="w-full">
650                                    Mit den smarten Tools von kaarst LOKAL entlastest du dein Team. Funktionen wie digitale Reservierungen, das
651                                    Rufen von Kellnern oder das einfache Teilen von Rechnungen sorgen für effizientere Abläufe und verbessern
652                                    den Service, ohne zusätzliches Personal zu benötigen. So kannst du auch mit einem kleineren Team weiterhin
653                                    einen erstklassigen Service bieten.
654                                </p>
655                            </div>
656                        </div>
657                    </div>
658                </div>
659
660                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
661                    <div class="accordion-item">
662                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
663                            <span href="" class="button_pseudo rounded">Lebensmittelverschwendung</span>
664                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
665                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
666                            </div>
667                        </a>
668                        <div class="accordion-content">
669                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
670                                <h2 class="opacity-45 text-sm">Das Problem</h2>
671                                <p class="w-full">
672                                    Unverkaufte Speisen und überschüssige Waren führen zu hohen Kosten und belasten die Umwelt. Viele Unternehmen
673                                    suchen nach Möglichkeiten, Lebensmittelverschwendung zu reduzieren, wissen jedoch nicht, wie sie überschüssige
674                                    Ware sinnvoll nutzen können.
675                                </p>
676                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
677                                <p class="w-full">
678                                    Mit No-Waste stellst du überschüssige Lebensmittel mit Rabatt und Laufzeit in die App ein.
679                                    So finden Kunden günstige Angebote und du erhältst eine zusätzliche Verkaufsmöglichkeit,
680                                    bevor noch verwertbare Lebensmittel entsorgt werden müssten.
681                                </p>
682                            </div>
683                        </div>
684                    </div>
685                </div>
686                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
687                    <div class="accordion-item">
688                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
689                            <span href="" class="button_pseudo rounded">Mangelnde Sichtbarkeit und Reichweite</span>
690                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
691                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
692                            </div>
693                        </a>
694                        <div class="accordion-content">
695                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
696                                <h2 class="opacity-45 text-sm">Das Problem</h2>
697                                <p class="w-full">
698                                    Lokale Unternehmen werden oft übersehen, da sie es schwer haben, sich gegen größere Marken und Plattformen
699                                    durchzusetzen. Fehlt die Sichtbarkeit, bleibt das Geschäft hinter seinen Möglichkeiten zurück und erreicht
700                                    nicht genügend potenzielle Kunden.
701                                </p>
702                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
703                                <p class="w-full">
704                                    Mit kaarst LOKAL wirst du dort sichtbar, wo es zählt: direkt in der Nähe deiner Kunden. Nutze den Newsfeed,
705                                    um aktuelle Aktionen und Angebote zu teilen, und erscheine in der Suchfunktion der App. So erreichst du genau
706                                    die Menschen, die dein Geschäft entdecken möchten.
707                                </p>
708                            </div>
709                        </div>
710                    </div>
711                </div>
712
713                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
714                    <div class="accordion-item">
715                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
716                            <span href="" class="button_pseudo rounded">Fehlende Kundenbindung</span>
717                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
718                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
719                            </div>
720                        </a>
721                        <div class="accordion-content">
722                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
723                                <h2 class="opacity-45 text-sm">Das Problem</h2>
724                                <p class="w-full">
725                                    Kunden kommen häufig nur einmal und kehren danach nicht zurück. Ohne gezielte Maßnahmen zur Kundenbindung
726                                    bleiben viele Geschäfte hinter ihrem Potenzial zurück und verlieren wichtige Stammkunden an die Konkurrenz.
727                                </p>
728                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
729                                <p class="w-full">
730                                    Mit Funktionen wie digitalen Stempelkarten und Cashback-Programmen unterstützt kaarst LOKAL dich dabei,
731                                    deine Kunden immer wieder in dein Geschäft zu holen. Belohne ihre Treue und sorge dafür, dass sie
732                                    regelmäßig wiederkommen.
733                                </p>
734                            </div>
735                        </div>
736                    </div>
737                </div>
738                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
739                    <div class="accordion-item">
740                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
741                            <span href="" class="button_pseudo rounded">Inhaltsstoffe und Allergen-übersicht</span>
742                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
743                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
744                            </div>
745                        </a>
746                        <div class="accordion-content">
747                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
748                                <h2 class="opacity-45 text-sm">Das Problem</h2>
749                                <p class="w-full">
750                                    Viele Gäste mit Allergien oder besonderen Ernährungsbedürfnissen stehen vor der Herausforderung, in einer Speisekarte
751                                    schnell und einfach passende Gerichte zu finden. Oft müssen sie lange nachfragen oder riskieren, etwas zu bestellen,
752                                    das sie nicht vertragen.
753                                </p>
754                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
755                                <p class="w-full">
756                                    Mit dem neuen Speisekartenfilter von kaarst LOKAL kannst du deine Speisekarte digital darstellen und Kunden ermöglichen,
757                                    nach Inhaltsstoffen und Allergenen zu filtern. Gäste können sich z. B. alle glutenfreien oder laktosefreien Gerichte anzeigen
758                                    lassen – einfach, übersichtlich und individuell angepasst. So machst du es deinen Kunden leichter, die perfekten Gerichte
759                                    für ihre Bedürfnisse zu finden, und bietest ihnen ein sicheres und komfortables Esserlebnis.
760                                </p>
761                            </div>
762                        </div>
763                    </div>
764                </div>
765
766                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
767                    <div class="accordion-item">
768                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
769                            <span href="" class="button_pseudo rounded">Hohe Kosten für Marketing und Werbung</span>
770                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
771                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
772                            </div>
773                        </a>
774                        <div class="accordion-content">
775                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
776                                <h2 class="opacity-45 text-sm">Das Problem</h2>
777                                <p class="w-full">
778                                    Kleine Unternehmen können sich oft keine teuren Marketingmaßnahmen leisten. Anzeigen in Zeitungen oder
779                                    auf Social Media sind kostenintensiv und bringen nicht immer die gewünschten Ergebnisse.
780                                </p>
781                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
782                                <p class="w-full">
783                                    Mit kaarst LOKAL erhältst du eine erschwingliche Plattform, um dein Geschäft zu präsentieren. Teile
784                                    deine Aktionen, Angebote und Events ohne zusätzlichen Aufwand direkt in der App und erreiche deine
785                                    Zielgruppe gezielt und effektiv.
786                                </p>
787                            </div>
788                        </div>
789                    </div>
790                </div>
791                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
792                    <div class="accordion-item">
793                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
794                            <span href="" class="button_pseudo rounded">Komplexität bei Reservierungen und Anfragen</span>
795                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
796                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
797                            </div>
798                        </a>
799                        <div class="accordion-content">
800                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
801                                <h2 class="opacity-45 text-sm">Das Problem</h2>
802                                <p class="w-full">
803                                    Kunden möchten oft spontan Reservierungen vornehmen oder Fragen stellen, aber komplizierte Prozesse oder lange
804                                    Wartezeiten halten sie davon ab. Traditionelle Methoden wie Telefonanrufe sind umständlich und stören den
805                                    Betriebsablauf, da das Personal mitten im Tagesgeschäft unterbrochen wird.
806                                </p>
807                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
808                                <p class="w-full">
809                                    Mit kaarst LOKAL können Kunden Reservierungen und Anfragen ganz unkompliziert digital stellen. Als Merchant hast
810                                    du den Vorteil, flexibel zu antworten, wenn du gerade Zeit dafür hast, ohne deinen Betriebsablauf zu unterbrechen.
811                                    So werden Anfragen effizient und stressfrei für beide Seiten bearbeitet.
812                                </p>
813                            </div>
814                        </div>
815                    </div>
816                </div>
817
818
819                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
820                    <div class="accordion-item">
821                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
822                            <span href="" class="button_pseudo rounded">Herausforderung, mit Nachhaltigkeit zu punkten</span>
823                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
824                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
825                            </div>
826                        </a>
827                        <div class="accordion-content">
828                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
829                                <h2 class="opacity-45 text-sm">Das Problem</h2>
830                                <p class="w-full">
831                                    Nachhaltigkeit ist für viele Kunden ein entscheidendes Kriterium, doch es kann schwierig sein, umweltbewusste
832                                    Angebote sichtbar zu machen. Unternehmen stehen oft vor der Herausforderung, ihre nachhaltigen Praktiken
833                                    überzeugend zu präsentieren.
834                                </p>
835                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
836                                <p class="w-full">
837                                    Mit No-Waste-Aktionen machst du überschüssige Lebensmittel in der App sichtbar und bietest sie
838                                    zu reduzierten Preisen an. Damit können Kunden beim Einkauf sparen und gemeinsam mit deinem Betrieb
839                                    dazu beitragen, Lebensmittelverschwendung zu vermeiden.
840                                </p>
841                            </div>
842                        </div>
843                    </div>
844                </div>
845                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
846                    <div class="accordion-item">
847                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
848                            <span href="" class="button_pseudo rounded">Fehlende Digitalisierungsstrategien</span>
849                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
850                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
851                            </div>
852                        </a>
853                        <div class="accordion-content">
854                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
855                                <h2 class="opacity-45 text-sm">Das Problem</h2>
856                                <p class="w-full">
857                                    Viele kleine Unternehmen haben keine klar definierte Digitalisierungsstrategie. Das Fehlen moderner Tools
858                                    führt dazu, dass sie hinter größeren Konkurrenten zurückbleiben und den Ansprüchen der Kunden oft nicht gerecht
859                                    werden können.
860                                </p>
861                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
862                                <p class="w-full">
863                                    Mit kaarst LOKAL bringst du dein Geschäft digital auf den neuesten Stand. Von der Präsenz in der App über
864                                    Reservierungs- und Gutscheinmanagement bis hin zu gezielten Kundenbindungsmaßnahmen bietet dir die Plattform
865                                    alles, was du für die Digitalisierung deines Betriebs brauchst – einfach und kosteneffizient.
866                                </p>
867                            </div>
868                        </div>
869                    </div>
870                </div>
871                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
872                    <div class="accordion-item">
873                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
874                            <span href="" class="button_pseudo rounded">Hohe mentale und gesundheitliche Belastung</span>
875                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
876                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
877                            </div>
878                        </a>
879                        <div class="accordion-content">
880                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
881                                <h2 class="opacity-45 text-sm">Das Problem</h2>
882                                <p class="w-full">
883                                    Mitarbeitende in der Gastronomie sind häufig hohen mentalen und körperlichen Belastungen ausgesetzt.
884                                    Stress durch hohe Arbeitslast, lange Schichten und der Umgang mit anspruchsvollen Gästen können zu Erschöpfung
885                                    und gesundheitlichen Problemen führen. Oft fehlen unterstützende Systeme, um diese Herausforderungen zu bewältigen.
886                                </p>
887                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
888                                <p class="w-full">
889                                    kaarst LOKAL hilft dabei, die Belastung deiner Mitarbeitenden zu reduzieren, indem Prozesse wie Reservierungen
890                                    und Anfragen digitalisiert und vereinfacht werden. Die Vor-Ort-Funktionen, wie das digitale Rufen von Kellnern
891                                    oder das direkte Teilen von Rechnungen, sparen doppelte Wege und unnötige Laufarbeit. So können deine Mitarbeitenden
892                                    effizienter arbeiten, während sie sich auf das Kundenerlebnis konzentrieren. Das führt zu einer spürbaren Entlastung
893                                    und einer verbesserten Arbeitsatmosphäre.
894                                </p>
895                            </div>
896                        </div>
897                    </div>
898                </div>
899
900
901
902            </div>
903        </div>
904        <hr>
905    </div>
906</main>
907<footer style="margin-top: -100vh; min-height: 200vh;" class="sticky w-full">
908    <div class="sticky top-0" id="footer">
909        <div class="container_maxW_2 flex flex-col gap-12 header_equalizer items-stretch justify-between min-h-screen pt-28 px-6 text-center">
910            <div class="flex flex-col gap-6 items-stretch justify-center md:flex-row">
911                <div class="flex flex-col gap-2 items-start justify-start w-full">
912                    <p>&copy; 2026 Proforen UG <br>(Haftungsbeschränkt)</p>
913                </div>
914                <div class="flex flex-col gap-2 items-start justify-start w-full md:items-end">
915                    <a href="https://kaarst-lokal.de/foerderung" class="button rounded text-sm" style="text-decoration: underline">Förderung &amp; Unterstützung</a>
916                    <a href="https://kaarst-lokal.de/press" class="button rounded text-sm" style="text-decoration: underline">Presse & Veröffentlichungen</a>
917                    <a href="https://kaarst-lokal.de/impressum" class="button rounded text-sm" style="text-decoration: underline">Impressum</a>
918                    <a href="https://kaarst-lokal.de/support" class="button rounded text-sm" style="text-decoration: underline">Support</a>
919
920                </div>
921            </div>
922            <div class="funding-footer" aria-labelledby="merchant-funding-footer-title">
923                <div class="funding-footer-heading">
924                    <p class="opacity-45 text-sm">Finanziell gefördert durch</p>
925                    <h2 id="merchant-funding-footer-title">Europäische Union und das Land Nordrhein-Westfalen</h2>
926                    <a href="https://kaarst-lokal.de/foerderung" class="button rounded text-sm">Mehr über die Förderung</a>
927                </div>
928                <div class="funding-footer-official-logos">
929                    <img class="funding-footer-program-logo" src="https://kaarst-lokal.de/img/funding/go-to-market-gutschein.png" alt="Go-to-Market Gutschein">
930                    <div class="funding-footer-eu-nrw" aria-label="Offizielle Förderlogos">
931                        <img src="https://kaarst-lokal.de/img/funding/eu_logo.svg" alt="Kofinanziert von der Europäischen Union">
932                        <span class="funding-logo-divider" aria-hidden="true"></span>
933                        <img src="https://kaarst-lokal.de/img/funding/nrw_logo.svg" alt="Ministerium für Wirtschaft, Industrie, Klimaschutz und Energie des Landes Nordrhein-Westfalen">
934                    </div>
935                </div>
936                <div class="funding-footer-partners">
937                    <p class="opacity-45 text-sm">Lokal begleitet und vernetzt durch</p>
938                    <div class="funding-footer-partner-logos">
939                        <a href="https://www.kaarst.de/wirtschaft-und-handel/wirtschaftsfoerderung" target="_blank" rel="noopener noreferrer" aria-label="Wirtschaftsförderung Kaarst">
940                            <img src="https://kaarst-lokal.de/img/wifo_logo.png" alt="wifö Kaarst – Die Wirtschaftsförderung">
941                        </a>
942                        <a href="https://www.kaarst.de" target="_blank" rel="noopener noreferrer" aria-label="Stadt Kaarst">
943                            <img src="https://kaarst-lokal.de/img/kaarst_logo.png" alt="Stadt Kaarst">
944                        </a>
945                    </div>
946                </div>
947            </div>
948            <img src="img/logo.svg" class="mx-auto w-2/3">
949        </div>
950    </div>
951</footer>
952<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
vendor: 1 bytes, line 952
952
953<script src="js/anchors.js"></script>
vendor: 1 bytes, line 953
953
954<script>
955
956    const centralCircle = document.querySelector('.central-circle');
957    const smallCicles = document.querySelectorAll('.circle_button');
958
959    let featureContent = {
960        0: {
961            index: 0,
962            name: "Suche / Übersicht",
963            description: "Sorge dafür, dass dein Geschäft in der Nähe deiner Kunden sichtbar ist.",
964            'shownBefore' : true
965        },
966        1: {
967            index: 1,
968            name: "Merchant Informationsseite",
969            description: "Präsentiere dein Geschäft professionell und mache es für Kunden unwiderstehlich.",
970            'shownBefore' : true
971        },
972        2: {
973            index: 2,
974            name: "Newsfeed",
975            description: "Erreiche Kunden direkt und teile spannende Updates zu deinem Geschäft.",
976            'shownBefore' : false
977        },
978        3: {
979            index: 3,
980            name: "Event-Kalender",
981            description: "Mache deine Veranstaltungen sichtbar und erreiche mehr Kunden.",
982            'shownBefore' : false
983        },
984        4: {
985            index: 4,
986            name: "Bewertungen",
987            description: "Nutze Bewertungen, um Vertrauen zu schaffen und neue Kunden zu gewinnen.",
988            'shownBefore' : false
989        },
990        5: {
991            'index': -3,
992            'shownBefore' : true
993        },
994        6: {
995            'index': -2,
996            'shownBefore' : true
997        },
998        7: {
999            'index': -1,
1000            'shownBefore' : true
1001
1002        },
1003
1004    };
1005    let featureContentAll = {
1006        0: {
1007            index: 0,
1008            name: "Suche / Übersicht",
1009            description: "Sorge dafür, dass dein Geschäft in der Nähe deiner Kunden sichtbar ist."
1010        },
1011        1: {
1012            index: 1,
1013            name: "Merchant Informationsseite",
1014            description: "Präsentiere dein Geschäft professionell und mache es für Kunden unwiderstehlich."
1015        },
1016        2: {
1017            index: 2,
1018            name: "Newsfeed",
1019            description: "Erreiche Kunden direkt und teile spannende Updates zu deinem Geschäft."
1020        },
1021        3: {
1022            index: 3,
1023            name: "Event-Kalender",
1024            description: "Mache deine Veranstaltungen sichtbar und erreiche mehr Kunden."
1025        },
1026        4: {
1027            index: 4,
1028            name: "Bewertungen",
1029            description: "Nutze Bewertungen, um Vertrauen zu schaffen und neue Kunden zu gewinnen."
1030        },
1031        5: {
1032            index: 5,
1033            name: "Kontakt",
1034            description: "Lass Kunden dich direkt erreichen – einfach und unkompliziert."
1035        },
1036        6: {
1037            index: 6,
1038            name: "Tischreservierung",
1039            description: "Lass Kunden Reservierungen einfach und schnell über die App durchführen."
1040        },
1041        7: {
1042            index: 7,
1043            name: "No-Waste-Aktionen",
1044            description: "Erstelle Angebote für überschüssige Lebensmittel mit Rabatt und Laufzeit – weniger wegwerfen, zusätzliche Verkaufsmöglichkeiten schaffen."
1045        },
1046        8: {
1047            index: 8,
1048            name: "Rabattaktionen und Gutscheine",
1049            description: "Ziehe Kunden mit Rabatten und Gutscheinen gezielt in dein Geschäft."
1050        },
1051        9: {
1052            index: 9,
1053            name: "Stempelkarte",
1054            description: "Erstelle eine digitale Stempelkarte und belohne die Treue deiner Kunden."
1055        },
1056        10: {
1057            index: 10,
1058            name: "Cashback",
1059            description: "Biete Kunden Cashback-Guthaben und steigere ihre Bindung an dein Geschäft."
1060        },
1061        11: {
1062            index: 11,
1063            name: "Speisekartenfilter",
1064            description: "Gib deinen Kunden die Möglichkeit, deine Karte nach ihren Bedürfnissen zu filtern."
1065        },
1066        12: {
1067            index: 12,
1068            name: "Reminder-Funktion",
1069            description: "Hole Kunden mit einem Reminder oder Gutschein zurück in dein Geschäft."
1070        },
1071        13: {
1072            index: 13,
1073            name: "Service rufen",
1074            description: "Ermögliche es deinen Gästen, den Service per App zu rufen."
1075        },
1076        14: {
1077            index: 14,
1078            name: "(Teil-)Rechnung bezahlen",
1079            description: "Ermögliche es Gästen, die Rechnung schnell und unkompliziert zu begleichen."
1080        }
1081    };
1082
1083
1084
1085</script>
vendor: 1 bytes, line 1085
1085
1086<script src="js/scripts.js"></script>
vendor: 1 bytes, line 1086
1086
1087<script src="js/modal.js"></script>
vendor: 1 bytes, line 1087
1087
1088<script src="js/header_height_calculator.js"></script>
vendor: 1 bytes, line 1088
1088
1089<script src="js/accordion.js"></script>
1089
1090</body>
1091</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.