Files
casa-daenzo-web/dist/blog/index.html
T

92 lines
28 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html><html lang="de" class="scroll-smooth bg-[#1A1816] text-[#E6D5C3]"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="generator" content="Astro v4.16.19"><!-- SEO Meta Tags --><title>Blog &amp; Magazin | Casa da Enzo &amp; Trattoria Goslar</title><meta name="description" content="Geschichten, kulinarische Geheimtipps und Reise-Guides rund um das UNESCO-Weltkulturerbe Goslar, die Trattoria da Enzo und unsere Boutique-Apartments."><meta name="robots" content="index, follow"><!-- Open Graph / Facebook / WhatsApp --><meta property="og:type" content="website"><meta property="og:url" content="https://casa-daenzo.de/blog/"><meta property="og:title" content="Blog &#38; Magazin | Casa da Enzo &#38; Trattoria Goslar"><meta property="og:description" content="Geschichten, kulinarische Geheimtipps und Reise-Guides rund um das UNESCO-Weltkulturerbe Goslar, die Trattoria da Enzo und unsere Boutique-Apartments."><meta property="og:image" content="https://casa-daenzo.de/og-image.jpg"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:title" content="Blog &#38; Magazin | Casa da Enzo &#38; Trattoria Goslar"><meta property="twitter:description" content="Geschichten, kulinarische Geheimtipps und Reise-Guides rund um das UNESCO-Weltkulturerbe Goslar, die Trattoria da Enzo und unsere Boutique-Apartments."><meta property="twitter:image" content="https://casa-daenzo.de/og-image.jpg"><!-- Schema.org JSON-LD --><script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"LodgingBusiness","@id":"https://casa-daenzo.de/#lodging","name":"Casa da Enzo Boutique Apartments","url":"https://casa-daenzo.de","telephone":"+4915207483196","email":"booking@casa-daenzo.de","address":{"@type":"PostalAddress","streetAddress":"Bäckerstraße 18","addressLocality":"Goslar","postalCode":"38640","addressCountry":"DE"},"geo":{"@type":"GeoCoordinates","latitude":51.906,"longitude":10.428},"checkinTime":"15:00","checkoutTime":"11:00","numberOfRooms":7},{"@type":"Restaurant","@id":"https://casa-daenzo.de/#restaurant","name":"Trattoria da Enzo","url":"https://casa-daenzo.de/#trattoria","telephone":"+49532123456","servesCuisine":"Italian","address":{"@type":"PostalAddress","streetAddress":"Bäckerstraße 18","addressLocality":"Goslar","postalCode":"38640","addressCountry":"DE"}}]}</script><!-- Google Analytics (GA4) Snippet --><script async src="https://www.googletagmanager.com/gtag/js?id=G-CASADAENZO1"></script><script>(function(){const GA_MEASUREMENT_ID = "G-CASADAENZO1";
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', GA_MEASUREMENT_ID, {
anonymize_ip: true,
cookie_flags: 'SameSite=None;Secure'
});
})();</script><link rel="stylesheet" href="/_astro/_slug_.B_TTBYoh.css"><script type="module" src="/_astro/hoisted.jAcVTPu2.js"></script></head> <body class="bg-[#1A1816] text-[#E6D5C3] antialiased min-h-screen flex flex-col selection:bg-[#D4A373] selection:text-[#1A1816]"> <header class="sticky top-0 z-40 w-full bg-stone-900/95 backdrop-blur-md border-b border-stone-800 transition-all"> <!-- Top Utility Contact Bar --> <div class="bg-stone-950 border-b border-stone-800/80 py-1.5 px-4 text-[11px] sm:text-xs"> <div class="max-w-7xl mx-auto flex flex-wrap items-center justify-between gap-2 text-stone-400"> <!-- Dual Contacts --> <div class="flex flex-wrap items-center gap-4 sm:gap-6"> <!-- Apartments Phone --> <a href="https://wa.me/4915207483196" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-emerald-400 hover:text-emerald-300 font-medium transition-colors" title="Apartment Anfragen & Concierge Alja"> <span class="w-2 h-2 rounded-full bg-emerald-500"></span> <span class="text-stone-300">Apartments (WhatsApp):</span> <span class="underline font-semibold">+49 1520 7483196</span> </a> <!-- Trattoria Phone --> <a href="tel:+4915207483196" class="inline-flex items-center gap-1.5 text-[#C85A32] hover:text-[#e2724a] font-medium transition-colors" title="Trattoria Tischreservierung"> <span class="w-2 h-2 rounded-full bg-[#C85A32]"></span> <span class="text-stone-300">Trattoria:</span> <span class="underline font-semibold">+49 1520 7483196</span> </a> </div> <!-- Right Utility Links: Eviivo & Language Switch --> <div class="flex items-center gap-4"> <a href="https://guest.eviivo.com/casa-daenzo" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 text-amber-400 hover:text-white transition-colors font-medium cursor-pointer" title="Digital Guest Directory"> <span>📖</span> <span class="underline">Eviivo Guest Directory</span> </a> <div class="flex items-center bg-stone-900 border border-stone-800 rounded-full px-2 py-0.5 text-[11px] font-bold"> <span class="px-1.5 py-0.5 rounded-full bg-amber-500 text-stone-950">DE</span> </div> </div> </div> </div> <!-- Main Navigation Bar --> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-20 flex items-center justify-between"> <!-- Brand Logo --> <a href="/" class="flex items-center gap-3 group"> <div class="w-11 h-11 rounded-2xl bg-gradient-to-br from-[#2D5A43] via-[#D4A373] to-[#C85A32] p-0.5 shadow-lg group-hover:scale-105 transition-transform"> <div class="w-full h-full bg-stone-950 rounded-[14px] flex items-center justify-center font-serif text-xl font-bold text-amber-400">
E
</div> </div> <div class="flex flex-col"> <span class="font-serif text-xl tracking-wide font-bold text-white group-hover:text-amber-400 transition-colors">
Casa da Enzo
</span> <div class="flex items-center gap-1.5 text-[10px] tracking-widest uppercase font-sans -mt-0.5"> <span class="text-emerald-400 font-semibold">Apartments</span> <span class="text-stone-400">•</span> <span class="text-[#C85A32] font-semibold">Trattoria</span> </div> </div> </a> <!-- Desktop Navigation --> <nav class="hidden md:flex items-center gap-6 lg:gap-8 text-sm font-medium"> <a href="/apartments" class="text-stone-200 hover:text-emerald-400 transition-colors flex items-center gap-1.5"> <span class="w-1.5 h-1.5 rounded-full bg-emerald-500"></span> <span>Apartments & Suiten</span> </a> <a href="/trattoria" class="text-stone-200 hover:text-[#C85A32] transition-colors flex items-center gap-1.5"> <span class="w-1.5 h-1.5 rounded-full bg-[#C85A32]"></span> <span>Trattoria da Enzo</span> </a> <a href="/blog" class="text-stone-200 hover:text-amber-400 transition-colors">
Blog & Magazin
</a> <a href="/#geschichte" class="text-stone-200 hover:text-amber-400 transition-colors">
Unsere Geschichte
</a> <a href="/#faq" class="text-stone-200 hover:text-amber-400 transition-colors">
FAQ
</a> </nav> <!-- CTAs --> <div class="flex items-center gap-3"> <a href="/apartments#booking" class="hidden sm:inline-flex items-center gap-2 px-5 py-2.5 rounded-full bg-[#C85A32] text-white font-medium text-xs lg:text-sm hover:bg-[#b04d2a] shadow-md transition-all hover:scale-105"> <span>Direkt buchen (Bestpreis)</span> </a> <!-- Mobile Menu Button --> <button id="mobile-menu-btn" class="md:hidden p-2 text-stone-200 hover:text-amber-400 rounded-xl bg-stone-800 border border-stone-700" aria-label="Menü öffnen"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div> </div> <!-- Mobile Navigation Dropdown --> <div id="mobile-menu" class="hidden md:hidden bg-stone-950 border-b border-stone-800 px-4 py-6 space-y-4"> <a href="/apartments" class="block py-2 text-stone-200 font-medium hover:text-emerald-400 flex items-center gap-2"> <span class="w-2 h-2 rounded-full bg-emerald-500"></span> <span>Apartments & Suiten</span> </a> <a href="/trattoria" class="block py-2 text-stone-200 font-medium hover:text-[#C85A32] flex items-center gap-2"> <span class="w-2 h-2 rounded-full bg-[#C85A32]"></span> <span>Trattoria da Enzo</span> </a> <a href="/blog" class="block py-2 text-stone-200 font-medium hover:text-amber-400">
Blog & Magazin
</a> <a href="/#geschichte" class="block py-2 text-stone-200 font-medium hover:text-amber-400">
Unsere Geschichte
</a> <a href="/#faq" class="block py-2 text-stone-200 font-medium hover:text-amber-400">
FAQ
</a> <div class="pt-2 border-t border-stone-800 space-y-2"> <a href="https://wa.me/4915207483196" target="_blank" class="block py-1.5 text-xs text-emerald-400 font-semibold">
💬 Apartments WhatsApp: +49 1520 7483196
</a> <a href="https://guest.eviivo.com/casa-daenzo" target="_blank" class="block py-1.5 text-xs text-amber-400 font-semibold">
📖 Eviivo Guest Directory
</a> </div> <a href="/apartments#booking" class="block text-center py-3 rounded-2xl bg-[#C85A32] text-white font-bold text-sm">
Jetzt Direkt buchen
</a> </div> </header> <main class="flex-1"> <section class="bg-stone-950 text-white py-20 border-b border-stone-800 relative overflow-hidden"> <div class="absolute -top-24 -right-24 w-96 h-96 bg-[#C85A32]/10 rounded-full blur-3xl pointer-events-none"></div> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"> <div class="text-center max-w-3xl mx-auto space-y-4"> <span class="px-4 py-1.5 rounded-full bg-amber-500/20 text-amber-400 text-xs font-semibold uppercase tracking-widest border border-amber-500/30">
Magazin & Harz-Guide
</span> <h1 class="font-serif text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight text-stone-100">
Casa da Enzo Journal
</h1> <p class="text-stone-300 text-base sm:text-lg leading-relaxed">
Entdecke Insidertipps für deinen Aufenthalt in Goslar, das Geheimnis echter sizilianischer Kulinarik und die schönsten Geschichten aus unserem Haus.
</p> </div> </div> </section> <section class="py-12 bg-stone-900 border-b border-stone-800"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="p-8 sm:p-12 rounded-3xl bg-gradient-to-br from-stone-900 via-stone-950 to-stone-900 border border-stone-800 shadow-2xl grid grid-cols-1 lg:grid-cols-12 gap-8 items-center"> <div class="lg:col-span-7 space-y-4"> <div class="flex items-center gap-3 text-xs text-amber-400 font-semibold uppercase tracking-wider"> <span class="px-3 py-1 rounded-full bg-amber-500/20 border border-amber-500/30">Goslar &amp; Harz</span> <span>•</span> <span>5 min Lesezeit</span> </div> <h2 class="font-serif text-3xl sm:text-4xl font-bold text-white hover:text-amber-400 transition-colors"> <a href="/blog/5-geheimtipps-goslar">5 Geheimtipps für Goslar</a> </h2> <p class="text-stone-300 text-sm sm:text-base leading-relaxed"> Von historischen Fachwerkgassen bis zur gemütlichen Einkehr in der Bäckerstraße. </p> <div class="pt-4 flex items-center justify-between"> <span class="text-xs text-stone-400 font-medium">Von Dante &amp; Team am 2026-09-16</span> <a href="/blog/5-geheimtipps-goslar" class="px-6 py-2.5 rounded-xl bg-[#C85A32] text-white font-bold text-xs hover:bg-[#b04d2a] transition-all">
Artikel lesen →
</a> </div> </div> <div class="lg:col-span-5 aspect-[16/10] rounded-2xl bg-stone-800/80 border border-stone-700 p-8 flex flex-col justify-between text-stone-400 font-serif"> <span class="text-xs uppercase tracking-widest text-amber-400">Tipp des Monats</span> <span class="text-xl font-bold text-stone-200">"Entdecke das Herz der Altstadt &amp; Harz-Natur"</span> <span class="text-xs text-stone-500">Casa da Enzo Magazin</span> </div> </div> </div> </section> <section class="py-16 bg-stone-950 text-white min-h-screen"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 space-y-12"> <div class="flex items-center justify-between border-b border-stone-800 pb-4"> <h2 class="font-serif text-2xl font-bold text-stone-100">Alle Beiträge</h2> <span class="text-xs text-stone-400 font-medium">6 Artikel veröffentlicht</span> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> <article class="bg-stone-900 border border-stone-800/80 rounded-2xl overflow-hidden shadow-lg hover:border-amber-500/50 transition-all duration-300 flex flex-col justify-between"> <div class="p-6 space-y-4"> <div class="flex items-center justify-between text-xs text-amber-400 font-medium"> <span class="px-2.5 py-0.5 rounded-full bg-stone-800 border border-stone-700">Goslar &amp; Harz</span> <span class="text-stone-400">5 min</span> </div> <h3 class="font-serif text-xl font-bold text-white hover:text-amber-400 transition-colors leading-snug"> <a href="/blog/trattoria-geheimnisse">5 Geheimtipps für Goslar</a> </h3> <p class="text-stone-300 text-xs leading-relaxed line-clamp-3"> Von historischen Fachwerkgassen bis zur gemütlichen Einkehr in der Bäckerstraße. </p> </div> <div class="p-6 pt-0 border-t border-stone-800/60 mt-4 flex items-center justify-between text-xs text-stone-400"> <span>Dante &amp; Team</span> <a href="/blog/trattoria-geheimnisse" class="font-bold text-amber-400 hover:underline">
Weiterlesen →
</a> </div> </article><article class="bg-stone-900 border border-stone-800/80 rounded-2xl overflow-hidden shadow-lg hover:border-amber-500/50 transition-all duration-300 flex flex-col justify-between"> <div class="p-6 space-y-4"> <div class="flex items-center justify-between text-xs text-amber-400 font-medium"> <span class="px-2.5 py-0.5 rounded-full bg-stone-800 border border-stone-700">Goslar &amp; Harz</span> <span class="text-stone-400">5 min</span> </div> <h3 class="font-serif text-xl font-bold text-white hover:text-amber-400 transition-colors leading-snug"> <a href="/blog/48-stunden-in-goslar">48 Stunden im UNESCO-Weltkulturerbe Goslar: Der perfekte Kurztrip im Harz</a> </h3> <p class="text-stone-300 text-xs leading-relaxed line-clamp-3"> Entdecke Goslar von seiner schönsten Seite: Von historischen Gassen und dem Weltkulturerbe Rammelsberg bis hin zum sizilianischen Abendessen bei Alessandra in der Trattoria da Enzo. </p> </div> <div class="p-6 pt-0 border-t border-stone-800/60 mt-4 flex items-center justify-between text-xs text-stone-400"> <span>Sergio Campisi</span> <a href="/blog/48-stunden-in-goslar" class="font-bold text-amber-400 hover:underline">
Weiterlesen →
</a> </div> </article><article class="bg-stone-900 border border-stone-800/80 rounded-2xl overflow-hidden shadow-lg hover:border-amber-500/50 transition-all duration-300 flex flex-col justify-between"> <div class="p-6 space-y-4"> <div class="flex items-center justify-between text-xs text-amber-400 font-medium"> <span class="px-2.5 py-0.5 rounded-full bg-stone-800 border border-stone-700">Trattoria</span> <span class="text-stone-400">4 min</span> </div> <h3 class="font-serif text-xl font-bold text-white hover:text-amber-400 transition-colors leading-snug"> <a href="/blog/sizilianische-kueche-goslar">Das Geheimnis echter sizilianischer Pasta: Zu Besuch bei Alessandra in Goslar</a> </h3> <p class="text-stone-300 text-xs leading-relaxed line-clamp-3"> Frische Kräuter, aromatisches Olivenöl aus Sizilien und handgemachte Pasta nach Rezepten von Vater Vincenzo &#39;Enzo&#39;. Was die Trattoria da Enzo in Goslar so besonders macht. </p> </div> <div class="p-6 pt-0 border-t border-stone-800/60 mt-4 flex items-center justify-between text-xs text-stone-400"> <span>Alessandra Campisi</span> <a href="/blog/sizilianische-kueche-goslar" class="font-bold text-amber-400 hover:underline">
Weiterlesen →
</a> </div> </article><article class="bg-stone-900 border border-stone-800/80 rounded-2xl overflow-hidden shadow-lg hover:border-amber-500/50 transition-all duration-300 flex flex-col justify-between"> <div class="p-6 space-y-4"> <div class="flex items-center justify-between text-xs text-amber-400 font-medium"> <span class="px-2.5 py-0.5 rounded-full bg-stone-800 border border-stone-700">Apartments</span> <span class="text-stone-400">3 min</span> </div> <h3 class="font-serif text-xl font-bold text-white hover:text-amber-400 transition-colors leading-snug"> <a href="/blog/direktbuchung-vorteile">Warum sich die Direktbuchung lohnt: 15% sparen &amp; Exklusive Vorteile in der Casa da Enzo</a> </h3> <p class="text-stone-300 text-xs leading-relaxed line-clamp-3"> Buche direkt über unsere Eviivo-Buchungsmaschine und sichere dir 15% Bestpreis-Rabatt, bevorzugte Tischreservierung in der Trattoria und flexiblere Stornierungsbedingungen. </p> </div> <div class="p-6 pt-0 border-t border-stone-800/60 mt-4 flex items-center justify-between text-xs text-stone-400"> <span>Alja Campisi</span> <a href="/blog/direktbuchung-vorteile" class="font-bold text-amber-400 hover:underline">
Weiterlesen →
</a> </div> </article><article class="bg-stone-900 border border-stone-800/80 rounded-2xl overflow-hidden shadow-lg hover:border-amber-500/50 transition-all duration-300 flex flex-col justify-between"> <div class="p-6 space-y-4"> <div class="flex items-center justify-between text-xs text-amber-400 font-medium"> <span class="px-2.5 py-0.5 rounded-full bg-stone-800 border border-stone-700">Apartments</span> <span class="text-stone-400">4 min</span> </div> <h3 class="font-serif text-xl font-bold text-white hover:text-amber-400 transition-colors leading-snug"> <a href="/blog/workation-im-harz">Workation &amp; Remote Work im Harz: Produktiv arbeiten in den Boutique-Suites</a> </h3> <p class="text-stone-300 text-xs leading-relaxed line-clamp-3"> Warum immer mehr Digitale Nomaden und Geschäftsreisende unsere Suite 4 mit Highspeed Workspace für ihre Workation in Goslar wählen. </p> </div> <div class="p-6 pt-0 border-t border-stone-800/60 mt-4 flex items-center justify-between text-xs text-stone-400"> <span>Sergio Campisi</span> <a href="/blog/workation-im-harz" class="font-bold text-amber-400 hover:underline">
Weiterlesen →
</a> </div> </article> </div> <!-- Lead Gen CTA Box --> <div class="mt-20 p-8 sm:p-12 rounded-3xl bg-gradient-to-r from-stone-900 via-stone-800 to-stone-900 border border-amber-500/30 text-center space-y-6 shadow-2xl"> <span class="px-4 py-1.5 rounded-full bg-amber-500/20 text-amber-400 text-xs font-semibold uppercase tracking-widest border border-amber-500/30">
Erlebe es selbst in Goslar
</span> <h3 class="font-serif text-3xl font-bold text-white max-w-2xl mx-auto">
Bereit für Urlaub & Kulinarik in der Bäckerstraße 18?
</h3> <p class="text-stone-300 text-sm max-w-xl mx-auto">
Sichere dir jetzt deine Boutique-Suite mit 15% Direktbucher-Vorteil oder reserviere deinen Tisch bei Alessandra.
</p> <div class="flex flex-wrap items-center justify-center gap-4 pt-2"> <a href="/apartments#booking" class="px-8 py-3.5 rounded-xl bg-[#C85A32] text-white font-bold text-sm hover:bg-[#b04d2a] transition-all shadow-lg">
Apartment direkt buchen (-15%)
</a> <a href="/trattoria#reservierung" class="px-8 py-3.5 rounded-xl bg-amber-500 text-stone-950 font-bold text-sm hover:bg-amber-400 transition-all shadow-lg">
Tisch in der Trattoria reservieren
</a> </div> </div> </div> </section> </main> <footer class="bg-stone-950 text-stone-400 pt-16 pb-12 border-t border-stone-800 font-sans"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-12"> <!-- Col 1: Brand & Heritage --> <div class="space-y-4"> <div class="flex items-center gap-3"> <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-[#2D5A43] via-[#D4A373] to-[#C85A32] p-0.5"> <div class="w-full h-full bg-stone-950 rounded-[10px] flex items-center justify-center font-serif text-lg font-bold text-amber-400">
E
</div> </div> <div> <h3 class="font-serif text-xl font-bold text-stone-100">Casa da Enzo</h3> <p class="text-[10px] uppercase tracking-widest text-amber-400">Sizilien trifft Goslar • Seit 1980</p> </div> </div> <p class="text-xs leading-relaxed text-stone-400">
7 individuelle Boutique-Apartments über unserer traditionsreichen Trattoria im UNESCO-Weltkulturerbe Goslar. 100% digitaler Check-in trifft auf authentische italienische Gastfreundschaft.
</p> <p class="text-xs text-amber-400 font-medium">
📍 Bäckerstraße 18 • 38640 Goslar, Harz
</p> </div> <!-- Col 2: Navigation --> <div class="space-y-3"> <h4 class="font-serif text-base font-semibold text-stone-100 border-b border-stone-800 pb-2">Navigation</h4> <ul class="space-y-2 text-xs"> <li> <a href="/apartments" class="hover:text-emerald-400 transition-colors flex items-center gap-2"> <span class="w-1.5 h-1.5 rounded-full bg-emerald-500"></span> <span>Apartments & Suiten (7 Einheiten)</span> </a> </li> <li> <a href="/trattoria" class="hover:text-[#C85A32] transition-colors flex items-center gap-2"> <span class="w-1.5 h-1.5 rounded-full bg-[#C85A32]"></span> <span>Trattoria da Enzo (Speisekarte & Tisch)</span> </a> </li> <li> <a href="/trattoria#gutscheine" class="hover:text-amber-400 transition-colors flex items-center gap-2"> <span class="w-1.5 h-1.5 rounded-full bg-amber-400"></span> <span>Gutschein-Shop</span> </a> </li> <li> <a href="/blog" class="hover:text-amber-400 transition-colors">
Blog & Magazin
</a> </li> <li> <a href="/#geschichte" class="hover:text-amber-400 transition-colors">
Unsere Geschichte
</a> </li> </ul> </div> <!-- Col 3: Contacts --> <div class="space-y-3"> <h4 class="font-serif text-base font-semibold text-stone-100 border-b border-stone-800 pb-2">
Kontakt & Service
</h4> <div class="space-y-3 text-xs"> <!-- Apartments Contact --> <div class="p-3 rounded-xl bg-stone-900 border border-emerald-500/30 space-y-1"> <div class="text-[10px] uppercase font-bold text-emerald-400 flex items-center gap-1.5"> <span class="w-2 h-2 rounded-full bg-emerald-500"></span> <span>Apartments & Buchungen</span> </div> <a href="https://wa.me/4915207483196" target="_blank" class="block text-emerald-400 hover:underline font-bold">
WhatsApp: +49 1520 7483196
</a> <p class="text-[10px] text-stone-400">E-Mail: booking@casa-daenzo.de</p> </div> <!-- Trattoria Contact --> <div class="p-3 rounded-xl bg-stone-900 border border-[#C85A32]/30 space-y-1"> <div class="text-[10px] uppercase font-bold text-[#C85A32] flex items-center gap-1.5"> <span class="w-2 h-2 rounded-full bg-[#C85A32]"></span> <span>Trattoria Reservierung</span> </div> <a href="tel:+4915207483196" class="block text-[#C85A32] hover:underline font-bold">
Telefon: +49 1520 7483196
</a> <p class="text-[10px] text-stone-400">Öffnungszeiten: Di–So 17:00–22:30 Uhr</p> </div> </div> </div> <!-- Col 4: Direct Booking Advantages --> <div class="p-6 rounded-3xl bg-stone-900 border border-stone-800 space-y-4 shadow-xl"> <h4 class="font-serif text-base font-semibold text-amber-400">
Direktbucher-Vorteile
</h4> <ul class="space-y-2.5 text-xs text-stone-300"> <li class="flex items-start gap-2"> <span class="text-amber-400 font-bold">✓</span> <span>Bestpreis-Garantie (15% günstiger als Booking.com)</span> </li> <li class="flex items-start gap-2"> <span class="text-amber-400 font-bold">✓</span> <span>Bevorzugte Tischreservierung in der Trattoria</span> </li> <li class="flex items-start gap-2"> <span class="text-amber-400 font-bold">✓</span> <span>Kontaktloser Nuki Smart-Lock Check-in</span> </li> </ul> <a href="/apartments#booking" class="block text-center py-2.5 rounded-xl bg-[#C85A32] text-white font-bold text-xs hover:bg-[#b04d2a] transition-colors">
Verfügbarkeit prüfen
</a> </div> </div> <!-- Bottom line --> <div class="pt-8 border-t border-stone-900 flex flex-col sm:flex-row items-center justify-between text-xs text-stone-500 gap-4"> <p>© 2026 Casa da Enzo Goslar. Alle Rechte vorbehalten.</p> <div class="flex items-center gap-6"> <a href="https://guest.eviivo.com/casa-daenzo" target="_blank" class="hover:text-stone-300 transition-colors">Eviivo Guest Directory</a> </div> </div> </div> </footer> <div id="enzino-widget" class="fixed bottom-6 right-6 z-50 font-sans" data-lang="de"> <!-- Floating Launcher Button --> <button id="enzino-launcher" class="relative group flex items-center gap-3 bg-[#24211D] border border-[#D4A373]/30 hover:border-[#D4A373] text-[#E6D5C3] px-4 py-3 rounded-full shadow-2xl transition-all duration-300 hover:scale-105" aria-label="Enzino Concierge Chat öffnen"> <div class="relative w-10 h-10 rounded-full bg-gradient-to-br from-[#C85A32] to-[#D4A373] p-0.5 flex items-center justify-center shadow-inner"> <div class="w-full h-full rounded-full bg-[#1A1816] flex items-center justify-center text-lg font-serif font-bold text-[#D4A373]">
🇮🇹
</div> <span class="absolute -top-0.5 -right-0.5 w-3 h-3 bg-emerald-500 rounded-full border-2 border-[#1A1816] animate-pulse"></span> </div> <div class="text-left hidden sm:block"> <div class="text-xs font-serif font-bold text-[#D4A373] tracking-wide">Enzino Concierge</div> <div class="text-[10px] text-[#A3978B]">Online • Frag mich was!</div> </div> </button> <!-- Chat Dialog Window --> <div id="enzino-chat-window" class="hidden fixed bottom-6 right-6 w-[calc(100vw-3rem)] sm:w-[380px] max-h-[580px] h-[85vh] bg-[#24211D] border border-[#D4A373]/30 rounded-3xl shadow-2xl flex-col overflow-hidden transition-all duration-300 z-50"> <!-- Header --> <div class="bg-[#1A1816] border-b border-[#D4A373]/20 p-4 flex items-center justify-between"> <div class="flex items-center gap-3"> <div class="relative w-10 h-10 rounded-full bg-gradient-to-br from-[#C85A32] to-[#D4A373] p-0.5 flex items-center justify-center"> <div class="w-full h-full rounded-full bg-[#24211D] flex items-center justify-center text-lg">
👨‍🍳
</div> <span class="absolute bottom-0 right-0 w-2.5 h-2.5 bg-emerald-500 rounded-full border border-[#1A1816]"></span> </div> <div> <h3 class="font-serif text-sm font-bold text-[#E6D5C3]">Enzino da Enzo</h3> <p class="text-[10px] text-[#D4A373]">Digitaler Host & Concierge</p> </div> </div> <div class="flex items-center gap-2"> <!-- Session Disable Button --> <button id="enzino-disable-btn" title="Enzino für diese Session deaktivieren" class="p-1.5 text-[#A3978B] hover:text-amber-400 rounded-lg hover:bg-[#2A2622] text-xs transition-colors">
🚫
</button> <!-- Close Button --> <button id="enzino-close-btn" class="p-1.5 text-[#A3978B] hover:text-white rounded-lg hover:bg-[#2A2622] transition-colors" aria-label="Chat schließen">
✕
</button> </div> </div> <!-- Messages Body --> <div id="enzino-messages" class="flex-1 p-4 overflow-y-auto space-y-3.5 text-xs text-[#E6D5C3]"> <!-- Initial Bot Message --> <div class="flex gap-2.5 items-start"> <div class="w-7 h-7 rounded-full bg-[#C85A32]/20 border border-[#C85A32]/40 flex items-center justify-center text-xs shrink-0">
🇮🇹
</div> <div class="bg-[#2E2A25] border border-[#D4A373]/15 p-3 rounded-2xl rounded-tl-none max-w-[85%] leading-relaxed shadow-sm"> Ciao! I&#39;m Enzino, dein italienischer Digital Concierge 🇮🇹 Wie kann ich dir heute helfen? Frag mich nach unseren Apartments, der Trattoria oder dem digitalen Check-in! </div> </div> <!-- Quick Chips --> <div id="enzino-chips" class="flex flex-wrap gap-1.5 pt-2 pl-9"> <button class="enzino-chip text-[11px] bg-[#1A1816] hover:bg-[#C85A32]/20 text-[#D4A373] border border-[#D4A373]/30 hover:border-[#D4A373] px-3 py-1.5 rounded-full transition-all text-left" data-question="Wie funktioniert der Check-in?"> Wie funktioniert der Check-in? </button><button class="enzino-chip text-[11px] bg-[#1A1816] hover:bg-[#C85A32]/20 text-[#D4A373] border border-[#D4A373]/30 hover:border-[#D4A373] px-3 py-1.5 rounded-full transition-all text-left" data-question="Tisch in der Trattoria reservieren"> Tisch in der Trattoria reservieren </button><button class="enzino-chip text-[11px] bg-[#1A1816] hover:bg-[#C85A32]/20 text-[#D4A373] border border-[#D4A373]/30 hover:border-[#D4A373] px-3 py-1.5 rounded-full transition-all text-left" data-question="Direktbucher Bestpreis"> Direktbucher Bestpreis </button><button class="enzino-chip text-[11px] bg-[#1A1816] hover:bg-[#C85A32]/20 text-[#D4A373] border border-[#D4A373]/30 hover:border-[#D4A373] px-3 py-1.5 rounded-full transition-all text-left" data-question="Digitales Gästebuch (Eviivo)"> Digitales Gästebuch (Eviivo) </button> </div> </div> <!-- Typing Indicator (hidden by default) --> <div id="enzino-typing" class="hidden px-4 py-2 text-[11px] text-[#D4A373] italic flex items-center gap-2 bg-[#1A1816]/50"> <span class="w-2 h-2 bg-[#D4A373] rounded-full animate-ping"></span> <span>Enzino tippt...</span> </div> <!-- Input Footer --> <form id="enzino-form" class="bg-[#1A1816] border-t border-[#D4A373]/20 p-3 flex gap-2"> <input type="text" id="enzino-input" placeholder="Stelle Enzino eine Frage..." class="flex-1 bg-[#24211D] border border-[#D4A373]/20 focus:border-[#D4A373] text-[#E6D5C3] placeholder-[#A3978B] text-xs rounded-xl px-3 py-2.5 outline-none transition-all" autocomplete="off"> <button type="submit" class="bg-[#C85A32] hover:bg-[#b04d2a] text-white px-3.5 py-2.5 rounded-xl text-xs font-bold transition-all shrink-0">
➔
</button> </form> </div> </div> </body></html>