PageSourceSearch

https://kaarst-lokal.de/

html kaarst-lokal.de collected 2026-10-02 01:51:38 UTC 132,738 bytes, 1,601 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de">
3<head>
4    <meta charset="utf-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6    <meta name="author" content=" Proforen UG, Tobias Roth">
7    <meta name="keywords" content="kaarst, kaarst LOKAL, Lokal, Gutschein, Wirtschaft, Wirtschaftsförderung, Gastronomie, Stempelkarte, No Waste, Nachhaltigkeit, Gutscheinheft, App, digitale Gutscheine">
8
9    <title>*kaarst LOKAL</title>
10    <link rel="icon" type="image/x-icon" href="img/favicon.ico">
11    <link rel="stylesheet" href="css/globalStyles.css">
12    <link rel="stylesheet" href="css/mainStyles.css">
13    <link href="css/tailwind.css" rel="stylesheet" type="text/css">
14</head>
15<body id="mybody">
16<img class="hidden" src="img/log.png" alt="kaarst LOKAL">
17<img class="hidden" src="img/logo.svg" alt="kaarst LOKAL">
18
19<!-- Modal 1 -->
20<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);">
21    <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">
22        <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">
23            <div class="flex flex-col gap-4 items-stretch justify-start">
24                <h2 class="opacity-45 text-sm">Suche &amp; Übersicht</h2>
25                <h3 class="text-2xl">Kaarst auf einen Blick</h3>
26            </div>
27            <hr>
28            <div class="flex flex-col gap-8 items-stretch justify-start">
29                <p class="w-full">Café, Geschäft, Veranstaltung oder Gutschein: Die Suche bringt die Angebote teilnehmender Betriebe an einem Ort zusammen. So findest du schneller, was gerade zu deinem Tag passt.</p>
30                <p class="w-full">Suche nach Namen oder Stichworten und grenze die Ergebnisse nach Art, Datum oder Uhrzeit ein. Damit kannst du sowohl spontan stöbern als auch einen Besuch gezielt vorbereiten.</p>
31                <p class="w-full">Statt mehrere Seiten zu durchsuchen, bekommst du einen kompakten Überblick über lokale Orte, Neuigkeiten, Aktionen und Veranstaltungen in Kaarst.</p>
32            </div>
33        </div>
34        <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">
35            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
36                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
37                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
38                </button>
39            </nav>
40        </div>
41    </div>
42</div>
43
44<!-- Modal 2 -->
45<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);">
46    <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">
47        <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">
48            <div class="flex flex-col gap-4 items-stretch justify-start">
49                <h2 class="opacity-45 text-sm">Betriebsprofile</h2>
50                <h3 class="text-2xl">Gut informiert entscheiden</h3>
51            </div>
52            <hr>
53            <div class="flex flex-col gap-8 items-stretch justify-start">
54                <p class="w-full">Die Profile teilnehmender Geschäfte und Gastronomiebetriebe bündeln die wichtigsten Informationen für deinen Besuch. Dazu gehören Kontaktdaten, Öffnungszeiten und eine Beschreibung des Angebots.</p>
55                <p class="w-full">Je nachdem, was ein Betrieb hinterlegt, findest du dort außerdem Speisekarten, Beiträge, Veranstaltungen und aktuelle Gutscheine.</p>
56                <p class="w-full">So kannst du dich vorab orientieren und direkt entscheiden, ob ein Ort oder ein Angebot zu deinem nächsten Stadtbummel, Einkauf oder Restaurantbesuch passt.</p>
57            </div>
58        </div>
59        <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">
60            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
61                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
62                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
63                </button>
64            </nav>
65        </div>
66    </div>
67</div>
68
69<!-- Modal 3 -->
70<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);">
71    <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">
72        <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">
73            <div class="flex flex-col gap-4 items-stretch justify-start">
74                <h2 class="opacity-45 text-sm">Newsfeed</h2>
75                <h3 class="text-2xl">Neues aus deiner Stadt</h3>
76            </div>
77            <hr>
78            <div class="flex flex-col gap-8 items-stretch justify-start">
79                <p class="w-full">Im Newsfeed teilen teilnehmende Betriebe ihre aktuellen Beiträge. Dort erfährst du von neuen Angeboten, besonderen Aktionen und Neuigkeiten aus Kaarst.</p>
80                <p class="w-full">Ob ein neues Mittagsgericht, ein Jubiläum oder ein Blick hinter die Kulissen: Die Beiträge zeigen dir, was bei den lokalen Betrieben gerade passiert.</p>
81                <p class="w-full">Interessante Beiträge kannst du speichern und später in deiner Merkliste wieder aufrufen.</p>
82            </div>
83        </div>
84        <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">
85            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
86                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
87                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
88                </button>
89            </nav>
90        </div>
91    </div>
92</div>
93
94
95<!-- Modal 4 -->
96<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);">
97    <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">
98        <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">
99            <div class="flex flex-col gap-4 items-stretch justify-start">
100                <h2 class="opacity-45 text-sm">Veranstaltungen</h2>
101                <h3 class="text-2xl">Was steht in Kaarst an?</h3>
102            </div>
103            <hr>
104            <div class="flex flex-col gap-8 items-stretch justify-start">
105                <p class="w-full">Der Veranstaltungskalender zeigt öffentlich eingetragene Termine teilnehmender Betriebe übersichtlich nach Datum.</p>
106                <p class="w-full">So siehst du, was heute, am Wochenende oder in den kommenden Wochen geplant ist – vom kleinen Themenabend bis zur größeren Veranstaltung.</p>
107                <p class="w-full">Die Detailseite liefert dir Ort, Zeit und weitere Angaben, damit aus einer spontanen Idee schnell ein konkreter Plan wird.</p>
108            </div>
109        </div>
110        <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">
111            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
112                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
113                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
114                </button>
115            </nav>
116        </div>
117    </div>
118</div>
119
120<!-- Modal 5 -->
121<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);">
122    <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">
123        <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">
124            <div class="flex flex-col gap-4 items-stretch justify-start">
125                <h2 class="opacity-45 text-sm">Merkliste</h2>
126                <h3 class="text-2xl">Interessantes für später sichern</h3>
127            </div>
128            <hr>
129            <div class="flex flex-col gap-8 items-stretch justify-start">
130                <p class="w-full">Ein spannender Beitrag oder ein Gutschein für später? Mit der Merkliste musst du dir interessante Inhalte nicht merken oder erneut danach suchen.</p>
131                <p class="w-full">Gespeicherte Beiträge und Gutscheine bleiben in deinem persönlichen Bereich gesammelt und sind bei Bedarf schnell wieder zur Hand.</p>
132                <p class="w-full">So kannst du in Ruhe stöbern und dann darauf zurückkommen, wenn der richtige Zeitpunkt für einen Besuch oder eine Aktion gekommen ist.</p>
133            </div>
134        </div>
135        <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">
136            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
137                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
138                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
139                </button>
140            </nav>
141        </div>
142    </div>
143</div>
144
145<!-- Modal 6 -->
146<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);">
147    <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">
148        <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">
149            <div class="flex flex-col gap-4 items-stretch justify-start">
150                <h2 class="opacity-45 text-sm">Direkter Chat</h2>
151                <h3 class="text-2xl">Fragen direkt klären</h3>
152            </div>
153            <hr>
154            <div class="flex flex-col gap-8 items-stretch justify-start">
155                <p class="w-full">Über den Chat kannst du teilnehmende Geschäfte und Gastronomiebetriebe direkt anschreiben. Deine Unterhaltung bleibt dabei übersichtlich an einem Ort.</p>
156                <p class="w-full">Frage beispielsweise nach einem Angebot, einer Veranstaltung oder einem Detail, das im Profil noch offenbleibt. Der Betrieb kann dir direkt im Chat antworten.</p>
157                <p class="w-full">Das ersetzt unnötige Telefonate und gibt beiden Seiten die Möglichkeit, dann zu antworten, wenn gerade Zeit dafür ist.</p>
158            </div>
159        </div>
160        <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">
161            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
162                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
163                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
164                </button>
165            </nav>
166        </div>
167    </div>
168</div>
169<!-- Modal 7 -->
170<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);">
171    <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">
172        <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">
173            <div class="flex flex-col gap-4 items-stretch justify-start">
174                <h2 class="opacity-45 text-sm">Reservierungsanfragen</h2>
175                <h3 class="text-2xl">Termin anfragen und abstimmen</h3>
176            </div>
177            <hr>
178            <div class="flex flex-col gap-8 items-stretch justify-start">
179                <p class="w-full">Bei teilnehmenden Betrieben kannst du eine Reservierung mit Datum, Uhrzeit und Personenzahl anfragen. Die Anfrage landet direkt beim Betrieb.</p>
180                <p class="w-full">Der Betrieb kann den Termin bestätigen, ablehnen oder eine andere Zeit vorschlagen. Auf einen Gegenvorschlag kannst du anschließend direkt reagieren.</p>
181                <p class="w-full">So bleibt klar, ob eine Reservierung tatsächlich angenommen wurde – ohne dass eine Anfrage vorschnell als feste Buchung dargestellt wird.</p>
182            </div>
183        </div>
184        <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">
185            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
186                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
187                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
188                </button>
189            </nav>
190        </div>
191    </div>
192</div>
193
194<!-- Modal 8 -->
195<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);">
196    <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">
197        <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">
198            <div class="flex flex-col gap-4 items-stretch justify-start">
199                <h2 class="opacity-45 text-sm">No-Waste-Aktionen</h2>
200                <h3 class="text-2xl">Übrig geblieben? Gut genutzt.</h3>
201            </div>
202            <hr>
203            <div class="flex flex-col gap-8 items-stretch justify-start">
204                <p class="w-full">Mit No-Waste entdeckst du überschüssige Lebensmittel teilnehmender Betriebe zu deutlich reduzierten Preisen. So kannst du vor Ort sparen und dazu beitragen, dass einwandfreie Lebensmittel gegessen statt weggeworfen werden.</p>
205                <p class="w-full">Die Betriebe stellen ihre Aktionen selbst ein. In der App siehst du, was angeboten wird, welcher Rabatt gilt und wie lange das Angebot läuft.</p>
206                <p class="w-full">Ob Brot, Gebäck oder übrig gebliebene Speisen: Du erhältst eine günstige Gelegenheit, während der Betrieb seine Überschüsse noch verkaufen kann. Die Angebote sind zeitlich begrenzt und richten sich danach, was vor Ort übrig ist.</p>
207            </div>
208        </div>
209        <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">
210            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
211                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
212                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
213                </button>
214            </nav>
215        </div>
216    </div>
217</div>
218
219<!-- Modal 9 -->
220<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);">
221    <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">
222        <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">
223            <div class="flex flex-col gap-4 items-stretch justify-start">
224                <h2 class="opacity-45 text-sm">Gutscheine &amp; Rabatte</h2>
225                <h3 class="text-2xl">Lokale Vorteile entdecken</h3>
226            </div>
227            <hr>
228            <div class="flex flex-col gap-8 items-stretch justify-start">
229                <p class="w-full">Teilnehmende Betriebe können öffentliche Gutscheine und Rabattaktionen in der App bereitstellen. So siehst du auf einen Blick, welche Vorteile aktuell verfügbar sind.</p>
230                <p class="w-full">Gültigkeitszeitraum und Bedingungen stehen direkt beim jeweiligen Gutschein. Passende Aktionen kannst du speichern und später wieder aufrufen.</p>
231                <p class="w-full">Ob Kennenlernangebot oder zeitlich begrenzte Aktion: Du entscheidest selbst, welcher Vorteil zu deinem nächsten Besuch passt.</p>
232            </div>
233        </div>
234        <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">
235            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
236                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
237                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
238                </button>
239            </nav>
240        </div>
241    </div>
242</div>
243<!-- Modal 10 -->
244<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);">
245    <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">
246        <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">
247            <div class="flex flex-col gap-4 items-stretch justify-start">
248                <h2 class="opacity-45 text-sm">Digitale Stempelkarte</h2>
249                <h3 class="text-2xl">Treue ohne Papierkarte</h3>
250            </div>
251            <hr>
252            <div class="flex flex-col gap-8 items-stretch justify-start">
253                <p class="w-full">Bei teilnehmenden Betrieben sammelst du deine Stempel digital. Die Karten bleiben in deiner App und können weder zu Hause liegen noch im Portemonnaie verloren gehen.</p>
254                <p class="w-full">Vor Ort bucht ein berechtigter Mitarbeiter den Stempel per QR-Code auf deine Karte. Deinen aktuellen Stand kannst du anschließend jederzeit einsehen.</p>
255                <p class="w-full">Ist eine Karte vollständig, lässt sich die hinterlegte Belohnung beim ausstellenden Betrieb einlösen.</p>
256            </div>
257        </div>
258        <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">
259            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
260                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
261                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
262                </button>
263            </nav>
264        </div>
265    </div>
266</div>
267
268<!-- Modal 11 -->
269<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);">
270    <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">
271        <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">
272            <div class="flex flex-col gap-4 items-stretch justify-start">
273                <h2 class="opacity-45 text-sm">Cashback</h2>
274                <h3 class="text-2xl">Guthaben bei teilnehmenden Betrieben</h3>
275            </div>
276            <hr>
277            <div class="flex flex-col gap-8 items-stretch justify-start">
278                <p class="w-full">Bietet ein teilnehmender Betrieb Cashback an, kann dir beim Einkauf ein Anteil des Einkaufswerts als Guthaben zugeordnet werden.</p>
279                <p class="w-full">In deiner App siehst du getrennt nach Betrieb, welches Guthaben bereits einlösbar ist und welcher Betrag noch gesammelt wird.</p>
280                <p class="w-full">Sobald die Bedingungen des jeweiligen Betriebs erfüllt sind, kannst du das Guthaben dort als Vorteil für einen späteren Besuch einlösen.</p>
281            </div>
282        </div>
283        <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">
284            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
285                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
286                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
287                </button>
288            </nav>
289        </div>
290    </div>
291</div>
292
293<!-- Modal 12 -->
294<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);">
295    <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">
296        <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">
297            <div class="flex flex-col gap-4 items-stretch justify-start">
298                <h2 class="opacity-45 text-sm">Speisekartenfilter</h2>
299                <h3 class="text-2xl">Passende Gerichte schneller finden</h3>
300            </div>
301            <hr>
302            <div class="flex flex-col gap-8 items-stretch justify-start">
303                <p class="w-full">Teilnehmende Gastronomiebetriebe können ihre Speisekarten mit Kategorien, Gerichten und hinterlegten Zutaten in der App darstellen.</p>
304                <p class="w-full">Du kannst bestimmte Zutaten ausschließen und erhältst eine entsprechend gefilterte Ansicht. Das erleichtert die Orientierung, wenn du etwas Bestimmtes suchst oder vermeiden möchtest.</p>
305                <p class="w-full">Die Angaben stammen vom jeweiligen Betrieb und ersetzen keine verbindliche Allergenberatung. Bei Allergien oder Unverträglichkeiten solltest du deshalb weiterhin direkt beim Betrieb nachfragen.</p>
306            </div>
307        </div>
308        <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">
309            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
310                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
311                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
312                </button>
313            </nav>
314        </div>
315    </div>
316</div>
317<!-- Modal 13 -->
318<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);">
319    <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">
320        <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">
321            <div class="flex flex-col gap-4 items-stretch justify-start">
322                <h2 class="opacity-45 text-sm">Persönliche Gutscheine</h2>
323                <h3 class="text-2xl">Vorteile, die für dich bestimmt sind</h3>
324            </div>
325            <hr>
326            <div class="flex flex-col gap-8 items-stretch justify-start">
327                <p class="w-full">Neben öffentlichen Aktionen können teilnehmende Betriebe Gutscheine direkt für dich freischalten. Sie erscheinen automatisch in deinem persönlichen Wallet.</p>
328                <p class="w-full">Das kann zum Beispiel ein Treuevorteil oder eine individuelle Belohnung des Betriebs sein.</p>
329                <p class="w-full">Du findest sie gesammelt in deinem persönlichen Bereich – zusammen mit Gültigkeit, Bedingungen und dem ausstellenden Betrieb.</p>
330            </div>
331        </div>
332        <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">
333            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
334                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
335                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
336                </button>
337            </nav>
338        </div>
339    </div>
340</div>
341
342<!-- Modal 14 -->
343<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);">
344    <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">
345        <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">
346            <div class="flex flex-col gap-4 items-stretch justify-start">
347                <h2 class="opacity-45 text-sm">QR-Check-in</h2>
348                <h3 class="text-2xl">Vor Ort direkt richtig einchecken</h3>
349            </div>
350            <hr>
351            <div class="flex flex-col gap-8 items-stretch justify-start">
352                <p class="w-full">Scannst du vor Ort den QR-Code eines teilnehmenden Betriebs, kann die App dich diesem Besuch zuordnen. Falls hinterlegt, wird dabei auch der Tisch berücksichtigt.</p>
353                <p class="w-full">Im Vor-Ort-Modus stehen dir die Inhalte und Aktionen zur Verfügung, die der jeweilige Betrieb für diesen Ablauf freigeschaltet hat.</p>
354                <p class="w-full">Beim Verlassen kannst du den Check-in beenden. So bleibt der aktuelle Besuch klar vom restlichen App-Bereich getrennt.</p>
355            </div>
356        </div>
357        <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">
358            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
359                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
360                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
361                </button>
362            </nav>
363        </div>
364    </div>
365</div>
366
367<!-- Modal 15 -->
368<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);">
369    <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">
370        <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">
371            <div class="flex flex-col gap-4 items-stretch justify-start">
372                <h2 class="opacity-45 text-sm">Aktivitätsverlauf</h2>
373                <h3 class="text-2xl">Deine Vorteile im Blick behalten</h3>
374            </div>
375            <hr>
376            <div class="flex flex-col gap-8 items-stretch justify-start">
377                <p class="w-full">Im Aktivitätsverlauf siehst du chronologisch, welche Vorteile und Besuche in deinem Konto erfasst wurden. So kannst du auch später nachvollziehen, was bei welchem Betrieb passiert ist.</p>
378                <p class="w-full">Dazu zählen unter anderem erhaltenes Cashback, gesammelte Stempel, erhaltene oder eingelöste Gutscheine und Check-ins.</p>
379                <p class="w-full">Jeder Eintrag ist dem passenden Betrieb zugeordnet. Das macht deine vergangenen Vorteile und Besuche transparent und leicht auffindbar.</p>
380            </div>
381        </div>
382        <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">
383            <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg">
384                <button class="close-modal button flex-none h-7 left-4 rounded sticky top-4 w-7" style="padding: 5.5px;">
385                    <img src="img/close.svg" class="accordion_symbol h-full w-full">
386                </button>
387            </nav>
388        </div>
389    </div>
390</div>
391
392<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">
393    <nav class="bg-background-100 flex flex-col gap-2 items-center justify-center p-2 rounded-lg md:flex-row md:gap-4">
394        <ul class="flex flex-row gap-10 items-center justify-center">
395            <li class="flex flex-row gap-2 text-sm">
396                <a href="https://kaarst-lokal.de/merchants" class="button rounded">Für Betriebe</a><a href="#" class="active button rounded">Für Nutzer</a>
397            </li>
398        </ul>
399        <div class="hrvr"></div>
400        <ul class="flex flex-row gap-10 items-center justify-center">
401            <li class="flex flex-row gap-2 text-sm">
402                <a href="#section_intro" class="button rounded" id="a_intro">Intro</a>
403                <a href="#section_vorteile" class="button rounded" id="a_vorteile">Funktionen</a><a href="#section_vision" class="button rounded" id="a_vision">Herausforderungen</a>
404            </li>
405        </ul>
406        <div class="hrvr "></div>
407        <ul class="flex flex-row gap-10 items-center justify-center ">
408            <li class="flex flex-row gap-2 text-sm">
409            <a href="https://kaarst-lokal.de/foerderung" class="button rounded">Unsere Förderung</a>
410            <a href="https://kaarst-lokal.de/login" class="button rounded" target="_blank">Zum Händlerbereich</a>
411            </li>
412        </ul>
413    </nav>
414</header>
415
416<main class="flex flex-col items-stretch justify-center" id="mymain">
417    <div id="intro" class="landing-intro-scroll">
418        <div class="landing-intro-static">
419    <div class="landing-hero">
420        <div class="landing-hero-glow" aria-hidden="true"></div>
421
422        <div class="landing-mobile-topbar">
423            <img src="https://kaarst-lokal.de/img/logo.svg" alt="kaarst LOKAL">
424            <div class="landing-mobile-live"><span></span> Jetzt live</div>
425        </div>
426
427        <div class="landing-hero-inner">
428            <div class="landing-hero-copy">
429                <img src="https://kaarst-lokal.de/img/logo.svg" alt="kaarst LOKAL" class="landing-hero-logo">
430                <p class="landing-eyebrow">Die App für Kaarst</p>
431                <h1>
432                    <span class="landing-desktop-copy">Kaarst entdecken.<br><span class="landing-accent">Lokal profitieren.</span></span>
433                    <span class="landing-mobile-copy">Kaarst entdecken.<br><span class="landing-accent">Vorteile sichern.</span></span>
434                </h1>
435                <p class="landing-hero-lead">
436                    <span class="landing-desktop-copy">Angebote, Events, Gutscheine, Stempelkarten und Cashback deiner Kaarster Lieblingsorte – gesammelt in einer App.</span>
437                    <span class="landing-mobile-copy">Angebote, Events und Vorteile deiner Lieblingsorte – direkt griffbereit.</span>
438                </p>
439
440                <div class="landing-hero-actions">
441                    <a href="https://kaarst-lokal.de/app" class="landing-primary-cta">Jetzt App holen</a>
442                    <a href="#vorteile" class="landing-secondary-cta">Das bietet dir die App <span aria-hidden="true">↓</span></a>
443                </div>
444
445                <p class="landing-store-note">Für iOS und Android verfügbar</p>
446            </div>
447
448            <figure class="landing-device-stage" aria-label="Einblicke in die kaarst LOKAL App">
449                <div class="landing-app-preview-badge"><span></span> Jetzt live</div>
450
451                <div class="landing-device landing-device-cashback">
452                    <img src="https://kaarst-lokal.de/img/app/cashback.svg" alt="Cashback und digitale Gutscheine in der kaarst LOKAL App">
453                    <span>Cashback sammeln</span>
454                </div>
455
456                <div class="landing-device landing-device-profile">
457                    <img src="https://kaarst-lokal.de/img/app/merchant-profile.svg" alt="Profil eines lokalen Partners in der kaarst LOKAL App">
458                    <span>Partner entdecken</span>
459                </div>
460
461                <div class="landing-device landing-device-home">
462                    <img src="https://kaarst-lokal.de/img/app/home-feed.svg" alt="Startseite und Newsfeed der kaarst LOKAL App" fetchpriority="high">
463                    <span>In Kaarst stöbern</span>
464                </div>
465            </figure>
466        </div>
467
468        <ul class="landing-benefit-cloud" aria-label="Vorteile von kaarst LOKAL">
469            <li>Bis zu 5 % Cashback</li>
470            <li>Digitale Stempelkarten</li>
471            <li>Gutscheine &amp; Rabatte</li>
472            <li>Über 15 Partner</li>
473            <li>Events in Kaarst</li>
474            <li>Lokale Neuigkeiten</li>
475        </ul>
476    </div>
477
478            <div class="premium-partner-showcase" aria-labelledby="premium-partner-title">
479            <div class="premium-partner-heading">
480                <h2 id="premium-partner-title">Ausgewählte Partner</h2>
481                <p>
482                    <span class="premium-partner-desktop-subheading">Lokale Orte und ihre Vorteile – direkt in der App.</span>
483                    <span class="premium-partner-mobile-heading">Ausgewählte Partner</span>
484                </p>
485            </div>
486
487            <div class="premium-partner-carousel" role="region" aria-label="Premium-Partner">
488                <div class="premium-partner-track is-animated">
489                                            <div class="premium-partner-set">
490                                                            <a href="https://kaarst-lokal.de/app/merchant/2751" class="premium-partner-card">
491                                    <span class="premium-partner-visual has-image">
492                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/e3a8caef-ef73-474b-b939-0972b5db47d7.jpg" alt="" loading="lazy">
493                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/ef2ae3b0-7c91-445e-b0fe-a2de9bbfd024.png" alt="Logo von all-in kaarst" loading="lazy">
494                                    </span>
495                                    <div class="premium-partner-content">
496                                        <h3>all-in kaarst</h3>
497                                        <ul class="premium-partner-benefit-labels" aria-label="Angebote von all-in kaarst">
498                                                                                            <li>Gutscheine</li>
499                                                                                            <li>Cashback</li>
500                                                                                            <li>Termine</li>
501                                                                                    </ul>
502                                        <ul class="premium-partner-feature-icons" aria-label="Funktionen von all-in kaarst">
503                                                                                            <li data-tooltip="Gutscheine &amp;
503 Angebote" aria-label="Gutscheine &amp; Angebote">
504                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_promotion.svg" alt="">
505                                                </li>
506                                                                                            <li data-tooltip="Reservierung &amp; Termine" aria-label="Reservierung &amp; Termine">
507                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_appointments.svg" alt="">
508                                                </li>
509                                                                                            <li data-tooltip="Direkter Chat" aria-label="Direkter Chat">
510                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
511                                                </li>
512                                                                                    </ul>
513                                                                                    <span class="premium-partner-cashback-badge">Bis zu 10 % Cashback</span>
514                                                                            </div>
515                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
516                                </a>
517                                                            <a href="https://kaarst-lokal.de/app/merchant/895" class="premium-partner-card">
518                                    <span class="premium-partner-visual has-image">
519                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/90dfee8c-4a6a-4023-8c38-304452101a9a.jpg" alt="" loading="lazy">
520                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/1dc30115-64e3-4459-9dc8-2c531bdaa124.jpg" alt="Logo von Altes Rathaus Kaarst" loading="lazy">
521                                    </span>
522                                    <div class="premium-partner-content">
523                                        <h3>Altes Rathaus Kaarst</h3>
524                                        <ul class="premium-partner-benefit-labels" aria-label="Angebote von Altes Rathaus Kaarst">
525                                                                                            <li>Cashback</li>
526                                                                                            <li>Speisekarte</li>
527                                                                                            <li>Tischreservierung</li>
528                                                                                    </ul>
529                                        <ul class="premium-partner-feature-icons" aria-label="Funktionen von Altes Rathaus Kaarst">
530                                                                                            <li data-tooltip="Speisekarte" aria-label="Speisekarte">
531                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_menu.svg" alt="">
532                                                </li>
533                                                                                            <li data-tooltip="Reservierung &amp; Termine" aria-label="Reservierung &amp; Termine">
534                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_appointments.svg" alt="">
535                                                </li>
536                                                                                            <li data-tooltip="Direkter Chat" aria-label="Direkter Chat">
537                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
538                                                </li>
539                                                                                    </ul>
540                                                                                    <sp
540an class="premium-partner-cashback-badge">Bis zu 3 % Cashback</span>
541                                                                            </div>
542                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
543                                </a>
544                                                            <a href="https://kaarst-lokal.de/app/merchant/1698" class="premium-partner-card">
545                                    <span class="premium-partner-visual has-image">
546                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/e34ac53a-236e-4f7f-9cf7-c53658083469.jpg" alt="" loading="lazy">
547                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/272c9357-40f5-413e-995c-5413d2e41ed1.jpg" alt="Logo von Bikepunkt" loading="lazy">
548                                    </span>
549                                    <div class="premium-partner-content">
550                                        <h3>Bikepunkt</h3>
551                                        <ul class="premium-partner-benefit-labels" aria-label="Angebote von Bikepunkt">
552                                                                                            <li>Cashback</li>
553                                                                                            <li>Termine</li>
554                                                                                            <li>Direkter Chat</li>
555                                                                                    </ul>
556                                        <ul class="premium-partner-feature-icons" aria-label="Funktionen von Bikepunkt">
557                                                                                            <li data-tooltip="Reservierung &amp; Termine" aria-label="Reservierung &amp; Termine">
558                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_appointments.svg" alt="">
559                                                </li>
560                                                                                            <li data-tooltip="Direkter Chat" aria-label="Direkter Chat">
561                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
562                                                </li>
563                                                                                    </ul>
564                                                                                    <span class="premium-partner-cashback-badge">Bis zu 3 % Cashback</span>
565                                                                            </div>
566                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
567                                </a>
568                                                            <a href="https://kaarst-lokal.de/app/merchant/776" class="premium-partner-card">
569                                    <span class="premium-partner-visual has-image">
570                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/5eab0164-ca87-4c61-959a-41122c4c06eb.jpg" alt="" loading="lazy">
571                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/6330c6fd-caba-4a3f-b36d-5ba418eea9b3.jpg" alt="Logo von Ginger coffee &amp; more" loading="lazy">
572                                    </span>
573                                    <div class="premium-partner-content">
574                                        <h3>Ginger coffee &amp; more</h3>
575                                        <ul class="premium-partner-benefit-labels" aria-label="Angebote von Ginger coffee &amp; more">
576                                                                                            <li>Cashback</li>
577                                                                                            <li>Speisekarte</li>
578                                                                                            <li>Termine</li>
579                                                                                    </ul>
580                                        <ul class="premium-partner-feature-icons" aria-label="Funktionen von Ginger coffee &amp; more">
581                                                                                            <li data-tooltip="Speisekarte" aria-label="Speisekarte">
582                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_menu.svg" alt="">
583                                                </li>
584                                                                                            <li data-tooltip="Reservierung &amp; Termine" aria-label="Reservierung &amp; Termine">
585                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_appointments.svg" alt="">
586                                                </li>
587                                                                                            <li data-tooltip="Direkter Chat" aria-label="Direkter Chat">
588                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
589                                                </li>
590                                                                                    </ul>
591                                                                                    <sp
591an class="premium-partner-cashback-badge">Bis zu 4 % Cashback</span>
592                                                                            </div>
593                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
594                                </a>
595                                                            <a href="https://kaarst-lokal.de/app/merchant/1853" class="premium-partner-card">
596                                    <span class="premium-partner-visual has-image">
597                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/f2c8a928-36b6-4d72-8e74-10277b5fe11c.jpg" alt="" loading="lazy">
598                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/5192efcf-fbf0-4cd4-863f-73dc725f23b8.jpg" alt="Logo von Leone " loading="lazy">
599                                    </span>
600                                    <div class="premium-partner-content">
601                                        <h3>Leone </h3>
602                                        <ul class="premium-partner-benefit-labels" aria-label="Angebote von Leone ">
603                                                                                            <li>Cashback</li>
604                                                                                            <li>Stempelkarte</li>
605                                                                                            <li>Speisekarte</li>
606                                                                                    </ul>
607                                        <ul class="premium-partner-feature-icons" aria-label="Funktionen von Leone ">
608                                                                                            <li data-tooltip="Stempelkarte" aria-label="Stempelkarte">
609                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_stampcard.svg" alt="">
610                                                </li>
611                                                                                            <li data-tooltip="Speisekarte" aria-label="Speisekarte">
612                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_menu.svg" alt="">
613                                                </li>
614                                                                                            <li data-tooltip="Reservierung &amp; Termine" aria-label="Reservierung &amp; Termine">
615                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_appointments.svg" alt="">
616                                                </li>
617                                                                                            <li data-tooltip="Direkter Chat" aria-label="Direkter Chat">
618                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
619                                                </li>
620                                                                                    </ul>
621                                                                                    <span class="premium-partner-cashback-badge">Bis zu 5 % Cashback</span>
622                                                                            </div>
623                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
624                                </a>
625                                                            <a href="https://kaarst-lokal.de/app/merchant/1658" class="premium-partner-card">
626                                    <span class="premium-partner-visual has-image">
627                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/dd777daf-acf6-48e7-9aff-509df88010d7.jpg" alt="" loading="lazy">
628                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/24f00436-a18b-4ec0-bcff-89a1bb98e8ce.jpg" alt="Logo von PapalaPub" loading="lazy">
629                                    </span>
630                                    <div class="premium-partner-content">
631                                        <h3>PapalaPub</h3>
632                                        <ul class="premium-partner-benefit-labels" aria-label="Angebote von PapalaPub">
633                                                                                            <li>Cashback</li>
634                                                                                            <li>Direkter Chat</li>
635                                                                                    </ul>
636                                        <ul class="premium-partner-feature-icons" aria-label="Funktionen von PapalaPub">
637                                                                                            <li data-tooltip="Direkter Chat" aria-label="Direkter Chat">
638                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
639                                                </li>
640                                                                                    </ul>
641                                                                                    <sp
641an class="premium-partner-cashback-badge">Bis zu 2 % Cashback</span>
642                                                                            </div>
643                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
644                                </a>
645                                                            <a href="https://kaarst-lokal.de/app/merchant/2055" class="premium-partner-card">
646                                    <span class="premium-partner-visual has-image">
647                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/9cfefff6-1997-4923-92e5-cba61181b8bc.jpg" alt="" loading="lazy">
648                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/c348f916-3a54-4190-ac99-edc3e5184109.jpg" alt="Logo von Patina&#039;s Häkel Stube" loading="lazy">
649                                    </span>
650                                    <div class="premium-partner-content">
651                                        <h3>Patina&#039;s Häkel Stube</h3>
652                                        <ul class="premium-partner-benefit-labels" aria-label="Angebote von Patina&#039;s Häkel Stube">
653                                                                                            <li>Cashback</li>
654                                                                                            <li>Stempelkarte</li>
655                                                                                            <li>Direkter Chat</li>
656                                                                                    </ul>
657                                        <ul class="premium-partner-feature-icons" aria-label="Funktionen von Patina&#039;s Häkel Stube">
658                                                                                            <li data-tooltip="Stempelkarte" aria-label="Stempelkarte">
659                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_stampcard.svg" alt="">
660                                                </li>
661                                                                                            <li data-tooltip="Direkter Chat" aria-label="Direkter Chat">
662                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
663                                                </li>
664                                                                                    </ul>
665                                                                                    <span class="premium-partner-cashback-badge">Bis zu 5 % Cashback</span>
666                                                                            </div>
667                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
668                                </a>
669                                                            <a href="https://kaarst-lokal.de/app/merchant/1503" class="premium-partner-card">
670                                    <span class="premium-partner-visual has-image">
671                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/97087f52-2e32-49a8-9670-622692c03816.jpg" alt="" loading="lazy">
672                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/e5302385-2a55-4cda-88e0-de346b837427.jpg" alt="Logo von PAUL kocht" loading="lazy">
673                                    </span>
674                                    <div class="premium-partner-content">
675                                        <h3>PAUL kocht</h3>
676                                        <ul class="premium-partner-benefit-labels" aria-label="Angebote von PAUL kocht">
677                                                                                            <li>Cashback</li>
678                                                                                            <li>Speisekarte</li>
679                                                                                            <li>Direkter Chat</li>
680                                                                                    </ul>
681                                        <ul class="premium-partner-feature-icons" aria-label="Funktionen von PAUL kocht">
682                                                                                            <li data-tooltip="Speisekarte" aria-label="Speisekarte">
683                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_menu.svg" alt="">
684                                                </li>
685                                                                                            <li data-tooltip="Direkter Chat" aria-label="Direkter Chat">
686                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
687                                                </li>
688                                                                                    </ul>
689                                                                                    <sp
689an class="premium-partner-cashback-badge">Bis zu 2 % Cashback</span>
690                                                                            </div>
691                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
692                                </a>
693                                                            <a href="https://kaarst-lokal.de/app/merchant/2" class="premium-partner-card">
694                                    <span class="premium-partner-visual has-image">
695                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/6094e34a-04ff-4b6c-83a2-42c8e15c88c6.jpg" alt="" loading="lazy">
696                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/853d9f09-e873-4d02-a090-4d75e337f654.jpg" alt="Logo von Proforen UG" loading="lazy">
697                                    </span>
698                                    <div class="premium-partner-content">
699                                        <h3>Proforen UG</h3>
700                                        <ul class="premium-partner-benefit-labels" aria-label="Angebote von Proforen UG">
701                                                                                            <li>Gutscheine</li>
702                                                                                            <li>Cashback</li>
703                                                                                            <li>Tischreservierung</li>
704                                                                                    </ul>
705                                        <ul class="premium-partner-feature-icons" aria-label="Funktionen von Proforen UG">
706                                                                                            <li data-tooltip="Gutscheine &amp; Angebote" aria-label="Gutscheine &amp; Angebote">
707                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_promotion.svg" alt="">
708                                                </li>
709                                                                                            <li data-tooltip="Reservierung &amp; Termine" aria-label="Reservierung &amp; Termine">
710                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_appointments.svg" alt="">
711                                                </li>
712                                                                                            <li data-tooltip="Direkter Chat" aria-label="Direkter Chat">
713                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
714                                                </li>
715                                                                                    </ul>
716                                                                                    <span class="premium-partner-cashback-badge">Bis zu 10 % Cashback</span>
717                                                                            </div>
718                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
719                                </a>
720                                                            <a href="https://kaarst-lokal.de/app/merchant/1508" class="premium-partner-card">
721                                    <span class="premium-partner-visual has-image">
722                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/7037b904-7b3b-4b8e-b513-b7fc0281cd8f.jpg" alt="" loading="lazy">
723                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/f942be96-289c-4779-a079-6d8f990c482a.jpg" alt="Logo von Randvoll - Café &amp; Unverpacktes" loading="lazy">
724                                    </span>
725                                    <div class="premium-partner-content">
726                                        <h3>Randvoll - Café &amp; Unverpacktes</h3>
727                                        <ul class="premium-partner-benefit-labels" aria-label="Angebote von Randvoll - Café &amp; Unverpacktes">
728                                                                                            <li>Cashback</li>
729                                                                                            <li>Direkter Chat</li>
730                                                                                    </ul>
731                                        <ul class="premium-partner-feature-icons" aria-label="Funktionen von Randvoll - Café &amp; Unverpacktes">
732                                                                                            <li data-tooltip="Direkter Chat" aria-label="Direkter Chat">
733                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
734                                                </li>
735                                                                                    </ul>
736                                                                                    <sp
736an class="premium-partner-cashback-badge">Bis zu 2 % Cashback</span>
737                                                                            </div>
738                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
739                                </a>
740                                                            <a href="https://kaarst-lokal.de/app/merchant/1647" class="premium-partner-card">
741                                    <span class="premium-partner-visual has-image">
742                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/bd74dd06-b526-49f0-b030-051860dcdbba.jpg" alt="" loading="lazy">
743                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/2c4197d6-d829-4f46-9275-79b2b14adf58.jpg" alt="Logo von Trend Haus" loading="lazy">
744                                    </span>
745                                    <div class="premium-partner-content">
746                                        <h3>Trend Haus</h3>
747                                        <ul class="premium-partner-benefit-labels" aria-label="Angebote von Trend Haus">
748                                                                                            <li>Cashback</li>
749                                                                                            <li>Direkter Chat</li>
750                                                                                    </ul>
751                                        <ul class="premium-partner-feature-icons" aria-label="Funktionen von Trend Haus">
752                                                                                            <li data-tooltip="Direkter Chat" aria-label="Direkter Chat">
753                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
754                                                </li>
755                                                                                    </ul>
756                                                                                    <span class="premium-partner-cashback-badge">Bis zu 5 % Cashback</span>
757                                                                            </div>
758                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
759                                </a>
760                                                    </div>
761
762                        <div class="premium-partner-set" aria-hidden="true">
763                                                            <a href="https://kaarst-lokal.de/app/merchant/2751" class="premium-partner-card" tabindex="-1">
764                                    <span class="premium-partner-visual has-image">
765                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/e3a8caef-ef73-474b-b939-0972b5db47d7.jpg" alt="" loading="lazy">
766                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/ef2ae3b0-7c91-445e-b0fe-a2de9bbfd024.png" alt="" loading="lazy">
767                                    </span>
768                                    <div class="premium-partner-content">
769                                        <h3>all-in kaarst</h3>
770                                        <ul class="premium-partner-benefit-labels">
771                                                                                            <li>Gutscheine</li>
772                                                                                            <li>Cashback</li>
773                                                                                            <li>Termine</li>
774                                                                                    </ul>
775                                        <ul class="premium-partner-feature-icons">
776                                                                                            <li>
777                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_promotion.svg" alt="">
778                                                </li>
779                                                                                            <li>
780                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_appointments.svg" alt="">
781                                                </li>
782                                                                                            <li>
783                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
784                                                </li>
785                                                                                    </ul>
786                                                                                    <sp
786an class="premium-partner-cashback-badge">Bis zu 10 % Cashback</span>
787                                                                            </div>
788                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
789                                </a>
790                                                            <a href="https://kaarst-lokal.de/app/merchant/895" class="premium-partner-card" tabindex="-1">
791                                    <span class="premium-partner-visual has-image">
792                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/90dfee8c-4a6a-4023-8c38-304452101a9a.jpg" alt="" loading="lazy">
793                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/1dc30115-64e3-4459-9dc8-2c531bdaa124.jpg" alt="" loading="lazy">
794                                    </span>
795                                    <div class="premium-partner-content">
796                                        <h3>Altes Rathaus Kaarst</h3>
797                                        <ul class="premium-partner-benefit-labels">
798                                                                                            <li>Cashback</li>
799                                                                                            <li>Speisekarte</li>
800                                                                                            <li>Tischreservierung</li>
801                                                                                    </ul>
802                                        <ul class="premium-partner-feature-icons">
803                                                                                            <li>
804                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_menu.svg" alt="">
805                                                </li>
806                                                                                            <li>
807                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_appointments.svg" alt="">
808                                                </li>
809                                                                                            <li>
810                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
811                                                </li>
812                                                                                    </ul>
813                                                                                    <span class="premium-partner-cashback-badge">Bis zu 3 % Cashback</span>
814                                                                            </div>
815                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
816                                </a>
817                                                            <a href="https://kaarst-lokal.de/app/merchant/1698" class="premium-partner-card" tabindex="-1">
818                                    <span class="premium-partner-visual has-image">
819                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/e34ac53a-236e-4f7f-9cf7-c53658083469.jpg" alt="" loading="lazy">
820                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/272c9357-40f5-413e-995c-5413d2e41ed1.jpg" alt="" loading="lazy">
821                                    </span>
822                                    <div class="premium-partner-content">
823                                        <h3>Bikepunkt</h3>
824                                        <ul class="premium-partner-benefit-labels">
825                                                                                            <li>Cashback</li>
826                                                                                            <li>Termine</li>
827                                                                                            <li>Direkter Chat</li>
828                                                                                    </ul>
829                                        <ul class="premium-partner-feature-icons">
830                                                                                            <li>
831                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_appointments.svg" alt="">
832                                                </li>
833                                                                                            <li>
834                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
835                                                </li>
836                                                                                    </ul>
837                                                                                    <sp
837an class="premium-partner-cashback-badge">Bis zu 3 % Cashback</span>
838                                                                            </div>
839                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
840                                </a>
841                                                            <a href="https://kaarst-lokal.de/app/merchant/776" class="premium-partner-card" tabindex="-1">
842                                    <span class="premium-partner-visual has-image">
843                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/5eab0164-ca87-4c61-959a-41122c4c06eb.jpg" alt="" loading="lazy">
844                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/6330c6fd-caba-4a3f-b36d-5ba418eea9b3.jpg" alt="" loading="lazy">
845                                    </span>
846                                    <div class="premium-partner-content">
847                                        <h3>Ginger coffee &amp; more</h3>
848                                        <ul class="premium-partner-benefit-labels">
849                                                                                            <li>Cashback</li>
850                                                                                            <li>Speisekarte</li>
851                                                                                            <li>Termine</li>
852                                                                                    </ul>
853                                        <ul class="premium-partner-feature-icons">
854                                                                                            <li>
855                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_menu.svg" alt="">
856                                                </li>
857                                                                                            <li>
858                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_appointments.svg" alt="">
859                                                </li>
860                                                                                            <li>
861                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
862                                                </li>
863                                                                                    </ul>
864                                                                                    <span class="premium-partner-cashback-badge">Bis zu 4 % Cashback</span>
865                                                                            </div>
866                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
867                                </a>
868                                                            <a href="https://kaarst-lokal.de/app/merchant/1853" class="premium-partner-card" tabindex="-1">
869                                    <span class="premium-partner-visual has-image">
870                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/f2c8a928-36b6-4d72-8e74-10277b5fe11c.jpg" alt="" loading="lazy">
871                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/5192efcf-fbf0-4cd4-863f-73dc725f23b8.jpg" alt="" loading="lazy">
872                                    </span>
873                                    <div class="premium-partner-content">
874                                        <h3>Leone </h3>
875                                        <ul class="premium-partner-benefit-labels">
876                                                                                            <li>Cashback</li>
877                                                                                            <li>
877Stempelkarte</li>
878                                                                                            <li>Speisekarte</li>
879                                                                                    </ul>
880                                        <ul class="premium-partner-feature-icons">
881                                                                                            <li>
882                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_stampcard.svg" alt="">
883                                                </li>
884                                                                                            <li>
885                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_menu.svg" alt="">
886                                                </li>
887                                                                                            <li>
888                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_appointments.svg" alt="">
889                                                </li>
890                                                                                            <li>
891                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
892                                                </li>
893                                                                                    </ul>
894                                                                                    <span class="premium-partner-cashback-badge">Bis zu 5 % Cashback</span>
895                                                                            </div>
896                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
897                                </a>
898                                                            <a href="https://kaarst-lokal.de/app/merchant/1658" class="premium-partner-card" tabindex="-1">
899                                    <span class="premium-partner-visual has-image">
900                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/dd777daf-acf6-48e7-9aff-509df88010d7.jpg" alt="" loading="lazy">
901                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/24f00436-a18b-4ec0-bcff-89a1bb98e8ce.jpg" alt="" loading="lazy">
902                                    </span>
903                                    <div class="premium-partner-content">
904                                        <h3>PapalaPub</h3>
905                                        <ul class="premium-partner-benefit-labels">
906                                                                                            <li>Cashback</li>
907                                                                                            <li>Direkter Chat</li>
908                                                                                    </ul>
909                                        <ul class="premium-partner-feature-icons">
910                                                                                            <li>
911                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
912                                                </li>
913                                                                                    </ul>
914                                                                                    <span class="premium-partner-cashback-badge">Bis zu 2 % Cashback</span>
915                                                                            </div>
916                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
917                                </a>
918                                                            <a href="https://kaarst-lokal.de/app/merchant/2055" class="premium-partner-card" tabindex="-1">
919                                    <span class="premium-partner-visual has-image">
920                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/9cfefff6-1997-4923-92e5-cba61181b8bc.jpg" alt="" loading="lazy">
921                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/c348f916-3a54-4190-ac99-edc3e5184109.jpg" alt="" loading="lazy">
922                                    </span>
923                                    <div class="premium-partner-content">
924                                        <h3>Patina&#039;s Häkel Stube</h3>
925                                        <ul class="premium-partner-benefit-labels">
926                                                                                            <li>Cashback</li>
927                                                                                            <li>Stempelkarte</li>
928                                                                                            <li>Direkter Chat</li>
929                                                                                    </ul>
930                                        <ul class="premium-partner-feature-icons">
931                                                                                            <li>
932                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_stampcard.svg" alt="">
933                                                </li>
934                                                                                            <li>
935                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
936                                                </li>
937                                                                                    </ul>
938                                                                                    <span class="premium-partner-cashback-badge">Bis zu 5 % Cashback</span>
939                                                                            </div>
940                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
941                                </a>
942                                                            <a href="https://kaarst-lokal.de/app/merchant/1503" class="premium-partner-card" tabindex="-1">
943                                    <span class="premium-partner-visual has-image">
944                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/97087f52-2e32-49a8-9670-622692c03816.jpg" alt="" loading="lazy">
945                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/e5302385-2a55-4cda-88e0-de346b837427.jpg" alt="" loading="lazy">
946                                    </span>
947                                    <div class="premium-partner-content">
948                                        <h3>PAUL kocht</h3>
949                                        <ul class="premium-partner-benefit-labels">
950                                                                                            <li>Cashback</li>
951                                                                                            <li>Speisekarte</li>
952                                                                                            <li>Direkter Chat</li>
953                                                                                    </ul>
954                                        <ul class="premium-partner-feature-icons">
955                                                                                            <li>
956                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_menu.svg" alt="">
957                                                </li>
958                                                                                            <li>
959                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
960                                                </li>
961                                                                                    </ul>
962                                                                                    <sp
962an class="premium-partner-cashback-badge">Bis zu 2 % Cashback</span>
963                                                                            </div>
964                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
965                                </a>
966                                                            <a href="https://kaarst-lokal.de/app/merchant/2" class="premium-partner-card" tabindex="-1">
967                                    <span class="premium-partner-visual has-image">
968                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/6094e34a-04ff-4b6c-83a2-42c8e15c88c6.jpg" alt="" loading="lazy">
969                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/853d9f09-e873-4d02-a090-4d75e337f654.jpg" alt="" loading="lazy">
970                                    </span>
971                                    <div class="premium-partner-content">
972                                        <h3>Proforen UG</h3>
973                                        <ul class="premium-partner-benefit-labels">
974                                                                                            <li>Gutscheine</li>
975                                                                                            <li>Cashback</li>
976                                                                                            <li>Tischreservierung</li>
977                                                                                    </ul>
978                                        <ul class="premium-partner-feature-icons">
979                                                                                            <li>
980                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_promotion.svg" alt="">
981                                                </li>
982                                                                                            <li>
983                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_appointments.svg" alt="">
984                                                </li>
985                                                                                            <li>
986                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
987                                                </li>
988                                                                                    </ul>
989                                                                                    <span class="premium-partner-cashback-badge">Bis zu 10 % Cashback</span>
990                                                                            </div>
991                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
992                                </a>
993                                                            <a href="https://kaarst-lokal.de/app/merchant/1508" class="premium-partner-card" tabindex="-1">
994                                    <span class="premium-partner-visual has-image">
995                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/7037b904-7b3b-4b8e-b513-b7fc0281cd8f.jpg" alt="" loading="lazy">
996                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/f942be96-289c-4779-a079-6d8f990c482a.jpg" alt="" loading="lazy">
997                                    </span>
998                                    <div class="premium-partner-content">
999                                        <h3>Randvoll - Café &amp; Unverpacktes</h3>
1000                                        <ul class="premium-partner-benefit-labels">
1001                                                                                            <li>Cashback</li>
1002                                                                                            <li>Direkter Chat</li>
1003                                                                                    </ul>
1004                                        <ul class="premium-partner-feature-icons">
1005                                                                                            <li>
1006                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
1007                                                </li>
1008                                                                                    </ul>
1009                                                                                    <sp
1009an class="premium-partner-cashback-badge">Bis zu 2 % Cashback</span>
1010                                                                            </div>
1011                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
1012                                </a>
1013                                                            <a href="https://kaarst-lokal.de/app/merchant/1647" class="premium-partner-card" tabindex="-1">
1014                                    <span class="premium-partner-visual has-image">
1015                                                                                    <img class="premium-partner-background" src="https://kaarst-lokal.de/imgs/profImg/bd74dd06-b526-49f0-b030-051860dcdbba.jpg" alt="" loading="lazy">
1016                                                                                <img class="premium-partner-logo" src="https://kaarst-lokal.de/imgs/profImg/2c4197d6-d829-4f46-9275-79b2b14adf58.jpg" alt="" loading="lazy">
1017                                    </span>
1018                                    <div class="premium-partner-content">
1019                                        <h3>Trend Haus</h3>
1020                                        <ul class="premium-partner-benefit-labels">
1021                                                                                            <li>Cashback</li>
1022                                                                                            <li>Direkter Chat</li>
1023                                                                                    </ul>
1024                                        <ul class="premium-partner-feature-icons">
1025                                                                                            <li>
1026                                                    <img src="https://kaarst-lokal.de/img/icons/merchant_message.svg" alt="">
1027                                                </li>
1028                                                                                    </ul>
1029                                                                                    <span class="premium-partner-cashback-badge">Bis zu 5 % Cashback</span>
1030                                                                            </div>
1031                                    <span class="premium-partner-arrow" aria-hidden="true">↗</span>
1032                                </a>
1033                                                    </div>
1034                                    </div>
1035            </div>
1036        </div>
1037            </div>
1038    </div>
1039
1040    <!-- Intro -->
1041    <div class="landing-benefit-overlay flex flex-col items-stretch justify-center relative z-10">
1042        <hr>
1043        <div class="bg-background-100 flex flex-col items-stretch justify-center min-h-screen">
1044            <div class="landing-benefit-section">
1045                <p class="landing-eyebrow">Mehr Kaarst in deiner Tasche</p>
1046                <h2>Alles Wichtige vor Ort. Eine App.</h2>
1047                <div class="landing-benefit-grid">
1048                    <article><img src="img/star.svg" alt=""><h3>Aktuelle Angebote</h3><p>Entdecke Aktionen und Neuigkeiten in deiner Nähe.</p></article>
1049                    <article><img src="img/star.svg" alt=""><h3>Events in Kaarst</h3><p>Finde Veranstaltungen und Ideen für deinen nächsten Ausflug.</p></article>
1050                    <article><img src="img/star.svg" alt=""><h3>Cashback sammeln</h3><p>Profitiere bei teilnehmenden Lieblingsbetrieben.</p></article>
1051                    <article><img src="img/star.svg" alt=""><h3>Digitale Gutscheine</h3><p>Vorteile und persönliche Gutscheine immer griffbereit.</p></article>
1052                    <article><img src="img/star.svg" alt=""><h3>Stempelkarten</h3><p>Sammle digital – ohne eine Papierkarte zu verlieren.</p></article>
1053                    <article><img src="img/star.svg" alt=""><h3>Lokale Vielfalt</h3><p>Geschäfte, Gastronomie und Speisekarten gebündelt entdecken.</p></article>
1054                </div>
1055            </div>
1056        </div>
1057        <hr>
1058    </div>
1059
1060    <!--Kreis -->
1061    <div style="height: 500vh;" id="vorteile" class="flex flex-col">
1062        <div class="h-screen overflow-hidden sticky top-0">
1063            <div class="absolute flex flex-row h-64 inset-0 m-auto w-64">
1064                <div class="central-circle">
1065
1066                    <div class=" placeholder" style="--i:315;">
1067                        <button id="cb_0" class="circle_button flex flex-col flex-none h-52 items-center justify-evenly w-52" content_id="0" >
1068                            <img style="max-width: 50%" src="img/0.png">
1069                            <span style="max-width: 10rem">Suche / Übersicht</span>
1070                        </button>
1071                    </div>
1072                    <div class="placeholder" style="--i: 270;">
1073                        <button id="cb_1" class="circle_button flex flex-col flex-none h-52 items-center justify-evenly w-52" content_id="1" >
1074                            <img style="max-width: 50%" src="img/1.png">
1075                            <span style="max-width: 10rem">Betriebsprofile</span>
1076                        </button>
1077                    </div>
1078                    <div class="placeholder" style="--i:225;">
1079                        <button id="cb_2" class="circle_button flex flex-col flex-none h-52 items-center justify-evenly w-52" content_id="2">
1080                            <img style="max-width: 50%" src="img/2.png">
1081                            <span style="max-width: 10rem">Newsfeed</span>
1082                        </button>
1083                    </div>
1084                    <div class="placeholder" style="--i:180;">
1085                        <button id="cb_3" class="circle_button flex flex-col flex-none h-52 items-center justify-evenly w-52" content_id="3">
1086                            <img style="max-width: 50%" src="img/3.png">
1087                            <span style="max-width: 10rem">Veranstaltungen</span>
1088                        </button>
1089                    </div>
1090                    <div class="placeholder" style="--i:135;">
1091                        <button id="cb_4" class="circle_button flex flex-col flex-none h-52 items-center justify-evenly w-52" content_id="4">
1092                            <img style="max-width: 50%" src="img/features/bookmark.svg">
1093                            <span style="max-width: 10rem">Merkliste</span>
1094                        </button>
1095                    </div>
1096                    <div class="placeholder" style="--i:90;">
1097                        <button id="cb_5" class="circle_button flex flex-col flex-none h-52 items-center justify-evenly w-52 hidden" content_id="5">
1098                            <img style="max-width: 50%" src="img/5.png">
1099                            <span style="max-width: 10rem">Direkter Chat</span>
1100                        </button>
1101                    </div>
1102                    <div class="placeholder" style="--i:45;">
1103                        <button id="cb_6" class="circle_button flex flex-col flex-none h-52 items-center justify-evenly w-52 hidden" content_id="-1">
1104                            <img style="max-width: 50%" src="img/6.png">
1105                            <span style="max-width: 10rem">Reservierungsanfragen</span>
1106                        </button>
1107                    </div>
1108                    <div class="placeholder" style="--i:0;">
1109                        <button id="cb_7" class="circle_button flex flex-col flex-none h-52 items-center justify-evenly w-52 hidden" content_id="-1">
1110                            <img style="max-width: 50%" src="img/7.png">
1111                            <span style="max-width: 10rem">No-Waste-Aktionen</span>
1112                        </button>
1113                    </div>
1114                </div>
1115            </div>
1116
1117            <!--Feature-Menu-->
1118            <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">
1119                <nav class="bg-background-100 flex flex-col gap-16 items-stretch justify-start rounded-lg" id="featureNav">
1120                    <div>
1121                        <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;">
1122                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
1123                            </div> </a>
1124                        <div class="accordion-content w-36" id="featureWidth">
1125                            <hr>
1126                            <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">
1127                                <li class="whitespace-nowrap">
1128                                    <p data-target="#feature-modal-0" class="button rounded modal-opener ">Suche &amp; Übersicht</p>
1129                                </li>
1130                                <li class="whitespace-nowrap">
1131                                    <p href="#" data-target="#feature-modal-1" class="button rounded modal-opener">Betriebsprofile</p>
1132                                </li>
1133                                <li class="whitespace-nowrap">
1134                                    <p href="#" data-target="#feature-modal-2" class="button rounded modal-opener">Newsfeed</p>
1135                                </li>
1136                                <li class="whitespace-nowrap">
1137                                    <p href="#" data-target="#feature-modal-3" class="button rounded modal-opener">Veranstaltungen</p>
1138                                </li>
1139                                <li class="whitespace-nowrap">
1140                                    <p href="#" data-target="#feature-modal-4" class="button rounded modal-opener">Merkliste</p>
1141                                </li>
1142                                <li class="whitespace-nowrap">
1143                                    <p href="#" data-target="#feature-modal-5" class="button rounded modal-opener">Direkter Chat</p>
1144                                </li>
1145                                <li class="whitespace-nowrap">
1146                                    <p href="#" data-target="#feature-modal-6" class="button rounded modal-opener">Reservierungsanfragen</p>
1147                                </li>
1148                                <li class="whitespace-nowrap">
1149                                    <p href="#" data-target="#feature-modal-7" class="button rounded modal-opener">No-Waste-Aktionen</p>
1150                                </li>
1151                                <li class="whitespace-nowrap">
1152                                    <p href="#" data-target="#feature-modal-8" class="button rounded modal-opener">Gutscheine &amp; Rabatte</p>
1153                                </li>
1154                                <li class="whitespace-nowrap">
1155                                    <p href="#" data-target="#feature-modal-9" class="button rounded modal-opener">Digitale Stempelkarte</p>
1156                                </li>
1157                                <li class="whitespace-nowrap">
1158                                    <p href="#" data-target="#feature-modal-10" class="button rounded modal-opener">Cashback</p>
1159                                </li>
1160                                <li class="whitespace-nowrap">
1161                                    <p href="#" data-target="#feature-modal-11" class="button rounded modal-opener">Speisekartenfilter</p>
1162                                </li>
1163                                <li class="whitespace-nowrap">
1164                                    <p href="#" data-target="#feature-modal-12" class="button rounded modal-opener">
1164Persönliche Gutscheine</p>
1165                                </li>
1166                                <li class="whitespace-nowrap">
1167                                    <p href="#" data-target="#feature-modal-13" class="button rounded modal-opener">QR-Check-in</p>
1168                                </li>
1169                                <li class="whitespace-nowrap">
1170                                    <p href="#" data-target="#feature-modal-14" class="button rounded modal-opener">Aktivitätsverlauf</p>
1171                                </li>
1172                            </ul>
1173                        </div>
1174                    </div>
1175                </nav>
1176            </header>
1177
1178            <!-- Feature-Preview -->
1179            <div class="container_center flex flex-col gap-20 h-screen header_equalizer items-stretch justify-end pt-28 px-6 text-center">
1180                <div class="flex flex-col gap-6 items-center w-full">
1181                    <h3 class="opacity-45 text-sm" id="featureName"></h3>
1182                    <h4 class="md:text-2xl text-xl" id ="featureVorschau"> </h4>
1183                    <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>
1184                </div>
1185            </div>
1186        </div>
1187    </div>
1188
1189    <!-- Accordion -->
1190    <div style="margin-top: -100vh; position: relative; z-index: 10;" class="flex flex-col items-stretch justify-center relative z-20" id="vision">
1191        <hr>
1192        <div class="bg-background-100 flex flex-col items-stretch justify-center min-h-screen">
1193
1194
1195            <div class="container_center flex flex-col gap-20 items-stretch justify-center px-6 py-28 text-center">
1196                <h2 class="opacity-45 text-sm">Was kaarst LOKAL im Alltag einfacher macht</h2>
1197
1198                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
1199                    <div class="accordion-item">
1200                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
1201                            <span href="" class="button_pseudo rounded">Mehr aus dem eigenen Budget machen</span>
1202                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
1203                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
1204                            </div>
1205                        </a>
1206                        <div class="accordion-content">
1207                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
1208                                <h2 class="opacity-45 text-sm">Das Problem</h2>
1209                                <p class="w-full">
1210                                    Wer im Alltag bewusst auf sein Budget achtet, verzichtet schnell auf einen zusätzlichen Einkauf, Restaurantbesuch oder Ausflug.
1211                                </p>
1212                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
1213                                <p class="w-full">
1214                                    Gutscheine, digitale Stempelkarten und Cashback teilnehmender Betriebe werden an einem Ort sichtbar. Du entscheidest, welcher Vorteil zu deinem nächsten Besuch passt.
1215                                </p>
1216                            </div>
1217                        </div>
1218                    </div>
1219                </div>
1220
1221                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
1222                    <div class="accordion-item">
1223                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
1224                            <span href="" class="button_pseudo rounded">Vor dem Besuch besser informiert sein</span>
1225                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
1226                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
1227                            </div>
1228                        </a>
1229                        <div class="accordion-content">
1230                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
1231                                <h2 class="opacity-45 text-sm">Das Problem</h2>
1232                                <p class="w-full">
1233                                    Öffnungszeiten, aktuelle Angebote oder eine Speisekarte sind online oft über mehrere Seiten verteilt oder nur schwer auffindbar.
1234                                </p>
1235                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
1236                                <p class="w-full">
1237                                    Die Profile teilnehmender Betriebe bündeln ihre hinterlegten Informationen. Wenn trotzdem eine Frage offenbleibt, kannst du sie direkt über den Chat stellen oder eine Reservierung anfragen.
1238                                </p>
1239                            </div>
1240                        </div>
1241                    </div>
1242                </div>
1243
1244
1245                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
1246                    <div class="accordion-item">
1247                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
1248                            <span href="" class="button_pseudo rounded">Passende Gerichte schneller finden</span>
1249                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
1250                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
1251                            </div>
1252                        </a>
1253                        <div class="accordion-content">
1254                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
1255                                <h2 class="opacity-45 text-sm">Das Problem</h2>
1256                                <p class="w-full">
1257                                    Lange Speisekarten machen es mühsam, Gerichte mit oder ohne bestimmte Zutaten zu finden.
1258                                </p>
1259                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
1260                                <p class="w-full">
1261                                    Der Speisekartenfilter blendet Gerichte anhand der vom Betrieb hinterlegten Zutaten ein oder aus. Das hilft bei der Orientierung, ersetzt bei Allergien und Unverträglichkeiten aber nicht die direkte Rückfrage beim Betrieb.
1262                                </p>
1263                            </div>
1264                        </div>
1265                    </div>
1266                </div>
1267
1268
1269                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
1270                    <div class="accordion-item">
1271                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
1272                            <span href="" class="button_pseudo rounded">Lebensmittel sinnvoll weitergeben</span>
1273                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
1274                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
1275                            </div>
1276                        </a>
1277                        <div class="accordion-content">
1278                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
1279                                <h2 class="opacity-45 text-sm">Das Problem</h2>
1280                                <p class="w-full">
1281                                    Einwandfreie Speisen bleiben übrig, während mögliche Abnehmerinnen und Abnehmer nichts davon erfahren.
1282                                </p>
1283                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
1284                                <p class="w-full">
1285                                    Mit No-Waste findest du überschüssige Lebensmittel lokaler Betriebe zu deutlich reduzierten Preisen. Du sparst beim Einkauf und hilfst dabei, Lebensmittelverschwendung zu vermeiden. Angebot, Rabatt und Laufzeit siehst du direkt in der App.
1286                                </p>
1287                            </div>
1288                        </div>
1289                    </div>
1290                </div>
1291                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
1292                    <div class="accordion-item">
1293                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
1294                            <span href="" class="button_pseudo rounded">Lokale Informationen an einem Ort</span>
1295                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
1296                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
1297                            </div>
1298                        </a>
1299                        <div class="accordion-content">
1300                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
1301                                <h2 class="opacity-45 text-sm">Das Problem</h2>
1302                                <p class="w-full">
1303                                    Wer lokale Angebote sucht, muss häufig zwischen Webseiten, sozialen Netzwerken und einzelnen Profilen wechseln.
1304                                </p>
1305                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
1306                                <p class="w-full">
1307                                    kaarst LOKAL verbindet Betriebsprofile, Beiträge, Veranstaltungen, Speisekarten und Gutscheine. Die Suche hilft dir, daraus die Inhalte zu finden, die zu deinem aktuellen Plan passen.
1308                                </p>
1309                            </div>
1310                        </div>
1311                    </div>
1312                </div>
1313
1314                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
1315                    <div class="accordion-item">
1316                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
1317                            <span href="" class="button_pseudo rounded">Weniger telefonieren, klarer abstimmen</span>
1318                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
1319                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
1320                            </div>
1321                        </a>
1322                        <div class="accordion-content">
1323                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
1324                                <h2 class="opacity-45 text-sm">Das Problem</h2>
1325                                <p class="w-full">
1326                                    Nicht jede Frage lässt sich aus einem Profil beantworten, und ein Telefonat passt nicht immer in den Alltag.
1327                                </p>
1328                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
1329                                <p class="w-full">
1330                                    Über den direkten Chat kannst du teilnehmende Betriebe anschreiben. Reservierungen werden als Anfrage übermittelt und vom Betrieb bestätigt, abgelehnt oder mit einem Gegenvorschlag beantwortet.
1331                                </p>
1332                            </div>
1333                        </div>
1334                    </div>
1335                </div>
1336
1337                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
1338                    <div class="accordion-item">
1339                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
1340                            <span href="" class="button_pseudo rounded">Treue sichtbar belohnen</span>
1341                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
1342                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
1343                            </div>
1344                        </a>
1345                        <div class="accordion-content">
1346                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
1347                                <h2 class="opacity-45 text-sm">Das Problem</h2>
1348                                <p class="w-full">
1349                                    Papierkarten gehen verloren, einzelne Gutscheine geraten in Vergessenheit und gesammelte Vorteile sind nicht immer leicht nachvollziehbar.
1350                                </p>
1351                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
1352                                <p class="w-full">
1353                                    Digitale Stempelkarten, Cashback und persönliche Gutscheine teilnehmender Betriebe bleiben in deinem Wallet geordnet. Im Aktivitätsverlauf kannst du deine gesammelten Vorteile später nachvollziehen.
1354                                </p>
1355                            </div>
1356                        </div>
1357                    </div>
1358                </div>
1359
1360                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
1361                    <div class="accordion-item">
1362                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
1363                            <span href="" class="button_pseudo rounded">Neue Orte leichter entdecken</span>
1364                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
1365                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
1366                            </div>
1367                        </a>
1368                        <div class="accordion-content">
1369                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
1370                                <h2 class="opacity-45 text-sm">Das Problem</h2>
1371                                <p class="w-full">
1372                                    Viele interessante Geschäfte und gastronomische Angebote liegen näher als gedacht, bleiben im Alltag aber leicht unentdeckt.
1373                                </p>
1374                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
1375                                <p class="w-full">
1376                                    Betriebsprofile, Beiträge, Speisekarten, Veranstaltungen und aktuelle Aktionen geben dir einen ersten Eindruck. So kannst du selbst entscheiden, welchen Ort du als Nächstes kennenlernen möchtest.
1377                                </p>
1378                            </div>
1379                        </div>
1380                    </div>
1381                </div>
1382
1383                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
1384                    <div class="accordion-item">
1385                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
1386                            <span href="" class="button_pseudo rounded">Lokale Angebote sichtbarer machen</span>
1387                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
1388                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
1389                            </div>
1390                        </a>
1391                        <div class="accordion-content">
1392                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
1393                                <h2 class="opacity-45 text-sm">Das Problem</h2>
1394                                <p class="w-full">
1395                                    Viele lokale Betriebe haben gute Angebote, erreichen damit aber nicht immer die Menschen in ihrer direkten Umgebung.
1396                                </p>
1397                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
1398                                <p class="w-full">
1399                                    kaarst LOKAL bündelt Profile, Beiträge, Veranstaltungen und Aktionen teilnehmender Betriebe. So wird leichter sichtbar,
1400                                    was Kaarst vor Ort zu bieten hat.
1401                                </p>
1402                            </div>
1403                        </div>
1404                    </div>
1405                </div>
1406                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
1407                    <div class="accordion-item">
1408                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
1409                            <span href="" class="button_pseudo rounded">Gutscheine ohne Papierkram</span>
1410                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
1411                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
1412                            </div>
1413                        </a>
1414                        <div class="accordion-content">
1415                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
1416                                <h2 class="opacity-45 text-sm">Das Problem</h2>
1417                                <p class="w-full">
1418                                    Papiergutscheine werden vergessen, gehen verloren oder sind unterwegs nicht griffbereit. Unklare Bedingungen machen
1419                                    die Nutzung zusätzlich umständlich.
1420                                </p>
1421                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
1422                                <p class="w-full">
1423                                    Digitale Gutscheine bleiben in der App gespeichert. Gültigkeit und Bedingungen stehen direkt am Angebot; interessante
1424                                    Gutscheine kannst du in deiner Merkliste sichern.
1425                                </p>
1426                            </div>
1427                        </div>
1428                    </div>
1429                </div>
1430
1431
1432                <div class="flex flex-col gap-16 items-stretch justify-start w-full">
1433                    <div class="accordion-item">
1434                        <a class="accordion-header flex flex-row gap-4 items-center justify-between pb-4" href="#">
1435                            <span href="" class="button_pseudo rounded">Fragen und Reservierungen digital klären</span>
1436                            <div class="button_pseudo flex-none h-7 rounded w-7" style="padding: 5.5px;">
1437                                <img src="img/arrow_up-down.svg" class="accordion_symbol h-full w-full">
1438                            </div>
1439                        </a>
1440                        <div class="accordion-content">
1441                            <div class="equalizer_button-padding flex flex-col items-start justify-start pb-4 text-left text-sm text-white-100 w-full">
1442                                <h2 class="opacity-45 text-sm">Das Problem</h2>
1443                                <p class="w-full">
1444                                    Ein Anruf passt nicht immer in den Alltag. Außerhalb der Öffnungszeiten oder in lauten Situationen ist eine schriftliche
1445                                    Anfrage oft angenehmer.
1446                                </p>
1447                                <h2 class="opacity-45 text-sm" style="padding-top: 2rem">Unser Lösungsansatz</h2>
1448                                <p class="w-full">
1449                                    Über den Chat kannst du teilnehmende Betriebe direkt anschreiben. Eine Reservierung sendest du als Anfrage; der Betrieb
1450                                    kann sie bestätigen, ablehnen oder einen anderen Zeitpunkt vorschlagen.
1451                                </p>
1452                            </div>
1453                        </div>
1454                    </div>
1455                </div>
1456
1457            </div>
1458        </div>
1459        <hr>
1460    </div>
1461</main>
1462<footer style="margin-top: -100vh; min-height: 200vh;" class="sticky w-full">
1463    <div class="sticky top-0" id="footer">
1464        <div class="landing-footer-layout container_maxW_2 flex flex-col header_equalizer items-stretch justify-between min-h-screen px-6 text-center">
1465            <div class="flex flex-col gap-6 items-stretch justify-center md:flex-row">
1466                <div class="flex flex-col gap-2 items-start justify-start w-full">
1467                    <p>&copy; 2026 Proforen UG <br>(Haftungsbeschränkt)</p>
1468                </div>
1469                <div class="flex flex-col gap-2 items-start justify-start w-full md:items-end">
1470                    <a href="https://kaarst-lokal.de/foerderung" class="button rounded text-sm" style="text-decoration: underline">Förderung &amp; Unterstützung</a>
1471                    <a href="https://kaarst-lokal.de/press" class="button rounded text-sm" style="text-decoration: underline">Presse & Veröffentlichungen</a>
1472                    <a href="https://kaarst-lokal.de/impressum" class="button rounded text-sm" style="text-decoration: underline">Impressum</a>
1473                    <a href="https://kaarst-lokal.de/support" class="button rounded text-sm" style="text-decoration: underline">Support</a>
1474
1475                </div>
1476            </div>
1477            <div class="funding-footer" aria-labelledby="funding-footer-title">
1478                <div class="funding-footer-heading">
1479                    <p class="opacity-45 text-sm">Finanziell gefördert durch</p>
1480                    <h2 id="funding-footer-title">Europäische Union und das Land Nordrhein-Westfalen</h2>
1481                    <a href="https://kaarst-lokal.de/foerderung" class="button rounded text-sm">Mehr über die Förderung</a>
1482                </div>
1483                <div class="funding-footer-official-logos">
1484                    <img class="funding-footer-program-logo" src="https://kaarst-lokal.de/img/funding/go-to-market-gutschein.png" alt="Go-to-Market Gutschein">
1485                    <div class="funding-footer-eu-nrw" aria-label="Offizielle Förderlogos">
1486                        <img src="https://kaarst-lokal.de/img/funding/eu_logo.svg" alt="Kofinanziert von der Europäischen Union">
1487                        <span class="funding-logo-divider" aria-hidden="true"></span>
1488                        <img src="https://kaarst-lokal.de/img/funding/nrw_logo.svg" alt="Ministerium für Wirtschaft, Industrie, Klimaschutz und Energie des Landes Nordrhein-Westfalen">
1489                    </div>
1490                </div>
1491                <div class="funding-footer-partners">
1492                    <p class="opacity-45 text-sm">Lokal begleitet und vernetzt durch</p>
1493                    <div class="funding-footer-partner-logos">
1494                        <a href="https://www.kaarst.de/wirtschaft-und-handel/wirtschaftsfoerderung" target="_blank" rel="noopener noreferrer" aria-label="Wirtschaftsförderung Kaarst">
1495                            <img src="https://kaarst-lokal.de/img/wifo_logo.png" alt="wifö Kaarst – Die Wirtschaftsförderung">
1496                        </a>
1497                        <a href="https://www.kaarst.de" target="_blank" rel="noopener noreferrer" aria-label="Stadt Kaarst">
1498                            <img src="https://kaarst-lokal.de/img/kaarst_logo.png" alt="Stadt Kaarst">
1499                        </a>
1500                    </div>
1501                </div>
1502            </div>
1503            <img src="img/logo.svg" class="landing-footer-logo mx-auto" alt="kaarst LOKAL">
1504        </div>
1505    </div>
1506</footer>
1507<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
vendor: 1 bytes, line 1507
1507
1508<script src="js/anchors.js"></script>
vendor: 1 bytes, line 1508
1508
1509<script>
1510
1511    const centralCircle = document.querySelector('.central-circle');
1512    let featureContentAll = {
1513        0: {
1514            'index': 0,
1515            'name': 'Suche & Übersicht',
1516            'description': 'Finde lokale Betriebe, Veranstaltungen und Angebote passend zu deinem Suchbegriff und Zeitpunkt.'
1517        },
1518        1: {
1519            'index': 1,
1520            'name': 'Betriebsprofile',
1521            'description': 'Sieh Öffnungszeiten, Kontaktdaten und hinterlegte Inhalte teilnehmender Betriebe auf einen Blick.'
1522        },
1523        2: {
1524            'index': 2,
1525            'name': 'Newsfeed',
1526            'description': 'Entdecke aktuelle Beiträge und Neuigkeiten teilnehmender Betriebe aus Kaarst.'
1527        },
1528        3: {
1529            'index': 3,
1530            'name': 'Veranstaltungen',
1531            'description': 'Finde öffentlich eingetragene Veranstaltungen mit Ort, Termin und allen wichtigen Details.'
1532        },
1533        4: {
1534            'index': 4,
1535            'name': 'Merkliste',
1536            'description': 'Speichere interessante Beiträge und Gutscheine, damit du sie später schnell wiederfindest.',
1537            'icon': 'img/features/bookmark.svg'
1538        },
1539        5: {
1540            'index': 5,
1541            'name': 'Direkter Chat',
1542            'description': 'Schreibe teilnehmende Geschäfte und Gastronomiebetriebe direkt über die App an.'
1543        },
1544        6: {
1545            'index': 6,
1546            'name': 'Reservierungsanfragen',
1547            'description': 'Frage einen Termin an und erhalte eine Bestätigung, Absage oder einen Gegenvorschlag.'
1548        },
1549        7: {
1550            'index': 7,
1551            'name': 'No-Waste-Aktionen',
1552            'description': 'Entdecke überschüssige Lebensmittel zu deutlich reduzierten Preisen – spare vor Ort und hilf, Lebensmittelverschwendung zu vermeiden.'
1553        },
1554        8: {
1555            'index': 8,
1556            'name': 'Gutscheine & Rabatte',
1557            'description': 'Entdecke aktuelle Vorteile teilnehmender Betriebe mit klarer Gültigkeit und Bedingungen.'
1558        },
1559        9: {
1560            'index': 9,
1561            'name': 'Digitale Stempelkarte',
1562            'description': 'Sammle Stempel bei teilnehmenden Betrieben und behalte deinen Kartenstand digital im Blick.'
1563        },
1564        10: {
1565            'index': 10,
1566            'name': 'Cashback',
1567            'description': 'Sammle bei teilnehmenden Betrieben Guthaben und löse es dort als späteren Vorteil ein.'
1568        },
1569        11: {
1570            'index': 11,
1571            'name': 'Speisekartenfilter',
1572            'description': 'Filtere hinterlegte Speisekarten nach Zutaten – als Orientierung, nicht als Allergenfreigabe.'
1573        },
1574        12: {
1575            'index': 12,
1576            'name': 'Persönliche Gutscheine',
1577            'description': 'Finde Gutscheine, die teilnehmende Betriebe gezielt deinem persönlichen Wallet zugeordnet haben.',
1578            'icon': 'img/features/personal-voucher.svg'
1579        },
1580        13: {
1581            'index': 13,
1582            'name': 'QR-Check-in',
1583            'description': 'Checke dich per QR-Code bei einem teilnehmenden Betrieb in den verfügbaren Vor-Ort-Modus ein.',
1584            'icon': 'img/features/qr-check-in.svg'
1585        },
1586        14: {
1587            'index': 14,
1588            'name': 'Aktivitätsverlauf',
1589            'description': 'Behalte deine erfassten Vorteile und Besuche wie Cashback, Stempel, Gutscheine und Check-ins im Blick.',
1590            'icon': 'img/features/activity-history.svg'
1591        }
1592    };
1593
1594
1595</script>
vendor: 1 bytes, line 1595
1595
1596<script src="js/scripts.js"></script>
vendor: 1 bytes, line 1596
1596
1597<script src="js/modal.js"></script>
vendor: 1 bytes, line 1597
1597
1598<script src="js/header_height_calculator.js"></script>
vendor: 1 bytes, line 1598
1598
1599<script src="js/accordion.js"></script>
1599
1600</body>
1601</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.