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 & Ã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 & 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 & 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 &
503 Angebote" aria-label="Gutscheine & Angebote"> 504 <img src="https://kaarst-lokal.de/img/icons/merchant_promotion.svg" alt=""> 505 </li> 506 <li data-tooltip="Reservierung & Termine" aria-label="Reservierung & 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 & Termine" aria-label="Reservierung & 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 & Termine" aria-label="Reservierung & 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 & more" loading="lazy"> 572 </span> 573 <div class="premium-partner-content"> 574 <h3>Ginger coffee & more</h3> 575 <ul class="premium-partner-benefit-labels" aria-label="Angebote von Ginger coffee & 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 & 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 & Termine" aria-label="Reservierung & 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 & Termine" aria-label="Reservierung & 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's Häkel Stube" loading="lazy"> 649 </span> 650 <div class="premium-partner-content"> 651 <h3>Patina's Häkel Stube</h3> 652 <ul class="premium-partner-benefit-labels" aria-label="Angebote von Patina'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'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 & Angebote" aria-label="Gutscheine & Angebote"> 707 <img src="https://kaarst-lokal.de/img/icons/merchant_promotion.svg" alt=""> 708 </li> 709 <li data-tooltip="Reservierung & Termine" aria-label="Reservierung & 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é & Unverpacktes" loading="lazy"> 724 </span> 725 <div class="premium-partner-content"> 726 <h3>Randvoll - Café & Unverpacktes</h3> 727 <ul class="premium-partner-benefit-labels" aria-label="Angebote von Randvoll - Café & 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é & 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 & 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'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é & 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 & Ã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 & 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>© 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 & 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.