CUKCUK - Landing Page Mehrstufig<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: {\r\n bg: \"#fdf6ee\",\r\n primary: \"#1c76b0\",\r\n secondary: \"#f5a623\",\r\n heading: \"#1a1a2e\",\r\n text: \"#5a6a7e\"\r\n }\r\n },\r\n keyframes: {\r\n popup: {\r\n \"0%\": { opacity: \"0\", transform: \"translateY(18px) scale(0.96)\" },\r\n \"100%\": { opacity: \"1\", transform: \"translateY(0) scale(1)\" }\r\n }\r\n },\r\n animation: {\r\n popup: \"popup 0.5s ease forwards\"\r\n }\r\n }\r\n }\r\n };\r\n <\/script>\r\n \r\n <style>\r\n body {\r\n background: #fdf6ee;\r\n }\r\n\r\n .slide {\r\n display: none;\r\n }\r\n\r\n .slide.is-active {\r\n display: flex;\r\n }\r\n\r\n .answer-button.is-selected {\r\n border-color: #1c76b0;\r\n background-color: rgba(28, 118, 176, 0.08);\r\n color: #1c76b0;\r\n box-shadow: 0 14px 36px rgba(28, 118, 176, 0.12);\r\n }\r\n\r\n .answer-button:active {\r\n transform: scale(0.98);\r\n }\r\n\r\n .placeholder-visual {\r\n display: flex;\r\n width: 100%;\r\n align-items: center;\r\n justify-content: center;\r\n border: 2px solid rgba(28, 118, 176, 0.24);\r\n border-radius: 1.75rem;\r\n background: transparent;\r\n color: #5a6a7e;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n letter-spacing: 0.02em;\r\n }\r\n\r\n .review-panel {\r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n min-height: clamp(400px, 70vw, 760px);\r\n border-radius: 2rem;\r\n }\r\n\r\n .review-card {\r\n position: absolute;\r\n inset: 0;\r\n display: flex;\r\n align-items: stretch;\r\n opacity: 0;\r\n pointer-events: none;\r\n transform: scale(1.02);\r\n transition: opacity 0.45s ease, transform 0.45s ease;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n cursor: pointer;\r\n }\r\n\r\n .review-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(180deg, rgba(8, 12, 24, 0) 0%, rgba(8, 12, 24, 0.48) 28%, rgba(8, 12, 24, 0.74) 58%, rgba(8, 12, 24, 0.9) 100%),\r\n linear-gradient(90deg, rgba(8, 12, 24, 0.86) 0%, rgba(8, 12, 24, 0.72) 20%, rgba(8, 12, 24, 0.32) 34%, rgba(8, 12, 24, 0) 50%);\r\n }\r\n\r\n .review-card.is-active {\r\n opacity: 1;\r\n pointer-events: auto;\r\n transform: scale(1);\r\n }\r\n\r\n .review-card-content {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n align-items: flex-end;\r\n width: 100%;\r\n min-height: 100%;\r\n color: #fff;\r\n }\r\n\r\n .review-logo {\r\n display: inline-flex;\r\n height: 4.5rem;\r\n width: 4.5rem;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px solid rgba(255, 255, 255, 0.22);\r\n border-radius: 9999px;\r\n background: rgba(255, 255, 255, 0.16);\r\n backdrop-filter: blur(12px);\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n overflow: hidden;\r\n }\r\n\r\n .review-indicator {\r\n position: relative;\r\n height: 0.45rem;\r\n width: 2.25rem;\r\n overflow: hidden;\r\n border-radius: 9999px;\r\n background: rgba(28, 118, 176, 0.18);\r\n transition: width 0.35s ease, background-color 0.35s ease;\r\n }\r\n\r\n .review-indicator::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n transform: translateX(-100%);\r\n background: linear-gradient(90deg, #1c76b0 0%, #f5a623 100%);\r\n }\r\n\r\n .review-indicator.is-active {\r\n width: 5.5rem;\r\n background: rgba(28, 118, 176, 0.12);\r\n }\r\n\r\n .review-indicator.is-active::after {\r\n animation: reviewProgress 5s linear forwards;\r\n animation-duration: var(--review-duration, 5000ms);\r\n animation-play-state: var(--review-animation-state, running);\r\n }\r\n\r\n @keyframes reviewProgress {\r\n from {\r\n transform: translateX(-100%);\r\n }\r\n\r\n to {\r\n transform: translateX(0);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"min-h-screen font-sans text-brand-text antialiased\">\r\n <div class=\"fixed inset-x-0 top-0 z-50 border-b border-black\/5 bg-brand-bg\/90 backdrop-blur\">\r\n <div class=\"w-full\">\r\n <div class=\"h-1 sm:h-1.5 overflow-hidden bg-brand-primary\/10\">\r\n <div\r\n id=\"progressBar\"\r\n class=\"h-full bg-gradient-to-r from-brand-primary to-brand-secondary transition-all duration-500 ease-out\"\r\n style=\"width: 12.5%;\"\r\n ><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <header class=\"mx-auto flex h-16 max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8\">\r\n <a href=\"https:\/\/cukcuk.eu\/vi\/\" class=\"inline-flex items-center\" aria-label=\"CUKCUK\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2024\/06\/logo-cukcuk-1.png\"\r\n alt=\"CUKCUK\"\r\n class=\"max-h-10 w-auto object-contain\"\r\n >\r\n <\/a>\r\n <div class=\"flex items-center gap-3\">\r\n <a\r\n href=\"tel: 493089568366\"\r\n class=\"inline-flex items-center gap-2 rounded-full border border-brand-primary\/15 bg-white\/80 px-4 py-2 text-sm font-semibold text-brand-heading transition hover:border-brand-primary\/40 hover:text-brand-primary\"\r\n >\r\n <svg class=\"h-4 w-4 text-brand-secondary\" viewbox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path d=\"M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24 11.3 11.3 0 0 0 3.55.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.85 21 3 13.15 3 3.99a1 1 0 0 1 1-1H7.5a1 1 0 0 1 1 1c0 1.23.19 2.43.57 3.55a1 1 0 0 1-.24 1.02l-2.2 2.23Z\"\/>\r\n <\/svg>\r\n <span>+49 30 89568366<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/cukcuk.eu\/vi\/lp-gastro-kassensystem-2-vn\/\" class=\"text-3xl active:opacity-50\" aria-label=\"Ti\u1ebfng Vi\u1ec7t\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" viewbox=\"0 0 64 64\">\r\n \t<path d=\"M0 0h64v64H0z\" fill=\"none\" \/>\r\n \t<circle cx=\"32\" cy=\"32\" r=\"30\" fill=\"#f42f4c\" \/>\r\n \t<path fill=\"#ffe62e\" d=\"m32 39l9.9 7l-3.7-11.4l9.8-7.4H35.8L32 16l-3.7 11.2H16l9.8 7.4L22.1 46z\" \/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n <\/div>\r\n\r\n <main class=\"px-4 pb-8 pt-6 sm:pt-14 sm:px-6 lg:px-8 bg-[#fdf6ee]\">\r\n <div class=\"mx-auto max-w-7xl\">\r\n <div id=\"slideViewport\" class=\"relative overflow-hidden rounded-[2rem]\">\r\n <section\r\n id=\"hero\"\r\n data-step=\"0\"\r\n class=\"slide is-active min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"flex w-full flex-col items-center gap-8 rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"max-w-3xl space-y-4 px-6\">\r\n <h1 class=\"text-3xl font-bold leading-tight text-brand-heading sm:text-4xl\">\r\n <span class=\"text-brand-primary\">CUKCUK Kassensystem<\/span><br>Detailgenau gedacht. Effizient gemacht\r\n <\/h1>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n Von der Bestellung \u00fcber die Zahlung und Umsatzverwaltung bis hin zum Online-Verkauf \u2013 CUKCUK hilft Restaurants, schneller, pr\u00e4ziser und professioneller zu arbeiten.\r\n <\/p>\r\n <\/div>\r\n <div class=\"min-h-[320px] max-w-3xl\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2026\/07\/herosection_lp_2_funel.png\"\r\n alt=\"CUKCUK\"\r\n class=\"w-auto object-contain\"\r\n >\r\n <\/div>\r\n <button\r\n type=\"button\"\r\n data-next\r\n class=\"inline-flex min-h-[52px] items-center justify-center rounded-full bg-brand-primary px-7 py-3 text-base font-semibold text-white transition hover:-translate-y-0.5 hover:bg-[#165f8d] focus:outline-none focus:ring-4 focus:ring-brand-primary\/20\"\r\n >\r\n Weiter\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"e-concept\"\r\n data-step=\"1\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"flex w-full flex-col items-center gap-8 rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"max-w-3xl space-y-4 px-6\">\r\n <h2 class=\"text-3xl font-bold leading-tight text-brand-heading sm:text-4xl\">\r\n Weniger Kostendruck dank flexibler Finanzierung\r\n <\/h2>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n Mit dem Finanzierungspaket k\u00f6nnen Sie die Ger\u00e4te zuerst erhalten und anschlie\u00dfend in passenden Raten bezahlen. CUKCUK macht die Anfangsinvestition leichter, damit Sie Ihr System entspannt einrichten und Ihren Betrieb reibungslos starten k\u00f6nnen.\r\n <\/p>\r\n <\/div>\r\n <div class=\"min-h-[320px] max-w-3xl\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2026\/07\/finanzierung_lp_2_funel-e1783094775573.png\"\r\n alt=\"CUKCUK\"\r\n class=\"w-auto object-contain\"\r\n >\r\n <\/div>\r\n <button\r\n type=\"button\"\r\n data-next\r\n class=\"inline-flex min-h-[52px] items-center justify-center rounded-full bg-brand-primary px-7 py-3 text-base font-semibold text-white transition hover:-translate-y-0.5 hover:bg-[#165f8d] focus:outline-none focus:ring-4 focus:ring-brand-primary\/20\"\r\n >\r\n Weiter\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"legal\"\r\n data-step=\"2\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"flex w-full flex-col items-center gap-8 rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"max-w-3xl space-y-4 px-6\">\r\n <h2 class=\"text-3xl font-bold leading-tight text-brand-heading sm:text-4xl\">\r\n Sie k\u00fcmmern sich um Ihre G\u00e4ste, CUKCUK \u00fcbernimmt den Rest\r\n <\/h2>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n Von den ersten Schritten bei der Implementierung bis hin zum t\u00e4glichen Betrieb begleitet CUKCUK Sie zuverl\u00e4ssig, damit alles einfacher wird. Ob Ger\u00e4te, Sprache oder technischer Support \u2013 wir helfen Ihnen, Ihr Gesch\u00e4ft sorgenfrei zu f\u00fchren, ohne dass Sie alles allein bew\u00e4ltigen m\u00fcssen.\r\n <\/p>\r\n <\/div>\r\n <div class=\"min-h-[320px] max-w-3xl\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2026\/07\/support_lp_2_funel.png\"\r\n alt=\"CUKCUK\"\r\n class=\"w-auto object-contain\"\r\n >\r\n <\/div>\r\n <button\r\n type=\"button\"\r\n data-next\r\n class=\"inline-flex min-h-[52px] items-center justify-center rounded-full bg-brand-primary px-7 py-3 text-base font-semibold text-white transition hover:-translate-y-0.5 hover:bg-[#165f8d] focus:outline-none focus:ring-4 focus:ring-brand-primary\/20\"\r\n >\r\n Weiter\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"support\"\r\n data-step=\"3\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"flex w-full flex-col items-center gap-8 rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"max-w-3xl space-y-4 px-6\">\r\n <h2 class=\"text-3xl font-bold leading-tight text-brand-heading sm:text-4xl\">\r\n Ni\u1ec1m tin tuy\u1ec7t \u0111\u1ed1i, d\u1eabn l\u1ed1i th\u00e0nh c\u00f4ng\r\n <\/h2>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n Mit CUKCUK vereinfachen viele Betriebe nicht nur ihre t\u00e4glichen Abl\u00e4ufe, sondern steigern auch ihre Effizienz, verbessern den Service f\u00fcr ihre G\u00e4ste und schaffen eine starke Basis f\u00fcr nachhaltigen Erfolg.\r\n <\/p>\r\n <\/div>\r\n <div class=\"w-full max-w-5xl space-y-5 mb-10 mt-4\">\r\n <div class=\"review-panel\">\r\n <article\r\n class=\"review-card is-active\"\r\n data-review-card\r\n style=\"background-image: url('https:\/\/static.wixstatic.com\/media\/1d05bd_4d0f785515e74343b713e1a05a29aec2~mv2.jpg\/v1\/fill\/w_1200,h_800,al_c,q_85,enc_avif,quality_auto\/TG107669_WEB_edited.jpg');\"\r\n >\r\n <div class=\"review-card-content p-6 sm:p-8 lg:p-10\">\r\n <div class=\"max-w-2xl space-y-5 text-left\">\r\n <div class=\"review-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2024\/06\/CODung-GroupLogo-2-150x150.png\" alt=\"Anh Minh - C\u00f4 Dung\">\r\n <\/div>\r\n <div class=\"space-y-1\">\r\n <h3 class=\"text-2xl font-bold sm:text-3xl text-white\">Anh Minh<\/h3>\r\n <p class=\"text-base font-medium text-white\/82 sm:text-lg\">Restaurantbesitzer C\u00f4 Dung \u2014 N\u00fcrnberg<\/p>\r\n <\/div>\r\n <p class=\"text-sm leading-[1.6] sm:leading-8 text-white\/92 sm:text-xl\">\r\n “Was mich freut ist, dass ihr wirklich auf die Meinungen der Kunden h\u00f6rt und ihnen sinnvolle L\u00f6sungen anbietet. Diese L\u00f6sungen haben unseren Restaurant-Workflow viel reibungsloser und effizienter gemacht. Ich bin viel unterwegs und nicht st\u00e4ndig im Restaurant, aber ich habe immer die Zahlen durch die Berichte im Blick, ohne danach fragen oder warten zu m\u00fcssen. Es gibt vielleicht andere Anbieter mit \u00e4hnlichen Funktionen, aber vor 5 Jahren wart ihr Pioniere auf diesem Gebiet.”\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article\r\n class=\"review-card\"\r\n data-review-card\r\n style=\"background-image: url('https:\/\/static.wixstatic.com\/media\/a674e1_12f78a0463bd425a935f6acef3c7794d~mv2.jpeg\/v1\/fit\/w_1431,h_1066,q_90,enc_avif,quality_auto\/a674e1_12f78a0463bd425a935f6acef3c7794d~mv2.jpeg');\"\r\n >\r\n <div class=\"review-card-content p-6 sm:p-8 lg:p-10\">\r\n <div class=\"max-w-2xl space-y-5 text-left\">\r\n <div class=\"review-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2021\/05\/Logo-Chen-Che-150x150.jpg\" alt=\"Ch\u00e9n Ch\u00e8\">\r\n <\/div>\r\n <div class=\"space-y-1\">\r\n <h3 class=\"text-2xl font-bold sm:text-3xl text-white\">Ch\u1ecb Dung<\/h3>\r\n <p class=\"text-base font-medium text-white\/82 sm:text-lg\">Restaurant Ch\u00e9n Ch\u00e8 \u2014 Berlin<\/p>\r\n <\/div>\r\n <p class=\"text-sm leading-[1.6] sm:leading-8 text-white\/92 sm:text-xl\">\r\n “Ich bin sehr zufrieden mit CUKCUK, besonders mit eurem schnellen und engagierten Support. Die Fernverwaltung hilft mir enorm, da ich nicht st\u00e4ndig im Restaurant sein muss. Besonders sch\u00e4tze ich den direkten Zugriff auf die POS-Maschine aus der Ferne. Dank eurer Managementberatung kann ich Betrug effektiv verhindern und alle Transaktionen kontrollieren. Vielen Dank f\u00fcr eure gro\u00dfartige Unterst\u00fctzung!”\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article\r\n class=\"review-card\"\r\n data-review-card\r\n style=\"background-image: url('https:\/\/images.squarespace-cdn.com\/content\/v1\/6540026315251b65c4b710fb\/1698693731750-PITOLSDVUW972WORTAP0\/IMG_3295.jpeg?format=2500w');\"\r\n >\r\n <div class=\"review-card-content p-6 sm:p-8 lg:p-10\">\r\n <div class=\"max-w-2xl space-y-5 text-left\">\r\n <div class=\"review-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2024\/06\/logo-paopao-150x150.png\" alt=\"PaoPao\">\r\n <\/div>\r\n <div class=\"space-y-1\">\r\n <h3 class=\"text-2xl font-bold sm:text-3xl text-white\">Anh L\u00e2m<\/h3>\r\n <p class=\"text-base font-medium text-white\/82 sm:text-lg\">PaoPao Teeladen Kette \u2014 Schweiz<\/p>\r\n <\/div>\r\n <p class=\"text-sm leading-[1.6] sm:leading-8 text-white\/92 sm:text-xl\">\r\n “CUKCUK ist ein vertrauensw\u00fcrdiger Anbieter von Kassensystemen. Das Produkt hat viele sehr n\u00fctzliche Funktionen. Die Bedienung ist sehr einfach. Das Support-Team ist wirklich superschnell, und man sp\u00fcrt, dass das Unternehmen besonders auf die Kundenerfahrung und Bed\u00fcrfnisse der Kunden achtet. Auch wenn es Probleme gibt, kann CUKCUK sehr schnell eine L\u00f6sung anbieten.”\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article\r\n class=\"review-card\"\r\n data-review-card\r\n style=\"background-image: url('https:\/\/akitatsu-berlin.de\/images\/akitatsu_restaurant_photo_8.jpg');\"\r\n >\r\n <div class=\"review-card-content p-6 sm:p-8 lg:p-10\">\r\n <div class=\"max-w-2xl space-y-5 text-left\">\r\n <div class=\"review-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2021\/05\/Logo-Akitatsu-150x150.jpg\" alt=\"Akitatsu\">\r\n <\/div>\r\n <div class=\"space-y-1\">\r\n <h3 class=\"text-2xl font-bold sm:text-3xl text-white\">Ch\u1ecb Huy\u1ec1n<\/h3>\r\n <p class=\"text-base font-medium text-white\/82 sm:text-lg\">Akitatsu \u2014 Berlin<\/p>\r\n <\/div>\r\n <p class=\"text-sm leading-[1.6] sm:leading-8 text-white\/92 sm:text-xl\">\r\n “Nach \u00fcber 5 Jahren Nutzung kann ich nichts an euch auszusetzen finden. Was mich besonders freut, ist euer Enthusiasmus und eure sorgf\u00e4ltige Unterst\u00fctzung. Besonders als jemand, der nicht besonders technikaffin ist wie ich. Das Produkt wird immer besser und erh\u00e4lt st\u00e4ndig neue praktische Funktionen. Auch wenn ich nicht alles nutze, kann ich die kontinuierliche Verbesserung deutlich sehen. Danke, dass ihr immer an meiner Seite seid und das Restaurant unterst\u00fctzt.”\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"flex items-center justify-center gap-3\" aria-label=\"Bewertungen Navigation\">\r\n <button type=\"button\" class=\"review-indicator is-active\" data-review-indicator aria-label=\"Bewertung 1 anzeigen\"><\/button>\r\n <button type=\"button\" class=\"review-indicator\" data-review-indicator aria-label=\"Bewertung 2 anzeigen\"><\/button>\r\n <button type=\"button\" class=\"review-indicator\" data-review-indicator aria-label=\"Bewertung 3 anzeigen\"><\/button>\r\n <button type=\"button\" class=\"review-indicator\" data-review-indicator aria-label=\"Bewertung 4 anzeigen\"><\/button>\r\n <\/div>\r\n <\/div>\r\n <button\r\n type=\"button\"\r\n data-next\r\n class=\"inline-flex min-h-[52px] items-center justify-center rounded-full bg-brand-secondary px-7 py-3 text-base font-semibold text-brand-heading transition hover:-translate-y-0.5 hover:bg-[#df951f] focus:outline-none focus:ring-4 focus:ring-brand-secondary\/25\"\r\n >\r\n Kostenlose Beratung anfordern\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"survey-kasse\"\r\n data-step=\"4\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 px-6 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-3xl flex-col items-center justify-center space-y-8\">\r\n <h2 class=\"text-2xl font-bold leading-tight text-brand-heading sm:text-3xl\">\r\n Verf\u00fcgen Sie bereits \u00fcber ein Kassensystem?\r\n <\/h2>\r\n\r\n <div class=\"grid w-full max-w-2xl gap-4 sm:grid-cols-2\">\r\n <button\r\n type=\"button\"\r\n data-auto-answer=\"has-kasse\"\r\n data-value=\"co\"\r\n class=\"answer-button inline-flex min-h-[88px] items-center justify-center rounded-3xl border border-brand-primary\/20 bg-white px-6 py-5 text-lg font-semibold text-brand-text transition hover:-translate-y-0.5 hover:border-brand-primary\/40 hover:shadow-lg\"\r\n >\r\n Ja\r\n <\/button>\r\n <button\r\n type=\"button\"\r\n data-auto-answer=\"has-kasse\"\r\n data-value=\"khong\"\r\n class=\"answer-button inline-flex min-h-[88px] items-center justify-center rounded-3xl border border-brand-primary\/20 bg-white px-6 py-5 text-lg font-semibold text-brand-text transition hover:-translate-y-0.5 hover:border-brand-primary\/40 hover:shadow-lg\"\r\n >\r\n Kh\u00f4ng\r\n <\/button>\r\n <\/div>\r\n\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Zur\u00fcck\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"survey-type\"\r\n data-step=\"5\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 px-6 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-4xl flex-col items-center justify-center space-y-8\">\r\n <h2 class=\"text-2xl font-bold leading-tight text-brand-heading sm:text-3xl\">\r\n Welche Art von Betrieb f\u00fchren Sie?\r\n <\/h2>\r\n\r\n <div class=\"grid w-full gap-3 sm:grid-cols-2 lg:grid-cols-3\">\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"nha-hang\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Nh\u00e0 H\u00e0ng<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"imbiss\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Imbiss \/ Bistro<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"tiem-ca-phe\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Caf\u00e9<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"bar\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Bar<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"food-truck\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Qu\u1ea7y b\u00e1n di \u0111\u1ed9ng<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"loai-hinh-khac\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Andere Art<\/button>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-center gap-3 sm:flex-row\">\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Zur\u00fcck\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"survey-revenue\"\r\n data-step=\"6\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 px-6 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-4xl flex-col items-center justify-center space-y-8\">\r\n <h2 class=\"text-2xl font-bold leading-tight text-brand-heading sm:text-3xl\">\r\n Wie hoch ist Ihr Jahresumsatz? (Euro)\r\n <\/h2>\r\n\r\n <div class=\"grid w-full gap-3 sm:grid-cols-3\">\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"khong-co-doanh-thu-khong-ro\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Umsatz unbekannt<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"1-300-nghin\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">1\u2013300 Tausend<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"301-500-nghin\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">301\u2013500 Tausend<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"501-nghin-1-trieu\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">501 Tausend \u2013 1 Million<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"1-2-trieu\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">1 \u2013 2 Millionen<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"2-5-trieu\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">2 \u2013 5 Millionen<\/button>\r\n <div class=\"hidden sm:block\"><\/div>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"tren-5-trieu\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">\u00dcber 5 Millionen<\/button>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-center gap-6 sm:gap-10 sm:flex-row\">\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Zur\u00fcck\r\n <\/button>\r\n <button\r\n type=\"button\"\r\n data-skip-to-final\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Ich m\u00f6chte nicht antworten\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section\r\n id=\"survey-kasse-timing\"\r\n data-step=\"7\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 px-6 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-4xl flex-col items-center justify-center space-y-8\">\r\n <h2 class=\"text-2xl font-bold leading-tight text-brand-heading sm:text-3xl\">\r\n Wann m\u00f6chten Sie die neue Kasse einf\u00fchren?\r\n <\/h2>\r\n\r\n <div class=\"grid w-full gap-3 sm:grid-cols-2 lg:grid-cols-3\">\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"som-nhat-co-the\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">S\u1edbm nh\u1ea5t c\u00f3 th\u1ec3<\/button>\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"trong-1-thang-toi\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Innerhalb des n\u00e4chsten Monats<\/button>\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"trong-3-thang-toi\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Innerhalb der n\u00e4chsten drei Monate<\/button>\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"sau-3-thang-toi\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\"> Nach den n\u00e4chsten drei Monaten.<\/button>\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"chua-ro\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Noch unklar<\/button>\r\n <\/div>\r\n\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Zur\u00fcck\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"lead-form\"\r\n data-step=\"7\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-3xl flex-col items-center justify-center space-y-8\">\r\n <div class=\"w-full overflow-hidden\">\r\n <iframe\r\n id=\"leadFormIframe\"\r\n title=\"Lead form\"\r\n class=\"min-h-[700px] w-full border-0 bg-[#fdf6ee]\"\r\n src=\"about:blank\"\r\n ><\/iframe>\r\n <\/div>\r\n\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Zur\u00fcck\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <script>\r\n const FORM_URL = \"https:\/\/cukcuk.eu\/lp-form-de\/\";\r\n\r\n (function () {\r\n const slides = Array.from(document.querySelectorAll(\".slide\"));\r\n const progressBar = document.getElementById(\"progressBar\");\r\n const leadFormIframe = document.getElementById(\"leadFormIframe\");\r\n const supportSection = document.getElementById(\"support\");\r\n const reviewCards = Array.from(document.querySelectorAll(\"[data-review-card]\"));\r\n const reviewIndicators = Array.from(document.querySelectorAll(\"[data-review-indicator]\"));\r\n const reviewDurationMs = 5000;\r\n const totalSteps = slides.length;\r\n let currentStep = 0;\r\n let activeReviewIndex = 0;\r\n let reviewTimer = null;\r\n let reviewStartedAt = 0;\r\n let reviewRemainingMs = reviewDurationMs;\r\n let isReviewPaused = false;\r\n const selectionState = {};\r\n let suppressSurveyTypeSelection = false;\r\n const formParams = new URLSearchParams();\r\n\r\n function updateFormParams(updater) {\r\n if (typeof updater === \"function\") {\r\n updater(formParams);\r\n }\r\n }\r\n\r\n function buildFormUrl(includeRefreshToken) {\r\n if (!FORM_URL) {\r\n return \"about:blank\";\r\n }\r\n\r\n const url = new URL(FORM_URL);\r\n\r\n formParams.forEach(function (value, key) {\r\n url.searchParams.set(key, value);\r\n });\r\n\r\n if (includeRefreshToken) {\r\n url.searchParams.set(\"_iframeRefresh\", String(Date.now()));\r\n }\r\n\r\n return url.toString();\r\n }\r\n\r\n function refreshLeadFormIframe() {\r\n if (!leadFormIframe) {\r\n return;\r\n }\r\n\r\n leadFormIframe.src = buildFormUrl(true);\r\n }\r\n\r\n function updateProgress(stepIndex) {\r\n const progress = ((stepIndex + 1) \/ totalSteps) * 100;\r\n progressBar.style.width = progress + \"%\";\r\n }\r\n\r\n function hydrateSelectionsFromState() {\r\n document.querySelectorAll(\"[data-answer-group]\").forEach((button) => {\r\n const key = button.dataset.answerGroup;\r\n const value = formParams.get(key);\r\n const shouldSuppress = suppressSurveyTypeSelection && key === \"bussiness-type\";\r\n const isSelected = !shouldSuppress && value && button.dataset.value === value;\r\n\r\n button.classList.toggle(\"is-selected\", Boolean(isSelected));\r\n\r\n if (isSelected) {\r\n selectionState[key] = value;\r\n }\r\n });\r\n\r\n document.querySelectorAll(\"[data-submit-answer]\").forEach((button) => {\r\n const key = button.dataset.submitAnswer;\r\n button.disabled = !selectionState[key];\r\n });\r\n }\r\n\r\n function syncHash(nextHash, replace) {\r\n const url = new URL(window.location.href);\r\n const method = replace ? \"replaceState\" : \"pushState\";\r\n\r\n url.hash = nextHash;\r\n window.history[method]({ stepHash: nextHash }, \"\", url);\r\n }\r\n\r\n function stepFromHash(hash) {\r\n if (!hash) {\r\n return 0;\r\n }\r\n\r\n const normalizedHash = hash.replace(\/^#\/, \"\");\r\n const index = slides.findIndex((slide) => slide.id === normalizedHash);\r\n return index >= 0 ? index : 0;\r\n }\r\n\r\n function showSlide(stepIndex, options) {\r\n const settings = Object.assign({ pushHistory: true, replaceHistory: false }, options || {});\r\n const targetSlide = slides[stepIndex];\r\n const previousStep = currentStep;\r\n\r\n if (!targetSlide) {\r\n return;\r\n }\r\n\r\n suppressSurveyTypeSelection = targetSlide.id === \"survey-type\" && previousStep > stepIndex;\r\n\r\n slides.forEach((slide, index) => {\r\n slide.classList.remove(\"is-active\", \"animate-popup\");\r\n slide.setAttribute(\"aria-hidden\", index === stepIndex ? \"false\" : \"true\");\r\n });\r\n\r\n targetSlide.classList.add(\"is-active\", \"animate-popup\");\r\n currentStep = stepIndex;\r\n updateProgress(stepIndex);\r\n hydrateSelectionsFromState();\r\n\r\n if (settings.pushHistory) {\r\n syncHash(\"#\" + targetSlide.id, settings.replaceHistory);\r\n }\r\n\r\n if (targetSlide.id === \"lead-form\") {\r\n refreshLeadFormIframe();\r\n }\r\n }\r\n\r\n function goNext() {\r\n showSlide(Math.min(currentStep + 1, totalSteps - 1));\r\n }\r\n\r\n function goPrev() {\r\n showSlide(Math.max(currentStep - 1, 0));\r\n }\r\n\r\n function resetReviewIndicatorAnimation(index, durationMs) {\r\n const indicator = reviewIndicators[index];\r\n\r\n if (!indicator) {\r\n return;\r\n }\r\n\r\n indicator.style.setProperty(\"--review-duration\", durationMs + \"ms\");\r\n indicator.style.setProperty(\"--review-animation-state\", \"running\");\r\n indicator.classList.remove(\"is-active\");\r\n void indicator.offsetWidth;\r\n indicator.classList.add(\"is-active\");\r\n }\r\n\r\n function showReview(index) {\r\n if (!reviewCards.length || !reviewIndicators.length) {\r\n return;\r\n }\r\n\r\n const nextIndex = (index + reviewCards.length) % reviewCards.length;\r\n activeReviewIndex = nextIndex;\r\n reviewRemainingMs = reviewDurationMs;\r\n isReviewPaused = false;\r\n\r\n reviewCards.forEach(function (card, cardIndex) {\r\n card.classList.toggle(\"is-active\", cardIndex === nextIndex);\r\n });\r\n\r\n reviewIndicators.forEach(function (indicator, indicatorIndex) {\r\n indicator.style.setProperty(\"--review-duration\", reviewDurationMs + \"ms\");\r\n indicator.style.setProperty(\"--review-animation-state\", \"running\");\r\n\r\n if (indicatorIndex !== nextIndex) {\r\n indicator.classList.remove(\"is-active\");\r\n }\r\n });\r\n\r\n resetReviewIndicatorAnimation(nextIndex, reviewDurationMs);\r\n }\r\n\r\n function startReviewCarousel() {\r\n if (reviewCards.length < 2) {\r\n return;\r\n }\r\n\r\n if (reviewTimer) {\r\n window.clearTimeout(reviewTimer);\r\n }\r\n\r\n reviewStartedAt = Date.now();\r\n isReviewPaused = false;\r\n reviewIndicators[activeReviewIndex]?.style.setProperty(\"--review-animation-state\", \"running\");\r\n\r\n reviewTimer = window.setTimeout(function () {\r\n reviewRemainingMs = reviewDurationMs;\r\n showReview(activeReviewIndex + 1);\r\n startReviewCarousel();\r\n }, reviewRemainingMs);\r\n }\r\n\r\n function stopReviewCarousel() {\r\n if (!reviewTimer) {\r\n return;\r\n }\r\n\r\n window.clearTimeout(reviewTimer);\r\n reviewTimer = null;\r\n reviewRemainingMs = Math.max(0, reviewRemainingMs - (Date.now() - reviewStartedAt));\r\n isReviewPaused = true;\r\n reviewIndicators[activeReviewIndex]?.style.setProperty(\"--review-animation-state\", \"paused\");\r\n }\r\n\r\n document.querySelectorAll(\"[data-next]\").forEach((button) => {\r\n button.addEventListener(\"click\", goNext);\r\n });\r\n\r\n document.querySelectorAll(\"[data-prev]\").forEach((button) => {\r\n button.addEventListener(\"click\", goPrev);\r\n });\r\n\r\n document.querySelectorAll(\"[data-auto-answer]\").forEach((button) => {\r\n button.addEventListener(\"click\", function () {\r\n const key = this.dataset.autoAnswer;\r\n const value = this.dataset.value;\r\n\r\n updateFormParams(function (params) {\r\n params.set(key, value);\r\n });\r\n\r\n showSlide(Math.min(currentStep + 1, totalSteps - 1));\r\n });\r\n });\r\n\r\n document.querySelectorAll(\"[data-answer-group]\").forEach((button) => {\r\n button.addEventListener(\"click\", function () {\r\n const key = this.dataset.answerGroup;\r\n const value = this.dataset.value;\r\n\r\n selectionState[key] = value;\r\n\r\n document.querySelectorAll('[data-answer-group=\"' + key + '\"]').forEach((item) => {\r\n item.classList.toggle(\"is-selected\", item === this);\r\n });\r\n\r\n if (key === \"bussiness-type\") {\r\n updateFormParams(function (params) {\r\n params.set(key, value);\r\n });\r\n\r\n showSlide(Math.min(currentStep + 1, totalSteps - 1));\r\n return;\r\n }\r\n\r\n const submitButton = document.querySelector('[data-submit-answer=\"' + key + '\"]');\r\n if (submitButton) {\r\n submitButton.disabled = false;\r\n }\r\n });\r\n });\r\n\r\n document.querySelectorAll(\"[data-submit-answer]\").forEach((button) => {\r\n button.addEventListener(\"click\", function () {\r\n const key = this.dataset.submitAnswer;\r\n const value = selectionState[key];\r\n\r\n if (!value) {\r\n return;\r\n }\r\n\r\n updateFormParams(function (params) {\r\n params.set(key, value);\r\n });\r\n\r\n showSlide(Math.min(currentStep + 1, totalSteps - 1));\r\n });\r\n });\r\n\r\n document.querySelector(\"[data-skip-to-final]\").addEventListener(\"click\", function () {\r\n const finalIndex = slides.findIndex((slide) => slide.id === \"survey-kasse-timing\");\r\n\r\n updateFormParams(function (params) {\r\n params.set(\"revenue\", \"khong-muon-tra-loi\");\r\n });\r\n\r\n showSlide(finalIndex);\r\n });\r\n\r\n window.addEventListener(\"popstate\", function () {\r\n showSlide(stepFromHash(window.location.hash), { pushHistory: false });\r\n });\r\n\r\n const heroAnchor = document.querySelector('a[href=\"#hero\"]');\r\n if (heroAnchor) {\r\n heroAnchor.addEventListener(\"click\", function (event) {\r\n event.preventDefault();\r\n showSlide(0);\r\n });\r\n }\r\n\r\n reviewIndicators.forEach(function (indicator, index) {\r\n indicator.addEventListener(\"click\", function () {\r\n showReview(index);\r\n startReviewCarousel();\r\n });\r\n });\r\n\r\n const reviewPanel = document.querySelector(\".review-panel\");\r\n if (reviewPanel) {\r\n reviewPanel.addEventListener(\"mouseenter\", stopReviewCarousel);\r\n reviewPanel.addEventListener(\"mouseleave\", function () {\r\n if (!isReviewPaused) {\r\n return;\r\n }\r\n\r\n startReviewCarousel();\r\n });\r\n }\r\n\r\n showReview(0);\r\n startReviewCarousel();\r\n\r\n showSlide(stepFromHash(window.location.hash), {\r\n pushHistory: true,\r\n replaceHistory: true\r\n });\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70508fa e-flex e-con-boxed e-con e-parent\" data-id=\"70508fa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b37b724 e-con-full e-flex e-con e-child\" data-id=\"b37b724\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ef1487 elementor-widget elementor-widget-heading\" data-id=\"7ef1487\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/cukcuk.eu\/vi\/datenschutz\/\">Datenschutzerkl\u00e4rung<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca954bf e-con-full e-flex e-con e-child\" data-id=\"ca954bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>CUKCUK – Landing Page Mehrstufig +49 30 89568366 CUKCUK KassensystemDetailgenau gedacht. Effizient gemacht Von der Bestellung \u00fcber die Zahlung und Umsatzverwaltung bis hin zum Online-Verkauf \u2013 CUKCUK hilft Restaurants, schneller, pr\u00e4ziser und professioneller zu arbeiten. Weiter Weniger Kostendruck dank flexibler Finanzierung Mit dem Finanzierungspaket k\u00f6nnen Sie die Ger\u00e4te zuerst erhalten und anschlie\u00dfend in passenden Raten […]<\/p>","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-14861","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages\/14861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/comments?post=14861"}],"version-history":[{"count":10,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages\/14861\/revisions"}],"predecessor-version":[{"id":15008,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages\/14861\/revisions\/15008"}],"wp:attachment":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/media?parent=14861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n CUKCUK - Landing Page Mehrstufig<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: {\r\n bg: \"#fdf6ee\",\r\n primary: \"#1c76b0\",\r\n secondary: \"#f5a623\",\r\n heading: \"#1a1a2e\",\r\n text: \"#5a6a7e\"\r\n }\r\n },\r\n keyframes: {\r\n popup: {\r\n \"0%\": { opacity: \"0\", transform: \"translateY(18px) scale(0.96)\" },\r\n \"100%\": { opacity: \"1\", transform: \"translateY(0) scale(1)\" }\r\n }\r\n },\r\n animation: {\r\n popup: \"popup 0.5s ease forwards\"\r\n }\r\n }\r\n }\r\n };\r\n <\/script>\r\n \r\n <style>\r\n body {\r\n background: #fdf6ee;\r\n }\r\n\r\n .slide {\r\n display: none;\r\n }\r\n\r\n .slide.is-active {\r\n display: flex;\r\n }\r\n\r\n .answer-button.is-selected {\r\n border-color: #1c76b0;\r\n background-color: rgba(28, 118, 176, 0.08);\r\n color: #1c76b0;\r\n box-shadow: 0 14px 36px rgba(28, 118, 176, 0.12);\r\n }\r\n\r\n .answer-button:active {\r\n transform: scale(0.98);\r\n }\r\n\r\n .placeholder-visual {\r\n display: flex;\r\n width: 100%;\r\n align-items: center;\r\n justify-content: center;\r\n border: 2px solid rgba(28, 118, 176, 0.24);\r\n border-radius: 1.75rem;\r\n background: transparent;\r\n color: #5a6a7e;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n letter-spacing: 0.02em;\r\n }\r\n\r\n .review-panel {\r\n position: relative;\r\n overflow: hidden;\r\n width: 100%;\r\n min-height: clamp(400px, 70vw, 760px);\r\n border-radius: 2rem;\r\n }\r\n\r\n .review-card {\r\n position: absolute;\r\n inset: 0;\r\n display: flex;\r\n align-items: stretch;\r\n opacity: 0;\r\n pointer-events: none;\r\n transform: scale(1.02);\r\n transition: opacity 0.45s ease, transform 0.45s ease;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n cursor: pointer;\r\n }\r\n\r\n .review-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(180deg, rgba(8, 12, 24, 0) 0%, rgba(8, 12, 24, 0.48) 28%, rgba(8, 12, 24, 0.74) 58%, rgba(8, 12, 24, 0.9) 100%),\r\n linear-gradient(90deg, rgba(8, 12, 24, 0.86) 0%, rgba(8, 12, 24, 0.72) 20%, rgba(8, 12, 24, 0.32) 34%, rgba(8, 12, 24, 0) 50%);\r\n }\r\n\r\n .review-card.is-active {\r\n opacity: 1;\r\n pointer-events: auto;\r\n transform: scale(1);\r\n }\r\n\r\n .review-card-content {\r\n position: relative;\r\n z-index: 1;\r\n display: flex;\r\n align-items: flex-end;\r\n width: 100%;\r\n min-height: 100%;\r\n color: #fff;\r\n }\r\n\r\n .review-logo {\r\n display: inline-flex;\r\n height: 4.5rem;\r\n width: 4.5rem;\r\n align-items: center;\r\n justify-content: center;\r\n border: 1px solid rgba(255, 255, 255, 0.22);\r\n border-radius: 9999px;\r\n background: rgba(255, 255, 255, 0.16);\r\n backdrop-filter: blur(12px);\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n overflow: hidden;\r\n }\r\n\r\n .review-indicator {\r\n position: relative;\r\n height: 0.45rem;\r\n width: 2.25rem;\r\n overflow: hidden;\r\n border-radius: 9999px;\r\n background: rgba(28, 118, 176, 0.18);\r\n transition: width 0.35s ease, background-color 0.35s ease;\r\n }\r\n\r\n .review-indicator::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n transform: translateX(-100%);\r\n background: linear-gradient(90deg, #1c76b0 0%, #f5a623 100%);\r\n }\r\n\r\n .review-indicator.is-active {\r\n width: 5.5rem;\r\n background: rgba(28, 118, 176, 0.12);\r\n }\r\n\r\n .review-indicator.is-active::after {\r\n animation: reviewProgress 5s linear forwards;\r\n animation-duration: var(--review-duration, 5000ms);\r\n animation-play-state: var(--review-animation-state, running);\r\n }\r\n\r\n @keyframes reviewProgress {\r\n from {\r\n transform: translateX(-100%);\r\n }\r\n\r\n to {\r\n transform: translateX(0);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"min-h-screen font-sans text-brand-text antialiased\">\r\n <div class=\"fixed inset-x-0 top-0 z-50 border-b border-black\/5 bg-brand-bg\/90 backdrop-blur\">\r\n <div class=\"w-full\">\r\n <div class=\"h-1 sm:h-1.5 overflow-hidden bg-brand-primary\/10\">\r\n <div\r\n id=\"progressBar\"\r\n class=\"h-full bg-gradient-to-r from-brand-primary to-brand-secondary transition-all duration-500 ease-out\"\r\n style=\"width: 12.5%;\"\r\n ><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <header class=\"mx-auto flex h-16 max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8\">\r\n <a href=\"https:\/\/cukcuk.eu\/vi\/\" class=\"inline-flex items-center\" aria-label=\"CUKCUK\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2024\/06\/logo-cukcuk-1.png\"\r\n alt=\"CUKCUK\"\r\n class=\"max-h-10 w-auto object-contain\"\r\n >\r\n <\/a>\r\n <div class=\"flex items-center gap-3\">\r\n <a\r\n href=\"tel: 493089568366\"\r\n class=\"inline-flex items-center gap-2 rounded-full border border-brand-primary\/15 bg-white\/80 px-4 py-2 text-sm font-semibold text-brand-heading transition hover:border-brand-primary\/40 hover:text-brand-primary\"\r\n >\r\n <svg class=\"h-4 w-4 text-brand-secondary\" viewbox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path d=\"M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24 11.3 11.3 0 0 0 3.55.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.85 21 3 13.15 3 3.99a1 1 0 0 1 1-1H7.5a1 1 0 0 1 1 1c0 1.23.19 2.43.57 3.55a1 1 0 0 1-.24 1.02l-2.2 2.23Z\"\/>\r\n <\/svg>\r\n <span>+49 30 89568366<\/span>\r\n <\/a>\r\n \r\n <a href=\"https:\/\/cukcuk.eu\/vi\/lp-gastro-kassensystem-2-vn\/\" class=\"text-3xl active:opacity-50\" aria-label=\"Ti\u1ebfng Vi\u1ec7t\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"1em\" height=\"1em\" viewbox=\"0 0 64 64\">\r\n \t<path d=\"M0 0h64v64H0z\" fill=\"none\" \/>\r\n \t<circle cx=\"32\" cy=\"32\" r=\"30\" fill=\"#f42f4c\" \/>\r\n \t<path fill=\"#ffe62e\" d=\"m32 39l9.9 7l-3.7-11.4l9.8-7.4H35.8L32 16l-3.7 11.2H16l9.8 7.4L22.1 46z\" \/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/header>\r\n <\/div>\r\n\r\n <main class=\"px-4 pb-8 pt-6 sm:pt-14 sm:px-6 lg:px-8 bg-[#fdf6ee]\">\r\n <div class=\"mx-auto max-w-7xl\">\r\n <div id=\"slideViewport\" class=\"relative overflow-hidden rounded-[2rem]\">\r\n <section\r\n id=\"hero\"\r\n data-step=\"0\"\r\n class=\"slide is-active min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"flex w-full flex-col items-center gap-8 rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"max-w-3xl space-y-4 px-6\">\r\n <h1 class=\"text-3xl font-bold leading-tight text-brand-heading sm:text-4xl\">\r\n <span class=\"text-brand-primary\">CUKCUK Kassensystem<\/span><br>Detailgenau gedacht. Effizient gemacht\r\n <\/h1>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n Von der Bestellung \u00fcber die Zahlung und Umsatzverwaltung bis hin zum Online-Verkauf \u2013 CUKCUK hilft Restaurants, schneller, pr\u00e4ziser und professioneller zu arbeiten.\r\n <\/p>\r\n <\/div>\r\n <div class=\"min-h-[320px] max-w-3xl\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2026\/07\/herosection_lp_2_funel.png\"\r\n alt=\"CUKCUK\"\r\n class=\"w-auto object-contain\"\r\n >\r\n <\/div>\r\n <button\r\n type=\"button\"\r\n data-next\r\n class=\"inline-flex min-h-[52px] items-center justify-center rounded-full bg-brand-primary px-7 py-3 text-base font-semibold text-white transition hover:-translate-y-0.5 hover:bg-[#165f8d] focus:outline-none focus:ring-4 focus:ring-brand-primary\/20\"\r\n >\r\n Weiter\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"e-concept\"\r\n data-step=\"1\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"flex w-full flex-col items-center gap-8 rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"max-w-3xl space-y-4 px-6\">\r\n <h2 class=\"text-3xl font-bold leading-tight text-brand-heading sm:text-4xl\">\r\n Weniger Kostendruck dank flexibler Finanzierung\r\n <\/h2>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n Mit dem Finanzierungspaket k\u00f6nnen Sie die Ger\u00e4te zuerst erhalten und anschlie\u00dfend in passenden Raten bezahlen. CUKCUK macht die Anfangsinvestition leichter, damit Sie Ihr System entspannt einrichten und Ihren Betrieb reibungslos starten k\u00f6nnen.\r\n <\/p>\r\n <\/div>\r\n <div class=\"min-h-[320px] max-w-3xl\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2026\/07\/finanzierung_lp_2_funel-e1783094775573.png\"\r\n alt=\"CUKCUK\"\r\n class=\"w-auto object-contain\"\r\n >\r\n <\/div>\r\n <button\r\n type=\"button\"\r\n data-next\r\n class=\"inline-flex min-h-[52px] items-center justify-center rounded-full bg-brand-primary px-7 py-3 text-base font-semibold text-white transition hover:-translate-y-0.5 hover:bg-[#165f8d] focus:outline-none focus:ring-4 focus:ring-brand-primary\/20\"\r\n >\r\n Weiter\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"legal\"\r\n data-step=\"2\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"flex w-full flex-col items-center gap-8 rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"max-w-3xl space-y-4 px-6\">\r\n <h2 class=\"text-3xl font-bold leading-tight text-brand-heading sm:text-4xl\">\r\n Sie k\u00fcmmern sich um Ihre G\u00e4ste, CUKCUK \u00fcbernimmt den Rest\r\n <\/h2>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n Von den ersten Schritten bei der Implementierung bis hin zum t\u00e4glichen Betrieb begleitet CUKCUK Sie zuverl\u00e4ssig, damit alles einfacher wird. Ob Ger\u00e4te, Sprache oder technischer Support \u2013 wir helfen Ihnen, Ihr Gesch\u00e4ft sorgenfrei zu f\u00fchren, ohne dass Sie alles allein bew\u00e4ltigen m\u00fcssen.\r\n <\/p>\r\n <\/div>\r\n <div class=\"min-h-[320px] max-w-3xl\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2026\/07\/support_lp_2_funel.png\"\r\n alt=\"CUKCUK\"\r\n class=\"w-auto object-contain\"\r\n >\r\n <\/div>\r\n <button\r\n type=\"button\"\r\n data-next\r\n class=\"inline-flex min-h-[52px] items-center justify-center rounded-full bg-brand-primary px-7 py-3 text-base font-semibold text-white transition hover:-translate-y-0.5 hover:bg-[#165f8d] focus:outline-none focus:ring-4 focus:ring-brand-primary\/20\"\r\n >\r\n Weiter\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"support\"\r\n data-step=\"3\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"flex w-full flex-col items-center gap-8 rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"max-w-3xl space-y-4 px-6\">\r\n <h2 class=\"text-3xl font-bold leading-tight text-brand-heading sm:text-4xl\">\r\n Ni\u1ec1m tin tuy\u1ec7t \u0111\u1ed1i, d\u1eabn l\u1ed1i th\u00e0nh c\u00f4ng\r\n <\/h2>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n Mit CUKCUK vereinfachen viele Betriebe nicht nur ihre t\u00e4glichen Abl\u00e4ufe, sondern steigern auch ihre Effizienz, verbessern den Service f\u00fcr ihre G\u00e4ste und schaffen eine starke Basis f\u00fcr nachhaltigen Erfolg.\r\n <\/p>\r\n <\/div>\r\n <div class=\"w-full max-w-5xl space-y-5 mb-10 mt-4\">\r\n <div class=\"review-panel\">\r\n <article\r\n class=\"review-card is-active\"\r\n data-review-card\r\n style=\"background-image: url('https:\/\/static.wixstatic.com\/media\/1d05bd_4d0f785515e74343b713e1a05a29aec2~mv2.jpg\/v1\/fill\/w_1200,h_800,al_c,q_85,enc_avif,quality_auto\/TG107669_WEB_edited.jpg');\"\r\n >\r\n <div class=\"review-card-content p-6 sm:p-8 lg:p-10\">\r\n <div class=\"max-w-2xl space-y-5 text-left\">\r\n <div class=\"review-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2024\/06\/CODung-GroupLogo-2-150x150.png\" alt=\"Anh Minh - C\u00f4 Dung\">\r\n <\/div>\r\n <div class=\"space-y-1\">\r\n <h3 class=\"text-2xl font-bold sm:text-3xl text-white\">Anh Minh<\/h3>\r\n <p class=\"text-base font-medium text-white\/82 sm:text-lg\">Restaurantbesitzer C\u00f4 Dung \u2014 N\u00fcrnberg<\/p>\r\n <\/div>\r\n <p class=\"text-sm leading-[1.6] sm:leading-8 text-white\/92 sm:text-xl\">\r\n “Was mich freut ist, dass ihr wirklich auf die Meinungen der Kunden h\u00f6rt und ihnen sinnvolle L\u00f6sungen anbietet. Diese L\u00f6sungen haben unseren Restaurant-Workflow viel reibungsloser und effizienter gemacht. Ich bin viel unterwegs und nicht st\u00e4ndig im Restaurant, aber ich habe immer die Zahlen durch die Berichte im Blick, ohne danach fragen oder warten zu m\u00fcssen. Es gibt vielleicht andere Anbieter mit \u00e4hnlichen Funktionen, aber vor 5 Jahren wart ihr Pioniere auf diesem Gebiet.”\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article\r\n class=\"review-card\"\r\n data-review-card\r\n style=\"background-image: url('https:\/\/static.wixstatic.com\/media\/a674e1_12f78a0463bd425a935f6acef3c7794d~mv2.jpeg\/v1\/fit\/w_1431,h_1066,q_90,enc_avif,quality_auto\/a674e1_12f78a0463bd425a935f6acef3c7794d~mv2.jpeg');\"\r\n >\r\n <div class=\"review-card-content p-6 sm:p-8 lg:p-10\">\r\n <div class=\"max-w-2xl space-y-5 text-left\">\r\n <div class=\"review-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2021\/05\/Logo-Chen-Che-150x150.jpg\" alt=\"Ch\u00e9n Ch\u00e8\">\r\n <\/div>\r\n <div class=\"space-y-1\">\r\n <h3 class=\"text-2xl font-bold sm:text-3xl text-white\">Ch\u1ecb Dung<\/h3>\r\n <p class=\"text-base font-medium text-white\/82 sm:text-lg\">Restaurant Ch\u00e9n Ch\u00e8 \u2014 Berlin<\/p>\r\n <\/div>\r\n <p class=\"text-sm leading-[1.6] sm:leading-8 text-white\/92 sm:text-xl\">\r\n “Ich bin sehr zufrieden mit CUKCUK, besonders mit eurem schnellen und engagierten Support. Die Fernverwaltung hilft mir enorm, da ich nicht st\u00e4ndig im Restaurant sein muss. Besonders sch\u00e4tze ich den direkten Zugriff auf die POS-Maschine aus der Ferne. Dank eurer Managementberatung kann ich Betrug effektiv verhindern und alle Transaktionen kontrollieren. Vielen Dank f\u00fcr eure gro\u00dfartige Unterst\u00fctzung!”\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article\r\n class=\"review-card\"\r\n data-review-card\r\n style=\"background-image: url('https:\/\/images.squarespace-cdn.com\/content\/v1\/6540026315251b65c4b710fb\/1698693731750-PITOLSDVUW972WORTAP0\/IMG_3295.jpeg?format=2500w');\"\r\n >\r\n <div class=\"review-card-content p-6 sm:p-8 lg:p-10\">\r\n <div class=\"max-w-2xl space-y-5 text-left\">\r\n <div class=\"review-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2024\/06\/logo-paopao-150x150.png\" alt=\"PaoPao\">\r\n <\/div>\r\n <div class=\"space-y-1\">\r\n <h3 class=\"text-2xl font-bold sm:text-3xl text-white\">Anh L\u00e2m<\/h3>\r\n <p class=\"text-base font-medium text-white\/82 sm:text-lg\">PaoPao Teeladen Kette \u2014 Schweiz<\/p>\r\n <\/div>\r\n <p class=\"text-sm leading-[1.6] sm:leading-8 text-white\/92 sm:text-xl\">\r\n “CUKCUK ist ein vertrauensw\u00fcrdiger Anbieter von Kassensystemen. Das Produkt hat viele sehr n\u00fctzliche Funktionen. Die Bedienung ist sehr einfach. Das Support-Team ist wirklich superschnell, und man sp\u00fcrt, dass das Unternehmen besonders auf die Kundenerfahrung und Bed\u00fcrfnisse der Kunden achtet. Auch wenn es Probleme gibt, kann CUKCUK sehr schnell eine L\u00f6sung anbieten.”\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article\r\n class=\"review-card\"\r\n data-review-card\r\n style=\"background-image: url('https:\/\/akitatsu-berlin.de\/images\/akitatsu_restaurant_photo_8.jpg');\"\r\n >\r\n <div class=\"review-card-content p-6 sm:p-8 lg:p-10\">\r\n <div class=\"max-w-2xl space-y-5 text-left\">\r\n <div class=\"review-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/cukcuk.eu\/wp-content\/uploads\/2021\/05\/Logo-Akitatsu-150x150.jpg\" alt=\"Akitatsu\">\r\n <\/div>\r\n <div class=\"space-y-1\">\r\n <h3 class=\"text-2xl font-bold sm:text-3xl text-white\">Ch\u1ecb Huy\u1ec1n<\/h3>\r\n <p class=\"text-base font-medium text-white\/82 sm:text-lg\">Akitatsu \u2014 Berlin<\/p>\r\n <\/div>\r\n <p class=\"text-sm leading-[1.6] sm:leading-8 text-white\/92 sm:text-xl\">\r\n “Nach \u00fcber 5 Jahren Nutzung kann ich nichts an euch auszusetzen finden. Was mich besonders freut, ist euer Enthusiasmus und eure sorgf\u00e4ltige Unterst\u00fctzung. Besonders als jemand, der nicht besonders technikaffin ist wie ich. Das Produkt wird immer besser und erh\u00e4lt st\u00e4ndig neue praktische Funktionen. Auch wenn ich nicht alles nutze, kann ich die kontinuierliche Verbesserung deutlich sehen. Danke, dass ihr immer an meiner Seite seid und das Restaurant unterst\u00fctzt.”\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <\/div>\r\n\r\n <div class=\"flex items-center justify-center gap-3\" aria-label=\"Bewertungen Navigation\">\r\n <button type=\"button\" class=\"review-indicator is-active\" data-review-indicator aria-label=\"Bewertung 1 anzeigen\"><\/button>\r\n <button type=\"button\" class=\"review-indicator\" data-review-indicator aria-label=\"Bewertung 2 anzeigen\"><\/button>\r\n <button type=\"button\" class=\"review-indicator\" data-review-indicator aria-label=\"Bewertung 3 anzeigen\"><\/button>\r\n <button type=\"button\" class=\"review-indicator\" data-review-indicator aria-label=\"Bewertung 4 anzeigen\"><\/button>\r\n <\/div>\r\n <\/div>\r\n <button\r\n type=\"button\"\r\n data-next\r\n class=\"inline-flex min-h-[52px] items-center justify-center rounded-full bg-brand-secondary px-7 py-3 text-base font-semibold text-brand-heading transition hover:-translate-y-0.5 hover:bg-[#df951f] focus:outline-none focus:ring-4 focus:ring-brand-secondary\/25\"\r\n >\r\n Kostenlose Beratung anfordern\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"survey-kasse\"\r\n data-step=\"4\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 px-6 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-3xl flex-col items-center justify-center space-y-8\">\r\n <h2 class=\"text-2xl font-bold leading-tight text-brand-heading sm:text-3xl\">\r\n Verf\u00fcgen Sie bereits \u00fcber ein Kassensystem?\r\n <\/h2>\r\n\r\n <div class=\"grid w-full max-w-2xl gap-4 sm:grid-cols-2\">\r\n <button\r\n type=\"button\"\r\n data-auto-answer=\"has-kasse\"\r\n data-value=\"co\"\r\n class=\"answer-button inline-flex min-h-[88px] items-center justify-center rounded-3xl border border-brand-primary\/20 bg-white px-6 py-5 text-lg font-semibold text-brand-text transition hover:-translate-y-0.5 hover:border-brand-primary\/40 hover:shadow-lg\"\r\n >\r\n Ja\r\n <\/button>\r\n <button\r\n type=\"button\"\r\n data-auto-answer=\"has-kasse\"\r\n data-value=\"khong\"\r\n class=\"answer-button inline-flex min-h-[88px] items-center justify-center rounded-3xl border border-brand-primary\/20 bg-white px-6 py-5 text-lg font-semibold text-brand-text transition hover:-translate-y-0.5 hover:border-brand-primary\/40 hover:shadow-lg\"\r\n >\r\n Kh\u00f4ng\r\n <\/button>\r\n <\/div>\r\n\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Zur\u00fcck\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"survey-type\"\r\n data-step=\"5\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 px-6 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-4xl flex-col items-center justify-center space-y-8\">\r\n <h2 class=\"text-2xl font-bold leading-tight text-brand-heading sm:text-3xl\">\r\n Welche Art von Betrieb f\u00fchren Sie?\r\n <\/h2>\r\n\r\n <div class=\"grid w-full gap-3 sm:grid-cols-2 lg:grid-cols-3\">\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"nha-hang\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Nh\u00e0 H\u00e0ng<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"imbiss\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Imbiss \/ Bistro<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"tiem-ca-phe\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Caf\u00e9<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"bar\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Bar<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"food-truck\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Qu\u1ea7y b\u00e1n di \u0111\u1ed9ng<\/button>\r\n <button type=\"button\" data-answer-group=\"bussiness-type\" data-value=\"loai-hinh-khac\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Andere Art<\/button>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-center gap-3 sm:flex-row\">\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Zur\u00fcck\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"survey-revenue\"\r\n data-step=\"6\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 px-6 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-4xl flex-col items-center justify-center space-y-8\">\r\n <h2 class=\"text-2xl font-bold leading-tight text-brand-heading sm:text-3xl\">\r\n Wie hoch ist Ihr Jahresumsatz? (Euro)\r\n <\/h2>\r\n\r\n <div class=\"grid w-full gap-3 sm:grid-cols-3\">\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"khong-co-doanh-thu-khong-ro\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Umsatz unbekannt<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"1-300-nghin\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">1\u2013300 Tausend<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"301-500-nghin\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">301\u2013500 Tausend<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"501-nghin-1-trieu\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">501 Tausend \u2013 1 Million<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"1-2-trieu\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">1 \u2013 2 Millionen<\/button>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"2-5-trieu\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">2 \u2013 5 Millionen<\/button>\r\n <div class=\"hidden sm:block\"><\/div>\r\n <button type=\"button\" data-auto-answer=\"revenue\" data-value=\"tren-5-trieu\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">\u00dcber 5 Millionen<\/button>\r\n <\/div>\r\n\r\n <div class=\"flex flex-col items-center gap-6 sm:gap-10 sm:flex-row\">\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Zur\u00fcck\r\n <\/button>\r\n <button\r\n type=\"button\"\r\n data-skip-to-final\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Ich m\u00f6chte nicht antworten\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n <section\r\n id=\"survey-kasse-timing\"\r\n data-step=\"7\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 px-6 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-4xl flex-col items-center justify-center space-y-8\">\r\n <h2 class=\"text-2xl font-bold leading-tight text-brand-heading sm:text-3xl\">\r\n Wann m\u00f6chten Sie die neue Kasse einf\u00fchren?\r\n <\/h2>\r\n\r\n <div class=\"grid w-full gap-3 sm:grid-cols-2 lg:grid-cols-3\">\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"som-nhat-co-the\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">S\u1edbm nh\u1ea5t c\u00f3 th\u1ec3<\/button>\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"trong-1-thang-toi\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Innerhalb des n\u00e4chsten Monats<\/button>\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"trong-3-thang-toi\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Innerhalb der n\u00e4chsten drei Monate<\/button>\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"sau-3-thang-toi\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\"> Nach den n\u00e4chsten drei Monaten.<\/button>\r\n <button type=\"button\" data-auto-answer=\"kasse-timing\" data-value=\"chua-ro\" class=\"answer-button rounded-2xl border border-brand-primary\/15 bg-white px-5 py-6 text-left text-base font-semibold text-brand-text transition hover:border-brand-primary\/35\">Noch unklar<\/button>\r\n <\/div>\r\n\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Zur\u00fcck\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section\r\n id=\"lead-form\"\r\n data-step=\"7\"\r\n class=\"slide min-h-[calc(100vh-8rem)] items-center justify-center\"\r\n >\r\n <div class=\"w-full rounded-[2rem] bg-white\/72 py-10 text-center md:px-10 lg:px-14\">\r\n <div class=\"mx-auto flex max-w-3xl flex-col items-center justify-center space-y-8\">\r\n <div class=\"w-full overflow-hidden\">\r\n <iframe\r\n id=\"leadFormIframe\"\r\n title=\"Lead form\"\r\n class=\"min-h-[700px] w-full border-0 bg-[#fdf6ee]\"\r\n src=\"about:blank\"\r\n ><\/iframe>\r\n <\/div>\r\n\r\n <button\r\n type=\"button\"\r\n data-prev\r\n class=\"inline-flex items-center justify-center text-sm font-semibold text-brand-text transition hover:text-brand-text\/75 hover:bg-transparent active:bg-transparent\"\r\n >\r\n Zur\u00fcck\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n\r\n <script>\r\n const FORM_URL = \"https:\/\/cukcuk.eu\/lp-form-de\/\";\r\n\r\n (function () {\r\n const slides = Array.from(document.querySelectorAll(\".slide\"));\r\n const progressBar = document.getElementById(\"progressBar\");\r\n const leadFormIframe = document.getElementById(\"leadFormIframe\");\r\n const supportSection = document.getElementById(\"support\");\r\n const reviewCards = Array.from(document.querySelectorAll(\"[data-review-card]\"));\r\n const reviewIndicators = Array.from(document.querySelectorAll(\"[data-review-indicator]\"));\r\n const reviewDurationMs = 5000;\r\n const totalSteps = slides.length;\r\n let currentStep = 0;\r\n let activeReviewIndex = 0;\r\n let reviewTimer = null;\r\n let reviewStartedAt = 0;\r\n let reviewRemainingMs = reviewDurationMs;\r\n let isReviewPaused = false;\r\n const selectionState = {};\r\n let suppressSurveyTypeSelection = false;\r\n const formParams = new URLSearchParams();\r\n\r\n function updateFormParams(updater) {\r\n if (typeof updater === \"function\") {\r\n updater(formParams);\r\n }\r\n }\r\n\r\n function buildFormUrl(includeRefreshToken) {\r\n if (!FORM_URL) {\r\n return \"about:blank\";\r\n }\r\n\r\n const url = new URL(FORM_URL);\r\n\r\n formParams.forEach(function (value, key) {\r\n url.searchParams.set(key, value);\r\n });\r\n\r\n if (includeRefreshToken) {\r\n url.searchParams.set(\"_iframeRefresh\", String(Date.now()));\r\n }\r\n\r\n return url.toString();\r\n }\r\n\r\n function refreshLeadFormIframe() {\r\n if (!leadFormIframe) {\r\n return;\r\n }\r\n\r\n leadFormIframe.src = buildFormUrl(true);\r\n }\r\n\r\n function updateProgress(stepIndex) {\r\n const progress = ((stepIndex + 1) \/ totalSteps) * 100;\r\n progressBar.style.width = progress + \"%\";\r\n }\r\n\r\n function hydrateSelectionsFromState() {\r\n document.querySelectorAll(\"[data-answer-group]\").forEach((button) => {\r\n const key = button.dataset.answerGroup;\r\n const value = formParams.get(key);\r\n const shouldSuppress = suppressSurveyTypeSelection && key === \"bussiness-type\";\r\n const isSelected = !shouldSuppress && value && button.dataset.value === value;\r\n\r\n button.classList.toggle(\"is-selected\", Boolean(isSelected));\r\n\r\n if (isSelected) {\r\n selectionState[key] = value;\r\n }\r\n });\r\n\r\n document.querySelectorAll(\"[data-submit-answer]\").forEach((button) => {\r\n const key = button.dataset.submitAnswer;\r\n button.disabled = !selectionState[key];\r\n });\r\n }\r\n\r\n function syncHash(nextHash, replace) {\r\n const url = new URL(window.location.href);\r\n const method = replace ? \"replaceState\" : \"pushState\";\r\n\r\n url.hash = nextHash;\r\n window.history[method]({ stepHash: nextHash }, \"\", url);\r\n }\r\n\r\n function stepFromHash(hash) {\r\n if (!hash) {\r\n return 0;\r\n }\r\n\r\n const normalizedHash = hash.replace(\/^#\/, \"\");\r\n const index = slides.findIndex((slide) => slide.id === normalizedHash);\r\n return index >= 0 ? index : 0;\r\n }\r\n\r\n function showSlide(stepIndex, options) {\r\n const settings = Object.assign({ pushHistory: true, replaceHistory: false }, options || {});\r\n const targetSlide = slides[stepIndex];\r\n const previousStep = currentStep;\r\n\r\n if (!targetSlide) {\r\n return;\r\n }\r\n\r\n suppressSurveyTypeSelection = targetSlide.id === \"survey-type\" && previousStep > stepIndex;\r\n\r\n slides.forEach((slide, index) => {\r\n slide.classList.remove(\"is-active\", \"animate-popup\");\r\n slide.setAttribute(\"aria-hidden\", index === stepIndex ? \"false\" : \"true\");\r\n });\r\n\r\n targetSlide.classList.add(\"is-active\", \"animate-popup\");\r\n currentStep = stepIndex;\r\n updateProgress(stepIndex);\r\n hydrateSelectionsFromState();\r\n\r\n if (settings.pushHistory) {\r\n syncHash(\"#\" + targetSlide.id, settings.replaceHistory);\r\n }\r\n\r\n if (targetSlide.id === \"lead-form\") {\r\n refreshLeadFormIframe();\r\n }\r\n }\r\n\r\n function goNext() {\r\n showSlide(Math.min(currentStep + 1, totalSteps - 1));\r\n }\r\n\r\n function goPrev() {\r\n showSlide(Math.max(currentStep - 1, 0));\r\n }\r\n\r\n function resetReviewIndicatorAnimation(index, durationMs) {\r\n const indicator = reviewIndicators[index];\r\n\r\n if (!indicator) {\r\n return;\r\n }\r\n\r\n indicator.style.setProperty(\"--review-duration\", durationMs + \"ms\");\r\n indicator.style.setProperty(\"--review-animation-state\", \"running\");\r\n indicator.classList.remove(\"is-active\");\r\n void indicator.offsetWidth;\r\n indicator.classList.add(\"is-active\");\r\n }\r\n\r\n function showReview(index) {\r\n if (!reviewCards.length || !reviewIndicators.length) {\r\n return;\r\n }\r\n\r\n const nextIndex = (index + reviewCards.length) % reviewCards.length;\r\n activeReviewIndex = nextIndex;\r\n reviewRemainingMs = reviewDurationMs;\r\n isReviewPaused = false;\r\n\r\n reviewCards.forEach(function (card, cardIndex) {\r\n card.classList.toggle(\"is-active\", cardIndex === nextIndex);\r\n });\r\n\r\n reviewIndicators.forEach(function (indicator, indicatorIndex) {\r\n indicator.style.setProperty(\"--review-duration\", reviewDurationMs + \"ms\");\r\n indicator.style.setProperty(\"--review-animation-state\", \"running\");\r\n\r\n if (indicatorIndex !== nextIndex) {\r\n indicator.classList.remove(\"is-active\");\r\n }\r\n });\r\n\r\n resetReviewIndicatorAnimation(nextIndex, reviewDurationMs);\r\n }\r\n\r\n function startReviewCarousel() {\r\n if (reviewCards.length < 2) {\r\n return;\r\n }\r\n\r\n if (reviewTimer) {\r\n window.clearTimeout(reviewTimer);\r\n }\r\n\r\n reviewStartedAt = Date.now();\r\n isReviewPaused = false;\r\n reviewIndicators[activeReviewIndex]?.style.setProperty(\"--review-animation-state\", \"running\");\r\n\r\n reviewTimer = window.setTimeout(function () {\r\n reviewRemainingMs = reviewDurationMs;\r\n showReview(activeReviewIndex + 1);\r\n startReviewCarousel();\r\n }, reviewRemainingMs);\r\n }\r\n\r\n function stopReviewCarousel() {\r\n if (!reviewTimer) {\r\n return;\r\n }\r\n\r\n window.clearTimeout(reviewTimer);\r\n reviewTimer = null;\r\n reviewRemainingMs = Math.max(0, reviewRemainingMs - (Date.now() - reviewStartedAt));\r\n isReviewPaused = true;\r\n reviewIndicators[activeReviewIndex]?.style.setProperty(\"--review-animation-state\", \"paused\");\r\n }\r\n\r\n document.querySelectorAll(\"[data-next]\").forEach((button) => {\r\n button.addEventListener(\"click\", goNext);\r\n });\r\n\r\n document.querySelectorAll(\"[data-prev]\").forEach((button) => {\r\n button.addEventListener(\"click\", goPrev);\r\n });\r\n\r\n document.querySelectorAll(\"[data-auto-answer]\").forEach((button) => {\r\n button.addEventListener(\"click\", function () {\r\n const key = this.dataset.autoAnswer;\r\n const value = this.dataset.value;\r\n\r\n updateFormParams(function (params) {\r\n params.set(key, value);\r\n });\r\n\r\n showSlide(Math.min(currentStep + 1, totalSteps - 1));\r\n });\r\n });\r\n\r\n document.querySelectorAll(\"[data-answer-group]\").forEach((button) => {\r\n button.addEventListener(\"click\", function () {\r\n const key = this.dataset.answerGroup;\r\n const value = this.dataset.value;\r\n\r\n selectionState[key] = value;\r\n\r\n document.querySelectorAll('[data-answer-group=\"' + key + '\"]').forEach((item) => {\r\n item.classList.toggle(\"is-selected\", item === this);\r\n });\r\n\r\n if (key === \"bussiness-type\") {\r\n updateFormParams(function (params) {\r\n params.set(key, value);\r\n });\r\n\r\n showSlide(Math.min(currentStep + 1, totalSteps - 1));\r\n return;\r\n }\r\n\r\n const submitButton = document.querySelector('[data-submit-answer=\"' + key + '\"]');\r\n if (submitButton) {\r\n submitButton.disabled = false;\r\n }\r\n });\r\n });\r\n\r\n document.querySelectorAll(\"[data-submit-answer]\").forEach((button) => {\r\n button.addEventListener(\"click\", function () {\r\n const key = this.dataset.submitAnswer;\r\n const value = selectionState[key];\r\n\r\n if (!value) {\r\n return;\r\n }\r\n\r\n updateFormParams(function (params) {\r\n params.set(key, value);\r\n });\r\n\r\n showSlide(Math.min(currentStep + 1, totalSteps - 1));\r\n });\r\n });\r\n\r\n document.querySelector(\"[data-skip-to-final]\").addEventListener(\"click\", function () {\r\n const finalIndex = slides.findIndex((slide) => slide.id === \"survey-kasse-timing\");\r\n\r\n updateFormParams(function (params) {\r\n params.set(\"revenue\", \"khong-muon-tra-loi\");\r\n });\r\n\r\n showSlide(finalIndex);\r\n });\r\n\r\n window.addEventListener(\"popstate\", function () {\r\n showSlide(stepFromHash(window.location.hash), { pushHistory: false });\r\n });\r\n\r\n const heroAnchor = document.querySelector('a[href=\"#hero\"]');\r\n if (heroAnchor) {\r\n heroAnchor.addEventListener(\"click\", function (event) {\r\n event.preventDefault();\r\n showSlide(0);\r\n });\r\n }\r\n\r\n reviewIndicators.forEach(function (indicator, index) {\r\n indicator.addEventListener(\"click\", function () {\r\n showReview(index);\r\n startReviewCarousel();\r\n });\r\n });\r\n\r\n const reviewPanel = document.querySelector(\".review-panel\");\r\n if (reviewPanel) {\r\n reviewPanel.addEventListener(\"mouseenter\", stopReviewCarousel);\r\n reviewPanel.addEventListener(\"mouseleave\", function () {\r\n if (!isReviewPaused) {\r\n return;\r\n }\r\n\r\n startReviewCarousel();\r\n });\r\n }\r\n\r\n showReview(0);\r\n startReviewCarousel();\r\n\r\n showSlide(stepFromHash(window.location.hash), {\r\n pushHistory: true,\r\n replaceHistory: true\r\n });\r\n })();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70508fa e-flex e-con-boxed e-con e-parent\" data-id=\"70508fa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b37b724 e-con-full e-flex e-con e-child\" data-id=\"b37b724\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ef1487 elementor-widget elementor-widget-heading\" data-id=\"7ef1487\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/cukcuk.eu\/vi\/datenschutz\/\">Datenschutzerkl\u00e4rung<\/a><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca954bf e-con-full e-flex e-con e-child\" data-id=\"ca954bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>CUKCUK – Landing Page Mehrstufig +49 30 89568366 CUKCUK KassensystemDetailgenau gedacht. Effizient gemacht Von der Bestellung \u00fcber die Zahlung und Umsatzverwaltung bis hin zum Online-Verkauf \u2013 CUKCUK hilft Restaurants, schneller, pr\u00e4ziser und professioneller zu arbeiten. Weiter Weniger Kostendruck dank flexibler Finanzierung Mit dem Finanzierungspaket k\u00f6nnen Sie die Ger\u00e4te zuerst erhalten und anschlie\u00dfend in passenden Raten […]<\/p>","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-14861","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages\/14861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/comments?post=14861"}],"version-history":[{"count":10,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages\/14861\/revisions"}],"predecessor-version":[{"id":15008,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages\/14861\/revisions\/15008"}],"wp:attachment":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/media?parent=14861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}