{"id":95,"date":"2026-10-04T19:37:12","date_gmt":"2026-10-04T19:37:12","guid":{"rendered":"https:\/\/www.eiscafevivaldi.de\/contatti\/"},"modified":"2026-10-19T21:26:32","modified_gmt":"2026-10-19T21:26:32","slug":"contatti","status":"publish","type":"page","link":"https:\/\/www.eiscafevivaldi.de\/it\/contatti\/","title":{"rendered":"Contatto"},"content":{"rendered":"\n
\n
\n
\n

Kontaktieren Sie uns f\u00fcr Informationen zu unserem handwerklich hergestellten Eis, f\u00fcr Tischreservierungen oder um personalisierte Torten f\u00fcr jeden Anlass zu bestellen.<\/p>\n\n\n\n

\n
\n
\"\"<\/figure>\n\n\n\n
\n

Karlstra\u00dfe 37, 78166 Donaueschingen, Germania<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

+49 7711587845<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n

info@eiscafevivaldi.de<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n
\n
\n\n \n Form di Contatto e Prenotazione<\/title>\n <!-- Tailwind CSS CDN -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <!-- FontAwesome Icons -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n body {\n font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n background-color: #f3f4f6;\n }\n\n .bg-peach-light {\n background-color: #fce1d2;\n }\n \n .bg-peach-card {\n background-color: #f3c7b0;\n }\n\n .text-custom-navy {\n color: #2b3b82;\n }\n\n .border-custom-navy {\n border-color: #2b3b82;\n }\n\n .bg-custom-navy {\n background-color: #2b3b82;\n }\n\n .bg-custom-navy:hover {\n background-color: #1e2a60;\n }\n\n .custom-input {\n background-color: #fff6f0;\n border: 1px solid #2b3b82;\n color: #1f2937;\n transition: all 0.2s ease;\n }\n\n .custom-input:focus {\n outline: none;\n background-color: #ffffff;\n border-width: 2px;\n box-shadow: 0 0 0 3px rgba(43, 59, 130, 0.15);\n }\n\n \/* Styling per l'icona del calendario *\/\n input[type=\"date\"]::-webkit-calendar-picker-indicator {\n cursor: pointer;\n filter: invert(18%) sepia(51%) saturate(2878%) hue-rotate(218deg) brightness(91%) contrast(92%);\n }\n <\/style>\n\n\n\n <!-- Container principale -->\n <div class=\"max-w-5xl w-full bg-peach-card rounded-3xl shadow-2xl overflow-hidden flex flex-col md:flex-row my-auto\">\n \n <!-- Colonna Sinistra: Immagine del Locale -->\n <div class=\"md:w-1\/2 relative min-h-[300px] md:min-h-[650px] bg-cover bg-center overflow-hidden\" style=\"background-image: url('https:\/\/www.eiscafevivaldi.de\/wp-content\/uploads\/2026\/10\/loc-ridimensionato-a1920.png'); background-color: #f3c7b0;\">\n \n <imgsrc=\" \"=\"\" onerror=\"this.onerror=null; this.parentElement.style.backgroundImage='url( )';\" alt=\"Interno Locale\" class=\"hidden\">\n \n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 via-transparent to-transparent flex items-end p-6 text-white md:hidden\">\n <div>\n <h2 class=\"text-2xl font-bold\">Reserviere deinen Tisch<\/h2>\n <p class=\"text-sm opacity-90\">Erlebe ein einzigartiges kulinarisches Erlebnis<\/p>\n <\/div>\n <\/div>\n <\/imgsrc=\"><\/div>\n\n <!-- Colonna Destra: Form di Contatto e Prenotazione -->\n <div class=\"md:w-1\/2 p-6 sm:p-8 md:p-10 flex flex-col justify-center\">\n \n <div class=\"mb-6\">\n <h1 class=\"text-2xl sm:text-3xl font-bold text-custom-navy tracking-tight\">Tisch reservieren<\/h1>\n <p class=\"text-sm text-custom-navy\/80 mt-1\">F\u00fcllen Sie das Formular aus, um einen Tisch zu reservieren oder uns eine Nachricht zu senden.<\/p>\n <\/div>\n\n <!-- Form -->\n <form id=\"bookingForm\" action=\"https:\/\/www.eiscafevivaldi.de\/invia.php\" method=\"POST\" class=\"space-y-4\">\n \n <!-- Campo Nascosto per inviare la data formattata GG-MM-AA al server PHP -->\n <input type=\"hidden\" id=\"data_formatted\" name=\"data_formatted\">\n\n <!-- Nome -->\n <div>\n <label for=\"nome\" class=\"block text-sm font-medium text-custom-navy mb-1\">Name *<\/label>\n <input type=\"text\" id=\"nome\" name=\"nome\" required=\"\" placeholder=\"Name\" class=\"w-full px-4 py-2.5 rounded-lg custom-input text-sm\">\n <\/div>\n\n <!-- Email e Telefono -->\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n <div>\n <label for=\"email\" class=\"block text-sm font-medium text-custom-navy mb-1\">Email *<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required=\"\" placeholder=\"nome@beispiel.com\" class=\"w-full px-4 py-2.5 rounded-lg custom-input text-sm\">\n <\/div>\n <div>\n <label for=\"telefono\" class=\"block text-sm font-medium text-custom-navy mb-1\">Telefon *<\/label>\n <input type=\"tel\" id=\"telefono\" name=\"telefono\" required=\"\" placeholder=\"+49 172 000000\" class=\"w-full px-4 py-2.5 rounded-lg custom-input text-sm\">\n <\/div>\n <\/div>\n\n <!-- Numero Persone -->\n <div>\n <label for=\"persone\" class=\"block text-sm font-medium text-custom-navy mb-1\">Anzahl Personen *<\/label>\n <div class=\"relative flex items-center\">\n <button type=\"button\" onclick=\"decrementPeople()\" class=\"absolute left-2 text-custom-navy hover:bg-peach-light rounded-full p-1 w-7 h-7 flex items-center justify-center font-bold\">\n <i class=\"fa-solid fa-minus text-xs\"><\/i>\n <\/button>\n <input type=\"number\" id=\"persone\" name=\"persone\" min=\"1\" max=\"20\" value=\"2\" required=\"\" readonly=\"\" class=\"w-full px-10 py-2.5 text-center rounded-lg custom-input text-sm font-semibold\">\n <button type=\"button\" onclick=\"incrementPeople()\" class=\"absolute right-2 text-custom-navy hover:bg-peach-light rounded-full p-1 w-7 h-7 flex items-center justify-center font-bold\">\n <i class=\"fa-solid fa-plus text-xs\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n <!-- Data e Ora Prenotazione -->\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n <div>\n <label for=\"data\" class=\"block text-sm font-medium text-custom-navy mb-1\">Buchungsdatum *<\/label>\n <input type=\"date\" id=\"data\" name=\"data\" required=\"\" class=\"w-full px-4 py-2.5 rounded-lg custom-input text-sm\">\n <\/div>\n <div>\n <label for=\"ora\" class=\"block text-sm font-medium text-custom-navy mb-1\">Uhrzeit *<\/label>\n <select id=\"ora\" name=\"ora\" required=\"\" class=\"w-full px-4 py-2.5 rounded-lg custom-input text-sm\">\n <!-- Popolato da JavaScript -->\n <\/select>\n <\/div>\n <\/div>\n\n <!-- Oggetto -->\n <div>\n <label for=\"oggetto\" class=\"block text-sm font-medium text-custom-navy mb-1\">Gegenstand<\/label>\n <input type=\"text\" id=\"oggetto\" name=\"oggetto\" placeholder=\"Bsp. Anfrage f\u00fcr einen Tisch im Freien \/ Veranstaltung\" class=\"w-full px-4 py-2.5 rounded-lg custom-input text-sm\">\n <\/div>\n\n <!-- Messaggio -->\n <div>\n <label for=\"messaggio\" class=\"block text-sm font-medium text-custom-navy mb-1\">Nachricht *<\/label>\n <textarea id=\"messaggio\" name=\"messaggio\" rows=\"3\" required=\"\" placeholder=\"Gib eventuelle Anmerkungen oder Allergien an...\" class=\"w-full px-4 py-2.5 rounded-lg custom-input text-sm resize-none\"><\/textarea>\n <\/div>\n\n <!-- Pulsante Invia -->\n <div class=\"pt-2\">\n <button type=\"submit\" class=\"bg-custom-navy text-white px-8 py-3 rounded-full font-medium text-sm transition-all duration-300 shadow-md hover:shadow-lg hover:scale-[1.02] active:scale-95 flex items-center justify-center gap-2\">\n <span>Buchung absenden<\/span>\n <i class=\"fa-solid fa-paper-plane text-xs\"><\/i>\n <\/button>\n <\/div>\n <\/form>\n\n <\/div>\n <\/div>\n\n <!-- Script Gestione Calendario, Mercoled\u00ec Chiuso, Orari e Formattazione GG-MM-AA -->\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const dateInput = document.getElementById('data');\n const hiddenFormattedInput = document.getElementById('data_formatted');\n const timeSelect = document.getElementById('ora');\n\n \/\/ Imposta la data minima ad oggi\n const today = new Date();\n const todayStr = today.toISOString().split('T')[0];\n dateInput.min = todayStr;\n dateInput.value = todayStr;\n\n \/\/ Se oggi \u00e8 mercoled\u00ec, imposta automaticamente il giorno dopo (gioved\u00ec)\n if (today.getDay() === 3) {\n today.setDate(today.getDate() + 1);\n dateInput.value = today.toISOString().split('T')[0];\n }\n\n \/\/ Funzione per generare gli orari nel select (formato 24h)\n function generaOrari(oraInizio, oraFine) {\n timeSelect.innerHTML = '';\n for (let h = oraInizio; h <= oraFine; h++) {\n const oraFormattata = h.toString().padStart(2, '0');\n\n const opt1 = document.createElement('option');\n opt1.value = `${oraFormattata}:00`;\n opt1.textContent = `${oraFormattata}:00`;\n timeSelect.appendChild(opt1);\n\n if (h < oraFine) {\n const opt2 = document.createElement('option');\n opt2.value = `${oraFormattata}:30`;\n opt2.textContent = `${oraFormattata}:30`;\n timeSelect.appendChild(opt2);\n }\n }\n }\n\n \/\/ Funzione di aggiornamento al cambio della data dal calendario\n function gestisciDataEOrari() {\n if (!dateInput.value) return;\n\n const [year, month, day] = dateInput.value.split('-');\n const selectedDate = new Date(year, month - 1, day);\n const giornoSettimana = selectedDate.getDay(); \/\/ 0 = Domenica, 3 = Mercoled\u00ec\n\n \/\/ Crea la stringa nel formato GG-MM-AA (es. 25-10-26)\n const shortYear = year.slice(-2);\n const formattedDDMMYY = `${day}-${month}-${shortYear}`;\n \n \/\/ Salva il valore formattato nel campo nascosto\n hiddenFormattedInput.value = formattedDDMMYY;\n\n if (giornoSettimana === 3) { \/\/ Mercoled\u00ec CHIUSO\n alert('Mittwochs haben wir geschlossen! Um die Entscheidung f\u00fcr das Alter zu erleichtern.');\n dateInput.value = '';\n hiddenFormattedInput.value = '';\n timeSelect.innerHTML = '<option value=\"\">W\u00e4hle einen Tag aus<\/option>';\n } else if (giornoSettimana === 0) { \/\/ Domenica 10:00 - 18:00\n generaOrari(10, 18);\n } else { \/\/ Altri giorni feriali 09:00 - 18:00\n generaOrari(9, 18);\n }\n }\n\n dateInput.addEventListener('change', gestisciDataEOrari);\n gestisciDataEOrari();\n });\n\n \/\/ Contatore persone\n function incrementPeople() {\n const input = document.getElementById('persone');\n let val = parseInt(input.value) || 1;\n if (val < 20) {\n input.value = val + 1;\n }\n }\n\n function decrementPeople() {\n const input = document.getElementById('persone');\n let val = parseInt(input.value) || 1;\n if (val > 1) {\n input.value = val - 1;\n }\n }\n <\/script>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-ext-preset--group--natural-1--section ext-animate--on has-tertiary-background-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained is-style-ext-preset--group--natural-1--section--3\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-style-ext-preset--group--natural-1--section ext-section has-background-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-27c527b7 wp-block-group-is-layout-constrained is-style-ext-preset--group--natural-1--section--4\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)\">\n<div class=\"wp-block-group ext-section-intro is-style-ext-preset--group--natural-1--section-intro-1 has-custom-css has-global-padding is-layout-constrained wp-block-group-is-layout-constrained is-style-ext-preset--group--natural-1--section-intro-1--5\">\n<h2 class=\"wp-block-heading has-text-align-center ext-animate--on\">Besuchen Sie uns<\/h2>\n\n\n\n<p class=\"has-text-align-center ext-animate--on has-foreground-alt-color has-text-color has-medium-font-size wp-block-paragraph\" style=\"margin-top:24px\">Wir stehen Ihnen gerne f\u00fcr Informationen, Tischreservierungen oder die Bestellung von personalisierten Torten f\u00fcr Ihre besonderen Anl\u00e4sse zur Verf\u00fcgung.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Kontaktieren Sie uns f\u00fcr Informationen zu unserem handwerklich hergestellten Eis, f\u00fcr Tischreservierungen oder um personalisierte Torten f\u00fcr jeden Anlass zu bestellen. Karlstra\u00dfe 37, 78166 Donaueschingen, Germania +49 7711587845 info@eiscafevivaldi.de Form di Contatto e Prenotazione Reserviere deinen Tisch Erlebe ein einzigartiges kulinarisches Erlebnis<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-with-title","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-95","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.eiscafevivaldi.de\/it\/wp-json\/wp\/v2\/pages\/95","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.eiscafevivaldi.de\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.eiscafevivaldi.de\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.eiscafevivaldi.de\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.eiscafevivaldi.de\/it\/wp-json\/wp\/v2\/comments?post=95"}],"version-history":[{"count":29,"href":"https:\/\/www.eiscafevivaldi.de\/it\/wp-json\/wp\/v2\/pages\/95\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/www.eiscafevivaldi.de\/it\/wp-json\/wp\/v2\/pages\/95\/revisions\/519"}],"wp:attachment":[{"href":"https:\/\/www.eiscafevivaldi.de\/it\/wp-json\/wp\/v2\/media?parent=95"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}