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 <\/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-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-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_1_funel-e1783079483507.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 Reibungslose Zusammenarbeit, mehr Umsatz\r\n <\/h2>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n Die E-Concept-Anbindung erm\u00f6glicht es G\u00e4sten, an jedem Touchpoint einfach am Tisch zu bestellen, Tische zu reservieren und online zu bestellen.\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\/e-concept_lp_1_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=\"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 Sorgenfreier Betrieb, rechtskonform\r\n <\/h2>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n Unterst\u00fctzt Restaurants dabei, die gesetzlichen Anforderungen bei Verkauf und Zahlungsabwicklung zu erf\u00fcllen \u2013 f\u00fcr transparente, pr\u00e4zise und zuverl\u00e4ssige Prozesse.\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\/legal_lp_1_funel.jpg\"\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 Engagierter Support, langfristige Begleitung\r\n <\/h2>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n Unser 24\/7-Support-Team steht Ihnen jederzeit zur Seite, damit Ihr Restaurant stabil l\u00e4uft und nachhaltig w\u00e4chst.\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_1_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-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 totalSteps = slides.length;\r\n let currentStep = 0;\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 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 document.querySelector('a[href=\"#hero\"]').addEventListener(\"click\", function (event) {\r\n event.preventDefault();\r\n showSlide(0);\r\n });\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>\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-61aa044 e-flex e-con-boxed e-con e-parent\" data-id=\"61aa044\" 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-f1e8074 e-con-full e-flex e-con e-child\" data-id=\"f1e8074\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7d2400 elementor-widget elementor-widget-heading\" data-id=\"a7d2400\" 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-580ac03 e-con-full e-flex e-con e-child\" data-id=\"580ac03\" 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 Reibungslose Zusammenarbeit, mehr Umsatz Die E-Concept-Anbindung erm\u00f6glicht es G\u00e4sten, an jedem Touchpoint einfach am Tisch zu bestellen, Tische zu […]<\/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-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-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-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-14718","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages\/14718","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=14718"}],"version-history":[{"count":10,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages\/14718\/revisions"}],"predecessor-version":[{"id":15014,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages\/14718\/revisions\/15014"}],"wp:attachment":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/media?parent=14718"}],"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 <\/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-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-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_1_funel-e1783079483507.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 Reibungslose Zusammenarbeit, mehr Umsatz\r\n <\/h2>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n Die E-Concept-Anbindung erm\u00f6glicht es G\u00e4sten, an jedem Touchpoint einfach am Tisch zu bestellen, Tische zu reservieren und online zu bestellen.\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\/e-concept_lp_1_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=\"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 Sorgenfreier Betrieb, rechtskonform\r\n <\/h2>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n Unterst\u00fctzt Restaurants dabei, die gesetzlichen Anforderungen bei Verkauf und Zahlungsabwicklung zu erf\u00fcllen \u2013 f\u00fcr transparente, pr\u00e4zise und zuverl\u00e4ssige Prozesse.\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\/legal_lp_1_funel.jpg\"\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 Engagierter Support, langfristige Begleitung\r\n <\/h2>\r\n <p class=\"text-base leading-8 text-brand-text sm:text-lg\">\r\n Unser 24\/7-Support-Team steht Ihnen jederzeit zur Seite, damit Ihr Restaurant stabil l\u00e4uft und nachhaltig w\u00e4chst.\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_1_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-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 totalSteps = slides.length;\r\n let currentStep = 0;\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 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 document.querySelector('a[href=\"#hero\"]').addEventListener(\"click\", function (event) {\r\n event.preventDefault();\r\n showSlide(0);\r\n });\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>\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-61aa044 e-flex e-con-boxed e-con e-parent\" data-id=\"61aa044\" 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-f1e8074 e-con-full e-flex e-con e-child\" data-id=\"f1e8074\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7d2400 elementor-widget elementor-widget-heading\" data-id=\"a7d2400\" 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-580ac03 e-con-full e-flex e-con e-child\" data-id=\"580ac03\" 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 Reibungslose Zusammenarbeit, mehr Umsatz Die E-Concept-Anbindung erm\u00f6glicht es G\u00e4sten, an jedem Touchpoint einfach am Tisch zu bestellen, Tische zu […]<\/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-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-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-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-14718","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages\/14718","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=14718"}],"version-history":[{"count":10,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages\/14718\/revisions"}],"predecessor-version":[{"id":15014,"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/pages\/14718\/revisions\/15014"}],"wp:attachment":[{"href":"https:\/\/cukcuk.eu\/vi\/wp-json\/wp\/v2\/media?parent=14718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}