chore: wipe legacy codebase for complete project restart

.astro/astro/content.d.ts

@@ -0,0 +1,248 @@
+declare module 'astro:content' {
+	interface RenderResult {
+		Content: import('astro/runtime/server/index.js').AstroComponentFactory;
+		headings: import('astro').MarkdownHeading[];
+		remarkPluginFrontmatter: Record<string, any>;
+	}
+	interface Render {
+		'.md': Promise<RenderResult>;
+	}
+
+	export interface RenderedContent {
+		html: string;
+		metadata?: {
+			imagePaths: Array<string>;
+			[key: string]: unknown;
+		};
+	}
+}
+
+declare module 'astro:content' {
+	type Flatten<T> = T extends { [K: string]: infer U } ? U : never;
+
+	export type CollectionKey = keyof AnyEntryMap;
+	export type CollectionEntry<C extends CollectionKey> = Flatten<AnyEntryMap[C]>;
+
+	export type ContentCollectionKey = keyof ContentEntryMap;
+	export type DataCollectionKey = keyof DataEntryMap;
+
+	type AllValuesOf<T> = T extends any ? T[keyof T] : never;
+	type ValidContentEntrySlug<C extends keyof ContentEntryMap> = AllValuesOf<
+		ContentEntryMap[C]
+	>['slug'];
+
+	/** @deprecated Use `getEntry` instead. */
+	export function getEntryBySlug<
+		C extends keyof ContentEntryMap,
+		E extends ValidContentEntrySlug<C> | (string & {}),
+	>(
+		collection: C,
+		// Note that this has to accept a regular string too, for SSR
+		entrySlug: E,
+	): E extends ValidContentEntrySlug<C>
+		? Promise<CollectionEntry<C>>
+		: Promise<CollectionEntry<C> | undefined>;
+
+	/** @deprecated Use `getEntry` instead. */
+	export function getDataEntryById<C extends keyof DataEntryMap, E extends keyof DataEntryMap[C]>(
+		collection: C,
+		entryId: E,
+	): Promise<CollectionEntry<C>>;
+
+	export function getCollection<C extends keyof AnyEntryMap, E extends CollectionEntry<C>>(
+		collection: C,
+		filter?: (entry: CollectionEntry<C>) => entry is E,
+	): Promise<E[]>;
+	export function getCollection<C extends keyof AnyEntryMap>(
+		collection: C,
+		filter?: (entry: CollectionEntry<C>) => unknown,
+	): Promise<CollectionEntry<C>[]>;
+
+	export function getEntry<
+		C extends keyof ContentEntryMap,
+		E extends ValidContentEntrySlug<C> | (string & {}),
+	>(entry: {
+		collection: C;
+		slug: E;
+	}): E extends ValidContentEntrySlug<C>
+		? Promise<CollectionEntry<C>>
+		: Promise<CollectionEntry<C> | undefined>;
+	export function getEntry<
+		C extends keyof DataEntryMap,
+		E extends keyof DataEntryMap[C] | (string & {}),
+	>(entry: {
+		collection: C;
+		id: E;
+	}): E extends keyof DataEntryMap[C]
+		? Promise<DataEntryMap[C][E]>
+		: Promise<CollectionEntry<C> | undefined>;
+	export function getEntry<
+		C extends keyof ContentEntryMap,
+		E extends ValidContentEntrySlug<C> | (string & {}),
+	>(
+		collection: C,
+		slug: E,
+	): E extends ValidContentEntrySlug<C>
+		? Promise<CollectionEntry<C>>
+		: Promise<CollectionEntry<C> | undefined>;
+	export function getEntry<
+		C extends keyof DataEntryMap,
+		E extends keyof DataEntryMap[C] | (string & {}),
+	>(
+		collection: C,
+		id: E,
+	): E extends keyof DataEntryMap[C]
+		? Promise<DataEntryMap[C][E]>
+		: Promise<CollectionEntry<C> | undefined>;
+
+	/** Resolve an array of entry references from the same collection */
+	export function getEntries<C extends keyof ContentEntryMap>(
+		entries: {
+			collection: C;
+			slug: ValidContentEntrySlug<C>;
+		}[],
+	): Promise<CollectionEntry<C>[]>;
+	export function getEntries<C extends keyof DataEntryMap>(
+		entries: {
+			collection: C;
+			id: keyof DataEntryMap[C];
+		}[],
+	): Promise<CollectionEntry<C>[]>;
+
+	export function render<C extends keyof AnyEntryMap>(
+		entry: AnyEntryMap[C][string],
+	): Promise<RenderResult>;
+
+	export function reference<C extends keyof AnyEntryMap>(
+		collection: C,
+	): import('astro/zod').ZodEffects<
+		import('astro/zod').ZodString,
+		C extends keyof ContentEntryMap
+			? {
+					collection: C;
+					slug: ValidContentEntrySlug<C>;
+				}
+			: {
+					collection: C;
+					id: keyof DataEntryMap[C];
+				}
+	>;
+	// Allow generic `string` to avoid excessive type errors in the config
+	// if `dev` is not running to update as you edit.
+	// Invalid collection names will be caught at build time.
+	export function reference<C extends string>(
+		collection: C,
+	): import('astro/zod').ZodEffects<import('astro/zod').ZodString, never>;
+
+	type ReturnTypeOrOriginal<T> = T extends (...args: any[]) => infer R ? R : T;
+	type InferEntrySchema<C extends keyof AnyEntryMap> = import('astro/zod').infer<
+		ReturnTypeOrOriginal<Required<ContentConfig['collections'][C]>['schema']>
+	>;
+
+	type ContentEntryMap = {
+		"apartments": {
+"romantik-1.md": {
+	id: "romantik-1.md";
+  slug: "romantik-1";
+  body: string;
+  collection: "apartments";
+  data: InferEntrySchema<"apartments">
+} & { render(): Render[".md"] };
+"romantik-2.md": {
+	id: "romantik-2.md";
+  slug: "romantik-2";
+  body: string;
+  collection: "apartments";
+  data: InferEntrySchema<"apartments">
+} & { render(): Render[".md"] };
+"studio.md": {
+	id: "studio.md";
+  slug: "studio";
+  body: string;
+  collection: "apartments";
+  data: InferEntrySchema<"apartments">
+} & { render(): Render[".md"] };
+"suite-1-balkon.md": {
+	id: "suite-1-balkon.md";
+  slug: "suite-1-balkon";
+  body: string;
+  collection: "apartments";
+  data: InferEntrySchema<"apartments">
+} & { render(): Render[".md"] };
+"suite-2-terrasse.md": {
+	id: "suite-2-terrasse.md";
+  slug: "suite-2-terrasse";
+  body: string;
+  collection: "apartments";
+  data: InferEntrySchema<"apartments">
+} & { render(): Render[".md"] };
+"suite-3-komfort.md": {
+	id: "suite-3-komfort.md";
+  slug: "suite-3-komfort";
+  body: string;
+  collection: "apartments";
+  data: InferEntrySchema<"apartments">
+} & { render(): Render[".md"] };
+"suite-4-workspace.md": {
+	id: "suite-4-workspace.md";
+  slug: "suite-4-workspace";
+  body: string;
+  collection: "apartments";
+  data: InferEntrySchema<"apartments">
+} & { render(): Render[".md"] };
+};
+"blog": {
+"48-stunden-in-goslar.md": {
+	id: "48-stunden-in-goslar.md";
+  slug: "48-stunden-in-goslar";
+  body: string;
+  collection: "blog";
+  data: InferEntrySchema<"blog">
+} & { render(): Render[".md"] };
+"5-geheimtipps-goslar.md": {
+	id: "5-geheimtipps-goslar.md";
+  slug: "5-geheimtipps-goslar";
+  body: string;
+  collection: "blog";
+  data: InferEntrySchema<"blog">
+} & { render(): Render[".md"] };
+"direktbuchung-vorteile.md": {
+	id: "direktbuchung-vorteile.md";
+  slug: "direktbuchung-vorteile";
+  body: string;
+  collection: "blog";
+  data: InferEntrySchema<"blog">
+} & { render(): Render[".md"] };
+"sizilianische-kueche-goslar.md": {
+	id: "sizilianische-kueche-goslar.md";
+  slug: "sizilianische-kueche-goslar";
+  body: string;
+  collection: "blog";
+  data: InferEntrySchema<"blog">
+} & { render(): Render[".md"] };
+"trattoria-geheimnisse.md": {
+	id: "trattoria-geheimnisse.md";
+  slug: "trattoria-geheimnisse";
+  body: string;
+  collection: "blog";
+  data: InferEntrySchema<"blog">
+} & { render(): Render[".md"] };
+"workation-im-harz.md": {
+	id: "workation-im-harz.md";
+  slug: "workation-im-harz";
+  body: string;
+  collection: "blog";
+  data: InferEntrySchema<"blog">
+} & { render(): Render[".md"] };
+};
+
+	};
+
+	type DataEntryMap = {
+		
+	};
+
+	type AnyEntryMap = ContentEntryMap & DataEntryMap;
+
+	export type ContentConfig = typeof import("../../src/content/config.js");
+}

.astro/types.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="astro/client" />
+/// <reference path="astro/content.d.ts" />

.gitignore

@@ -1,16 +0,0 @@
-# dependencies
-/node_modules
-/.pnpm-store
-
-# build output
-/dist
-/.astro
-
-# misc
-.DS_Store
-.env
-.env.*
-!.env.example
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*

README.md

@@ -1,50 +0,0 @@
-# Casa da Enzo — Website (`casa-daenzo.de`)
-
-> **One-Sentence Pitch:** Hochperformante, maßgeschneiderte und KI-agenten-gesteuerte Astro-Plattform für Casa da Enzo (7 Boutique-Apartments & Trattoria in Goslar).
-
----
-
-## 🚀 Technologie-Stack
-
-- **Framework:** [Astro v4](https://astro.build/) (Zero-JS-Hydration per Default)
-- **Styling:** [Tailwind CSS](https://tailwindcss.com/) mit custom Farbpalette (Terracotta, Gold, Olive, Fachwerktöne)
-- **Typografie:** Playfair Display (Serif) & Plus Jakarta Sans (Sans-Serif)
-- **Content:** Astro Content Collections (Markdown-gestützte Pflege für alle 7 Suiten)
-- **SEO & Structured Data:** Natives JSON-LD Schema.org (`VacationRental` & `Restaurant`)
-- **Integrationen:** 
-  - Direct Booking Engine (Eviivo Interface)
-  - Floating WhatsApp Concierge Widget (WAHA Bridge)
-
----
-
-## 🤖 Agenten-Flotte Responsibilities
-
-| Agent | Rolle & Verantwortung im Repository |
-| :--- | :--- |
-| **Leonardo** | Lead SWE: Repo-Architektur, Performance, CI/CD, Eviivo-Schnittstelle, Astro Components |
-| **Giotto** | Creative Director: UI/UX Design System, CSS Tokens, Image Optimization, Visual Assets |
-| **Dante** | Head of Copy & SEO: Copywriting, Markdown-Silos in `src/content/`, JSON-LD Schemas |
-| **Enzo** | Hospitality Ops: FAQ-Logistik, Nuki/Check-in-Informationen, Trattoria-Synergie |
-| **Hermes** | CoS: Gesamtkoordination, Alignment, Project Management |
-
----
-
-## 🛠️ Lokale Entwicklung & Build
-
-```bash
-# Installation
-npm install
-
-# Entwicklungs-Server starten
-npm run dev
-
-# Produktions-Build testen
-npm run build
-```
-
----
-
-## 📍 Deployment & CI/CD
-
-Das Repository ist synchronisiert mit **Gitea** (`https://git.campisi.cc/admin/casa-daenzo-web.git`).
-Deployments erfolgen automatisiert über Gitea Actions / Cloudflare Pages.

astro.config.mjs

@@ -1,8 +0,0 @@
-import { defineConfig } from 'astro/config';
-import tailwind from '@astrojs/tailwind';
-
-// https://astro.build/config
-export default defineConfig({
-  site: 'https://casa-daenzo.de',
-  integrations: [tailwind()],
-});

dist/_astro/_slug_.B_TTBYoh.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..700;1,400..700&family=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Plus Jakarta Sans,Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-dark);color:var(--text-main);scroll-behavior:smooth}body{backgrouLine truncated

dist/_astro/hoisted.BgEdluJI.js

@@ -0,0 +1 @@
+import"./hoisted.jAcVTPu2.js";const o=document.querySelectorAll("#faq-filters button"),l=document.querySelectorAll(".faq-item");o.forEach(e=>{e.addEventListener("click",()=>{const s=e.getAttribute("data-filter");o.forEach(t=>{t.classList.remove("bg-[#C85A32]","text-white"),t.classList.add("bg-white","text-stone-700")}),e.classList.remove("bg-white","text-stone-700"),e.classList.add("bg-[#C85A32]","text-white"),l.forEach(t=>{const c=t.getAttribute("data-category");s==="all"||c===s?t.style.display="block":t.style.display="none"})})});document.querySelectorAll(".faq-toggle").forEach(e=>{e.addEventListener("click",()=>{const s=e.closest(".faq-item");if(!s)return;const t=s.querySelector(".faq-content"),c=s.querySelector(".faq-icon");if(t&&c){const i=t.classList.contains("hidden");t.classList.toggle("hidden"),c.textContent=i?"−":"+"}})});

dist/_astro/hoisted.D1ACqP_G.js

@@ -0,0 +1,19 @@
+import"./hoisted.jAcVTPu2.js";document.addEventListener("DOMContentLoaded",()=>{const p=document.getElementById("res-date");if(p){const e=new Date;e.setDate(e.getDate()+1),p.value=e.toISOString().split("T")[0]}const l=document.getElementById("reservation-form"),y=document.getElementById("res-success"),h=document.getElementById("res-summary-box"),b=document.getElementById("res-whatsapp-btn");l&&l.addEventListener("submit",e=>{e.preventDefault();const t=document.getElementById("res-date").value,n=document.getElementById("res-shift").value,c=document.getElementById("res-time").value,m=document.getElementById("res-guests").value,o=document.getElementById("res-name").value,u=document.getElementById("res-phone").value,g=document.getElementById("res-email").value,s=document.getElementById("res-notes").value;h&&(h.innerHTML=`
+            <p><strong>Gast:</strong> ${o}</p>
+            <p><strong>Datum & Zeit:</strong> ${t} um ${c} Uhr (${n})</p>
+            <p><strong>Personen:</strong> ${m}</p>
+            <p><strong>Kontakt:</strong> ${u} | ${g}</p>
+            ${s?`<p><strong>Anmerkungen:</strong> ${s}</p>`:""}
+          `);const v=encodeURIComponent(`Hallo Alessandra, ich möchte einen Tisch in der Trattoria reservieren:
+
+• Name: ${o}
+• Datum: ${t} um ${c} Uhr
+• Personen: ${m}
+• Telefon: ${u}
+`+(s?`• Anmerkung: ${s}`:""));b&&(b.href=`https://wa.me/4915207483196?text=${v}`),l.classList.add("hidden"),y&&y.classList.remove("hidden")});const i=document.getElementById("voucher-form"),S=document.querySelectorAll('input[name="delivery_type"]'),r=document.getElementById("address-fields"),f=document.getElementById("voucher-total-display"),E=document.querySelectorAll(".voucher-amount-card"),I=document.querySelectorAll(".voucher-motif-card"),B=document.getElementById("voucher-success"),$=document.getElementById("voucher-summary-box");let d=50,a=0;function L(){const e=d+a;f&&(f.textContent=`${e.toFixed(2).replace(".",",")} €`)}E.forEach(e=>{e.addEventListener("click",()=>{const t=e.querySelector("input");t&&(t.checked=!0,d=parseInt(t.value,10),E.forEach(n=>{n.classList.remove("border-amber-400","bg-amber-500/20","text-amber-300","font-bold"),n.classList.add("border-stone-700","bg-stone-900/80","text-stone-300")}),e.classList.remove("border-stone-700","bg-stone-900/80","text-stone-300"),e.classList.add("border-amber-400","bg-amber-500/20","text-amber-300","font-bold"),L())})}),I.forEach(e=>{e.addEventListener("click",()=>{const t=e.querySelector("input");t&&(t.checked=!0,I.forEach(n=>{n.classList.remove("border-amber-400","bg-amber-500/20"),n.classList.add("border-stone-700","bg-stone-900/80")}),e.classList.remove("border-stone-700","bg-stone-900/80"),e.classList.add("border-amber-400","bg-amber-500/20"))})}),S.forEach(e=>{e.addEventListener("change",()=>{e.value==="post"?(a=5,r&&r.classList.remove("hidden")):(a=0,r&&r.classList.add("hidden")),L()})}),i&&i.addEventListener("submit",e=>{e.preventDefault();const t=document.querySelector('input[name="voucher_motif"]:checked')?.value||"Standard",n=document.querySelector('input[name="delivery_type"]:checked')?.value,c=document.getElementById("v-buyer-name").value,m=document.getElementById("v-buyer-email").value;let o="Abholung vor Ort in der Trattoria (Bäckerstraße 18, Goslar)";if(n==="post"){const u=document.getElementById("v-street-name").value,g=document.getElementById("v-street-addr").value,s=document.getElementById("v-city").value,v=document.getElementById("v-country").value;o=`Postversand (+5,00 €) an: ${u}, ${g}, ${s}, ${v}`}$&&($.innerHTML=`
+            <p><strong>Gutscheinwert:</strong> ${d},00 €</p>
+            <p><strong>Motiv:</strong> ${t}</p>
+            <p><strong>Käufer:</strong> ${c} (${m})</p>
+            <p><strong>Versandart:</strong> ${o}</p>
+            <p><strong>Gesamtsumme:</strong> ${(d+a).toFixed(2).replace(".",",")} €</p>
+          `),i.classList.add("hidden"),B&&B.classList.remove("hidden")})});

dist/_astro/hoisted.DhmFiA3z.js

@@ -0,0 +1 @@
+import"./hoisted.jAcVTPu2.js";document.addEventListener("DOMContentLoaded",()=>{const o=document.querySelectorAll(".filter-btn"),r=document.querySelectorAll(".apartment-item");o.forEach(e=>{e.addEventListener("click",()=>{const s=e.getAttribute("data-category");o.forEach(t=>{t.classList.remove("bg-[#C85A32]","text-white","active"),t.classList.add("bg-white","text-stone-700","border","border-stone-200")}),e.classList.remove("bg-white","text-stone-700","border","border-stone-200"),e.classList.add("bg-[#C85A32]","text-white","active"),r.forEach(t=>{const a=t.getAttribute("data-type");s==="all"||a===s?t.style.display="block":t.style.display="none"})})})});

dist/_astro/hoisted.T3ji74Vi.js

@@ -0,0 +1,73 @@
+import"./hoisted.jAcVTPu2.js";const b=document.querySelectorAll(".admin-tab"),f=document.querySelectorAll(".tab-content");b.forEach(e=>{e.addEventListener("click",()=>{const n=e.getAttribute("data-tab");b.forEach(t=>{t.classList.remove("bg-[#C85A32]","text-white","shadow-sm"),t.classList.add("bg-white","text-stone-700")}),e.classList.remove("bg-white","text-stone-700"),e.classList.add("bg-[#C85A32]","text-white","shadow-sm"),f.forEach(t=>{t.id===`tab-${n}`?t.classList.remove("hidden"):t.classList.add("hidden")})})});let u="",d="",a="";window.openAiDraftModal=function(e,n,t,s,r,o){u=e,d=n,a=t;const i=document.getElementById("ai-modal");document.getElementById("modal-title");const l=document.getElementById("modal-guest-name"),c=document.getElementById("modal-action-type"),g=document.getElementById("modal-details"),m=document.getElementById("ai-draft-textarea");l&&(l.textContent=n),c&&(c.textContent=t==="Confirm"?"Tischbestätigung":"Absage / Alternativtermin"),g&&(g.textContent=`${s} (${r})`),m&&(t==="Confirm"?m.value=`Liebe/r ${n},
+
+herzlichen Dank für Ihre Anfrage! Sehr gerne bestätigen wir Ihren Tisch in der Trattoria da Enzo am ${s} für ${r}.
+
+Ihre Wünsche (${o}) haben wir sehr gerne vermerkt. Wir freuen uns darauf, Sie bei uns in der Bäckerstraße 18 begrüßen zu dürfen und Sie mit kulinarischen Köstlichkeiten aus Sizilien zu verwöhnen!
+
+Herzlichst,
+Alessandra & das Casa da Enzo Team`:m.value=`Liebe/r ${n},
+
+vielen Dank für Ihr Interesse an der Trattoria da Enzo. Leider sind für den gewünschten Termin (${s}) bereits alle Tische ausgebucht.
+
+Sehr gerne bieten wir Ihnen eine Alternative an demselben Tag um 21:00 Uhr oder am Folgetag an. Antworten Sie einfach auf diese Nachricht.
+
+Herzliche Grüße,
+Alessandra & das Casa da Enzo Team`),i&&i.classList.remove("hidden")};window.closeAiModal=function(){const e=document.getElementById("ai-modal");e&&e.classList.add("hidden")};window.regenerateAiDraft=function(){const e=document.getElementById("ai-draft-textarea");e&&(a==="Confirm"?e.value=`Caro/a ${d},
+
+Benvenuto! Wir freuen uns außerordentlich, Ihnen mitteilen zu können, dass Ihr Tisch am ${new Date().toLocaleDateString("de-DE")} reserviert ist.
+
+Alessandra bereitet bereits die besten Zutaten vor. Bis ganz bald in Goslar!
+
+Saluti festosi,
+Enzo & Familie`:e.value=`Liebe/r ${d},
+
+leider lässt unsere Kapazität am gewünschten Abend keine weitere Reservierung zu. Wir möchten Sie jedoch unbedingt bei Ihrem nächsten Goslar-Besuch begrüßen!
+
+Herzliche Grüße,
+Trattoria da Enzo`)};window.confirmAndSendDraft=function(){const e=document.getElementById(`res-card-${u}`);e&&e.remove();const n=document.getElementById("processed-res-tbody");if(n){const r=document.createElement("tr"),o=new Date().toLocaleString("de-DE");r.innerHTML=`
+        <td class="p-3 font-mono font-bold">#RES-${u}</td>
+        <td class="p-3 font-semibold">${d}</td>
+        <td class="p-3">Anfrage bearbeitet</td>
+        <td class="p-3">${a==="Confirm"?"Bestätigt":"Abgelehnt"}</td>
+        <td class="p-3"><span class="px-2 py-0.5 rounded ${a==="Confirm"?"bg-emerald-100 text-emerald-800":"bg-rose-100 text-rose-800"} font-bold">${a==="Confirm"?"Bestätigt":"Abgelehnt"}</span></td>
+        <td class="p-3 text-stone-500">ENZO-STAFF-01 (Alessandra) • ${o}</td>
+      `,n.prepend(r)}const t=document.getElementById("history-log-tbody");if(t){const r=document.createElement("tr"),o=new Date().toLocaleString("de-DE");r.innerHTML=`
+        <td class="p-3 text-stone-500">${o}</td>
+        <td class="p-3"><span class="px-2 py-0.5 bg-emerald-100 text-emerald-900 font-bold rounded">Reservierung</span></td>
+        <td class="p-3 font-bold text-stone-900">Tisch #RES-${u} (${d}) ${a==="Confirm"?"Bestätigt":"Abgelehnt"}</td>
+        <td class="p-3">ENZO-STAFF-01 (Alessandra Campisi)</td>
+        <td class="p-3 text-stone-600">KI-Antwort verfasst & per E-Mail/WhatsApp gesendet</td>
+      `,t.prepend(r)}const s=document.getElementById("pending-badge");if(s){const r=document.querySelectorAll("#reservations-list > div").length;s.textContent=`${r} Neu`}window.closeAiModal(),alert(`E-Mail & Statusmeldung für ${d} erfolgreich versendet!`)};window.saveVacationSettings=function(){const e=document.getElementById("vacation-toggle"),n=document.getElementById("vacation-text-input"),t=document.getElementById("vacation-status-dot"),s=document.getElementById("vacation-status-text");e&&t&&s&&(e.checked?(t.className="w-2.5 h-2.5 rounded-full bg-amber-400 animate-pulse",s.innerHTML='Website Status: <strong class="text-amber-400">Betriebsferien Banner Aktiv</strong>',alert(`Betriebsferien-Banner auf Website aktiviert!
+Hinweis: "${n?n.value:""}"`)):(t.className="w-2.5 h-2.5 rounded-full bg-emerald-400",s.innerHTML="Website Status: <strong>Normalbetrieb</strong>",alert("Betriebsferien-Banner deaktiviert.")))};window.restoreMenuVersion=function(){const e=document.getElementById("menu-version-select"),n=document.getElementById("current-menu-version");e&&n&&(n.textContent=e.value+" (Wiederhergestellt)",alert(`Speisekarte erfolgreich auf Version ${e.value} zurückgesetzt!`))};window.translateMenuToEn=function(){alert("KI-Übersetzung abgeschlossen! Alle deutschen Gerichtsbezeichnungen und Beschreibungen besitzen nun ein englisches Pendant.")};window.publishMenu=function(){const e=document.getElementById("history-log-tbody");if(e){const n=document.createElement("tr"),t=new Date().toLocaleString("de-DE");n.innerHTML=`
+        <td class="p-3 text-stone-500">${t}</td>
+        <td class="p-3"><span class="px-2 py-0.5 bg-amber-100 text-amber-900 font-bold rounded">Menu</span></td>
+        <td class="p-3 font-bold text-stone-900">Speisekarte live geschaltet</td>
+        <td class="p-3">ENZO-STAFF-01 (Alessandra Campisi)</td>
+        <td class="p-3 text-stone-600">Änderungen auf casa-daenzo.de veröffentlicht</td>
+      `,e.prepend(n)}alert("🎉 Speisekarte erfolgreich auf der Website veröffentlicht!")};window.aiPolishDish=function(e){const n=e.closest(".p-4");if(!n)return;const t=n.querySelector(".dish-desc");t&&(t.value=t.value+" • Frisch zubereitet mit feinstem Olivenöl aus Sizilien.",alert("Gerichts-Beschreibung verfeinert!"))};window.addDish=function(e){const n=document.getElementById(`category-${e}`);if(!n)return;const t=document.createElement("div");t.className="p-4 rounded-2xl bg-stone-50 border border-stone-200 flex flex-col md:flex-row items-start md:items-center justify-between gap-4",t.innerHTML=`
+      <div class="space-y-1 flex-1">
+        <div class="flex items-center gap-2">
+          <input type="text" value="Neues Gericht" class="dish-title font-serif font-bold text-stone-900 text-base bg-transparent border-b border-stone-300 focus:outline-none focus:border-[#C85A32] w-full max-w-md">
+          <span class="text-xs font-mono font-bold text-stone-600">14.50 €</span>
+        </div>
+        <input type="text" value="Beschreibung der Zutaten und Zubereitung" class="dish-desc text-xs text-stone-600 bg-transparent border-b border-stone-200 focus:outline-none focus:border-[#C85A32] w-full">
+        <p class="dish-en text-[11px] text-indigo-600 font-medium italic mt-1">EN: New dish description</p>
+      </div>
+      <div class="flex items-center gap-2">
+        <button onclick="aiPolishDish(this)" class="px-3 py-1 rounded-lg bg-amber-100 text-amber-900 text-[11px] font-bold hover:bg-amber-200">✨ KI-Text schärfen</button>
+        <button onclick="this.closest('.p-4').remove()" class="text-rose-600 text-xs hover:underline">Löschen</button>
+      </div>
+    `,n.appendChild(t)};window.triggerVoucherEmail=function(e,n,t){const s=document.getElementById(`track-${e}`),r=s?s.value:"",o=document.getElementById(`vstatus-${e}`);o&&(o.className="px-2 py-0.5 rounded bg-emerald-100 text-emerald-800 font-bold",o.textContent=t==="Postalisch"?"Versendet":"Abholbereit");const i=document.getElementById("history-log-tbody");if(i){const l=document.createElement("tr"),c=new Date().toLocaleString("de-DE");l.innerHTML=`
+        <td class="p-3 text-stone-500">${c}</td>
+        <td class="p-3"><span class="px-2 py-0.5 bg-indigo-100 text-indigo-900 font-bold rounded">Gutschein</span></td>
+        <td class="p-3 font-bold text-stone-900">Gutschein #GUT-2026-${e} ${t==="Postalisch"?"versendet":"bereitgestellt"}</td>
+        <td class="p-3">ENZO-STAFF-01 (Alessandra Campisi)</td>
+        <td class="p-3 text-stone-600">${t==="Postalisch"?`DHL Sendungsnr: ${r}`:"Abhol-E-Mail gesendet"}</td>
+      `,i.prepend(l)}alert(t==="Postalisch"?`E-Mail an ${n} gesendet!
+Inhalt: Ihre Gutschein-Bestellung ist auf dem Weg. DHL Sendungsnummer: ${r}`:`E-Mail an ${n} gesendet!
+Inhalt: Ihr Gutschein liegt in der Trattoria da Enzo abholbereit.`)};window.addDayOverride=function(){const e=prompt("Datum der Sonderregelung (z.B. 03.10.2026):");if(!e)return;const n=prompt("Anlass / Grund (z.B. Tag der Deutschen Einheit):"),t=prompt("Öffnungszeit / Status (z.B. Durchgehend geöffnet 12:00-23:00 Uhr):"),s=document.getElementById("overrides-tbody");if(s&&e&&n&&t){const r=document.createElement("tr");r.innerHTML=`
+        <td class="p-3 font-bold">${e}</td>
+        <td class="p-3">${n}</td>
+        <td class="p-3"><span class="px-2 py-0.5 rounded bg-amber-100 text-amber-800 font-bold">${t}</span></td>
+        <td class="p-3"><button onclick="this.closest('tr').remove()" class="text-rose-600 hover:underline">Entfernen</button></td>
+      `,s.appendChild(r)}};

dist/_astro/hoisted.jAcVTPu2.js

@@ -0,0 +1,12 @@
+function h(){const r=document.getElementById("mobile-menu-btn"),s=document.getElementById("mobile-menu");r&&s&&r.addEventListener("click",()=>{s.classList.toggle("hidden")})}document.addEventListener("DOMContentLoaded",h);document.addEventListener("astro:page-load",h);function p(){const r=document.getElementById("enzino-launcher"),s=document.getElementById("enzino-chat-window"),l=document.getElementById("enzino-close-btn"),c=document.getElementById("enzino-disable-btn"),u=document.getElementById("enzino-form"),o=document.getElementById("enzino-input"),i=document.getElementById("enzino-messages"),d=document.getElementById("enzino-typing"),a=document.getElementById("enzino-widget");if(!r||!s||!l||!i)return;if(sessionStorage.getItem("enzino_disabled")==="true"){a&&(a.style.display="none");return}const g=a?.getAttribute("data-lang")||"de";r.addEventListener("click",()=>{s.classList.remove("hidden"),s.classList.add("flex"),r.classList.add("hidden"),o&&o.focus()}),l.addEventListener("click",()=>{s.classList.add("hidden"),s.classList.remove("flex"),r.classList.remove("hidden")}),c&&c.addEventListener("click",()=>{confirm(g==="de"?"Enzino für diese Browser-Sitzung ausblenden?":"Disable Enzino for this session?")&&(sessionStorage.setItem("enzino_disabled","true"),a&&(a.style.display="none"))}),document.querySelectorAll(".enzino-chip").forEach(n=>{n.addEventListener("click",t=>{const e=t.currentTarget.getAttribute("data-question");e&&m(e)})}),u&&u.addEventListener("submit",n=>{n.preventDefault();const t=o.value.trim();t&&(o.value="",m(t))});function f(n){const t=document.createElement("div");t.className="flex justify-end",t.innerHTML=`
+        <div class="bg-[#2D5A43] text-[#E6D5C3] p-3 rounded-2xl rounded-tr-none max-w-[85%] leading-relaxed shadow-sm">
+          ${v(n)}
+        </div>
+      `,i.appendChild(t),i.scrollTop=i.scrollHeight}function b(n){const t=document.createElement("div");t.className="flex gap-2.5 items-start",t.innerHTML=`
+        <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">
+          ${n}
+        </div>
+      `,i.appendChild(t),i.scrollTop=i.scrollHeight}function v(n){return n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function m(n){f(n),d&&d.classList.remove("hidden"),setTimeout(()=>{d&&d.classList.add("hidden");const t=k(n,g);b(t)},700)}function k(n,t){const e=n.toLowerCase();return e.includes("check-in")||e.includes("checkin")||e.includes("anreise")||e.includes("nuki")||e.includes("schlüssel")||e.includes("key")?t==="de"?"<strong>Perfetto!</strong> Der Check-in verläuft 100% kontaktlos und digital. Du erhältst vor deiner Anreise deinen persönlichen Nuki-PIN-Code per WhatsApp oder E-Mail. Check-in ist ab <strong>15:00 Uhr</strong> möglich. Bei Fragen erreichst du Alja direkt über <a href='https://wa.me/4915207483196' target='_blank' class='text-[#D4A373] underline'>WhatsApp (+49 1520 7483196)</a>.":"<strong>Perfetto!</strong> Check-in is 100% digital & contactless. You'll receive your personal Nuki PIN code via WhatsApp or email prior to arrival. Check-in starts at <strong>3:00 PM</strong>. For queries, text Alja directly via <a href='https://wa.me/4915207483196' target='_blank' class='text-[#D4A373] underline'>WhatsApp (+49 1520 7483196)</a>.":e.includes("tisch")||e.includes("trattoria")||e.includes("essen")||e.includes("pasta")||e.includes("reservier")||e.includes("restaurant")||e.includes("speisekarte")?t==="de"?"<strong>Mamma Mia!</strong> In Alessandras Trattoria wartet ehrliche sizilianische Küche auf dich! Öffnungszeiten: Di–So 17:00–22:30 Uhr (Montag Ruhetag). Hotelgäste genießen bevorzugte Tischreservierungen! Für Reservierungen rufe direkt unser Trattoria-Festnetz an: <a href='tel:+49532123456' class='text-[#D4A373] underline'>+49 5321 23456</a>.":"<strong>Mamma Mia!</strong> Honest Sicilian cuisine awaits you at Alessandra's Trattoria! Hours: Tue–Sun 5:00 PM–10:30 PM (Mon closed). Apartment guests get priority table reservations! Call our Trattoria landline: <a href='tel:+49532123456' class='text-[#D4A373] underline'>+49 5321 23456</a>.":e.includes("bestpreis")||e.includes("preis")||e.includes("rabatt")||e.includes("booking")||e.includes("direkt")?t==="de"?"<strong>Bellissimo!</strong> Wenn du direkt auf unserer Website buchst, sparst du dir <strong>15% OTA-Gebühren</strong> gegenüber Booking.com oder Airbnb. Wir garantieren dir den besten verfügbaren Preis!":"<strong>Bellissimo!</strong> Booking directly on our website saves you <strong>15% in OTA commissions</strong> compared to Booking.com or Airbnb. We guarantee the best available rate!":e.includes("eviivo")||e.includes("gästebuch")||e.includes("guest")||e.includes("directory")||e.includes("mappe")?t==="de"?"<strong>Prego!</strong> In unserem <a href='https://casa-daenzo.de/eviivo-guest' target='_blank' class='text-[#D4A373] underline'>Eviivo Digital Guest Directory</a> findest du alle Details zu deinem Aufenthalt, WLAN-Passwort und Tipps für Goslar. Logge dich einfach mit deiner Buchungsnummer und deinem Nachnamen ein!":"<strong>Prego!</strong> In our <a href='https://casa-daenzo.de/eviivo-guest' target='_blank' class='text-[#D4A373] underline'>Eviivo Digital Guest Directory</a> you'll find all details about your stay, Wi-Fi password, and local tips. Simply log in with your booking number and last name!":e.includes("kontakt")||e.includes("telefon")||e.includes("nummer")||e.includes("whatsapp")||e.includes("anja")||e.includes("alja")?t==="de"?"<strong>Hier ist unsere Kontakttrennung:</strong><br/>• <strong>Apartments & Buchungen:</strong> Alja per <a href='https://wa.me/4915207483196' target='_blank' class='text-[#D4A373] underline'>WhatsApp (+49 1520 7483196)</a><br/>• <strong>Trattoria & Tische:</strong> Festnetz <a href='tel:+49532123456' class='text-[#D4A373] underline'>+49 5321 23456</a>":"<strong>Here is our contact separation:</strong><br/>• <strong>Apartments & Bookings:</strong> Alja via <a href='https://wa.me/4915207483196' target='_blank' class='text-[#D4A373] underline'>WhatsApp (+49 1520 7483196)</a><br/>• <strong>Trattoria & Tables:</strong> Landline <a href='tel:+49532123456' class='text-[#D4A373] underline'>+49 5321 23456</a>":e.includes("parken")||e.includes("parking")||e.includes("auto")||e.includes("garagen")?t==="de"?"<strong>Molto bene!</strong> Zum Ausladen deines Gepäcks kannst du direkt vor das Haus (Bäckerstraße 18) fahren. Öffentliche Parkplätze & das Parkhaus 'Kaiserpassage' liegen nur 2-3 Gehminuten entfernt.":"<strong>Molto bene!</strong> You can stop directly in front of the building (Bäckerstraße 18) to unload luggage. Public parking and 'Kaiserpassage' parking garage are just 2-3 minutes walk away.":t==="de"?"<strong>Grazie für deine Frage!</strong> Bei allen Anliegen zu den Apartments schreib Alja per <a href='https://wa.me/4915207483196' target='_blank' class='text-[#D4A373] underline'>WhatsApp (+49 1520 7483196)</a>. Für Tischreservierungen rufe die Trattoria an (<a href='tel:+49532123456' class='text-[#D4A373] underline'>+49 5321 23456</a>)!"
Line truncated

dist/apartments/index.html

@@ -0,0 +1,122 @@
+<!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>Boutique Apartments &amp; Suiten in Goslar | Casa da Enzo</title><meta name="description" content="Alle 7 Ferienwohnungen &#38; Suiten der Casa da Enzo in Goslar: Von der Luxus-Komfortsuite mit Balkon bis zum romantischen Altstadt-Studio. Jetzt direkt 15% günstiger buchen."><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/apartments/"><meta property="og:title" content="Boutique Apartments &#38; Suiten in Goslar | Casa da Enzo"><meta property="og:description" content="Alle 7 Ferienwohnungen &#38; Suiten der Casa da Enzo in Goslar: Von der Luxus-Komfortsuite mit Balkon bis zum romantischen Altstadt-Studio. Jetzt direkt 15% günstiger buchen."><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="Boutique Apartments &#38; Suiten in Goslar | Casa da Enzo"><meta property="twitter:description" content="Alle 7 Ferienwohnungen &#38; Suiten der Casa da Enzo in Goslar: Von der Luxus-Komfortsuite mit Balkon bis zum romantischen Altstadt-Studio. Jetzt direkt 15% günstiger buchen."><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.DhmFiA3z.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-900 text-white py-16 sm:py-20 border-b border-stone-800"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <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-wider border border-amber-500/30">
+Übersicht aller Wohneinheiten
+</span> <h1 class="font-serif text-4xl sm:text-5xl font-bold tracking-tight text-stone-100">
+Unsere 7 Boutique-Apartments in Goslar
+</h1> <p class="text-stone-300 text-base sm:text-lg leading-relaxed">
+Historisches Fachwerk aus dem 16. Jahrhundert, nachhaltiger Wohnkomfort mit Lehmputz, modernste Küchen und smarte Nuki-Keyless-Anreise.
+</p> <!-- Ratings & Guest Directory Badges --> <div class="pt-6 flex flex-wrap items-center justify-center gap-4 text-xs font-medium text-stone-200"> <!-- Airbnb Superhost --> <div class="flex items-center gap-2 px-4 py-2 rounded-xl bg-stone-800/80 border border-stone-700 shadow-sm"> <span class="text-rose-400 text-base">★</span> <span class="font-bold">4.98</span> <span class="text-stone-400">|</span> <span class="text-amber-300 font-semibold">Airbnb Superhost</span> </div> <!-- Booking.com Top Rating --> <div class="flex items-center gap-2 px-4 py-2 rounded-xl bg-stone-800/80 border border-stone-700 shadow-sm"> <span class="px-2 py-0.5 rounded bg-blue-600 text-white font-bold text-xs">9.4</span> <span class="font-semibold text-stone-200">Booking.com Hervorragend</span> </div> <!-- Eviivo Digital Guest Directory Link --> <a href="https://guest.eviivo.com/casa-daenzo" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 px-4 py-2 rounded-xl bg-emerald-900/60 border border-emerald-600/50 text-emerald-300 hover:bg-emerald-900/90 transition-all"> <span class="text-base">📱</span> <span class="font-semibold">Eviivo Digital Guest Directory</span> <span class="text-xs text-emerald-400">↗</span> </a> </div> </div> </div> </section>  <section class="py-16 bg-[#FAF6F0]"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <!-- Category Filter Tabs --> <div class="flex flex-wrap items-center justify-center gap-2 sm:gap-3 mb-12"> <button class="filter-btn active px-6 py-2.5 rounded-full text-sm font-semibold transition-all shadow-sm bg-[#C85A32] text-white" data-category="all">
+Alle Apartments (7)
+</button> <button class="filter-btn px-6 py-2.5 rounded-full text-sm font-semibold transition-all shadow-sm bg-white text-stone-700 hover:bg-stone-100 border border-stone-200" data-category="suite">
+Komfort-Suiten (4)
+</button> <button class="filter-btn px-6 py-2.5 rounded-full text-sm font-semibold transition-all shadow-sm bg-white text-stone-700 hover:bg-stone-100 border border-stone-200" data-category="romantik">
+Romantik-Apartments (2)
+</button> <button class="filter-btn px-6 py-2.5 rounded-full text-sm font-semibold transition-all shadow-sm bg-white text-stone-700 hover:bg-stone-100 border border-stone-200" data-category="studio">
+Boutique Studio (1)
+</button> </div> <!-- Apartments Grid --> <div id="apartments-grid" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> <div class="apartment-item" data-type="suite"> <div class="group stone-card stone-card-hover rounded-3xl overflow-hidden flex flex-col h-full font-sans"> <!-- Image Header --> <div class="relative aspect-[16/10] bg-[#1A1816] overflow-hidden border-b border-[#D4A373]/15"> <div class="absolute top-4 left-4 z-10 flex gap-2"> <span class="px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider shadow-md bg-[#2D5A43] text-emerald-100 border border-emerald-500/40"> Premium-Komfort </span> <span class="px-2.5 py-1 rounded-full text-xs font-bold bg-[#1A1816]/80 backdrop-blur-md text-emerald-400 border border-emerald-500/30">
+🌿 Balkon/Terrasse
+</span> </div> <!-- Image Placeholder / Visual Container --> <div class="w-full h-full bg-gradient-to-br from-[#2E2A25] to-[#1A1816] flex items-center justify-center text-[#D4A373] font-serif group-hover:scale-105 transition-transform duration-500 p-6 text-center"> <div class="space-y-1"> <span class="text-3xl block">🏛️</span> <span class="text-sm font-semibold text-[#E6D5C3]">Komfort-Suite 1 mit Balkon</span> </div> </div> </div> <!-- Content --> <div class="p-6 flex-1 flex flex-col justify-between space-y-6"> <div class="space-y-3"> <div class="flex items-center gap-3 text-xs font-medium text-[#A3978B]"> <span class="text-[#E6D5C3]">👤 Bis zu 4 Gäste</span> <span>•</span> <span class="text-[#E6D5C3]">📐 58 m²</span>  <span>•</span> <span class="text-emerald-400 font-semibold">💻 Workstation</span>  </div> <h3 class="font-serif text-2xl font-bold text-[#E6D5C3] group-hover:text-emerald-400 transition-colors"> Komfort-Suite 1 mit Balkon </h3> <p class="text-[#A3978B] text-xs leading-relaxed line-clamp-2"> Lichtdurchflutete Premium-Suite mit historischem Altstadt-Balkon und Bosch-Küche </p> <!-- Highlights list --> <ul class="space-y-1.5 text-xs text-[#E6D5C3] pt-2 border-t border-[#D4A373]/10"> <li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Privater Balkon zur ruhigen Bäckerstraße</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Ergonomischer Dedicated Workspace mit Highspeed-WLAN</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Nuki Keyless Smart Lock Check-in</span> </li> </ul> </div> <!-- Actions --> <div class="pt-4 border-t border-[#D4A373]/15 flex items-center justify-between gap-3"> <a href="/apartments/suite-1-balkon" class="text-xs font-semibold text-[#D4A373] hover:text-white transition-colors">
+Details ansehen →
+</a> <a href="#booking" class="px-4 py-2 rounded-xl bg-[#2D5A43] hover:bg-[#386d52] text-white text-xs font-bold transition-all shadow-md">
+Buchen
+</a> </div> </div> </div> </div><div class="apartment-item" data-type="suite"> <div class="group stone-card stone-card-hover rounded-3xl overflow-hidden flex flex-col h-full font-sans"> <!-- Image Header --> <div class="relative aspect-[16/10] bg-[#1A1816] overflow-hidden border-b border-[#D4A373]/15"> <div class="absolute top-4 left-4 z-10 flex gap-2"> <span class="px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider shadow-md bg-[#2D5A43] text-emerald-100 border border-emerald-500/40"> Premium-Komfort </span> <span class="px-2.5 py-1 rounded-full text-xs font-bold bg-[#1A1816]/80 backdrop-blur-md text-emerald-400 border border-emerald-500/30">
+🌿 Balkon/Terrasse
+</span> </div> <!-- Image Placeholder / Visual Container --> <div class="w-full h-full bg-gradient-to-br from-[#2E2A25] to-[#1A1816] flex items-center justify-center text-[#D4A373] font-serif group-hover:scale-105 transition-transform duration-500 p-6 text-center"> <div class="space-y-1"> <span class="text-3xl block">🏛️</span> <span class="text-sm font-semibold text-[#E6D5C3]">Komfort-Suite 2 mit Terrasse</span> </div> </div> </div> <!-- Content --> <div class="p-6 flex-1 flex flex-col justify-between space-y-6"> <div class="space-y-3"> <div class="flex items-center gap-3 text-xs font-medium text-[#A3978B]"> <span class="text-[#E6D5C3]">👤 Bis zu 4 Gäste</span> <span>•</span> <span class="text-[#E6D5C3]">📐 62 m²</span>  <span>•</span> <span class="text-emerald-400 font-semibold">💻 Workstation</span>  </div> <h3 class="font-serif text-2xl font-bold text-[#E6D5C3] group-hover:text-emerald-400 transition-colors"> Komfort-Suite 2 mit Terrasse </h3> <p class="text-[#A3978B] text-xs leading-relaxed line-clamp-2"> Großzügige 62m² Suite mit privatem Innenhof-Balkon und ruhiger Lage </p> <!-- Highlights list --> <ul class="space-y-1.5 text-xs text-[#E6D5C3] pt-2 border-t border-[#D4A373]/10"> <li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Ruhiger Balkon/Terrasse zum geschützten Innenhof</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Separates Schlafzimmer mit Boxspringbett</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Kontaktloser 24/7 Check-in via Nuki Code</span> </li> </ul> </div> <!-- Actions --> <div class="pt-4 border-t border-[#D4A373]/15 flex items-center justify-between gap-3"> <a href="/apartments/suite-2-terrasse" class="text-xs font-semibold text-[#D4A373] hover:text-white transition-colors">
+Details ansehen →
+</a> <a href="#booking" class="px-4 py-2 rounded-xl bg-[#2D5A43] hover:bg-[#386d52] text-white text-xs font-bold transition-all shadow-md">
+Buchen
+</a> </div> </div> </div> </div><div class="apartment-item" data-type="suite"> <div class="group stone-card stone-card-hover rounded-3xl overflow-hidden flex flex-col h-full font-sans"> <!-- Image Header --> <div class="relative aspect-[16/10] bg-[#1A1816] overflow-hidden border-b border-[#D4A373]/15"> <div class="absolute top-4 left-4 z-10 flex gap-2"> <span class="px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider shadow-md bg-[#2D5A43] text-emerald-100 border border-emerald-500/40"> Premium-Komfort </span>  </div> <!-- Image Placeholder / Visual Container --> <div class="w-full h-full bg-gradient-to-br from-[#2E2A25] to-[#1A1816] flex items-center justify-center text-[#D4A373] font-serif group-hover:scale-105 transition-transform duration-500 p-6 text-center"> <div class="space-y-1"> <span class="text-3xl block">🏛️</span> <span class="text-sm font-semibold text-[#E6D5C3]">Komfort-Suite 3 Design</span> </div> </div> </div> <!-- Content --> <div class="p-6 flex-1 flex flex-col justify-between space-y-6"> <div class="space-y-3"> <div class="flex items-center gap-3 text-xs font-medium text-[#A3978B]"> <span class="text-[#E6D5C3]">👤 Bis zu 3 Gäste</span> <span>•</span> <span class="text-[#E6D5C3]">📐 52 m²</span>  <span>•</span> <span class="text-emerald-400 font-semibold">💻 Workstation</span>  </div> <h3 class="font-serif text-2xl font-bold text-[#E6D5C3] group-hover:text-emerald-400 transition-colors"> Komfort-Suite 3 Design </h3> <p class="text-[#A3978B] text-xs leading-relaxed line-clamp-2"> Elegante Altstadt-Suite mit sichtbaren Balken und edler Einrichtung </p> <!-- Highlights list --> <ul class="space-y-1.5 text-xs text-[#E6D5C3] pt-2 border-t border-[#D4A373]/10"> <li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Sichtbares historisches Fachwerkelement</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Highspeed Wi-Fi 6 für Remote Work</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Kontaktlose Anreise &amp; Nuki Smart Lock</span> </li> </ul> </div> <!-- Actions --> <div class="pt-4 border-t border-[#D4A373]/15 flex items-center justify-between gap-3"> <a href="/apartments/suite-3-komfort" class="text-xs font-semibold text-[#D4A373] hover:text-white transition-colors">
+Details ansehen →
+</a> <a href="#booking" class="px-4 py-2 rounded-xl bg-[#2D5A43] hover:bg-[#386d52] text-white text-xs font-bold transition-all shadow-md">
+Buchen
+</a> </div> </div> </div> </div><div class="apartment-item" data-type="suite"> <div class="group stone-card stone-card-hover rounded-3xl overflow-hidden flex flex-col h-full font-sans"> <!-- Image Header --> <div class="relative aspect-[16/10] bg-[#1A1816] overflow-hidden border-b border-[#D4A373]/15"> <div class="absolute top-4 left-4 z-10 flex gap-2"> <span class="px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider shadow-md bg-[#2D5A43] text-emerald-100 border border-emerald-500/40"> Premium-Komfort </span>  </div> <!-- Image Placeholder / Visual Container --> <div class="w-full h-full bg-gradient-to-br from-[#2E2A25] to-[#1A1816] flex items-center justify-center text-[#D4A373] font-serif group-hover:scale-105 transition-transform duration-500 p-6 text-center"> <div class="space-y-1"> <span class="text-3xl block">🏛️</span> <span class="text-sm font-semibold text-[#E6D5C3]">Komfort-Suite 4 Workation</span> </div> </div> </div> <!-- Content --> <div class="p-6 flex-1 flex flex-col justify-between space-y-6"> <div class="space-y-3"> <div class="flex items-center gap-3 text-xs font-medium text-[#A3978B]"> <span class="text-[#E6D5C3]">👤 Bis zu 2 Gäste</span> <span>•</span> <span class="text-[#E6D5C3]">📐 50 m²</span>  <span>•</span> <span class="text-emerald-400 font-semibold">💻 Workstation</span>  </div> <h3 class="font-serif text-2xl font-bold text-[#E6D5C3] group-hover:text-emerald-400 transition-colors"> Komfort-Suite 4 Workation </h3> <p class="text-[#A3978B] text-xs leading-relaxed line-clamp-2"> Optimiert für Remote Worker, Geschäftsreisende und Long-Stays </p> <!-- Highlights list --> <ul class="space-y-1.5 text-xs text-[#E6D5C3] pt-2 border-t border-[#D4A373]/10"> <li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Professioneller Workstation-Schreibtisch &amp; Monitor</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">100 Mbit/s Glasfaser WLAN</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Flüsterleise Lage &amp; Verdunkelungsrollos</span> </li> </ul> </div> <!-- Actions --> <div class="pt-4 border-t border-[#D4A373]/15 flex items-center justify-between gap-3"> <a href="/apartments/suite-4-workspace" class="text-xs font-semibold text-[#D4A373] hover:text-white transition-colors">
+Details ansehen →
+</a> <a href="#booking" class="px-4 py-2 rounded-xl bg-[#2D5A43] hover:bg-[#386d52] text-white text-xs font-bold transition-all shadow-md">
+Buchen
+</a> </div> </div> </div> </div><div class="apartment-item" data-type="romantik"> <div class="group stone-card stone-card-hover rounded-3xl overflow-hidden flex flex-col h-full font-sans"> <!-- Image Header --> <div class="relative aspect-[16/10] bg-[#1A1816] overflow-hidden border-b border-[#D4A373]/15"> <div class="absolute top-4 left-4 z-10 flex gap-2"> <span class="px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider shadow-md bg-[#2E2A25] text-[#D4A373] border border-[#D4A373]/30"> Klassik </span>  </div> <!-- Image Placeholder / Visual Container --> <div class="w-full h-full bg-gradient-to-br from-[#2E2A25] to-[#1A1816] flex items-center justify-center text-[#D4A373] font-serif group-hover:scale-105 transition-transform duration-500 p-6 text-center"> <div class="space-y-1"> <span class="text-3xl block">🏛️</span> <span class="text-sm font-semibold text-[#E6D5C3]">Romantik-Apartment Altstadt 1</span> </div> </div> </div> <!-- Content --> <div class="p-6 flex-1 flex flex-col justify-between space-y-6"> <div class="space-y-3"> <div class="flex items-center gap-3 text-xs font-medium text-[#A3978B]"> <span class="text-[#E6D5C3]">👤 Bis zu 2 Gäste</span> <span>•</span> <span class="text-[#E6D5C3]">📐 42 m²</span>  </div> <h3 class="font-serif text-2xl font-bold text-[#E6D5C3] group-hover:text-emerald-400 transition-colors"> Romantik-Apartment Altstadt 1 </h3> <p class="text-[#A3978B] text-xs leading-relaxed line-clamp-2"> Gemütliches Nest für Paare im charmanten Klassik-Stil </p> <!-- Highlights list --> <ul class="space-y-1.5 text-xs text-[#E6D5C3] pt-2 border-t border-[#D4A373]/10"> <li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Gemütliche Dachschrägen &amp; Fachwerk-Atmosphäre</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Kontaktloser Code-Check-in</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Ideal für Kurztrips &amp; Harz-Wochenenden</span> </li> </ul> </div> <!-- Actions --> <div class="pt-4 border-t border-[#D4A373]/15 flex items-center justify-between gap-3"> <a href="/apartments/romantik-1" class="text-xs font-semibold text-[#D4A373] hover:text-white transition-colors">
+Details ansehen →
+</a> <a href="#booking" class="px-4 py-2 rounded-xl bg-[#2D5A43] hover:bg-[#386d52] text-white text-xs font-bold transition-all shadow-md">
+Buchen
+</a> </div> </div> </div> </div><div class="apartment-item" data-type="romantik"> <div class="group stone-card stone-card-hover rounded-3xl overflow-hidden flex flex-col h-full font-sans"> <!-- Image Header --> <div class="relative aspect-[16/10] bg-[#1A1816] overflow-hidden border-b border-[#D4A373]/15"> <div class="absolute top-4 left-4 z-10 flex gap-2"> <span class="px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider shadow-md bg-[#2E2A25] text-[#D4A373] border border-[#D4A373]/30"> Klassik </span>  </div> <!-- Image Placeholder / Visual Container --> <div class="w-full h-full bg-gradient-to-br from-[#2E2A25] to-[#1A1816] flex items-center justify-center text-[#D4A373] font-serif group-hover:scale-105 transition-transform duration-500 p-6 text-center"> <div class="space-y-1"> <span class="text-3xl block">🏛️</span> <span class="text-sm font-semibold text-[#E6D5C3]">Romantik-Apartment Altstadt 2</span> </div> </div> </div> <!-- Content --> <div class="p-6 flex-1 flex flex-col justify-between space-y-6"> <div class="space-y-3"> <div class="flex items-center gap-3 text-xs font-medium text-[#A3978B]"> <span class="text-[#E6D5C3]">👤 Bis zu 2 Gäste</span> <span>•</span> <span class="text-[#E6D5C3]">📐 40 m²</span>  </div> <h3 class="font-serif text-2xl font-bold text-[#E6D5C3] group-hover:text-emerald-400 transition-colors"> Romantik-Apartment Altstadt 2 </h3> <p class="text-[#A3978B] text-xs leading-relaxed line-clamp-2"> Charmantes Klassik-Apartment mit italienischen Akzenten </p> <!-- Highlights list --> <ul class="space-y-1.5 text-xs text-[#E6D5C3] pt-2 border-t border-[#D4A373]/10"> <li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Ruhige Ausrichtung zum Innenhof</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Bequemes Doppelbett &amp; gemütliche Sitzecke</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Inklusive Tee- &amp; Kaffeeset</span> </li> </ul> </div> <!-- Actions --> <div class="pt-4 border-t border-[#D4A373]/15 flex items-center justify-between gap-3"> <a href="/apartments/romantik-2" class="text-xs font-semibold text-[#D4A373] hover:text-white transition-colors">
+Details ansehen →
+</a> <a href="#booking" class="px-4 py-2 rounded-xl bg-[#2D5A43] hover:bg-[#386d52] text-white text-xs font-bold transition-all shadow-md">
+Buchen
+</a> </div> </div> </div> </div><div class="apartment-item" data-type="studio"> <div class="group stone-card stone-card-hover rounded-3xl overflow-hidden flex flex-col h-full font-sans"> <!-- Image Header --> <div class="relative aspect-[16/10] bg-[#1A1816] overflow-hidden border-b border-[#D4A373]/15"> <div class="absolute top-4 left-4 z-10 flex gap-2"> <span class="px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider shadow-md bg-[#2E2A25] text-[#D4A373] border border-[#D4A373]/30"> Klassik </span>  </div> <!-- Image Placeholder / Visual Container --> <div class="w-full h-full bg-gradient-to-br from-[#2E2A25] to-[#1A1816] flex items-center justify-center text-[#D4A373] font-serif group-hover:scale-105 transition-transform duration-500 p-6 text-center"> <div class="space-y-1"> <span class="text-3xl block">🏛️</span> <span class="text-sm font-semibold text-[#E6D5C3]">Boutique Studio Bäckerstraße</span> </div> </div> </div> <!-- Content --> <div class="p-6 flex-1 flex flex-col justify-between space-y-6"> <div class="space-y-3"> <div class="flex items-center gap-3 text-xs font-medium text-[#A3978B]"> <span class="text-[#E6D5C3]">👤 Bis zu 2 Gäste</span> <span>•</span> <span class="text-[#E6D5C3]">📐 32 m²</span>  </div> <h3 class="font-serif text-2xl font-bold text-[#E6D5C3] group-hover:text-emerald-400 transition-colors"> Boutique Studio Bäckerstraße </h3> <p class="text-[#A3978B] text-xs leading-relaxed line-clamp-2"> Kompaktes, stilvolles Studio für Individualreisende &amp; Städtetrips </p> <!-- Highlights list --> <ul class="space-y-1.5 text-xs text-[#E6D5C3] pt-2 border-t border-[#D4A373]/10"> <li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Optimales Preis-Leistungs-Verhältnis</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Zentrale Lage in der Bäckerstraße 18</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Kontaktlose Anreise rund um die Uhr</span> </li> </ul> </div> <!-- Actions --> <div class="pt-4 border-t border-[#D4A373]/15 flex items-center justify-between gap-3"> <a href="/apartments/studio" class="text-xs font-semibold text-[#D4A373] hover:text-white transition-colors">
+Details ansehen →
+</a> <a href="#booking" class="px-4 py-2 rounded-xl bg-[#2D5A43] hover:bg-[#386d52] text-white text-xs font-bold transition-all shadow-md">
+Buchen
+</a> </div> </div> </div> </div> </div> <!-- Guest Directory Callout Banner --> <div class="mt-16 p-8 rounded-3xl bg-amber-50 border border-amber-200/80 shadow-sm flex flex-col md:flex-row items-center justify-between gap-6"> <div class="space-y-2 text-center md:text-left"> <span class="px-3 py-1 rounded-full bg-amber-200 text-[#C85A32] text-xs font-bold uppercase tracking-wider">
+Eviivo Gästemappe
+</span> <h3 class="font-serif text-2xl font-bold text-stone-900">
+Digitaler Gästeführer & Hausordnung
+</h3> <p class="text-stone-600 text-sm max-w-2xl">
+Über den Eviivo Guest Directory Link findest du jederzeit alle Details zu deinem Aufenthalt, WLAN-Zugangsdaten, Empfehlungen für Restaurants und Harzer Ausflugsziele.
+</p> </div> <a href="https://guest.eviivo.com/casa-daenzo" target="_blank" rel="noopener noreferrer" class="shrink-0 px-6 py-3.5 rounded-2xl bg-[#C85A32] text-white font-bold text-sm hover:bg-[#b04d2a] shadow-md transition-all flex items-center gap-2"> <span>📱 Gästemappe öffnen</span> <span>↗</span> </a> </div> </div> </section>  <section id="booking" class="py-12 bg-stone-100 border-t border-stone-200 px-4"> <div class="stone-card rounded-3xl p-6 sm:p-10 max-w-4xl mx-auto my-8 font-sans border border-[#D4A373]/30 shadow-2xl"> <div class="text-center mb-8 space-y-2"> <div class="inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-[#2D5A43]/20 border border-emerald-500/40 text-emerald-400 text-xs font-bold uppercase tracking-wider"> <span>🔒 Direktbucher Bestpreis-Garantie</span> </div> <h3 class="font-serif text-2xl sm:text-3xl font-bold text-[#E6D5C3]">
+Verfügbarkeit & Bestpreis prüfen
+</h3> <p class="text-[#A3978B] text-xs sm:text-sm max-w-xl mx-auto">
+Buche direkt über unsere Eviivo-Schnittstelle – 15% günstiger als auf Booking.com oder Airbnb. Bestpreis garantiert!
+</p> </div> <!-- Booking Mask Interface --> <form action="https://onlinereservation.eviivo.com" method="GET" target="_blank" class="grid grid-cols-1 sm:grid-cols-3 gap-4"> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Anreise</label> <input type="date" name="startDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Abreise</label> <input type="date" name="endDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Gäste</label> <select name="adults" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none"> <option value="1">1 Person</option> <option value="2" selected>2 Personen</option> <option value="3">3 Personen</option> <option value="4">4 Personen</option> </select> </div> <div class="sm:col-span-3 pt-2"> <button type="submit" class="w-full py-4 rounded-xl bg-gradient-to-r from-[#2D5A43] to-[#C85A32] text-white font-bold text-sm hover:opacity-95 shadow-xl transition-all">
+Jetzt Verfügbarkeit & Bestpreis abrufen ➔
+</button> </div> </form> <div class="mt-6 text-center text-[11px] text-[#A3978B] flex flex-wrap items-center justify-center gap-4 border-t border-[#D4A373]/10 pt-4"> <span>🔒 Sichere SSL-Schnittstelle</span> <span>•</span> <span>💳 Keine versteckten Gebühren</span> <span>•</span> <span>⚡ Sofortige Reservierungsbestätigung</span> </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> 

dist/apartments/romantik-1/index.html

@@ -0,0 +1,83 @@
+<!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>Romantik-Apartment Altstadt 1 | Casa da Enzo Goslar</title><meta name="description" content="Gemütliches Nest für Paare im charmanten Klassik-Stil"><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/apartments/romantik-1/"><meta property="og:title" content="Romantik-Apartment Altstadt 1 | Casa da Enzo Goslar"><meta property="og:description" content="Gemütliches Nest für Paare im charmanten Klassik-Stil"><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="Romantik-Apartment Altstadt 1 | Casa da Enzo Goslar"><meta property="twitter:description" content="Gemütliches Nest für Paare im charmanten Klassik-Stil"><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">  <div class="py-12 bg-[#1A1816]"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8"> <!-- Back Link & Top Badges Bar --> <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4"> <a href="/#apartments" class="inline-flex items-center gap-2 text-xs font-bold text-emerald-400 hover:underline">
+← Zurück zu allen Apartments
+</a> <!-- Airbnb & Booking Badges + Eviivo Guest Directory --> <div class="flex flex-wrap items-center gap-3 text-xs font-medium"> <span class="px-3 py-1 rounded-full bg-[#24211D] border border-[#D4A373]/20 text-[#E6D5C3]">
+★ <strong class="text-[#D4A373]">4.98</strong> Superhost
+</span> <span class="px-3 py-1 rounded-full bg-[#24211D] border border-[#D4A373]/20 text-[#E6D5C3]">
+Booking.com <strong class="text-blue-400">9.8</strong> </span> <button onclick="document.getElementById('eviivo-link-btn')?.click()" class="px-3 py-1 rounded-full bg-[#2D5A43]/30 border border-emerald-500/40 text-emerald-400 hover:bg-[#2D5A43]/50 transition-colors flex items-center gap-1 font-semibold"> <span>📖 Eviivo Gästemappe</span> </button> </div> </div> <!-- Title & Header --> <div class="space-y-3"> <span class="inline-block px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider bg-[#24211D] text-[#D4A373] border border-[#D4A373]/30"> Klassik </span> <h1 class="font-serif text-4xl sm:text-5xl font-bold text-[#E6D5C3]">Romantik-Apartment Altstadt 1</h1> <p class="text-[#A3978B] text-base sm:text-lg leading-relaxed">Gemütliches Nest für Paare im charmanten Klassik-Stil</p> </div> <!-- Quick Specs Bar --> <div class="grid grid-cols-2 sm:grid-cols-4 gap-4 p-6 rounded-3xl stone-card border border-[#D4A373]/20 text-center"> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Kapazität</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">👥 Bis 2 Gäste</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Größe</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">📐 42 m²</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Aussicht</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">Altstadtblick</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Workspace</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">⚡ Wi-Fi 6</span> </div> </div> <!-- Visual Gallery Placeholder Banner --> <div class="aspect-[21/9] rounded-3xl bg-gradient-to-br from-[#2E2A25] to-[#1A1816] text-[#E6D5C3] flex flex-col items-center justify-center p-6 text-center border border-[#D4A373]/20 relative overflow-hidden shadow-2xl"> <div class="relative z-10 space-y-2"> <span class="px-3.5 py-1 rounded-full bg-[#2D5A43]/30 text-emerald-400 text-xs font-bold uppercase tracking-widest border border-emerald-500/30">
+Saniert 2025 • UNESCO Altstadt Goslar
+</span> <h2 class="font-serif text-2xl sm:text-3xl font-bold">Romantik-Apartment Altstadt 1</h2> <p class="text-[#A3978B] text-xs sm:text-sm max-w-md mx-auto">
+Restauriertes Fachwerk aus dem 16. Jahrhundert kombiniert mit italienischem Design & smartem Nuki Keyless Check-in.
+</p> </div> </div> <!-- Highlights & Details --> <div class="grid grid-cols-1 md:grid-cols-3 gap-8 pt-4"> <div class="md:col-span-2 space-y-6 stone-card p-8 rounded-3xl border border-[#D4A373]/20"> <h2 class="font-serif text-2xl font-bold text-[#E6D5C3]">Beschreibung & Ausstattung</h2> <div class="prose prose-invert max-w-none text-[#E6D5C3] text-sm leading-relaxed"> <p>Klassischer Charme und behagliche Wärme: Unser Romantik-Apartment 1 ist die ideale Basis für romantische Harz-Wochenenden und Entdeckungstouren durch Goslar.</p> </div> <div class="pt-6 border-t border-[#D4A373]/15"> <h3 class="font-serif text-lg font-bold text-[#D4A373] mb-2">Küche & Verpflegung</h3> <p class="text-[#A3978B] text-xs leading-relaxed">Voll ausgestattete Küchenzeile</p> </div> <div class="pt-4 border-t border-[#D4A373]/15 flex flex-wrap items-center justify-between gap-4 text-xs text-[#A3978B]"> <span>🔑 Nuki Smart Lock PIN Check-in ab 15:00 Uhr</span> <span>🌿 Nachhaltige Lehmdämmung für gesunden Schlaf</span> </div> </div> <!-- Sidebar / Highlights --> <div class="space-y-6"> <div class="stone-card p-6 rounded-3xl space-y-4 border border-[#D4A373]/30 shadow-xl"> <h3 class="font-serif text-xl font-bold text-[#D4A373]">Ausstattungs-Highlights</h3> <ul class="space-y-3 text-xs text-[#E6D5C3]"> <li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Gemütliche Dachschrägen &amp; Fachwerk-Atmosphäre</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Kontaktloser Code-Check-in</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Ideal für Kurztrips &amp; Harz-Wochenenden</span> </li> </ul> </div> <!-- Trattoria Info Card --> <div class="stone-card border border-[#C85A32]/40 p-6 rounded-3xl space-y-3"> <span class="text-xs font-bold uppercase tracking-wider text-[#C85A32]">Hauseigene Gastronomie</span> <h4 class="font-serif text-lg font-bold text-[#E6D5C3]">Trattoria da Enzo im Erdgeschoss</h4> <p class="text-xs text-[#A3978B] leading-relaxed">
+Als Hotelgast genießt du eine bevorzugte Tischreservierung bei Alessandra. Genieße hausgemachte Pasta und sizilianische Weine direkt im Haus!
+</p> <a href="tel:+49532123456" class="inline-block text-xs font-bold text-[#C85A32] hover:underline">
+📞 Tisch reservieren: +49 5321 23456 →
+</a> </div> </div> </div> <!-- Eviivo Booking Widget --> <section id="booking" class="pt-6"> <div class="stone-card rounded-3xl p-6 sm:p-10 max-w-4xl mx-auto my-8 font-sans border border-[#D4A373]/30 shadow-2xl"> <div class="text-center mb-8 space-y-2"> <div class="inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-[#2D5A43]/20 border border-emerald-500/40 text-emerald-400 text-xs font-bold uppercase tracking-wider"> <span>🔒 Direktbucher Bestpreis-Garantie</span> </div> <h3 class="font-serif text-2xl sm:text-3xl font-bold text-[#E6D5C3]">
+Verfügbarkeit & Bestpreis prüfen
+</h3> <p class="text-[#A3978B] text-xs sm:text-sm max-w-xl mx-auto">
+Buche direkt über unsere Eviivo-Schnittstelle – 15% günstiger als auf Booking.com oder Airbnb. Bestpreis garantiert!
+</p> </div> <!-- Booking Mask Interface --> <form action="https://onlinereservation.eviivo.com" method="GET" target="_blank" class="grid grid-cols-1 sm:grid-cols-3 gap-4"> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Anreise</label> <input type="date" name="startDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Abreise</label> <input type="date" name="endDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Gäste</label> <select name="adults" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none"> <option value="1">1 Person</option> <option value="2" selected>2 Personen</option> <option value="3">3 Personen</option> <option value="4">4 Personen</option> </select> </div> <div class="sm:col-span-3 pt-2"> <button type="submit" class="w-full py-4 rounded-xl bg-gradient-to-r from-[#2D5A43] to-[#C85A32] text-white font-bold text-sm hover:opacity-95 shadow-xl transition-all">
+Jetzt Verfügbarkeit & Bestpreis abrufen ➔
+</button> </div> </form> <div class="mt-6 text-center text-[11px] text-[#A3978B] flex flex-wrap items-center justify-center gap-4 border-t border-[#D4A373]/10 pt-4"> <span>🔒 Sichere SSL-Schnittstelle</span> <span>•</span> <span>💳 Keine versteckten Gebühren</span> <span>•</span> <span>⚡ Sofortige Reservierungsbestätigung</span> </div> </div> </section> </div> </div>  </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>

dist/apartments/romantik-2/index.html

@@ -0,0 +1,83 @@
+<!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>Romantik-Apartment Altstadt 2 | Casa da Enzo Goslar</title><meta name="description" content="Charmantes Klassik-Apartment mit italienischen Akzenten"><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/apartments/romantik-2/"><meta property="og:title" content="Romantik-Apartment Altstadt 2 | Casa da Enzo Goslar"><meta property="og:description" content="Charmantes Klassik-Apartment mit italienischen Akzenten"><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="Romantik-Apartment Altstadt 2 | Casa da Enzo Goslar"><meta property="twitter:description" content="Charmantes Klassik-Apartment mit italienischen Akzenten"><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">  <div class="py-12 bg-[#1A1816]"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8"> <!-- Back Link & Top Badges Bar --> <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4"> <a href="/#apartments" class="inline-flex items-center gap-2 text-xs font-bold text-emerald-400 hover:underline">
+← Zurück zu allen Apartments
+</a> <!-- Airbnb & Booking Badges + Eviivo Guest Directory --> <div class="flex flex-wrap items-center gap-3 text-xs font-medium"> <span class="px-3 py-1 rounded-full bg-[#24211D] border border-[#D4A373]/20 text-[#E6D5C3]">
+★ <strong class="text-[#D4A373]">4.98</strong> Superhost
+</span> <span class="px-3 py-1 rounded-full bg-[#24211D] border border-[#D4A373]/20 text-[#E6D5C3]">
+Booking.com <strong class="text-blue-400">9.8</strong> </span> <button onclick="document.getElementById('eviivo-link-btn')?.click()" class="px-3 py-1 rounded-full bg-[#2D5A43]/30 border border-emerald-500/40 text-emerald-400 hover:bg-[#2D5A43]/50 transition-colors flex items-center gap-1 font-semibold"> <span>📖 Eviivo Gästemappe</span> </button> </div> </div> <!-- Title & Header --> <div class="space-y-3"> <span class="inline-block px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider bg-[#24211D] text-[#D4A373] border border-[#D4A373]/30"> Klassik </span> <h1 class="font-serif text-4xl sm:text-5xl font-bold text-[#E6D5C3]">Romantik-Apartment Altstadt 2</h1> <p class="text-[#A3978B] text-base sm:text-lg leading-relaxed">Charmantes Klassik-Apartment mit italienischen Akzenten</p> </div> <!-- Quick Specs Bar --> <div class="grid grid-cols-2 sm:grid-cols-4 gap-4 p-6 rounded-3xl stone-card border border-[#D4A373]/20 text-center"> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Kapazität</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">👥 Bis 2 Gäste</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Größe</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">📐 40 m²</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Aussicht</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">Altstadtblick</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Workspace</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">⚡ Wi-Fi 6</span> </div> </div> <!-- Visual Gallery Placeholder Banner --> <div class="aspect-[21/9] rounded-3xl bg-gradient-to-br from-[#2E2A25] to-[#1A1816] text-[#E6D5C3] flex flex-col items-center justify-center p-6 text-center border border-[#D4A373]/20 relative overflow-hidden shadow-2xl"> <div class="relative z-10 space-y-2"> <span class="px-3.5 py-1 rounded-full bg-[#2D5A43]/30 text-emerald-400 text-xs font-bold uppercase tracking-widest border border-emerald-500/30">
+Saniert 2025 • UNESCO Altstadt Goslar
+</span> <h2 class="font-serif text-2xl sm:text-3xl font-bold">Romantik-Apartment Altstadt 2</h2> <p class="text-[#A3978B] text-xs sm:text-sm max-w-md mx-auto">
+Restauriertes Fachwerk aus dem 16. Jahrhundert kombiniert mit italienischem Design & smartem Nuki Keyless Check-in.
+</p> </div> </div> <!-- Highlights & Details --> <div class="grid grid-cols-1 md:grid-cols-3 gap-8 pt-4"> <div class="md:col-span-2 space-y-6 stone-card p-8 rounded-3xl border border-[#D4A373]/20"> <h2 class="font-serif text-2xl font-bold text-[#E6D5C3]">Beschreibung & Ausstattung</h2> <div class="prose prose-invert max-w-none text-[#E6D5C3] text-sm leading-relaxed"> <p>Einfach ankommen und wohlfühlen: Romantik-Apartment 2 überzeugt durch behagliches Ambiente und durchdachte Details im Herzen der Altstadt.</p> </div> <div class="pt-6 border-t border-[#D4A373]/15"> <h3 class="font-serif text-lg font-bold text-[#D4A373] mb-2">Küche & Verpflegung</h3> <p class="text-[#A3978B] text-xs leading-relaxed">Kompakte, voll ausgestattete Küche</p> </div> <div class="pt-4 border-t border-[#D4A373]/15 flex flex-wrap items-center justify-between gap-4 text-xs text-[#A3978B]"> <span>🔑 Nuki Smart Lock PIN Check-in ab 15:00 Uhr</span> <span>🌿 Nachhaltige Lehmdämmung für gesunden Schlaf</span> </div> </div> <!-- Sidebar / Highlights --> <div class="space-y-6"> <div class="stone-card p-6 rounded-3xl space-y-4 border border-[#D4A373]/30 shadow-xl"> <h3 class="font-serif text-xl font-bold text-[#D4A373]">Ausstattungs-Highlights</h3> <ul class="space-y-3 text-xs text-[#E6D5C3]"> <li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Ruhige Ausrichtung zum Innenhof</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Bequemes Doppelbett &amp; gemütliche Sitzecke</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Inklusive Tee- &amp; Kaffeeset</span> </li> </ul> </div> <!-- Trattoria Info Card --> <div class="stone-card border border-[#C85A32]/40 p-6 rounded-3xl space-y-3"> <span class="text-xs font-bold uppercase tracking-wider text-[#C85A32]">Hauseigene Gastronomie</span> <h4 class="font-serif text-lg font-bold text-[#E6D5C3]">Trattoria da Enzo im Erdgeschoss</h4> <p class="text-xs text-[#A3978B] leading-relaxed">
+Als Hotelgast genießt du eine bevorzugte Tischreservierung bei Alessandra. Genieße hausgemachte Pasta und sizilianische Weine direkt im Haus!
+</p> <a href="tel:+49532123456" class="inline-block text-xs font-bold text-[#C85A32] hover:underline">
+📞 Tisch reservieren: +49 5321 23456 →
+</a> </div> </div> </div> <!-- Eviivo Booking Widget --> <section id="booking" class="pt-6"> <div class="stone-card rounded-3xl p-6 sm:p-10 max-w-4xl mx-auto my-8 font-sans border border-[#D4A373]/30 shadow-2xl"> <div class="text-center mb-8 space-y-2"> <div class="inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-[#2D5A43]/20 border border-emerald-500/40 text-emerald-400 text-xs font-bold uppercase tracking-wider"> <span>🔒 Direktbucher Bestpreis-Garantie</span> </div> <h3 class="font-serif text-2xl sm:text-3xl font-bold text-[#E6D5C3]">
+Verfügbarkeit & Bestpreis prüfen
+</h3> <p class="text-[#A3978B] text-xs sm:text-sm max-w-xl mx-auto">
+Buche direkt über unsere Eviivo-Schnittstelle – 15% günstiger als auf Booking.com oder Airbnb. Bestpreis garantiert!
+</p> </div> <!-- Booking Mask Interface --> <form action="https://onlinereservation.eviivo.com" method="GET" target="_blank" class="grid grid-cols-1 sm:grid-cols-3 gap-4"> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Anreise</label> <input type="date" name="startDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Abreise</label> <input type="date" name="endDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Gäste</label> <select name="adults" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none"> <option value="1">1 Person</option> <option value="2" selected>2 Personen</option> <option value="3">3 Personen</option> <option value="4">4 Personen</option> </select> </div> <div class="sm:col-span-3 pt-2"> <button type="submit" class="w-full py-4 rounded-xl bg-gradient-to-r from-[#2D5A43] to-[#C85A32] text-white font-bold text-sm hover:opacity-95 shadow-xl transition-all">
+Jetzt Verfügbarkeit & Bestpreis abrufen ➔
+</button> </div> </form> <div class="mt-6 text-center text-[11px] text-[#A3978B] flex flex-wrap items-center justify-center gap-4 border-t border-[#D4A373]/10 pt-4"> <span>🔒 Sichere SSL-Schnittstelle</span> <span>•</span> <span>💳 Keine versteckten Gebühren</span> <span>•</span> <span>⚡ Sofortige Reservierungsbestätigung</span> </div> </div> </section> </div> </div>  </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>

dist/apartments/studio/index.html

@@ -0,0 +1,83 @@
+<!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>Boutique Studio Bäckerstraße | Casa da Enzo Goslar</title><meta name="description" content="Kompaktes, stilvolles Studio für Individualreisende &#38; Städtetrips"><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/apartments/studio/"><meta property="og:title" content="Boutique Studio Bäckerstraße | Casa da Enzo Goslar"><meta property="og:description" content="Kompaktes, stilvolles Studio für Individualreisende &#38; Städtetrips"><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="Boutique Studio Bäckerstraße | Casa da Enzo Goslar"><meta property="twitter:description" content="Kompaktes, stilvolles Studio für Individualreisende &#38; Städtetrips"><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">  <div class="py-12 bg-[#1A1816]"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8"> <!-- Back Link & Top Badges Bar --> <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4"> <a href="/#apartments" class="inline-flex items-center gap-2 text-xs font-bold text-emerald-400 hover:underline">
+← Zurück zu allen Apartments
+</a> <!-- Airbnb & Booking Badges + Eviivo Guest Directory --> <div class="flex flex-wrap items-center gap-3 text-xs font-medium"> <span class="px-3 py-1 rounded-full bg-[#24211D] border border-[#D4A373]/20 text-[#E6D5C3]">
+★ <strong class="text-[#D4A373]">4.98</strong> Superhost
+</span> <span class="px-3 py-1 rounded-full bg-[#24211D] border border-[#D4A373]/20 text-[#E6D5C3]">
+Booking.com <strong class="text-blue-400">9.8</strong> </span> <button onclick="document.getElementById('eviivo-link-btn')?.click()" class="px-3 py-1 rounded-full bg-[#2D5A43]/30 border border-emerald-500/40 text-emerald-400 hover:bg-[#2D5A43]/50 transition-colors flex items-center gap-1 font-semibold"> <span>📖 Eviivo Gästemappe</span> </button> </div> </div> <!-- Title & Header --> <div class="space-y-3"> <span class="inline-block px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider bg-[#24211D] text-[#D4A373] border border-[#D4A373]/30"> Klassik </span> <h1 class="font-serif text-4xl sm:text-5xl font-bold text-[#E6D5C3]">Boutique Studio Bäckerstraße</h1> <p class="text-[#A3978B] text-base sm:text-lg leading-relaxed">Kompaktes, stilvolles Studio für Individualreisende &amp; Städtetrips</p> </div> <!-- Quick Specs Bar --> <div class="grid grid-cols-2 sm:grid-cols-4 gap-4 p-6 rounded-3xl stone-card border border-[#D4A373]/20 text-center"> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Kapazität</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">👥 Bis 2 Gäste</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Größe</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">📐 32 m²</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Aussicht</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">Altstadtblick</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Workspace</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">⚡ Wi-Fi 6</span> </div> </div> <!-- Visual Gallery Placeholder Banner --> <div class="aspect-[21/9] rounded-3xl bg-gradient-to-br from-[#2E2A25] to-[#1A1816] text-[#E6D5C3] flex flex-col items-center justify-center p-6 text-center border border-[#D4A373]/20 relative overflow-hidden shadow-2xl"> <div class="relative z-10 space-y-2"> <span class="px-3.5 py-1 rounded-full bg-[#2D5A43]/30 text-emerald-400 text-xs font-bold uppercase tracking-widest border border-emerald-500/30">
+Saniert 2025 • UNESCO Altstadt Goslar
+</span> <h2 class="font-serif text-2xl sm:text-3xl font-bold">Boutique Studio Bäckerstraße</h2> <p class="text-[#A3978B] text-xs sm:text-sm max-w-md mx-auto">
+Restauriertes Fachwerk aus dem 16. Jahrhundert kombiniert mit italienischem Design & smartem Nuki Keyless Check-in.
+</p> </div> </div> <!-- Highlights & Details --> <div class="grid grid-cols-1 md:grid-cols-3 gap-8 pt-4"> <div class="md:col-span-2 space-y-6 stone-card p-8 rounded-3xl border border-[#D4A373]/20"> <h2 class="font-serif text-2xl font-bold text-[#E6D5C3]">Beschreibung & Ausstattung</h2> <div class="prose prose-invert max-w-none text-[#E6D5C3] text-sm leading-relaxed"> <p>Unser feines Studio bietet smart genutzten Raum für alle, die eine unkomplizierte, zentrale und stilvolle Bleibe in Goslar suchen.</p> </div> <div class="pt-6 border-t border-[#D4A373]/15"> <h3 class="font-serif text-lg font-bold text-[#D4A373] mb-2">Küche & Verpflegung</h3> <p class="text-[#A3978B] text-xs leading-relaxed">Kompakte Küchenzeile mit Kaffeemaschine</p> </div> <div class="pt-4 border-t border-[#D4A373]/15 flex flex-wrap items-center justify-between gap-4 text-xs text-[#A3978B]"> <span>🔑 Nuki Smart Lock PIN Check-in ab 15:00 Uhr</span> <span>🌿 Nachhaltige Lehmdämmung für gesunden Schlaf</span> </div> </div> <!-- Sidebar / Highlights --> <div class="space-y-6"> <div class="stone-card p-6 rounded-3xl space-y-4 border border-[#D4A373]/30 shadow-xl"> <h3 class="font-serif text-xl font-bold text-[#D4A373]">Ausstattungs-Highlights</h3> <ul class="space-y-3 text-xs text-[#E6D5C3]"> <li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Optimales Preis-Leistungs-Verhältnis</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Zentrale Lage in der Bäckerstraße 18</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Kontaktlose Anreise rund um die Uhr</span> </li> </ul> </div> <!-- Trattoria Info Card --> <div class="stone-card border border-[#C85A32]/40 p-6 rounded-3xl space-y-3"> <span class="text-xs font-bold uppercase tracking-wider text-[#C85A32]">Hauseigene Gastronomie</span> <h4 class="font-serif text-lg font-bold text-[#E6D5C3]">Trattoria da Enzo im Erdgeschoss</h4> <p class="text-xs text-[#A3978B] leading-relaxed">
+Als Hotelgast genießt du eine bevorzugte Tischreservierung bei Alessandra. Genieße hausgemachte Pasta und sizilianische Weine direkt im Haus!
+</p> <a href="tel:+49532123456" class="inline-block text-xs font-bold text-[#C85A32] hover:underline">
+📞 Tisch reservieren: +49 5321 23456 →
+</a> </div> </div> </div> <!-- Eviivo Booking Widget --> <section id="booking" class="pt-6"> <div class="stone-card rounded-3xl p-6 sm:p-10 max-w-4xl mx-auto my-8 font-sans border border-[#D4A373]/30 shadow-2xl"> <div class="text-center mb-8 space-y-2"> <div class="inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-[#2D5A43]/20 border border-emerald-500/40 text-emerald-400 text-xs font-bold uppercase tracking-wider"> <span>🔒 Direktbucher Bestpreis-Garantie</span> </div> <h3 class="font-serif text-2xl sm:text-3xl font-bold text-[#E6D5C3]">
+Verfügbarkeit & Bestpreis prüfen
+</h3> <p class="text-[#A3978B] text-xs sm:text-sm max-w-xl mx-auto">
+Buche direkt über unsere Eviivo-Schnittstelle – 15% günstiger als auf Booking.com oder Airbnb. Bestpreis garantiert!
+</p> </div> <!-- Booking Mask Interface --> <form action="https://onlinereservation.eviivo.com" method="GET" target="_blank" class="grid grid-cols-1 sm:grid-cols-3 gap-4"> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Anreise</label> <input type="date" name="startDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Abreise</label> <input type="date" name="endDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Gäste</label> <select name="adults" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none"> <option value="1">1 Person</option> <option value="2" selected>2 Personen</option> <option value="3">3 Personen</option> <option value="4">4 Personen</option> </select> </div> <div class="sm:col-span-3 pt-2"> <button type="submit" class="w-full py-4 rounded-xl bg-gradient-to-r from-[#2D5A43] to-[#C85A32] text-white font-bold text-sm hover:opacity-95 shadow-xl transition-all">
+Jetzt Verfügbarkeit & Bestpreis abrufen ➔
+</button> </div> </form> <div class="mt-6 text-center text-[11px] text-[#A3978B] flex flex-wrap items-center justify-center gap-4 border-t border-[#D4A373]/10 pt-4"> <span>🔒 Sichere SSL-Schnittstelle</span> <span>•</span> <span>💳 Keine versteckten Gebühren</span> <span>•</span> <span>⚡ Sofortige Reservierungsbestätigung</span> </div> </div> </section> </div> </div>  </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>

dist/apartments/suite-1-balkon/index.html

@@ -0,0 +1,84 @@
+<!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>Komfort-Suite 1 mit Balkon | Casa da Enzo Goslar</title><meta name="description" content="Lichtdurchflutete Premium-Suite mit historischem Altstadt-Balkon und Bosch-Küche"><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/apartments/suite-1-balkon/"><meta property="og:title" content="Komfort-Suite 1 mit Balkon | Casa da Enzo Goslar"><meta property="og:description" content="Lichtdurchflutete Premium-Suite mit historischem Altstadt-Balkon und Bosch-Küche"><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="Komfort-Suite 1 mit Balkon | Casa da Enzo Goslar"><meta property="twitter:description" content="Lichtdurchflutete Premium-Suite mit historischem Altstadt-Balkon und Bosch-Küche"><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">  <div class="py-12 bg-[#1A1816]"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8"> <!-- Back Link & Top Badges Bar --> <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4"> <a href="/#apartments" class="inline-flex items-center gap-2 text-xs font-bold text-emerald-400 hover:underline">
+← Zurück zu allen Apartments
+</a> <!-- Airbnb & Booking Badges + Eviivo Guest Directory --> <div class="flex flex-wrap items-center gap-3 text-xs font-medium"> <span class="px-3 py-1 rounded-full bg-[#24211D] border border-[#D4A373]/20 text-[#E6D5C3]">
+★ <strong class="text-[#D4A373]">4.98</strong> Superhost
+</span> <span class="px-3 py-1 rounded-full bg-[#24211D] border border-[#D4A373]/20 text-[#E6D5C3]">
+Booking.com <strong class="text-blue-400">9.8</strong> </span> <button onclick="document.getElementById('eviivo-link-btn')?.click()" class="px-3 py-1 rounded-full bg-[#2D5A43]/30 border border-emerald-500/40 text-emerald-400 hover:bg-[#2D5A43]/50 transition-colors flex items-center gap-1 font-semibold"> <span>📖 Eviivo Gästemappe</span> </button> </div> </div> <!-- Title & Header --> <div class="space-y-3"> <span class="inline-block px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider bg-[#2D5A43] text-emerald-100 border border-emerald-500/40"> Premium-Komfort </span> <h1 class="font-serif text-4xl sm:text-5xl font-bold text-[#E6D5C3]">Komfort-Suite 1 mit Balkon</h1> <p class="text-[#A3978B] text-base sm:text-lg leading-relaxed">Lichtdurchflutete Premium-Suite mit historischem Altstadt-Balkon und Bosch-Küche</p> </div> <!-- Quick Specs Bar --> <div class="grid grid-cols-2 sm:grid-cols-4 gap-4 p-6 rounded-3xl stone-card border border-[#D4A373]/20 text-center"> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Kapazität</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">👥 Bis 4 Gäste</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Größe</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">📐 58 m²</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Aussicht</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">🌿 Balkon / Terrasse</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Workspace</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">💻 Workstation</span> </div> </div> <!-- Visual Gallery Placeholder Banner --> <div class="aspect-[21/9] rounded-3xl bg-gradient-to-br from-[#2E2A25] to-[#1A1816] text-[#E6D5C3] flex flex-col items-center justify-center p-6 text-center border border-[#D4A373]/20 relative overflow-hidden shadow-2xl"> <div class="relative z-10 space-y-2"> <span class="px-3.5 py-1 rounded-full bg-[#2D5A43]/30 text-emerald-400 text-xs font-bold uppercase tracking-widest border border-emerald-500/30">
+Saniert 2025 • UNESCO Altstadt Goslar
+</span> <h2 class="font-serif text-2xl sm:text-3xl font-bold">Komfort-Suite 1 mit Balkon</h2> <p class="text-[#A3978B] text-xs sm:text-sm max-w-md mx-auto">
+Restauriertes Fachwerk aus dem 16. Jahrhundert kombiniert mit italienischem Design & smartem Nuki Keyless Check-in.
+</p> </div> </div> <!-- Highlights & Details --> <div class="grid grid-cols-1 md:grid-cols-3 gap-8 pt-4"> <div class="md:col-span-2 space-y-6 stone-card p-8 rounded-3xl border border-[#D4A373]/20"> <h2 class="font-serif text-2xl font-bold text-[#E6D5C3]">Beschreibung & Ausstattung</h2> <div class="prose prose-invert max-w-none text-[#E6D5C3] text-sm leading-relaxed"> <p>Willkommen in unserer Flaggschiff-Komfort-Suite. Diese 58m² große Wohnung im 1. Obergeschoss verbindet restauriertes Fachwerk aus dem 16. Jahrhundert mit zeitgemäßem skandinavisch-italienischem Design.</p>
+<p>Genieße deinen Morgenkaffee auf dem privaten Balkon mit Blick in die ruhige Altstadtstraße oder nutze den separaten Arbeitsbereich für produktive Workation-Tage.</p> </div> <div class="pt-6 border-t border-[#D4A373]/15"> <h3 class="font-serif text-lg font-bold text-[#D4A373] mb-2">Küche & Verpflegung</h3> <p class="text-[#A3978B] text-xs leading-relaxed">Voll ausgestattete Bosch-Einbauküche</p> </div> <div class="pt-4 border-t border-[#D4A373]/15 flex flex-wrap items-center justify-between gap-4 text-xs text-[#A3978B]"> <span>🔑 Nuki Smart Lock PIN Check-in ab 15:00 Uhr</span> <span>🌿 Nachhaltige Lehmdämmung für gesunden Schlaf</span> </div> </div> <!-- Sidebar / Highlights --> <div class="space-y-6"> <div class="stone-card p-6 rounded-3xl space-y-4 border border-[#D4A373]/30 shadow-xl"> <h3 class="font-serif text-xl font-bold text-[#D4A373]">Ausstattungs-Highlights</h3> <ul class="space-y-3 text-xs text-[#E6D5C3]"> <li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Privater Balkon zur ruhigen Bäckerstraße</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Ergonomischer Dedicated Workspace mit Highspeed-WLAN</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Nuki Keyless Smart Lock Check-in</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Gesundes Raumklima durch nachhaltige Lehmputz-Sanierung</span> </li> </ul> </div> <!-- Trattoria Info Card --> <div class="stone-card border border-[#C85A32]/40 p-6 rounded-3xl space-y-3"> <span class="text-xs font-bold uppercase tracking-wider text-[#C85A32]">Hauseigene Gastronomie</span> <h4 class="font-serif text-lg font-bold text-[#E6D5C3]">Trattoria da Enzo im Erdgeschoss</h4> <p class="text-xs text-[#A3978B] leading-relaxed">
+Als Hotelgast genießt du eine bevorzugte Tischreservierung bei Alessandra. Genieße hausgemachte Pasta und sizilianische Weine direkt im Haus!
+</p> <a href="tel:+49532123456" class="inline-block text-xs font-bold text-[#C85A32] hover:underline">
+📞 Tisch reservieren: +49 5321 23456 →
+</a> </div> </div> </div> <!-- Eviivo Booking Widget --> <section id="booking" class="pt-6"> <div class="stone-card rounded-3xl p-6 sm:p-10 max-w-4xl mx-auto my-8 font-sans border border-[#D4A373]/30 shadow-2xl"> <div class="text-center mb-8 space-y-2"> <div class="inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-[#2D5A43]/20 border border-emerald-500/40 text-emerald-400 text-xs font-bold uppercase tracking-wider"> <span>🔒 Direktbucher Bestpreis-Garantie</span> </div> <h3 class="font-serif text-2xl sm:text-3xl font-bold text-[#E6D5C3]">
+Verfügbarkeit & Bestpreis prüfen
+</h3> <p class="text-[#A3978B] text-xs sm:text-sm max-w-xl mx-auto">
+Buche direkt über unsere Eviivo-Schnittstelle – 15% günstiger als auf Booking.com oder Airbnb. Bestpreis garantiert!
+</p> </div> <!-- Booking Mask Interface --> <form action="https://onlinereservation.eviivo.com" method="GET" target="_blank" class="grid grid-cols-1 sm:grid-cols-3 gap-4"> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Anreise</label> <input type="date" name="startDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Abreise</label> <input type="date" name="endDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Gäste</label> <select name="adults" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none"> <option value="1">1 Person</option> <option value="2" selected>2 Personen</option> <option value="3">3 Personen</option> <option value="4">4 Personen</option> </select> </div> <div class="sm:col-span-3 pt-2"> <button type="submit" class="w-full py-4 rounded-xl bg-gradient-to-r from-[#2D5A43] to-[#C85A32] text-white font-bold text-sm hover:opacity-95 shadow-xl transition-all">
+Jetzt Verfügbarkeit & Bestpreis abrufen ➔
+</button> </div> </form> <div class="mt-6 text-center text-[11px] text-[#A3978B] flex flex-wrap items-center justify-center gap-4 border-t border-[#D4A373]/10 pt-4"> <span>🔒 Sichere SSL-Schnittstelle</span> <span>•</span> <span>💳 Keine versteckten Gebühren</span> <span>•</span> <span>⚡ Sofortige Reservierungsbestätigung</span> </div> </div> </section> </div> </div>  </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>

dist/apartments/suite-2-terrasse/index.html

@@ -0,0 +1,83 @@
+<!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>Komfort-Suite 2 mit Terrasse | Casa da Enzo Goslar</title><meta name="description" content="Großzügige 62m² Suite mit privatem Innenhof-Balkon und ruhiger Lage"><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/apartments/suite-2-terrasse/"><meta property="og:title" content="Komfort-Suite 2 mit Terrasse | Casa da Enzo Goslar"><meta property="og:description" content="Großzügige 62m² Suite mit privatem Innenhof-Balkon und ruhiger Lage"><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="Komfort-Suite 2 mit Terrasse | Casa da Enzo Goslar"><meta property="twitter:description" content="Großzügige 62m² Suite mit privatem Innenhof-Balkon und ruhiger Lage"><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">  <div class="py-12 bg-[#1A1816]"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8"> <!-- Back Link & Top Badges Bar --> <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4"> <a href="/#apartments" class="inline-flex items-center gap-2 text-xs font-bold text-emerald-400 hover:underline">
+← Zurück zu allen Apartments
+</a> <!-- Airbnb & Booking Badges + Eviivo Guest Directory --> <div class="flex flex-wrap items-center gap-3 text-xs font-medium"> <span class="px-3 py-1 rounded-full bg-[#24211D] border border-[#D4A373]/20 text-[#E6D5C3]">
+★ <strong class="text-[#D4A373]">4.98</strong> Superhost
+</span> <span class="px-3 py-1 rounded-full bg-[#24211D] border border-[#D4A373]/20 text-[#E6D5C3]">
+Booking.com <strong class="text-blue-400">9.8</strong> </span> <button onclick="document.getElementById('eviivo-link-btn')?.click()" class="px-3 py-1 rounded-full bg-[#2D5A43]/30 border border-emerald-500/40 text-emerald-400 hover:bg-[#2D5A43]/50 transition-colors flex items-center gap-1 font-semibold"> <span>📖 Eviivo Gästemappe</span> </button> </div> </div> <!-- Title & Header --> <div class="space-y-3"> <span class="inline-block px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider bg-[#2D5A43] text-emerald-100 border border-emerald-500/40"> Premium-Komfort </span> <h1 class="font-serif text-4xl sm:text-5xl font-bold text-[#E6D5C3]">Komfort-Suite 2 mit Terrasse</h1> <p class="text-[#A3978B] text-base sm:text-lg leading-relaxed">Großzügige 62m² Suite mit privatem Innenhof-Balkon und ruhiger Lage</p> </div> <!-- Quick Specs Bar --> <div class="grid grid-cols-2 sm:grid-cols-4 gap-4 p-6 rounded-3xl stone-card border border-[#D4A373]/20 text-center"> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Kapazität</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">👥 Bis 4 Gäste</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Größe</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">📐 62 m²</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Aussicht</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">🌿 Balkon / Terrasse</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Workspace</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">💻 Workstation</span> </div> </div> <!-- Visual Gallery Placeholder Banner --> <div class="aspect-[21/9] rounded-3xl bg-gradient-to-br from-[#2E2A25] to-[#1A1816] text-[#E6D5C3] flex flex-col items-center justify-center p-6 text-center border border-[#D4A373]/20 relative overflow-hidden shadow-2xl"> <div class="relative z-10 space-y-2"> <span class="px-3.5 py-1 rounded-full bg-[#2D5A43]/30 text-emerald-400 text-xs font-bold uppercase tracking-widest border border-emerald-500/30">
+Saniert 2025 • UNESCO Altstadt Goslar
+</span> <h2 class="font-serif text-2xl sm:text-3xl font-bold">Komfort-Suite 2 mit Terrasse</h2> <p class="text-[#A3978B] text-xs sm:text-sm max-w-md mx-auto">
+Restauriertes Fachwerk aus dem 16. Jahrhundert kombiniert mit italienischem Design & smartem Nuki Keyless Check-in.
+</p> </div> </div> <!-- Highlights & Details --> <div class="grid grid-cols-1 md:grid-cols-3 gap-8 pt-4"> <div class="md:col-span-2 space-y-6 stone-card p-8 rounded-3xl border border-[#D4A373]/20"> <h2 class="font-serif text-2xl font-bold text-[#E6D5C3]">Beschreibung & Ausstattung</h2> <div class="prose prose-invert max-w-none text-[#E6D5C3] text-sm leading-relaxed"> <p>Perfekt für Familien oder Paare, die maximale Ruhe schätzen. Die Suite 2 bietet eine geschützte Terrasse zum Innenhof, ein separates Schlafzimmer mit hochwertigem Boxspringbett und einen großzügigen Wohnbereich.</p> </div> <div class="pt-6 border-t border-[#D4A373]/15"> <h3 class="font-serif text-lg font-bold text-[#D4A373] mb-2">Küche & Verpflegung</h3> <p class="text-[#A3978B] text-xs leading-relaxed">Große Bosch-Küche mit Induktion &amp; Geschirrspüler</p> </div> <div class="pt-4 border-t border-[#D4A373]/15 flex flex-wrap items-center justify-between gap-4 text-xs text-[#A3978B]"> <span>🔑 Nuki Smart Lock PIN Check-in ab 15:00 Uhr</span> <span>🌿 Nachhaltige Lehmdämmung für gesunden Schlaf</span> </div> </div> <!-- Sidebar / Highlights --> <div class="space-y-6"> <div class="stone-card p-6 rounded-3xl space-y-4 border border-[#D4A373]/30 shadow-xl"> <h3 class="font-serif text-xl font-bold text-[#D4A373]">Ausstattungs-Highlights</h3> <ul class="space-y-3 text-xs text-[#E6D5C3]"> <li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Ruhiger Balkon/Terrasse zum geschützten Innenhof</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Separates Schlafzimmer mit Boxspringbett</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Kontaktloser 24/7 Check-in via Nuki Code</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Nachhaltige Materialien &amp; gesundes Raumklima</span> </li> </ul> </div> <!-- Trattoria Info Card --> <div class="stone-card border border-[#C85A32]/40 p-6 rounded-3xl space-y-3"> <span class="text-xs font-bold uppercase tracking-wider text-[#C85A32]">Hauseigene Gastronomie</span> <h4 class="font-serif text-lg font-bold text-[#E6D5C3]">Trattoria da Enzo im Erdgeschoss</h4> <p class="text-xs text-[#A3978B] leading-relaxed">
+Als Hotelgast genießt du eine bevorzugte Tischreservierung bei Alessandra. Genieße hausgemachte Pasta und sizilianische Weine direkt im Haus!
+</p> <a href="tel:+49532123456" class="inline-block text-xs font-bold text-[#C85A32] hover:underline">
+📞 Tisch reservieren: +49 5321 23456 →
+</a> </div> </div> </div> <!-- Eviivo Booking Widget --> <section id="booking" class="pt-6"> <div class="stone-card rounded-3xl p-6 sm:p-10 max-w-4xl mx-auto my-8 font-sans border border-[#D4A373]/30 shadow-2xl"> <div class="text-center mb-8 space-y-2"> <div class="inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-[#2D5A43]/20 border border-emerald-500/40 text-emerald-400 text-xs font-bold uppercase tracking-wider"> <span>🔒 Direktbucher Bestpreis-Garantie</span> </div> <h3 class="font-serif text-2xl sm:text-3xl font-bold text-[#E6D5C3]">
+Verfügbarkeit & Bestpreis prüfen
+</h3> <p class="text-[#A3978B] text-xs sm:text-sm max-w-xl mx-auto">
+Buche direkt über unsere Eviivo-Schnittstelle – 15% günstiger als auf Booking.com oder Airbnb. Bestpreis garantiert!
+</p> </div> <!-- Booking Mask Interface --> <form action="https://onlinereservation.eviivo.com" method="GET" target="_blank" class="grid grid-cols-1 sm:grid-cols-3 gap-4"> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Anreise</label> <input type="date" name="startDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Abreise</label> <input type="date" name="endDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Gäste</label> <select name="adults" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none"> <option value="1">1 Person</option> <option value="2" selected>2 Personen</option> <option value="3">3 Personen</option> <option value="4">4 Personen</option> </select> </div> <div class="sm:col-span-3 pt-2"> <button type="submit" class="w-full py-4 rounded-xl bg-gradient-to-r from-[#2D5A43] to-[#C85A32] text-white font-bold text-sm hover:opacity-95 shadow-xl transition-all">
+Jetzt Verfügbarkeit & Bestpreis abrufen ➔
+</button> </div> </form> <div class="mt-6 text-center text-[11px] text-[#A3978B] flex flex-wrap items-center justify-center gap-4 border-t border-[#D4A373]/10 pt-4"> <span>🔒 Sichere SSL-Schnittstelle</span> <span>•</span> <span>💳 Keine versteckten Gebühren</span> <span>•</span> <span>⚡ Sofortige Reservierungsbestätigung</span> </div> </div> </section> </div> </div>  </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>

dist/apartments/suite-3-komfort/index.html

@@ -0,0 +1,83 @@
+<!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>Komfort-Suite 3 Design | Casa da Enzo Goslar</title><meta name="description" content="Elegante Altstadt-Suite mit sichtbaren Balken und edler Einrichtung"><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/apartments/suite-3-komfort/"><meta property="og:title" content="Komfort-Suite 3 Design | Casa da Enzo Goslar"><meta property="og:description" content="Elegante Altstadt-Suite mit sichtbaren Balken und edler Einrichtung"><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="Komfort-Suite 3 Design | Casa da Enzo Goslar"><meta property="twitter:description" content="Elegante Altstadt-Suite mit sichtbaren Balken und edler Einrichtung"><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">  <div class="py-12 bg-[#1A1816]"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8"> <!-- Back Link & Top Badges Bar --> <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4"> <a href="/#apartments" class="inline-flex items-center gap-2 text-xs font-bold text-emerald-400 hover:underline">
+← Zurück zu allen Apartments
+</a> <!-- Airbnb & Booking Badges + Eviivo Guest Directory --> <div class="flex flex-wrap items-center gap-3 text-xs font-medium"> <span class="px-3 py-1 rounded-full bg-[#24211D] border border-[#D4A373]/20 text-[#E6D5C3]">
+★ <strong class="text-[#D4A373]">4.98</strong> Superhost
+</span> <span class="px-3 py-1 rounded-full bg-[#24211D] border border-[#D4A373]/20 text-[#E6D5C3]">
+Booking.com <strong class="text-blue-400">9.8</strong> </span> <button onclick="document.getElementById('eviivo-link-btn')?.click()" class="px-3 py-1 rounded-full bg-[#2D5A43]/30 border border-emerald-500/40 text-emerald-400 hover:bg-[#2D5A43]/50 transition-colors flex items-center gap-1 font-semibold"> <span>📖 Eviivo Gästemappe</span> </button> </div> </div> <!-- Title & Header --> <div class="space-y-3"> <span class="inline-block px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider bg-[#2D5A43] text-emerald-100 border border-emerald-500/40"> Premium-Komfort </span> <h1 class="font-serif text-4xl sm:text-5xl font-bold text-[#E6D5C3]">Komfort-Suite 3 Design</h1> <p class="text-[#A3978B] text-base sm:text-lg leading-relaxed">Elegante Altstadt-Suite mit sichtbaren Balken und edler Einrichtung</p> </div> <!-- Quick Specs Bar --> <div class="grid grid-cols-2 sm:grid-cols-4 gap-4 p-6 rounded-3xl stone-card border border-[#D4A373]/20 text-center"> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Kapazität</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">👥 Bis 3 Gäste</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Größe</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">📐 52 m²</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Aussicht</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">Altstadtblick</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Workspace</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">💻 Workstation</span> </div> </div> <!-- Visual Gallery Placeholder Banner --> <div class="aspect-[21/9] rounded-3xl bg-gradient-to-br from-[#2E2A25] to-[#1A1816] text-[#E6D5C3] flex flex-col items-center justify-center p-6 text-center border border-[#D4A373]/20 relative overflow-hidden shadow-2xl"> <div class="relative z-10 space-y-2"> <span class="px-3.5 py-1 rounded-full bg-[#2D5A43]/30 text-emerald-400 text-xs font-bold uppercase tracking-widest border border-emerald-500/30">
+Saniert 2025 • UNESCO Altstadt Goslar
+</span> <h2 class="font-serif text-2xl sm:text-3xl font-bold">Komfort-Suite 3 Design</h2> <p class="text-[#A3978B] text-xs sm:text-sm max-w-md mx-auto">
+Restauriertes Fachwerk aus dem 16. Jahrhundert kombiniert mit italienischem Design & smartem Nuki Keyless Check-in.
+</p> </div> </div> <!-- Highlights & Details --> <div class="grid grid-cols-1 md:grid-cols-3 gap-8 pt-4"> <div class="md:col-span-2 space-y-6 stone-card p-8 rounded-3xl border border-[#D4A373]/20"> <h2 class="font-serif text-2xl font-bold text-[#E6D5C3]">Beschreibung & Ausstattung</h2> <div class="prose prose-invert max-w-none text-[#E6D5C3] text-sm leading-relaxed"> <p>Ein Refugium für Ästheten: Die Suite 3 vereint den rustikalen Charme der Goslarer Altstadt mit edler italienischer Möblierung und smarter Haustechnik.</p> </div> <div class="pt-6 border-t border-[#D4A373]/15"> <h3 class="font-serif text-lg font-bold text-[#D4A373] mb-2">Küche & Verpflegung</h3> <p class="text-[#A3978B] text-xs leading-relaxed">Moderne Bosch-Küche mit Nespresso-Maschine</p> </div> <div class="pt-4 border-t border-[#D4A373]/15 flex flex-wrap items-center justify-between gap-4 text-xs text-[#A3978B]"> <span>🔑 Nuki Smart Lock PIN Check-in ab 15:00 Uhr</span> <span>🌿 Nachhaltige Lehmdämmung für gesunden Schlaf</span> </div> </div> <!-- Sidebar / Highlights --> <div class="space-y-6"> <div class="stone-card p-6 rounded-3xl space-y-4 border border-[#D4A373]/30 shadow-xl"> <h3 class="font-serif text-xl font-bold text-[#D4A373]">Ausstattungs-Highlights</h3> <ul class="space-y-3 text-xs text-[#E6D5C3]"> <li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Sichtbares historisches Fachwerkelement</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Highspeed Wi-Fi 6 für Remote Work</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Kontaktlose Anreise &amp; Nuki Smart Lock</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Direkter Zugang zur Trattoria im Erdgeschoss</span> </li> </ul> </div> <!-- Trattoria Info Card --> <div class="stone-card border border-[#C85A32]/40 p-6 rounded-3xl space-y-3"> <span class="text-xs font-bold uppercase tracking-wider text-[#C85A32]">Hauseigene Gastronomie</span> <h4 class="font-serif text-lg font-bold text-[#E6D5C3]">Trattoria da Enzo im Erdgeschoss</h4> <p class="text-xs text-[#A3978B] leading-relaxed">
+Als Hotelgast genießt du eine bevorzugte Tischreservierung bei Alessandra. Genieße hausgemachte Pasta und sizilianische Weine direkt im Haus!
+</p> <a href="tel:+49532123456" class="inline-block text-xs font-bold text-[#C85A32] hover:underline">
+📞 Tisch reservieren: +49 5321 23456 →
+</a> </div> </div> </div> <!-- Eviivo Booking Widget --> <section id="booking" class="pt-6"> <div class="stone-card rounded-3xl p-6 sm:p-10 max-w-4xl mx-auto my-8 font-sans border border-[#D4A373]/30 shadow-2xl"> <div class="text-center mb-8 space-y-2"> <div class="inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-[#2D5A43]/20 border border-emerald-500/40 text-emerald-400 text-xs font-bold uppercase tracking-wider"> <span>🔒 Direktbucher Bestpreis-Garantie</span> </div> <h3 class="font-serif text-2xl sm:text-3xl font-bold text-[#E6D5C3]">
+Verfügbarkeit & Bestpreis prüfen
+</h3> <p class="text-[#A3978B] text-xs sm:text-sm max-w-xl mx-auto">
+Buche direkt über unsere Eviivo-Schnittstelle – 15% günstiger als auf Booking.com oder Airbnb. Bestpreis garantiert!
+</p> </div> <!-- Booking Mask Interface --> <form action="https://onlinereservation.eviivo.com" method="GET" target="_blank" class="grid grid-cols-1 sm:grid-cols-3 gap-4"> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Anreise</label> <input type="date" name="startDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Abreise</label> <input type="date" name="endDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Gäste</label> <select name="adults" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none"> <option value="1">1 Person</option> <option value="2" selected>2 Personen</option> <option value="3">3 Personen</option> <option value="4">4 Personen</option> </select> </div> <div class="sm:col-span-3 pt-2"> <button type="submit" class="w-full py-4 rounded-xl bg-gradient-to-r from-[#2D5A43] to-[#C85A32] text-white font-bold text-sm hover:opacity-95 shadow-xl transition-all">
+Jetzt Verfügbarkeit & Bestpreis abrufen ➔
+</button> </div> </form> <div class="mt-6 text-center text-[11px] text-[#A3978B] flex flex-wrap items-center justify-center gap-4 border-t border-[#D4A373]/10 pt-4"> <span>🔒 Sichere SSL-Schnittstelle</span> <span>•</span> <span>💳 Keine versteckten Gebühren</span> <span>•</span> <span>⚡ Sofortige Reservierungsbestätigung</span> </div> </div> </section> </div> </div>  </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>

dist/apartments/suite-4-workspace/index.html

@@ -0,0 +1,83 @@
+<!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>Komfort-Suite 4 Workation | Casa da Enzo Goslar</title><meta name="description" content="Optimiert für Remote Worker, Geschäftsreisende und Long-Stays"><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/apartments/suite-4-workspace/"><meta property="og:title" content="Komfort-Suite 4 Workation | Casa da Enzo Goslar"><meta property="og:description" content="Optimiert für Remote Worker, Geschäftsreisende und Long-Stays"><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="Komfort-Suite 4 Workation | Casa da Enzo Goslar"><meta property="twitter:description" content="Optimiert für Remote Worker, Geschäftsreisende und Long-Stays"><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">  <div class="py-12 bg-[#1A1816]"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8"> <!-- Back Link & Top Badges Bar --> <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4"> <a href="/#apartments" class="inline-flex items-center gap-2 text-xs font-bold text-emerald-400 hover:underline">
+← Zurück zu allen Apartments
+</a> <!-- Airbnb & Booking Badges + Eviivo Guest Directory --> <div class="flex flex-wrap items-center gap-3 text-xs font-medium"> <span class="px-3 py-1 rounded-full bg-[#24211D] border border-[#D4A373]/20 text-[#E6D5C3]">
+★ <strong class="text-[#D4A373]">4.98</strong> Superhost
+</span> <span class="px-3 py-1 rounded-full bg-[#24211D] border border-[#D4A373]/20 text-[#E6D5C3]">
+Booking.com <strong class="text-blue-400">9.8</strong> </span> <button onclick="document.getElementById('eviivo-link-btn')?.click()" class="px-3 py-1 rounded-full bg-[#2D5A43]/30 border border-emerald-500/40 text-emerald-400 hover:bg-[#2D5A43]/50 transition-colors flex items-center gap-1 font-semibold"> <span>📖 Eviivo Gästemappe</span> </button> </div> </div> <!-- Title & Header --> <div class="space-y-3"> <span class="inline-block px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider bg-[#2D5A43] text-emerald-100 border border-emerald-500/40"> Premium-Komfort </span> <h1 class="font-serif text-4xl sm:text-5xl font-bold text-[#E6D5C3]">Komfort-Suite 4 Workation</h1> <p class="text-[#A3978B] text-base sm:text-lg leading-relaxed">Optimiert für Remote Worker, Geschäftsreisende und Long-Stays</p> </div> <!-- Quick Specs Bar --> <div class="grid grid-cols-2 sm:grid-cols-4 gap-4 p-6 rounded-3xl stone-card border border-[#D4A373]/20 text-center"> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Kapazität</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">👥 Bis 2 Gäste</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Größe</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">📐 50 m²</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Aussicht</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">Altstadtblick</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Workspace</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">💻 Workstation</span> </div> </div> <!-- Visual Gallery Placeholder Banner --> <div class="aspect-[21/9] rounded-3xl bg-gradient-to-br from-[#2E2A25] to-[#1A1816] text-[#E6D5C3] flex flex-col items-center justify-center p-6 text-center border border-[#D4A373]/20 relative overflow-hidden shadow-2xl"> <div class="relative z-10 space-y-2"> <span class="px-3.5 py-1 rounded-full bg-[#2D5A43]/30 text-emerald-400 text-xs font-bold uppercase tracking-widest border border-emerald-500/30">
+Saniert 2025 • UNESCO Altstadt Goslar
+</span> <h2 class="font-serif text-2xl sm:text-3xl font-bold">Komfort-Suite 4 Workation</h2> <p class="text-[#A3978B] text-xs sm:text-sm max-w-md mx-auto">
+Restauriertes Fachwerk aus dem 16. Jahrhundert kombiniert mit italienischem Design & smartem Nuki Keyless Check-in.
+</p> </div> </div> <!-- Highlights & Details --> <div class="grid grid-cols-1 md:grid-cols-3 gap-8 pt-4"> <div class="md:col-span-2 space-y-6 stone-card p-8 rounded-3xl border border-[#D4A373]/20"> <h2 class="font-serif text-2xl font-bold text-[#E6D5C3]">Beschreibung & Ausstattung</h2> <div class="prose prose-invert max-w-none text-[#E6D5C3] text-sm leading-relaxed"> <p>Für digitale Nomaden und Workation-Gäste maßgeschneidert: Suite 4 bietet einen professionellen Arbeitsplatz, blitzschnelles Internet und absolute Ruhe mitten im UNESCO-Weltkulturerbe.</p> </div> <div class="pt-6 border-t border-[#D4A373]/15"> <h3 class="font-serif text-lg font-bold text-[#D4A373] mb-2">Küche & Verpflegung</h3> <p class="text-[#A3978B] text-xs leading-relaxed">Voll ausgestattete Küchenzeile mit Bosch-Geräten</p> </div> <div class="pt-4 border-t border-[#D4A373]/15 flex flex-wrap items-center justify-between gap-4 text-xs text-[#A3978B]"> <span>🔑 Nuki Smart Lock PIN Check-in ab 15:00 Uhr</span> <span>🌿 Nachhaltige Lehmdämmung für gesunden Schlaf</span> </div> </div> <!-- Sidebar / Highlights --> <div class="space-y-6"> <div class="stone-card p-6 rounded-3xl space-y-4 border border-[#D4A373]/30 shadow-xl"> <h3 class="font-serif text-xl font-bold text-[#D4A373]">Ausstattungs-Highlights</h3> <ul class="space-y-3 text-xs text-[#E6D5C3]"> <li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Professioneller Workstation-Schreibtisch &amp; Monitor</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>100 Mbit/s Glasfaser WLAN</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Flüsterleise Lage &amp; Verdunkelungsrollos</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Wäsche- &amp; Reinigungsservice auf Anfrage</span> </li> </ul> </div> <!-- Trattoria Info Card --> <div class="stone-card border border-[#C85A32]/40 p-6 rounded-3xl space-y-3"> <span class="text-xs font-bold uppercase tracking-wider text-[#C85A32]">Hauseigene Gastronomie</span> <h4 class="font-serif text-lg font-bold text-[#E6D5C3]">Trattoria da Enzo im Erdgeschoss</h4> <p class="text-xs text-[#A3978B] leading-relaxed">
+Als Hotelgast genießt du eine bevorzugte Tischreservierung bei Alessandra. Genieße hausgemachte Pasta und sizilianische Weine direkt im Haus!
+</p> <a href="tel:+49532123456" class="inline-block text-xs font-bold text-[#C85A32] hover:underline">
+📞 Tisch reservieren: +49 5321 23456 →
+</a> </div> </div> </div> <!-- Eviivo Booking Widget --> <section id="booking" class="pt-6"> <div class="stone-card rounded-3xl p-6 sm:p-10 max-w-4xl mx-auto my-8 font-sans border border-[#D4A373]/30 shadow-2xl"> <div class="text-center mb-8 space-y-2"> <div class="inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-[#2D5A43]/20 border border-emerald-500/40 text-emerald-400 text-xs font-bold uppercase tracking-wider"> <span>🔒 Direktbucher Bestpreis-Garantie</span> </div> <h3 class="font-serif text-2xl sm:text-3xl font-bold text-[#E6D5C3]">
+Verfügbarkeit & Bestpreis prüfen
+</h3> <p class="text-[#A3978B] text-xs sm:text-sm max-w-xl mx-auto">
+Buche direkt über unsere Eviivo-Schnittstelle – 15% günstiger als auf Booking.com oder Airbnb. Bestpreis garantiert!
+</p> </div> <!-- Booking Mask Interface --> <form action="https://onlinereservation.eviivo.com" method="GET" target="_blank" class="grid grid-cols-1 sm:grid-cols-3 gap-4"> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Anreise</label> <input type="date" name="startDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Abreise</label> <input type="date" name="endDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Gäste</label> <select name="adults" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none"> <option value="1">1 Person</option> <option value="2" selected>2 Personen</option> <option value="3">3 Personen</option> <option value="4">4 Personen</option> </select> </div> <div class="sm:col-span-3 pt-2"> <button type="submit" class="w-full py-4 rounded-xl bg-gradient-to-r from-[#2D5A43] to-[#C85A32] text-white font-bold text-sm hover:opacity-95 shadow-xl transition-all">
+Jetzt Verfügbarkeit & Bestpreis abrufen ➔
+</button> </div> </form> <div class="mt-6 text-center text-[11px] text-[#A3978B] flex flex-wrap items-center justify-center gap-4 border-t border-[#D4A373]/10 pt-4"> <span>🔒 Sichere SSL-Schnittstelle</span> <span>•</span> <span>💳 Keine versteckten Gebühren</span> <span>•</span> <span>⚡ Sofortige Reservierungsbestätigung</span> </div> </div> </section> </div> </div>  </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>

dist/blog/48-stunden-in-goslar/index.html

@@ -0,0 +1,94 @@
+<!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>48 Stunden im UNESCO-Weltkulturerbe Goslar: Der perfekte Kurztrip im Harz | Casa da Enzo Magazin</title><meta name="description" content="Fachwerk-Charme, Rammelsberger Bergbau &#38; kulinarische Highlights in der Kaiserstadt"><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/48-stunden-in-goslar/"><meta property="og:title" content="48 Stunden im UNESCO-Weltkulturerbe Goslar: Der perfekte Kurztrip im Harz | Casa da Enzo Magazin"><meta property="og:description" content="Fachwerk-Charme, Rammelsberger Bergbau &#38; kulinarische Highlights in der Kaiserstadt"><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="48 Stunden im UNESCO-Weltkulturerbe Goslar: Der perfekte Kurztrip im Harz | Casa da Enzo Magazin"><meta property="twitter:description" content="Fachwerk-Charme, Rammelsberger Bergbau &#38; kulinarische Highlights in der Kaiserstadt"><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">  <div class="bg-stone-950 text-stone-100 min-h-screen py-16"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 space-y-10"> <!-- Back Link --> <a href="/blog" class="inline-flex items-center gap-2 text-sm font-semibold text-amber-400 hover:underline">
+← Zurück zur Blog-Übersicht
+</a> <!-- Article Header --> <header class="space-y-4 border-b border-stone-800 pb-8"> <div class="flex items-center gap-3 text-xs font-semibold uppercase tracking-wider text-amber-400"> <span class="px-3 py-1 rounded-full bg-stone-900 border border-stone-700">Goslar &amp; Harz</span> <span>•</span> <span>5 min Lesezeit</span> <span>•</span> <span class="text-stone-400">2026-03-10</span> </div> <h1 class="font-serif text-3xl sm:text-4xl lg:text-5xl font-bold text-white leading-tight"> 48 Stunden im UNESCO-Weltkulturerbe Goslar: Der perfekte Kurztrip im Harz </h1> <p class="text-stone-300 text-lg sm:text-xl font-light leading-relaxed"> Fachwerk-Charme, Rammelsberger Bergbau &amp; kulinarische Highlights in der Kaiserstadt </p> <div class="pt-2 text-xs text-stone-400 font-medium">
+Verfasst von <strong class="text-stone-200">Sergio Campisi</strong> </div> </header> <!-- Article Main Content --> <div class="bg-stone-900/90 p-8 sm:p-12 rounded-3xl border border-stone-800 shadow-2xl"> <article class="prose prose-invert prose-stone max-w-none text-stone-300 text-base leading-relaxed prose-headings:font-serif prose-headings:text-amber-400 prose-a:text-amber-300 prose-strong:text-white"> <p>Goslar begeistert durch eine einzigartige Kombination aus über 1000 Jahren Geschichte, perfekt erhaltenen Fachwerkhäusern aus verschiedensten Epochen und der unmittelbaren Nähe zur wilden Natur des Harzes. Ob Kulturbegeisterte, Aktivurlauber oder Genießer – 48 Stunden in Goslar bieten unvergessliche Eindrücke.</p>
+<h3 id="tag-1-kaiserpfalz-marktplatz--altstadtzauber">Tag 1: Kaiserpfalz, Marktplatz &#x26; Altstadtzauber</h3>
+<p>Beginne deinen ersten Tag mit einem ausgiebigen Spaziergang durch die Kopfsteinpflastergassen der Altstadt. Die Bäckerstraße, in der auch unsere <strong>Casa da Enzo</strong> liegt, gehört zu den malerischsten Straßen der Stadt.</p>
+<ol>
+<li><strong>Die Kaiserpfalz Goslar:</strong> Errichtet im 11. Jahrhundert unter Kaiser Heinrich III., entführt das imposante Romanik-Bauwerk direkt in die Zeit des Heiligen Römischen Reiches.</li>
+<li><strong>Der Goslarer Marktplatz:</strong> Um 12:00 Uhr ertönt das berühmte Glocken- und Figurenspiel am Kämmerergebäude, das die Geschichte des Rammelsberger Bergbaus erzählt.</li>
+<li><strong>Kaffee &#x26; Kultur:</strong> Kehre in einem der historischen Café-Höfe ein und genieße die entspannte Atmosphäre.</li>
+</ol>
+<p>Am Abend erwartet dich das kulinarische Herzstück der Casa da Enzo: In der <strong>Trattoria da Enzo</strong> serviert Alessandra hausgemachte Pasta und sizilianische Spezialitäten nach Familienrezepten seit 1980.</p>
+<h3 id="tag-2-unesco-weltkulturerbe-rammelsberg--harzer-bergwelt">Tag 2: UNESCO-Weltkulturerbe Rammelsberg &#x26; Harzer Bergwelt</h3>
+<p>Am zweiten Tag steht der Harz auf dem Programm. Das Erzbergwerk Rammelsberg ist das weltweit einzige Bergwerk, das über 1000 Jahre ununterbrochen in Betrieb war.</p>
+<ul>
+<li><strong>Untertage-Führung:</strong> Fahre mit der Grubenbahn tief in den Berg oder erkunde den Roeder-Stollen mit seinen riesigen hölzernen Wasserrädern.</li>
+<li><strong>Wandern zum Maltermeister Turm:</strong> Von dort genießt du einen spektakulären Panoramablick über Goslar und das Harzvorland.</li>
+</ul>
+<h3 id="wohnen-mittendrin-casa-da-enzo-boutique-apartments">Wohnen mittendrin: Casa da Enzo Boutique Apartments</h3>
+<p>Nach einem ereignisreichen Tag kehrst du in dein Apartment in der Bäckerstraße 18 zurück. Mit unserem kontaktlosen Nuki-Keyless-Check-in kommst du jederzeit flexibel an. Genieße den Komfort von ökologisch saniertem Lehmputz, modernen Küchen und ruhigen Balkonen.</p>
+<p><em>Buche direkt über unsere Website und spare 15% gegenüber Buchungsportalen!</em></p> </article> </div> <!-- Lead Generation CTAs Bar --> <div class="p-8 sm:p-10 rounded-3xl bg-gradient-to-br from-stone-900 via-stone-950 to-stone-900 border border-amber-500/40 space-y-6 text-center shadow-2xl"> <span class="text-xs font-bold uppercase tracking-widest text-amber-400">
+Casa da Enzo Goslar
+</span> <h3 class="font-serif text-2xl sm:text-3xl font-bold text-white">
+Lust bekommen auf Urlaub & Kulinarik im Harz?
+</h3> <p class="text-stone-300 text-sm max-w-xl mx-auto">
+Buche direkt über unsere Website und erhalte 15% Rabatt sowie deinen reservierten Lieblingsplatz in Alessandras Trattoria.
+</p> <div class="flex flex-col sm:flex-row items-center justify-center gap-4 pt-2"> <a href="/apartments#booking" class="w-full sm:w-auto px-8 py-3.5 rounded-xl bg-[#C85A32] text-white font-bold text-sm hover:bg-[#b04d2a] transition-all shadow-lg text-center">
+Suiten ansehen & direkt buchen (-15%)
+</a> <a href="/trattoria#reservierung" class="w-full sm:w-auto 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 text-center">
+Tisch in der Trattoria reservieren
+</a> </div> </div> </div> </div>  </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>

dist/blog/5-geheimtipps-goslar/index.html

@@ -0,0 +1,79 @@
+<!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>5 Geheimtipps für Goslar | Casa da Enzo Magazin</title><meta name="description" content="Entdecke das Herz der Altstadt &#38; Harz-Natur"><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/5-geheimtipps-goslar/"><meta property="og:title" content="5 Geheimtipps für Goslar | Casa da Enzo Magazin"><meta property="og:description" content="Entdecke das Herz der Altstadt &#38; Harz-Natur"><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="5 Geheimtipps für Goslar | Casa da Enzo Magazin"><meta property="twitter:description" content="Entdecke das Herz der Altstadt &#38; Harz-Natur"><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">  <div class="bg-stone-950 text-stone-100 min-h-screen py-16"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 space-y-10"> <!-- Back Link --> <a href="/blog" class="inline-flex items-center gap-2 text-sm font-semibold text-amber-400 hover:underline">
+← Zurück zur Blog-Übersicht
+</a> <!-- Article Header --> <header class="space-y-4 border-b border-stone-800 pb-8"> <div class="flex items-center gap-3 text-xs font-semibold uppercase tracking-wider text-amber-400"> <span class="px-3 py-1 rounded-full bg-stone-900 border border-stone-700">Goslar &amp; Harz</span> <span>•</span> <span>5 min Lesezeit</span> <span>•</span> <span class="text-stone-400">2026-09-16</span> </div> <h1 class="font-serif text-3xl sm:text-4xl lg:text-5xl font-bold text-white leading-tight"> 5 Geheimtipps für Goslar </h1> <p class="text-stone-300 text-lg sm:text-xl font-light leading-relaxed"> Entdecke das Herz der Altstadt &amp; Harz-Natur </p> <div class="pt-2 text-xs text-stone-400 font-medium">
+Verfasst von <strong class="text-stone-200">Dante &amp; Team</strong> </div> </header> <!-- Article Main Content --> <div class="bg-stone-900/90 p-8 sm:p-12 rounded-3xl border border-stone-800 shadow-2xl"> <article class="prose prose-invert prose-stone max-w-none text-stone-300 text-base leading-relaxed prose-headings:font-serif prose-headings:text-amber-400 prose-a:text-amber-300 prose-strong:text-white"> <h2 id="-dein-tipp-für-die-perfekte-unterkunft">💡 Dein Tipp für die perfekte Unterkunft:</h2>
+<p>Übernachte direkt im Herzen der Altstadt in unseren <strong>4 neu sanierten Premium-Komfort-Suites</strong> mit privatem Balkon, Bosch-Küche und blitzschnellem WLAN.</p>
+<p>👉 <strong><a href="https://casa-daenzo.de/#booking">Jetzt Verfügbarkeit prüfen &#x26; 15% Direktbucher-Rabatt sichern</a></strong></p> </article> </div> <!-- Lead Generation CTAs Bar --> <div class="p-8 sm:p-10 rounded-3xl bg-gradient-to-br from-stone-900 via-stone-950 to-stone-900 border border-amber-500/40 space-y-6 text-center shadow-2xl"> <span class="text-xs font-bold uppercase tracking-widest text-amber-400">
+Casa da Enzo Goslar
+</span> <h3 class="font-serif text-2xl sm:text-3xl font-bold text-white">
+Lust bekommen auf Urlaub & Kulinarik im Harz?
+</h3> <p class="text-stone-300 text-sm max-w-xl mx-auto">
+Buche direkt über unsere Website und erhalte 15% Rabatt sowie deinen reservierten Lieblingsplatz in Alessandras Trattoria.
+</p> <div class="flex flex-col sm:flex-row items-center justify-center gap-4 pt-2"> <a href="/apartments#booking" class="w-full sm:w-auto px-8 py-3.5 rounded-xl bg-[#C85A32] text-white font-bold text-sm hover:bg-[#b04d2a] transition-all shadow-lg text-center">
+Suiten ansehen & direkt buchen (-15%)
+</a> <a href="/trattoria#reservierung" class="w-full sm:w-auto 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 text-center">
+Tisch in der Trattoria reservieren
+</a> </div> </div> </div> </div>  </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>

dist/blog/direktbuchung-vorteile/index.html

@@ -0,0 +1,85 @@
+<!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>Warum sich die Direktbuchung lohnt: 15% sparen &amp; Exklusive Vorteile in der Casa da Enzo | Casa da Enzo Magazin</title><meta name="description" content="Warum du dein Apartment in Goslar ohne Zwischenhändler buchen solltest"><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/direktbuchung-vorteile/"><meta property="og:title" content="Warum sich die Direktbuchung lohnt: 15% sparen &#38; Exklusive Vorteile in der Casa da Enzo | Casa da Enzo Magazin"><meta property="og:description" content="Warum du dein Apartment in Goslar ohne Zwischenhändler buchen solltest"><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="Warum sich die Direktbuchung lohnt: 15% sparen &#38; Exklusive Vorteile in der Casa da Enzo | Casa da Enzo Magazin"><meta property="twitter:description" content="Warum du dein Apartment in Goslar ohne Zwischenhändler buchen solltest"><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">  <div class="bg-stone-950 text-stone-100 min-h-screen py-16"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 space-y-10"> <!-- Back Link --> <a href="/blog" class="inline-flex items-center gap-2 text-sm font-semibold text-amber-400 hover:underline">
+← Zurück zur Blog-Übersicht
+</a> <!-- Article Header --> <header class="space-y-4 border-b border-stone-800 pb-8"> <div class="flex items-center gap-3 text-xs font-semibold uppercase tracking-wider text-amber-400"> <span class="px-3 py-1 rounded-full bg-stone-900 border border-stone-700">Apartments</span> <span>•</span> <span>3 min Lesezeit</span> <span>•</span> <span class="text-stone-400">2026-02-28</span> </div> <h1 class="font-serif text-3xl sm:text-4xl lg:text-5xl font-bold text-white leading-tight"> Warum sich die Direktbuchung lohnt: 15% sparen &amp; Exklusive Vorteile in der Casa da Enzo </h1> <p class="text-stone-300 text-lg sm:text-xl font-light leading-relaxed"> Warum du dein Apartment in Goslar ohne Zwischenhändler buchen solltest </p> <div class="pt-2 text-xs text-stone-400 font-medium">
+Verfasst von <strong class="text-stone-200">Alja Campisi</strong> </div> </header> <!-- Article Main Content --> <div class="bg-stone-900/90 p-8 sm:p-12 rounded-3xl border border-stone-800 shadow-2xl"> <article class="prose prose-invert prose-stone max-w-none text-stone-300 text-base leading-relaxed prose-headings:font-serif prose-headings:text-amber-400 prose-a:text-amber-300 prose-strong:text-white"> <p>Viele Reisende nutzen große Buchungsplattformen wie Booking.com oder Airbnb aus Gewohnheit. Doch was viele nicht wissen: Die Portale verlangen erhebliche Gebühren – Geld, das wir lieber direkt als Preisvorteil an unsere Gäste weitergeben!</p>
+<h3 id="deine-4-großen-vorteile-bei-der-direktbuchung-auf-casa-daenzode">Deine 4 großen Vorteile bei der Direktbuchung auf casa-daenzo.de</h3>
+<ol>
+<li><strong>Garantierte 15% Bestpreis-Garantie:</strong> Da wir keine OTA-Provisionen zahlen müssen, ist dein Zimmerpreis auf unserer eigenen Website immer am günstigsten.</li>
+<li><strong>Bevorzugte Tischreservierung:</strong> Als Direktbucher reservieren wir dir auf Wunsch automatisch einen Tisch in Alessandras Trattoria da Enzo im Erdgeschoss.</li>
+<li><strong>Persönlicher Concierge-Service:</strong> Du erreichst unser Team vor und während deines Aufenthalts direkt via WhatsApp für Insidertipps, Parkplatzberatung und Sonderwünsche.</li>
+<li><strong>Digitale Gästemappe &#x26; Keyless-Access:</strong> Du erhältst vorab alle Zugangsdaten für das Nuki Smart Lock sowie den Link zu unserer digitalen Eviivo-Gästemappe mit WLAN-Code und Harz-Tipps.</li>
+</ol>
+<p>Nutze einfach unsere integrierte Eviivo-Buchungsmaske und wähle dein Wunsch-Apartment für die nächsten Tage in Goslar aus!</p> </article> </div> <!-- Lead Generation CTAs Bar --> <div class="p-8 sm:p-10 rounded-3xl bg-gradient-to-br from-stone-900 via-stone-950 to-stone-900 border border-amber-500/40 space-y-6 text-center shadow-2xl"> <span class="text-xs font-bold uppercase tracking-widest text-amber-400">
+Casa da Enzo Goslar
+</span> <h3 class="font-serif text-2xl sm:text-3xl font-bold text-white">
+Lust bekommen auf Urlaub & Kulinarik im Harz?
+</h3> <p class="text-stone-300 text-sm max-w-xl mx-auto">
+Buche direkt über unsere Website und erhalte 15% Rabatt sowie deinen reservierten Lieblingsplatz in Alessandras Trattoria.
+</p> <div class="flex flex-col sm:flex-row items-center justify-center gap-4 pt-2"> <a href="/apartments#booking" class="w-full sm:w-auto px-8 py-3.5 rounded-xl bg-[#C85A32] text-white font-bold text-sm hover:bg-[#b04d2a] transition-all shadow-lg text-center">
+Suiten ansehen & direkt buchen (-15%)
+</a> <a href="/trattoria#reservierung" class="w-full sm:w-auto 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 text-center">
+Tisch in der Trattoria reservieren
+</a> </div> </div> </div> </div>  </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>

dist/blog/index.html

@@ -0,0 +1,92 @@
+<!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>

dist/blog/sizilianische-kueche-goslar/index.html

@@ -0,0 +1,89 @@
+<!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>Das Geheimnis echter sizilianischer Pasta: Zu Besuch bei Alessandra in Goslar | Casa da Enzo Magazin</title><meta name="description" content="Seit 1980 bringt Familie Campisi mediterrane Lebensfreude in die Bäckerstraße"><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/sizilianische-kueche-goslar/"><meta property="og:title" content="Das Geheimnis echter sizilianischer Pasta: Zu Besuch bei Alessandra in Goslar | Casa da Enzo Magazin"><meta property="og:description" content="Seit 1980 bringt Familie Campisi mediterrane Lebensfreude in die Bäckerstraße"><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="Das Geheimnis echter sizilianischer Pasta: Zu Besuch bei Alessandra in Goslar | Casa da Enzo Magazin"><meta property="twitter:description" content="Seit 1980 bringt Familie Campisi mediterrane Lebensfreude in die Bäckerstraße"><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">  <div class="bg-stone-950 text-stone-100 min-h-screen py-16"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 space-y-10"> <!-- Back Link --> <a href="/blog" class="inline-flex items-center gap-2 text-sm font-semibold text-amber-400 hover:underline">
+← Zurück zur Blog-Übersicht
+</a> <!-- Article Header --> <header class="space-y-4 border-b border-stone-800 pb-8"> <div class="flex items-center gap-3 text-xs font-semibold uppercase tracking-wider text-amber-400"> <span class="px-3 py-1 rounded-full bg-stone-900 border border-stone-700">Trattoria</span> <span>•</span> <span>4 min Lesezeit</span> <span>•</span> <span class="text-stone-400">2026-03-05</span> </div> <h1 class="font-serif text-3xl sm:text-4xl lg:text-5xl font-bold text-white leading-tight"> Das Geheimnis echter sizilianischer Pasta: Zu Besuch bei Alessandra in Goslar </h1> <p class="text-stone-300 text-lg sm:text-xl font-light leading-relaxed"> Seit 1980 bringt Familie Campisi mediterrane Lebensfreude in die Bäckerstraße </p> <div class="pt-2 text-xs text-stone-400 font-medium">
+Verfasst von <strong class="text-stone-200">Alessandra Campisi</strong> </div> </header> <!-- Article Main Content --> <div class="bg-stone-900/90 p-8 sm:p-12 rounded-3xl border border-stone-800 shadow-2xl"> <article class="prose prose-invert prose-stone max-w-none text-stone-300 text-base leading-relaxed prose-headings:font-serif prose-headings:text-amber-400 prose-a:text-amber-300 prose-strong:text-white"> <p>Wer die Schwelle der Trattoria da Enzo in der Bäckerstraße 18 überschreitet, vergisst für einen Moment das Harzer Fachwerkklima. Es duftet nach geröstetem Knoblauch, frischem Basilikum und stundenlang eingekochter Parmigiana.</p>
+<h3 id="die-tradition-unseres-vaters-vincenzo-enzo">Die Tradition unseres Vaters Vincenzo “Enzo”</h3>
+<p>1980 reiste unser Vater Vincenzo aus Sizilien nach Goslar. Im Gepäck hatte er nicht nur eine Leidenschaft für gutes Essen, sondern die unumstößliche Philosophie: <em>Serviere deinen Gästen nur das, was du deiner eigenen Familie servieren würdest.</em></p>
+<p>Heute führe ich, Alessandra, die Küche in 2. Generation fort. Jedes Gericht ist eine Hommage an die sizilianische Heimat unserer Familie – ohne Chichi, dafür mit unverfälschtem Geschmack.</p>
+<h3 id="drei-geheimnisse-unserer-küche">Drei Geheimnisse unserer Küche</h3>
+<ol>
+<li><strong>Original Produkte aus Sizilien:</strong> Unser Olivenöl beziehen wir direkt von befreundeten Erzeugern aus der Region Agrigent. Es wird kalt gepresst und verleiht Salaten, Antipasti und Pasta ihr charakteristisches Aroma.</li>
+<li><strong>Frische Handarbeit:</strong> Unsere Pasta wird täglich frisch zubereitet. Ob Tagliatelle, Ravioli mit Ricotta-Füllung oder deftige Gnocchi – der Unterschied lässt sich bei jedem Bissen schmecken.</li>
+<li><strong>Regionale Frische:</strong> Fleisch, Gemüse und Milchprodukte kombinieren wir mit besten Zutaten aus dem Harzer Umland.</li>
+</ol>
+<h3 id="das-rundum-erlebnis-für-übernachtungsgäste">Das Rundum-Erlebnis für Übernachtungsgäste</h3>
+<p>Besonders schön: Gäste unserer 7 <strong>Casa da Enzo Boutique Apartments</strong> wohnen direkt über der Trattoria. Nach einem romantischen Abendessen mit einem Glas Nero d’Avola muss niemand mehr ins Taxi steigen – die Treppe führt direkt ins gemütliche Apartment.</p>
+<p><em>Tipp: Reserviere deinen Tisch rechtzeitig online oder per WhatsApp zusammen mit deiner Apartment-Buchung!</em></p> </article> </div> <!-- Lead Generation CTAs Bar --> <div class="p-8 sm:p-10 rounded-3xl bg-gradient-to-br from-stone-900 via-stone-950 to-stone-900 border border-amber-500/40 space-y-6 text-center shadow-2xl"> <span class="text-xs font-bold uppercase tracking-widest text-amber-400">
+Casa da Enzo Goslar
+</span> <h3 class="font-serif text-2xl sm:text-3xl font-bold text-white">
+Lust bekommen auf Urlaub & Kulinarik im Harz?
+</h3> <p class="text-stone-300 text-sm max-w-xl mx-auto">
+Buche direkt über unsere Website und erhalte 15% Rabatt sowie deinen reservierten Lieblingsplatz in Alessandras Trattoria.
+</p> <div class="flex flex-col sm:flex-row items-center justify-center gap-4 pt-2"> <a href="/apartments#booking" class="w-full sm:w-auto px-8 py-3.5 rounded-xl bg-[#C85A32] text-white font-bold text-sm hover:bg-[#b04d2a] transition-all shadow-lg text-center">
+Suiten ansehen & direkt buchen (-15%)
+</a> <a href="/trattoria#reservierung" class="w-full sm:w-auto 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 text-center">
+Tisch in der Trattoria reservieren
+</a> </div> </div> </div> </div>  </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>

dist/blog/trattoria-geheimnisse/index.html

@@ -0,0 +1,79 @@
+<!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>5 Geheimtipps für Goslar | Casa da Enzo Magazin</title><meta name="description" content="Entdecke das Herz der Altstadt &#38; Harz-Natur"><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/trattoria-geheimnisse/"><meta property="og:title" content="5 Geheimtipps für Goslar | Casa da Enzo Magazin"><meta property="og:description" content="Entdecke das Herz der Altstadt &#38; Harz-Natur"><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="5 Geheimtipps für Goslar | Casa da Enzo Magazin"><meta property="twitter:description" content="Entdecke das Herz der Altstadt &#38; Harz-Natur"><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">  <div class="bg-stone-950 text-stone-100 min-h-screen py-16"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 space-y-10"> <!-- Back Link --> <a href="/blog" class="inline-flex items-center gap-2 text-sm font-semibold text-amber-400 hover:underline">
+← Zurück zur Blog-Übersicht
+</a> <!-- Article Header --> <header class="space-y-4 border-b border-stone-800 pb-8"> <div class="flex items-center gap-3 text-xs font-semibold uppercase tracking-wider text-amber-400"> <span class="px-3 py-1 rounded-full bg-stone-900 border border-stone-700">Goslar &amp; Harz</span> <span>•</span> <span>5 min Lesezeit</span> <span>•</span> <span class="text-stone-400">2026-09-16</span> </div> <h1 class="font-serif text-3xl sm:text-4xl lg:text-5xl font-bold text-white leading-tight"> 5 Geheimtipps für Goslar </h1> <p class="text-stone-300 text-lg sm:text-xl font-light leading-relaxed"> Entdecke das Herz der Altstadt &amp; Harz-Natur </p> <div class="pt-2 text-xs text-stone-400 font-medium">
+Verfasst von <strong class="text-stone-200">Dante &amp; Team</strong> </div> </header> <!-- Article Main Content --> <div class="bg-stone-900/90 p-8 sm:p-12 rounded-3xl border border-stone-800 shadow-2xl"> <article class="prose prose-invert prose-stone max-w-none text-stone-300 text-base leading-relaxed prose-headings:font-serif prose-headings:text-amber-400 prose-a:text-amber-300 prose-strong:text-white"> <h2 id="-tisch-reservieren">🍷 Tisch reservieren:</h2>
+<p>Erlebe einen Abend wie in Italien! Gäste unserer <strong>Casa da Enzo Boutique Apartments</strong> genießen eine bevorzugte Tischreservierung.</p>
+<p>👉 <strong><a href="https://casa-daenzo.de/#trattoria">Jetzt Tisch in der Trattoria reservieren</a></strong></p> </article> </div> <!-- Lead Generation CTAs Bar --> <div class="p-8 sm:p-10 rounded-3xl bg-gradient-to-br from-stone-900 via-stone-950 to-stone-900 border border-amber-500/40 space-y-6 text-center shadow-2xl"> <span class="text-xs font-bold uppercase tracking-widest text-amber-400">
+Casa da Enzo Goslar
+</span> <h3 class="font-serif text-2xl sm:text-3xl font-bold text-white">
+Lust bekommen auf Urlaub & Kulinarik im Harz?
+</h3> <p class="text-stone-300 text-sm max-w-xl mx-auto">
+Buche direkt über unsere Website und erhalte 15% Rabatt sowie deinen reservierten Lieblingsplatz in Alessandras Trattoria.
+</p> <div class="flex flex-col sm:flex-row items-center justify-center gap-4 pt-2"> <a href="/apartments#booking" class="w-full sm:w-auto px-8 py-3.5 rounded-xl bg-[#C85A32] text-white font-bold text-sm hover:bg-[#b04d2a] transition-all shadow-lg text-center">
+Suiten ansehen & direkt buchen (-15%)
+</a> <a href="/trattoria#reservierung" class="w-full sm:w-auto 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 text-center">
+Tisch in der Trattoria reservieren
+</a> </div> </div> </div> </div>  </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>

dist/blog/workation-im-harz/index.html

@@ -0,0 +1,87 @@
+<!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>Workation &amp; Remote Work im Harz: Produktiv arbeiten in den Boutique-Suites | Casa da Enzo Magazin</title><meta name="description" content="Highspeed-Glasfaser, ergonomische Arbeitsplätze &#38; historischen Altstadt-Flair verbinden"><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/workation-im-harz/"><meta property="og:title" content="Workation &#38; Remote Work im Harz: Produktiv arbeiten in den Boutique-Suites | Casa da Enzo Magazin"><meta property="og:description" content="Highspeed-Glasfaser, ergonomische Arbeitsplätze &#38; historischen Altstadt-Flair verbinden"><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="Workation &#38; Remote Work im Harz: Produktiv arbeiten in den Boutique-Suites | Casa da Enzo Magazin"><meta property="twitter:description" content="Highspeed-Glasfaser, ergonomische Arbeitsplätze &#38; historischen Altstadt-Flair verbinden"><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">  <div class="bg-stone-950 text-stone-100 min-h-screen py-16"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 space-y-10"> <!-- Back Link --> <a href="/blog" class="inline-flex items-center gap-2 text-sm font-semibold text-amber-400 hover:underline">
+← Zurück zur Blog-Übersicht
+</a> <!-- Article Header --> <header class="space-y-4 border-b border-stone-800 pb-8"> <div class="flex items-center gap-3 text-xs font-semibold uppercase tracking-wider text-amber-400"> <span class="px-3 py-1 rounded-full bg-stone-900 border border-stone-700">Apartments</span> <span>•</span> <span>4 min Lesezeit</span> <span>•</span> <span class="text-stone-400">2026-02-20</span> </div> <h1 class="font-serif text-3xl sm:text-4xl lg:text-5xl font-bold text-white leading-tight"> Workation &amp; Remote Work im Harz: Produktiv arbeiten in den Boutique-Suites </h1> <p class="text-stone-300 text-lg sm:text-xl font-light leading-relaxed"> Highspeed-Glasfaser, ergonomische Arbeitsplätze &amp; historischen Altstadt-Flair verbinden </p> <div class="pt-2 text-xs text-stone-400 font-medium">
+Verfasst von <strong class="text-stone-200">Sergio Campisi</strong> </div> </header> <!-- Article Main Content --> <div class="bg-stone-900/90 p-8 sm:p-12 rounded-3xl border border-stone-800 shadow-2xl"> <article class="prose prose-invert prose-stone max-w-none text-stone-300 text-base leading-relaxed prose-headings:font-serif prose-headings:text-amber-400 prose-a:text-amber-300 prose-strong:text-white"> <p>Arbeiten, wo andere Urlaub machen – der Trend zur Workation ist im UNESCO-Weltkulturerbe Goslar angekommen. Unsere <strong>Komfort-Suite 4 Workation</strong> wurde speziell für die Bedürfnisse von Remote Workern und Long-Stay-Gästen konzipiert.</p>
+<h3 id="die-perfekte-ausstattung-für-deinen-arbeitstag">Die perfekte Ausstattung für deinen Arbeitstag</h3>
+<ul>
+<li><strong>100 Mbit/s Glasfaser Wi-Fi 6:</strong> Stabile, blitzschnelle Verbindungen für Videokonferenzen und datenintensive Tasks.</li>
+<li><strong>Ergonomischer Dedicated Workspace:</strong> Ein geräumiger Schreibtisch, ergonomische Bestuhlung und optimales Licht.</li>
+<li><strong>Ruhige Lage:</strong> Dank moderner Schallschutz-Isolierung arbeitest du flüsterleise und fokussiert.</li>
+<li><strong>Eigene Bosch-Küche:</strong> Brühe dir deinen frischen Espresso jederzeit direkt im Apartment auf.</li>
+</ul>
+<h3 id="nach-feierabend-harzer-natur--italienische-küche">Nach Feierabend: Harzer Natur &#x26; Italienische Küche</h3>
+<p>Sobald der Laptop zugeklappt ist, liegt dir die Altstadt zu Füßen. Spaziere durch die historischen Gassen, unternimm eine kurze Abendwanderung im Harz oder treffe dich auf ein Glas Wein und hausgemachte Pasta in unserer Trattoria da Enzo im Erdgeschoss.</p>
+<p><em>Entdecke Suite 4 und unsere weiteren Apartments für deine nächste Workation in Goslar!</em></p> </article> </div> <!-- Lead Generation CTAs Bar --> <div class="p-8 sm:p-10 rounded-3xl bg-gradient-to-br from-stone-900 via-stone-950 to-stone-900 border border-amber-500/40 space-y-6 text-center shadow-2xl"> <span class="text-xs font-bold uppercase tracking-widest text-amber-400">
+Casa da Enzo Goslar
+</span> <h3 class="font-serif text-2xl sm:text-3xl font-bold text-white">
+Lust bekommen auf Urlaub & Kulinarik im Harz?
+</h3> <p class="text-stone-300 text-sm max-w-xl mx-auto">
+Buche direkt über unsere Website und erhalte 15% Rabatt sowie deinen reservierten Lieblingsplatz in Alessandras Trattoria.
+</p> <div class="flex flex-col sm:flex-row items-center justify-center gap-4 pt-2"> <a href="/apartments#booking" class="w-full sm:w-auto px-8 py-3.5 rounded-xl bg-[#C85A32] text-white font-bold text-sm hover:bg-[#b04d2a] transition-all shadow-lg text-center">
+Suiten ansehen & direkt buchen (-15%)
+</a> <a href="/trattoria#reservierung" class="w-full sm:w-auto 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 text-center">
+Tisch in der Trattoria reservieren
+</a> </div> </div> </div> </div>  </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>

dist/datenschutz/index.html

@@ -0,0 +1,80 @@
+<!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>Datenschutzerklärung | Casa da Enzo &amp; Trattoria da Enzo Goslar</title><meta name="description" content="Datenschutzerklärung gemäß DSGVO für Casa da Enzo &#38; Trattoria da Enzo. Information über Datenerhebung, Nuki Smart Locks, Analyse und Betroffenenrechte."><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/datenschutz/"><meta property="og:title" content="Datenschutzerklärung | Casa da Enzo &#38; Trattoria da Enzo Goslar"><meta property="og:description" content="Datenschutzerklärung gemäß DSGVO für Casa da Enzo &#38; Trattoria da Enzo. Information über Datenerhebung, Nuki Smart Locks, Analyse und Betroffenenrechte."><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="Datenschutzerklärung | Casa da Enzo &#38; Trattoria da Enzo Goslar"><meta property="twitter:description" content="Datenschutzerklärung gemäß DSGVO für Casa da Enzo &#38; Trattoria da Enzo. Information über Datenerhebung, Nuki Smart Locks, Analyse und Betroffenenrechte."><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-900 text-white pt-16 pb-16"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center space-y-3"> <span class="text-xs uppercase font-bold text-amber-400 tracking-widest">DSGVO-Konformität</span> <h1 class="font-serif text-4xl sm:text-5xl font-bold">Datenschutzerklärung</h1> <p class="text-stone-400 text-sm">Stand: September 2026 • Gemäß Datenschutz-Grundverordnung (EU-DSGVO)</p> </div> </section> <section class="py-16 bg-[#FAF6F0]"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="bg-white p-8 sm:p-12 rounded-3xl border border-stone-200 shadow-sm space-y-10 text-stone-800 text-sm leading-relaxed"> <!-- 1. Übersicht --> <div class="space-y-3 border-b border-stone-100 pb-8"> <h2 class="font-serif text-2xl font-bold text-stone-900">1. Datenschutz auf einen Blick</h2> <h3 class="font-bold text-stone-900">Allgemeine Hinweise</h3> <p>
+Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie unsere Website besuchen oder ein Apartment/einen Tisch bei uns buchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können.
+</p> </div> <!-- 2. Verantwortliche Stelle --> <div class="space-y-3 border-b border-stone-100 pb-8"> <h2 class="font-serif text-2xl font-bold text-stone-900">2. Verantwortliche Stelle</h2> <p>
+Verantwortlich für die Datenverarbeitung auf dieser Website ist:
+</p> <div class="p-4 bg-stone-50 rounded-2xl border border-stone-200 space-y-1 font-sans"> <p class="font-bold text-stone-900">Casa da Enzo & Trattoria da Enzo</p> <p>Bäckerstraße 18</p> <p>38640 Goslar, Deutschland</p> <p>Telefon: +49 (0) 1520 7483196</p> <p>E-Mail: <a href="mailto:booking@casa-daenzo.de" class="text-[#C85A32] underline">booking@casa-daenzo.de</a></p> </div> </div> <!-- 3. Datenerfassung auf der Website --> <div class="space-y-4 border-b border-stone-100 pb-8"> <h2 class="font-serif text-2xl font-bold text-stone-900">3. Datenerfassung & Buchungsverarbeitung</h2> <h3 class="font-bold text-stone-900">Server-Log-Dateien</h3> <p>
+Der Provider der Seiten erhebt und speichert automatisch Informationen in so genannten Server-Log-Dateien, die Ihr Browser automatisch an uns übermittelt (IP-Adresse, Dateiaufruf, Referrer URL, Zeitstempel, Browsertyp). Rechtsgrundlage ist Art. 6 Abs. 1 lit. f DSGVO.
+</p> <h3 class="font-bold text-stone-900">Direktbuchungen & Tischreservierungen</h3> <p>
+Wenn Sie über unsere Website ein Apartment buchen oder einen Tisch in der Trattoria reservieren, verarbeiten wir Ihre Anrede, Name, E-Mail-Adresse, Telefonnummer, Zahlungsdaten sowie optionale Wünsche. Dies dient der Vertragserfüllung und Durchführung vorvertraglicher Maßnahmen (Art. 6 Abs. 1 lit. b DSGVO).
+</p> <h3 class="font-bold text-stone-900">Nuki Keyless Access System (Zutrittskontrolle)</h3> <p>
+Zur Bereitstellung des schlüssellosen 24/7-Zugangs verarbeiten wir Ihre Mobilnummer/E-Mail-Adresse, um einen temporären Nuki PIN-Code zu generieren. Die Protokollierung von Türöffnungen erfolgt ausschließlich anonymisiert aus Sicherheitsgründen zur Vermeidung unbefugten Zutritts (Art. 6 Abs. 1 lit. f DSGVO).
+</p> </div> <!-- 4. Web-Analyse & Google Analytics --> <div class="space-y-3 border-b border-stone-100 pb-8"> <h2 class="font-serif text-2xl font-bold text-stone-900">4. Web-Analyse (Google Analytics)</h2> <p>
+Diese Website nutzt Funktionen des Webanalysedienstes Google Analytics (Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Irland).
+</p> <p>
+Wir nutzen Google Analytics ausschließlich mit aktivierter <strong>IP-Anonymisierung</strong>. Dadurch wird Ihre IP-Adresse von Google innerhalb von Mitgliedstaaten der Europäischen Union vor der Übermittlung gekürzt. Rechtsgrundlage ist Ihre Einwilligung gemäß Art. 6 Abs. 1 lit. a DSGVO. Sie können Ihre Einwilligung jederzeit für die Zukunft widerrufen.
+</p> </div> <!-- 5. Ihre Rechte --> <div class="space-y-4 border-b border-stone-100 pb-8"> <h2 class="font-serif text-2xl font-bold text-stone-900">5. Rechte der betroffenen Personen</h2> <p>Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit folgende Rechte:</p> <ul class="list-disc pl-6 space-y-2"> <li><strong>Recht auf Auskunft</strong> über Ihre bei uns gespeicherten personenbezogenen Daten (Art. 15 DSGVO).</li> <li><strong>Recht auf Berichtigung</strong> unrichtiger oder unvollständiger Daten (Art. 16 DSGVO).</li> <li><strong>Recht auf Löschung</strong> ("Recht auf Vergessenwerden") gemäß Art. 17 DSGVO.</li> <li><strong>Recht auf Einschränkung der Verarbeitung</strong> (Art. 18 DSGVO).</li> <li><strong>Recht auf Datenübertragbarkeit</strong> (Art. 20 DSGVO).</li> <li><strong>Widerrufsrecht:</strong> Sie können erteilte Einwilligungen jederzeit mit Wirkung für die Zukunft widerrufen.</li> <li><strong>Beschwerderecht bei der Aufsichtsbehörde:</strong> Die zuständige Aufsichtsbehörde ist die Die Landesbeauftragte für den Datenschutz Niedersachsen (Prinzenstraße 5, 30159 Hannover).</li> </ul> </div> <!-- 6. Datensicherheit --> <div class="space-y-3 pt-2"> <h2 class="font-serif text-2xl font-bold text-stone-900">6. SSL- bzw. TLS-Verschlüsselung</h2> <p>
+Diese Seite nutzt aus Sicherheitsgründen und zum Schutz der Übertragung vertraulicher Inhalte, wie zum Beispiel Bestellungen oder Anfragen, eine SSL- bzw. TLS-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie daran, dass die Adresszeile des Browsers von „http://“ auf „https://“ wechselt und an dem Schloss-Symbol in Ihrer Browserzeile.
+</p> </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>

dist/faq/index.html

@@ -0,0 +1,92 @@
+<!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>FAQ, Nuki Keyless Check-in &amp; Parken | Casa da Enzo Goslar</title><meta name="description" content="Alle wichtigen Informationen für Ihren Aufenthalt im Casa da Enzo: 24/7 Nuki Check-in Anleitung, Parktipps in Goslar, Trattoria Öffnungszeiten und Ausstattungsdetails."><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/faq/"><meta property="og:title" content="FAQ, Nuki Keyless Check-in &#38; Parken | Casa da Enzo Goslar"><meta property="og:description" content="Alle wichtigen Informationen für Ihren Aufenthalt im Casa da Enzo: 24/7 Nuki Check-in Anleitung, Parktipps in Goslar, Trattoria Öffnungszeiten und Ausstattungsdetails."><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="FAQ, Nuki Keyless Check-in &#38; Parken | Casa da Enzo Goslar"><meta property="twitter:description" content="Alle wichtigen Informationen für Ihren Aufenthalt im Casa da Enzo: 24/7 Nuki Check-in Anleitung, Parktipps in Goslar, Trattoria Öffnungszeiten und Ausstattungsdetails."><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.BgEdluJI.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-900 text-white pt-16 pb-20 relative overflow-hidden"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10 space-y-4"> <span class="inline-block px-3 py-1 rounded-full bg-amber-500/20 text-amber-400 text-xs font-semibold uppercase tracking-wider">
+Service & Gast-Informationen
+</span> <h1 class="font-serif text-4xl sm:text-5xl font-bold tracking-tight">
+Häufig gestellte Fragen (FAQ)
+</h1> <p class="text-stone-300 text-lg max-w-2xl mx-auto">
+Hier finden Sie Antworten zu Anreise, Nuki Keyless PIN-Code, Parken in der Altstadt Goslar und Services unserer Trattoria.
+</p> </div> </section>  <section class="py-16 bg-amber-500/10 border-b border-amber-200/50"> <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-12"> <span class="text-xs font-bold uppercase tracking-widest text-[#C85A32]">Smarter Check-in</span> <h2 class="font-serif text-3xl font-bold text-stone-900 mt-1">24/7 Kontaktloser Nuki Keyless Access</h2> <p class="text-stone-600 text-sm mt-2">Maximale Freiheit ohne Schlüsselübergabe oder Wartezeiten an der Rezeption</p> </div> <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <!-- Step 1 --> <div class="bg-white p-8 rounded-3xl border border-stone-200 shadow-sm text-center space-y-4 relative"> <div class="w-12 h-12 rounded-2xl bg-[#C85A32] text-white flex items-center justify-center font-bold text-xl mx-auto shadow-md">
+1
+</div> <h3 class="font-serif text-xl font-bold text-stone-900">PIN-Code erhalten</h3> <p class="text-stone-600 text-sm leading-relaxed">
+Vor Ihrer Ankunft senden wir Ihnen Ihren persönlichen 6-stelligen Nuki-Sicherheitscode per E-Mail & WhatsApp zu.
+</p> </div> <!-- Step 2 --> <div class="bg-white p-8 rounded-3xl border border-stone-200 shadow-sm text-center space-y-4 relative"> <div class="w-12 h-12 rounded-2xl bg-[#C85A32] text-white flex items-center justify-center font-bold text-xl mx-auto shadow-md">
+2
+</div> <h3 class="font-serif text-xl font-bold text-stone-900">Keypad eingeben</h3> <p class="text-stone-600 text-sm leading-relaxed">
+Tippen Sie den Code am Nuki Keypad am Haupteingang (Bäckerstraße 18) ein. Das Schloss öfnet automatisch nach 1 Sekunde.
+</p> </div> <!-- Step 3 --> <div class="bg-white p-8 rounded-3xl border border-stone-200 shadow-sm text-center space-y-4 relative"> <div class="w-12 h-12 rounded-2xl bg-[#C85A32] text-white flex items-center justify-center font-bold text-xl mx-auto shadow-md">
+3
+</div> <h3 class="font-serif text-xl font-bold text-stone-900">Eintreten & Genießen</h3> <p class="text-stone-600 text-sm leading-relaxed">
+Auch Ihre Apartmenttür lässt sich per PIN-Code öffnen. Beim Auschecken bis 11:00 Uhr zieht sich das Schloss selbstständig zu.
+</p> </div> </div> </div> </section>  <section class="py-16 bg-white border-b border-stone-200"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="bg-stone-900 text-white rounded-3xl p-8 sm:p-12 shadow-xl grid grid-cols-1 lg:grid-cols-12 gap-8 items-center"> <div class="lg:col-span-8 space-y-4"> <span class="text-xs uppercase font-bold text-amber-400 tracking-wider">Parken in Goslar</span> <h2 class="font-serif text-3xl font-bold">Anreise & Parkmöglichkeiten</h2> <p class="text-stone-300 text-sm leading-relaxed">
+Die Bäckerstraße liegt im historischen Kern der Welterbestadt Goslar. Halten Sie zum bequemen Entladen des Gepäcks direkt vor dem Haus. Anschließend finden Sie in unmittelbarer Nachbarschaft komfortable Stellplätze.
+</p> <ul class="space-y-2 text-xs sm:text-sm text-stone-300 pt-2"> <li class="flex items-center gap-2"> <span class="text-amber-400 font-bold">✓</span> <strong>Parkplatz Kaiserpfalz:</strong> ca. 5 Min. Fußweg, günstiger Tagestarif
+</li> <li class="flex items-center gap-2"> <span class="text-amber-400 font-bold">✓</span> <strong>Bolsparkhaus (Kaiserpassage):</strong> ca. 4 Min. Fußweg, überdacht & 24/7 geöffnet
+</li> <li class="flex items-center gap-2"> <span class="text-amber-400 font-bold">✓</span> <strong>Kurzzeitparken Bäckerstraße:</strong> Kostenfrei zum Ausladen (15 Minuten)
+</li> </ul> </div> <div class="lg:col-span-4 text-center border-t lg:border-t-0 lg:border-l border-stone-800 pt-6 lg:pt-0 lg:pl-8"> <div class="inline-block p-4 rounded-2xl bg-stone-800 border border-stone-700"> <p class="text-xs text-stone-400 font-medium uppercase">Navigationsadresse</p> <p class="text-lg font-serif font-bold text-amber-400 mt-1">Bäckerstraße 18</p> <p class="text-xs text-stone-300">38640 Goslar</p> </div> </div> </div> </div> </section>  <section class="py-20 bg-[#FAF6F0]"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8"> <div class="text-center space-y-3"> <h2 class="font-serif text-3xl font-bold text-stone-900">Alle Fragen auf einen Blick</h2> <p class="text-stone-600 text-sm">Wählen Sie ein Thema oder nutzen Sie das Suchfeld</p> </div> <!-- Category Filter Pills --> <div class="flex flex-wrap items-center justify-center gap-2" id="faq-filters"> <button data-filter="all" class="filter-btn active px-4 py-2 rounded-full text-xs font-semibold bg-[#C85A32] text-white shadow-sm transition-all">Alle</button> <button data-filter="checkin" class="filter-btn px-4 py-2 rounded-full text-xs font-semibold bg-white border border-stone-300 text-stone-700 hover:bg-stone-100 transition-all">Check-in & Nuki</button> <button data-filter="parking" class="filter-btn px-4 py-2 rounded-full text-xs font-semibold bg-white border border-stone-300 text-stone-700 hover:bg-stone-100 transition-all">Parken & Anreise</button> <button data-filter="trattoria" class="filter-btn px-4 py-2 rounded-full text-xs font-semibold bg-white border border-stone-300 text-stone-700 hover:bg-stone-100 transition-all">Trattoria & Tische</button> <button data-filter="amenities" class="filter-btn px-4 py-2 rounded-full text-xs font-semibold bg-white border border-stone-300 text-stone-700 hover:bg-stone-100 transition-all">Ausstattung & WLAN</button> <button data-filter="booking" class="filter-btn px-4 py-2 rounded-full text-xs font-semibold bg-white border border-stone-300 text-stone-700 hover:bg-stone-100 transition-all">Direktbuchung</button> </div> <!-- FAQ Items Accordion --> <div class="space-y-4" id="faq-accordion"> <div class="faq-item rounded-2xl bg-white border border-stone-200 overflow-hidden shadow-sm transition-all" data-category="checkin"> <button class="faq-toggle w-full px-6 py-5 text-left flex items-center justify-between gap-4 font-serif text-lg font-bold text-stone-900 hover:text-[#C85A32] transition-colors"> <span>Wie funktioniert der 24/7 Keyless Check-in mit Nuki?</span> <span class="faq-icon text-[#C85A32] text-2xl font-sans transition-transform">+</span> </button> <div class="faq-content hidden px-6 pb-6 text-stone-600 text-sm leading-relaxed whitespace-pre-line border-t border-stone-100 pt-4"> Der Check-in erfolgt völlig schlüssellos und unabhängig ab 15:00 Uhr. Am Tag der Anreise erhalten Sie per E-Mail und WhatsApp Ihren persönlichen 6-stelligen Nuki-PIN-Code. Am Haupteingang in der Bäckerstraße 18 sowie an Ihrer Apartmenttür befindet sich ein Nuki Keypad: Geben Sie Ihren Code ein und drücken Sie die rote/grüne Taste – die Tür entriegelt automatisch. Ein Aus- oder Einschließen mit einem physischen Schlüssel entfällt. </div> </div><div class="faq-item rounded-2xl bg-white border border-stone-200 overflow-hidden shadow-sm transition-all" data-category="checkin"> <button class="faq-toggle w-full px-6 py-5 text-left flex items-center justify-between gap-4 font-serif text-lg font-bold text-stone-900 hover:text-[#C85A32] transition-colors"> <span>Wann sind Check-in und Check-out Zeiten?</span> <span class="faq-icon text-[#C85A32] text-2xl font-sans transition-transform">+</span> </button> <div class="faq-content hidden px-6 pb-6 text-stone-600 text-sm leading-relaxed whitespace-pre-line border-t border-stone-100 pt-4"> Check-in ist ab 15:00 Uhr rund um die Uhr möglich. Check-out ist bis spätestens 11:00 Uhr. Beim Verlassen ziehen Sie die Tür einfach zu – das Nuki Smart Lock verriegelt die Tür automatisch. Falls Sie Ihr Gepäck vor dem Check-in oder nach dem Check-out unterstellen möchten, sprechen Sie uns gerne an. </div> </div><div class="faq-item rounded-2xl bg-white border border-stone-200 overflow-hidden shadow-sm transition-all" data-category="parking"> <button class="faq-toggle w-full px-6 py-5 text-left flex items-center justify-between gap-4 font-serif text-lg font-bold text-stone-900 hover:text-[#C85A32] transition-colors"> <span>Wo kann ich in Goslar am besten parken?</span> <span class="faq-icon text-[#C85A32] text-2xl font-sans transition-transform">+</span> </button> <div class="faq-content hidden px-6 pb-6 text-stone-600 text-sm leading-relaxed whitespace-pre-line border-t border-stone-100 pt-4"> Da sich das Casa da Enzo mitten im geschützten UNESCO-Altstadtkern befindet, ist die Bäckerstraße eine verkehrsberuhigte Zone. Zum Be- und Entladen Ihres Gepäcks können Sie direkt vor dem Haus halten. Im Anschluss empfehlen wir:
+1. Parkplatz Kaiserpfalz (Festplatz / Altstadt Süd, ca. 5 Gehminuten, günstiger Tagestarif)
+2. Parkhaus Bolsparkhaus / Kaiserpassage (überdacht, 24/7 geöffnet, ca. 4 Gehminuten)
+3. Öffentliche Parkplätze am Fleischscharren. </div> </div><div class="faq-item rounded-2xl bg-white border border-stone-200 overflow-hidden shadow-sm transition-all" data-category="trattoria"> <button class="faq-toggle w-full px-6 py-5 text-left flex items-center justify-between gap-4 font-serif text-lg font-bold text-stone-900 hover:text-[#C85A32] transition-colors"> <span>Benötige ich als Hotelgast eine Tischreservierung in der Trattoria?</span> <span class="faq-icon text-[#C85A32] text-2xl font-sans transition-transform">+</span> </button> <div class="faq-content hidden px-6 pb-6 text-stone-600 text-sm leading-relaxed whitespace-pre-line border-t border-stone-100 pt-4"> Aufgrund der hohen Beliebtheit der Trattoria da Enzo empfehlen wir unseren Apartment-Gästen dringend, Tische im Voraus zu reservieren. Als Hausgast genießen Sie bei der Tischvergabe priorisierte Berücksichtigung! Sie können Ihren Tisch direkt bei der Apartmentbuchung oder unkompliziert per WhatsApp anfragen. </div> </div><div class="faq-item rounded-2xl bg-white border border-stone-200 overflow-hidden shadow-sm transition-all" data-category="trattoria"> <button class="faq-toggle w-full px-6 py-5 text-left flex items-center justify-between gap-4 font-serif text-lg font-bold text-stone-900 hover:text-[#C85A32] transition-colors"> <span>Gibt es vegetarische, vegane oder glutenfreie Speisen?</span> <span class="faq-icon text-[#C85A32] text-2xl font-sans transition-transform">+</span> </button> <div class="faq-content hidden px-6 pb-6 text-stone-600 text-sm leading-relaxed whitespace-pre-line border-t border-stone-100 pt-4"> Ja! Unsere Küche bereitet Speisen frisch zu. Wir bieten zahlreiche vegetarische Pastagerichte sowie hausgemachte glutenfreie Alternativen und vegane Antipasti. Bitte informieren Sie unser Servicepersonal oder geben Sie Allergien bei der Reservierung an. </div> </div><div class="faq-item rounded-2xl bg-white border border-stone-200 overflow-hidden shadow-sm transition-all" data-category="amenities"> <button class="faq-toggle w-full px-6 py-5 text-left flex items-center justify-between gap-4 font-serif text-lg font-bold text-stone-900 hover:text-[#C85A32] transition-colors"> <span>Wie ist die Internetverbindung in den Apartments?</span> <span class="faq-icon text-[#C85A32] text-2xl font-sans transition-transform">+</span> </button> <div class="faq-content hidden px-6 pb-6 text-stone-600 text-sm leading-relaxed whitespace-pre-line border-t border-stone-100 pt-4"> Alle 7 Suiten verfügen über einen kostenfreien Highspeed-Glasfaser-WLAN-Zugang (bis zu 250 Mbit/s download). In den Workation-Suites (z.B. Suite 4 Workspace) stehen zusätzlich ergonomische Schreibtische und USB-C Dockingstationen zur Verfügung. </div> </div><div class="faq-item rounded-2xl bg-white border border-stone-200 overflow-hidden shadow-sm transition-all" data-category="amenities"> <button class="faq-toggle w-full px-6 py-5 text-left flex items-center justify-between gap-4 font-serif text-lg font-bold text-stone-900 hover:text-[#C85A32] transition-colors"> <span>Sind Hunde oder Haustiere erlaubt?</span> <span class="faq-icon text-[#C85A32] text-2xl font-sans transition-transform">+</span> </button> <div class="faq-content hidden px-6 pb-6 text-stone-600 text-sm leading-relaxed whitespace-pre-line border-t border-stone-100 pt-4"> In ausgewählten Wohneinheiten (z.B. Studio Altstadt und Suite 2 mit Terrasse) heißen wir gut erzogene Hunde nach vorheriger Anmeldung herzlich willkommen. Bitte kontaktieren Sie uns vor der Buchung. </div> </div><div class="faq-item rounded-2xl bg-white border border-stone-200 overflow-hidden shadow-sm transition-all" data-category="booking"> <button class="faq-toggle w-full px-6 py-5 text-left flex items-center justify-between gap-4 font-serif text-lg font-bold text-stone-900 hover:text-[#C85A32] transition-colors"> <span>Warum ist die Direktbuchung auf dieser Website die beste Wahl?</span> <span class="faq-icon text-[#C85A32] text-2xl font-sans transition-transform">+</span> </button> <div class="faq-content hidden px-6 pb-6 text-stone-600 text-sm leading-relaxed whitespace-pre-line border-t border-stone-100 pt-4"> Bei einer Buchung über externe Plattformen (wie Booking.com, Airbnb oder Expedia) fallen hohe Vermittlungsgebühren an. Buchen Sie direkt auf casa-daenzo.de, geben wir diesen Preisvorteil 1:1 an Sie weiter: Sie sparen mindestens 15% und profitieren von flexibleren Stornobedingungen. </div> </div> </div> <!-- Contact Support Box --> <div class="mt-12 p-8 rounded-3xl bg-amber-500/10 border border-amber-300/50 text-center space-y-3"> <h3 class="font-serif text-xl font-bold text-stone-900">Noch Fragen offen?</h3> <p class="text-stone-600 text-sm">Unser Concierge-Team steht Ihnen gerne direkt per E-Mail oder WhatsApp zur Verfügung.</p> <div class="flex flex-wrap justify-center gap-4 pt-2"> <a href="mailto:booking@casa-daenzo.de" class="px-6 py-3 rounded-xl bg-stone-900 text-white font-medium text-sm hover:bg-Line truncated
+E-Mail schreiben
+</a> <a href="https://wa.me/4915207483196" target="_blank" class="px-6 py-3 rounded-xl bg-emerald-600 text-white font-medium text-sm hover:bg-emerald-700 transition-all flex items-center gap-2"> <span>💬 WhatsApp Concierge</span> </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> 

dist/geschichte/index.html

@@ -0,0 +1,91 @@
+<!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>Unsere Geschichte (1980 - 2025) | Casa da Enzo Goslar</title><meta name="description" content="Entdecken Sie die 45-jährige Geschichte von Vincenzo 'Enzo' Campisi und der Familie: Von der ersten sizilianischen Trattoria in der Bäckerstraße 18 bis zum heutigen Casa da Enzo Boutique Hotel."><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/geschichte/"><meta property="og:title" content="Unsere Geschichte (1980 - 2025) | Casa da Enzo Goslar"><meta property="og:description" content="Entdecken Sie die 45-jährige Geschichte von Vincenzo 'Enzo' Campisi und der Familie: Von der ersten sizilianischen Trattoria in der Bäckerstraße 18 bis zum heutigen Casa da Enzo Boutique Hotel."><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="Unsere Geschichte (1980 - 2025) | Casa da Enzo Goslar"><meta property="twitter:description" content="Entdecken Sie die 45-jährige Geschichte von Vincenzo 'Enzo' Campisi und der Familie: Von der ersten sizilianischen Trattoria in der Bäckerstraße 18 bis zum heutigen Casa da Enzo Boutique Hotel."><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-900 text-white pt-20 pb-28 relative overflow-hidden"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10 space-y-6"> <span class="inline-block px-4 py-1.5 rounded-full bg-amber-500/20 text-amber-400 text-xs font-semibold uppercase tracking-wider">
+45 Jahre Familientradition • 1980 bis 2025
+</span> <h1 class="font-serif text-4xl sm:text-6xl font-bold tracking-tight text-white leading-tight">
+Vincenzos Erbe:<br> <span class="text-amber-400">Vom Traum eines Mannes zum Casa da Enzo</span> </h1> <p class="text-stone-300 text-base sm:text-lg max-w-3xl mx-auto leading-relaxed">
+Seit 1980 ist die Bäckerstraße 18 im UNESCO-Weltkulturerbe Goslar ein Treffpunkt für Liebhaber ehrlicher italienischer Küche, edler Weine und warmer Gastfreundschaft.
+</p> </div> </section>  <section class="py-12 bg-[#FAF6F0] border-b border-stone-200"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="bg-white p-8 sm:p-12 rounded-3xl border border-stone-200/80 shadow-md text-center space-y-4"> <span class="text-4xl text-[#C85A32]">“</span> <blockquote class="font-serif text-xl sm:text-2xl font-semibold text-stone-900 italic leading-snug">
+"Echte Gastfreundschaft misst sich nicht an Sternen, sondern daran, dass ein Gast als Fremder kommt und als Freund der Familie geht."
+</blockquote> <p class="text-xs uppercase tracking-widest text-[#C85A32] font-bold">
+— Vincenzo "Enzo" Campisi (Gründer, 1980)
+</p> </div> </div> </section>  <section class="py-20 bg-stone-100/70"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-16 space-y-3"> <span class="text-xs font-bold uppercase tracking-widest text-[#C85A32]">Meilensteine</span> <h2 class="font-serif text-3xl sm:text-4xl font-bold text-stone-900">Die Zeitreise durch 4,5 Jahrzehnte</h2> </div> <!-- Vertical Timeline --> <div class="relative border-l-2 border-[#C85A32]/40 ml-4 sm:ml-32 space-y-12"> <div class="relative pl-8 sm:pl-12 group"> <!-- Year Circle Marker --> <div class="absolute -left-[17px] top-1.5 w-8 h-8 rounded-full bg-[#C85A32] text-white font-bold text-xs flex items-center justify-center shadow-md ring-4 ring-stone-100">
+✓
+</div> <!-- Year Badge (Left on larger screens) --> <div class="sm:absolute sm:-left-32 sm:top-1 sm:w-24 sm:text-right font-serif text-2xl font-bold text-[#C85A32]"> 1980 </div> <!-- Card Content --> <div class="bg-white p-6 sm:p-8 rounded-3xl border border-stone-200 shadow-sm hover:shadow-md transition-shadow space-y-2"> <span class="text-xs font-semibold uppercase tracking-wider text-amber-600 block">Die Ankunft in Goslar</span> <h3 class="font-serif text-2xl font-bold text-stone-900">Von Sizilien in den Harz</h3> <p class="text-stone-600 text-sm leading-relaxed">Vincenzo &quot;Enzo&quot; Campisi erfüllt sich seinen Lebenstraum. Er bringt echte sizilianische Gastfreundschaft, historische Familienrezepte und sonnengereifte Zutaten in die Bäckerstraße 18 in Goslar. Die Trattoria da Enzo eröffnet ihre Pforten.</p> </div> </div><div class="relative pl-8 sm:pl-12 group"> <!-- Year Circle Marker --> <div class="absolute -left-[17px] top-1.5 w-8 h-8 rounded-full bg-[#C85A32] text-white font-bold text-xs flex items-center justify-center shadow-md ring-4 ring-stone-100">
+✓
+</div> <!-- Year Badge (Left on larger screens) --> <div class="sm:absolute sm:-left-32 sm:top-1 sm:w-24 sm:text-right font-serif text-2xl font-bold text-[#C85A32]"> 1992 </div> <!-- Card Content --> <div class="bg-white p-6 sm:p-8 rounded-3xl border border-stone-200 shadow-sm hover:shadow-md transition-shadow space-y-2"> <span class="text-xs font-semibold uppercase tracking-wider text-amber-600 block">Kulinarischer Ausbau</span> <h3 class="font-serif text-2xl font-bold text-stone-900">Der legendäre Steinofen &amp; Weinkeller</h3> <p class="text-stone-600 text-sm leading-relaxed">Enzo erweitert das Restaurant um einen echten italienischen Holzofen und baut den historischen Gewölbekeller zum Weinlager für feine Tropfen aus Sizilien, Piemont und der Toskana aus.</p> </div> </div><div class="relative pl-8 sm:pl-12 group"> <!-- Year Circle Marker --> <div class="absolute -left-[17px] top-1.5 w-8 h-8 rounded-full bg-[#C85A32] text-white font-bold text-xs flex items-center justify-center shadow-md ring-4 ring-stone-100">
+✓
+</div> <!-- Year Badge (Left on larger screens) --> <div class="sm:absolute sm:-left-32 sm:top-1 sm:w-24 sm:text-right font-serif text-2xl font-bold text-[#C85A32]"> 2005 </div> <!-- Card Content --> <div class="bg-white p-6 sm:p-8 rounded-3xl border border-stone-200 shadow-sm hover:shadow-md transition-shadow space-y-2"> <span class="text-xs font-semibold uppercase tracking-wider text-amber-600 block">Familientradition mit frischen Ideen</span> <h3 class="font-serif text-2xl font-bold text-stone-900">Die 2. Generation übernimmt</h3> <p class="text-stone-600 text-sm leading-relaxed">Alessandra, Sergio und Alja treten Schritt für Schritt in die Fußstapfen ihres Vaters. Unter Erhalt der ursprünglichen Rezepte wird das historische Fachwerkhaus behutsam modernisiert.</p> </div> </div><div class="relative pl-8 sm:pl-12 group"> <!-- Year Circle Marker --> <div class="absolute -left-[17px] top-1.5 w-8 h-8 rounded-full bg-[#C85A32] text-white font-bold text-xs flex items-center justify-center shadow-md ring-4 ring-stone-100">
+✓
+</div> <!-- Year Badge (Left on larger screens) --> <div class="sm:absolute sm:-left-32 sm:top-1 sm:w-24 sm:text-right font-serif text-2xl font-bold text-[#C85A32]"> 2018 </div> <!-- Card Content --> <div class="bg-white p-6 sm:p-8 rounded-3xl border border-stone-200 shadow-sm hover:shadow-md transition-shadow space-y-2"> <span class="text-xs font-semibold uppercase tracking-wider text-amber-600 block">Vom Restaurant zum Gesamterlebnis</span> <h3 class="font-serif text-2xl font-bold text-stone-900">Geburt des &quot;Casa da Enzo&quot;</h3> <p class="text-stone-600 text-sm leading-relaxed">Die oberen Etagen des geschichtsträchtigen Fachwerkgebäudes werden komplett saniert. Es entstehen die ersten exklusiven Boutique-Apartments – damit Gäste nach einem köstlichen Abendessen direkt im Haus übernachten können.</p> </div> </div><div class="relative pl-8 sm:pl-12 group"> <!-- Year Circle Marker --> <div class="absolute -left-[17px] top-1.5 w-8 h-8 rounded-full bg-[#C85A32] text-white font-bold text-xs flex items-center justify-center shadow-md ring-4 ring-stone-100">
+✓
+</div> <!-- Year Badge (Left on larger screens) --> <div class="sm:absolute sm:-left-32 sm:top-1 sm:w-24 sm:text-right font-serif text-2xl font-bold text-[#C85A32]"> 2023 </div> <!-- Card Content --> <div class="bg-white p-6 sm:p-8 rounded-3xl border border-stone-200 shadow-sm hover:shadow-md transition-shadow space-y-2"> <span class="text-xs font-semibold uppercase tracking-wider text-amber-600 block">24/7 Nuki Check-in &amp; Workation-Ausstattung</span> <h3 class="font-serif text-2xl font-bold text-stone-900">Smarter Luxus &amp; Digitalisierung</h3> <p class="text-stone-600 text-sm leading-relaxed">Vollständige Integration kontaktloser Nuki-Smart-Locks, Highspeed-Glasfaser-WLAN und maßgeschneiderter Workation-Arbeitsplätze. Traditionelles Ambiente verschmilzt mit modernem Digitalkomfort.</p> </div> </div><div class="relative pl-8 sm:pl-12 group"> <!-- Year Circle Marker --> <div class="absolute -left-[17px] top-1.5 w-8 h-8 rounded-full bg-[#C85A32] text-white font-bold text-xs flex items-center justify-center shadow-md ring-4 ring-stone-100">
+✓
+</div> <!-- Year Badge (Left on larger screens) --> <div class="sm:absolute sm:-left-32 sm:top-1 sm:w-24 sm:text-right font-serif text-2xl font-bold text-[#C85A32]"> 2025 </div> <!-- Card Content --> <div class="bg-white p-6 sm:p-8 rounded-3xl border border-stone-200 shadow-sm hover:shadow-md transition-shadow space-y-2"> <span class="text-xs font-semibold uppercase tracking-wider text-amber-600 block">7 Suiten &amp; Premium Direktbuchungsportal</span> <h3 class="font-serif text-2xl font-bold text-stone-900">45 Jahre Jubiläum &amp; Relaunch</h3> <p class="text-stone-600 text-sm leading-relaxed">45 Jahre Trattoria da Enzo! Zum Jubiläum strahlen alle 7 Boutique-Apartments in neuem Glanz – inklusive Bestpreis-Direktbuchung und maßgeschneidertem Concierge-Service.</p> </div> </div> </div> </div> </section>  <section class="py-20 bg-white border-t border-stone-200"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid grid-cols-1 lg:grid-cols-12 gap-12 items-center"> <div class="lg:col-span-6 space-y-6"> <span class="text-xs font-bold uppercase tracking-widest text-[#C85A32]">Die 2. Generation</span> <h2 class="font-serif text-3xl font-bold text-stone-900">Familienwerte vereint mit modernem Komfort</h2> <p class="text-stone-700 text-base leading-relaxed">
+Heute führen Sergio, Alja und Alessandra das Erbe ihres Vaters weiter. Alessandra verzaubert die Gäste in der Küche der Trattoria, während Sergio und Alja das Boutique-Hotel und die digitale Betreuung koordinieren.
+</p> <div class="grid grid-cols-2 gap-4 pt-2"> <div class="p-4 rounded-2xl bg-stone-50 border border-stone-200"> <h4 class="font-serif font-bold text-stone-900 text-base">Alessandra</h4> <p class="text-xs text-stone-500 mt-1">Küchenchefin & Herznote der Trattoria</p> </div> <div class="p-4 rounded-2xl bg-stone-50 border border-stone-200"> <h4 class="font-serif font-bold text-stone-900 text-base">Sergio & Alja</h4> <p class="text-xs text-stone-500 mt-1">Apartment-Management & Guest Experience</p> </div> </div> </div> <div class="lg:col-span-6"> <div class="p-8 rounded-3xl bg-stone-900 text-white space-y-6 shadow-2xl border border-stone-800 text-center"> <span class="text-amber-400 text-xs uppercase font-bold tracking-widest">UNESCO Altstadt Goslar</span> <h3 class="font-serif text-2xl font-bold">Erleben Sie das Casa da Enzo hautnah</h3> <p class="text-stone-300 text-sm leading-relaxed">
+Buchen Sie eines unserer 7 individuell gestalteten Suiten und genießen Sie abends hausgemachte Pasta direkt im Parterre.
+</p> <a href="/#booking" class="inline-block px-8 py-3.5 rounded-full bg-[#C85A32] text-white font-bold text-sm hover:bg-[#b04d2a] transition-all shadow-md">
+Jetzt Verfügbarkeit prüfen
+</a> </div> </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>

dist/impressum/index.html

@@ -0,0 +1,86 @@
+<!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>Impressum | Casa da Enzo &amp; Trattoria da Enzo Goslar</title><meta name="description" content="Rechtliche Informationen, Angaben gemäß § 5 DDG, Kontaktdaten und Vertretungsverhältnisse der Casa da Enzo &#38; Trattoria da Enzo in Goslar."><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/impressum/"><meta property="og:title" content="Impressum | Casa da Enzo &#38; Trattoria da Enzo Goslar"><meta property="og:description" content="Rechtliche Informationen, Angaben gemäß § 5 DDG, Kontaktdaten und Vertretungsverhältnisse der Casa da Enzo &#38; Trattoria da Enzo in Goslar."><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="Impressum | Casa da Enzo &#38; Trattoria da Enzo Goslar"><meta property="twitter:description" content="Rechtliche Informationen, Angaben gemäß § 5 DDG, Kontaktdaten und Vertretungsverhältnisse der Casa da Enzo &#38; Trattoria da Enzo in Goslar."><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-900 text-white pt-16 pb-16"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center space-y-3"> <span class="text-xs uppercase font-bold text-amber-400 tracking-widest">Rechtliche Hinweise</span> <h1 class="font-serif text-4xl sm:text-5xl font-bold">Impressum</h1> <p class="text-stone-400 text-sm">Angaben gemäß § 5 Digitale-Dienste-Gesetz (DDG)</p> </div> </section> <section class="py-16 bg-[#FAF6F0]"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="bg-white p-8 sm:p-12 rounded-3xl border border-stone-200 shadow-sm space-y-10 text-stone-800 text-sm leading-relaxed"> <!-- Service Provider --> <div class="space-y-3 border-b border-stone-100 pb-8"> <h2 class="font-serif text-2xl font-bold text-stone-900">Diensteanbieter</h2> <p class="font-bold text-base text-[#C85A32]">Casa da Enzo & Trattoria da Enzo</p> <p>
+Inhaber: Vincenzo Campisi & Familie (Campisi GbR)<br>
+Bäckerstraße 18<br>
+38640 Goslar<br>
+Deutschland
+</p> </div> <!-- Contact Info --> <div class="space-y-3 border-b border-stone-100 pb-8"> <h2 class="font-serif text-2xl font-bold text-stone-900">Kontaktmöglichkeiten</h2> <p> <strong>Telefon:</strong> +49 (0) 1520 7483196<br> <strong>E-Mail:</strong> <a href="mailto:booking@casa-daenzo.de" class="text-[#C85A32] underline hover:text-[#b04d2a]">booking@casa-daenzo.de</a><br> <strong>Website:</strong> <a href="https://casa-daenzo.de" class="text-[#C85A32] underline hover:text-[#b04d2a]">https://casa-daenzo.de</a> </p> </div> <!-- VAT ID --> <div class="space-y-3 border-b border-stone-100 pb-8"> <h2 class="font-serif text-2xl font-bold text-stone-900">Umsatzsteuer-Identifikationsnummer</h2> <p>
+Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz:<br> <strong class="font-mono text-stone-900">DE386409876</strong> </p> </div> <!-- Responsible for Content --> <div class="space-y-3 border-b border-stone-100 pb-8"> <h2 class="font-serif text-2xl font-bold text-stone-900">Redaktionell Verantwortlich</h2> <p>
+Verantwortlich für die Inhalte gemäß § 18 Abs. 2 MStV:<br>
+Sergio Campisi & Alessandra Campisi<br>
+Bäckerstraße 18<br>
+38640 Goslar
+</p> </div> <!-- EU Dispute Resolution --> <div class="space-y-3 border-b border-stone-100 pb-8"> <h2 class="font-serif text-2xl font-bold text-stone-900">EU-Streitschlichtung</h2> <p>
+Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit:<br> <a href="https://ec.europa.eu/consumers/odr/" target="_blank" rel="noopener noreferrer" class="text-[#C85A32] underline hover:text-[#b04d2a]">https://ec.europa.eu/consumers/odr/</a>.<br>
+Unsere E-Mail-Adresse finden Sie oben im Impressum.
+</p> </div> <!-- Consumer Dispute Settlement --> <div class="space-y-3 border-b border-stone-100 pb-8"> <h2 class="font-serif text-2xl font-bold text-stone-900">Verbraucherstreitbeilegung / Universalschlichtungsstelle</h2> <p>
+Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.
+</p> </div> <!-- Legal Disclaimer --> <div class="space-y-4 pt-2"> <h2 class="font-serif text-2xl font-bold text-stone-900">Haftungsausschluss (Disclaimer)</h2> <h3 class="font-bold text-stone-900 pt-2">Haftung für Inhalte</h3> <p>
+Als Diensteanbieter sind wir gemäß § 7 Abs.1 DDG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 DDG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.
+</p> <h3 class="font-bold text-stone-900 pt-2">Haftung für Links</h3> <p>
+Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich.
+</p> <h3 class="font-bold text-stone-900 pt-2">Urheberrecht</h3> <p>
+Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers.
+</p> </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>

dist/index.html

@@ -0,0 +1,145 @@
+<!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>Casa da Enzo | Boutique Apartments &amp; Trattoria in Goslar Altstadt</title><meta name="description" content="7 exklusive Boutique Apartments &#38; traditionsreiche italienische Trattoria in Goslars UNESCO-Altstadt. 100% digitaler Check-in, Bestpreis-Garantie bei Direktbuchung."><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/"><meta property="og:title" content="Casa da Enzo | Boutique Apartments &#38; Trattoria in Goslar Altstadt"><meta property="og:description" content="7 exklusive Boutique Apartments &#38; traditionsreiche italienische Trattoria in Goslars UNESCO-Altstadt. 100% digitaler Check-in, Bestpreis-Garantie bei Direktbuchung."><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="Casa da Enzo | Boutique Apartments &#38; Trattoria in Goslar Altstadt"><meta property="twitter:description" content="7 exklusive Boutique Apartments &#38; traditionsreiche italienische Trattoria in Goslars UNESCO-Altstadt. 100% digitaler Check-in, Bestpreis-Garantie bei Direktbuchung."><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="relative pt-8 pb-16 lg:pt-12 lg:pb-24 overflow-hidden bg-[#1A1816]"> <!-- Subtle Background Gradients --> <div class="absolute top-0 left-0 w-1/2 h-full bg-[#2D5A43]/10 blur-3xl pointer-events-none"></div> <div class="absolute top-0 right-0 w-1/2 h-full bg-[#C85A32]/10 blur-3xl pointer-events-none"></div> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 space-y-12"> <!-- Top Subtitle / Heritage Tag --> <div class="text-center space-y-3"> <div class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-[#24211D] border border-[#D4A373]/30 text-[#D4A373] text-xs font-semibold tracking-wider uppercase"> <span>🇮🇹 Sizilien trifft Goslar</span> <span>•</span> <span>Seit 1980 • Bäckerstraße 18</span> </div> <h1 class="font-serif text-3xl sm:text-5xl lg:text-6xl font-bold tracking-tight text-[#E6D5C3]">
+Zwei Welten. Ein unvergleichliches Haus.
+</h1> <p class="text-sm sm:text-base text-[#A3978B] max-w-2xl mx-auto leading-relaxed"> Obere Etagen: 7 neu sanierte Boutique-Apartments im UNESCO-Fachwerk. Erdgeschoss: Die traditionsreiche Familien-Trattoria. Erlebe echte italienische Gastfreundschaft im Herzen von Goslar. </p> </div> <!-- 50 / 50 Dual Hero Cards Grid --> <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-stretch"> <!-- Left Side: Apartments (Green #2D5A43) --> <div class="relative rounded-3xl bg-[#24211D] border border-[#2D5A43]/40 p-8 sm:p-10 flex flex-col justify-between shadow-2xl hover:border-emerald-500/60 transition-all group overflow-hidden"> <div class="absolute top-0 right-0 w-32 h-32 bg-[#2D5A43]/20 rounded-full blur-2xl group-hover:bg-[#2D5A43]/30 transition-all"></div> <div class="space-y-6 relative z-10"> <div class="flex items-center justify-between"> <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-[#2D5A43]/20 border border-emerald-500/30 text-emerald-400 text-xs font-bold uppercase tracking-wider"> <span class="w-2 h-2 rounded-full bg-emerald-400 animate-pulse"></span> <span>Boutique Apartments</span> </span> <span class="text-xs font-serif text-[#D4A373]">7 Suiten • 100% Saniert</span> </div> <div class="space-y-3"> <h2 class="font-serif text-2xl sm:text-3xl font-bold text-[#E6D5C3] group-hover:text-emerald-300 transition-colors"> Schlafen &amp; Entspannen im Denkmal </h2> <p class="text-xs sm:text-sm text-[#A3978B] leading-relaxed"> 4 Premium-Komfort-Suites mit Balkon/Terrasse &amp; Workstation sowie 3 gemütliche Klassik-Suites. Kontaktloser Nuki Smart-Lock Access ab 15:00 Uhr, Highspeed WLAN &amp; Bestpreis-Garantie bei Direktbuchung. </p> </div> <!-- Feature Bullets --> <div class="grid grid-cols-2 gap-3 text-xs text-[#E6D5C3] pt-2 border-t border-[#D4A373]/15"> <div class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span>100% 2025er Sanierung</span> </div> <div class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span>Nuki Keyless PIN Access</span> </div> <div class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span>15% Direktbucher-Rabatt</span> </div> <div class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span>Balkon, Terrasse & Workation</span> </div> </div> </div> <!-- Action Area --> <div class="pt-8 space-y-4 relative z-10"> <div class="flex flex-col sm:flex-row gap-3"> <a href="#apartments" class="flex-1 py-3.5 px-6 rounded-2xl bg-[#2D5A43] hover:bg-[#386d52] text-white text-center font-bold text-xs sm:text-sm transition-all shadow-lg hover:shadow-emerald-900/30"> Suiten entdecken &amp; buchen </a> <a href="https://wa.me/4915207483196" target="_blank" class="py-3.5 px-4 rounded-2xl bg-[#1A1816] hover:bg-[#2E2A25] text-emerald-400 border border-emerald-500/40 text-center font-semibold text-xs transition-all flex items-center justify-center gap-2"> <span>💬 WhatsApp Alja</span> </a> </div> <p class="text-[11px] text-[#A3978B] text-center sm:text-left">
+Apartment Concierge Alja: <a href="https://wa.me/4915207483196" target="_blank" class="text-emerald-400 underline font-medium">+49 1520 7483196</a> </p> </div> </div> <!-- Right Side: Trattoria (Red #C85A32) --> <div class="relative rounded-3xl bg-[#24211D] border border-[#C85A32]/40 p-8 sm:p-10 flex flex-col justify-between shadow-2xl hover:border-[#C85A32] transition-all group overflow-hidden"> <div class="absolute top-0 right-0 w-32 h-32 bg-[#C85A32]/20 rounded-full blur-2xl group-hover:bg-[#C85A32]/30 transition-all"></div> <div class="space-y-6 relative z-10"> <div class="flex items-center justify-between"> <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-[#C85A32]/20 border border-[#C85A32]/30 text-[#C85A32] text-xs font-bold uppercase tracking-wider"> <span class="w-2 h-2 rounded-full bg-[#C85A32] animate-pulse"></span> <span>Trattoria da Enzo</span> </span> <span class="text-xs font-serif text-[#D4A373]">Familientradition seit 1980</span> </div> <div class="space-y-3"> <h2 class="font-serif text-2xl sm:text-3xl font-bold text-[#E6D5C3] group-hover:text-[#e2724a] transition-colors"> Kulinarik &amp; Italienische Lebensfreude </h2> <p class="text-xs sm:text-sm text-[#A3978B] leading-relaxed"> In Alessandras Trattoria genießen Hotelgäste und Feinschmecker ehrliche sizilianische Spezialitäten, frisch gedrehte Pasta und erlesene Weine. Bevorzugte Tischreservierung für Apartment-Gäste. </p> </div> <!-- Feature Bullets --> <div class="grid grid-cols-2 gap-3 text-xs text-[#E6D5C3] pt-2 border-t border-[#D4A373]/15"> <div class="flex items-center gap-2"> <span class="text-[#C85A32] font-bold">✓</span> <span>Hausgemachte Pasta & Kräuter</span> </div> <div class="flex items-center gap-2"> <span class="text-[#C85A32] font-bold">✓</span> <span>Di–So 17:00 – 22:30 Uhr</span> </div> <div class="flex items-center gap-2"> <span class="text-[#C85A32] font-bold">✓</span> <span>Priorisierte Gästereservierung</span> </div> <div class="flex items-center gap-2"> <span class="text-[#C85A32] font-bold">✓</span> <span>Echte Sizilianische Rezepte</span> </div> </div> </div> <!-- Action Area --> <div class="pt-8 space-y-4 relative z-10"> <div class="flex flex-col sm:flex-row gap-3"> <a href="tel:+49532123456" class="flex-1 py-3.5 px-6 rounded-2xl bg-[#C85A32] hover:bg-[#b04d2a] text-white text-center font-bold text-xs sm:text-sm transition-all shadow-lg hover:shadow-red-900/30"> Tisch anrufen &amp; reservieren </a> <a href="#trattoria" class="py-3.5 px-4 rounded-2xl bg-[#1A1816] hover:bg-[#2E2A25] text-[#C85A32] border border-[#C85A32]/40 text-center font-semibold text-xs transition-all flex items-center justify-center gap-2"> <span>🍷 Speisekarte & Info</span> </a> </div> <p class="text-[11px] text-[#A3978B] text-center sm:text-left">
+Trattoria Festnetz: <a href="tel:+49532123456" class="text-[#C85A32] underline font-medium">+49 5321 23456</a> </p> </div> </div> </div> <!-- Trust Bar: Airbnb Superhost, 9.8 Booking.com, 100% 2025er Sanierung --> <div class="bg-[#24211D] border border-[#D4A373]/20 rounded-2xl p-6 grid grid-cols-2 lg:grid-cols-4 gap-6 text-center shadow-xl"> <div class="space-y-1"> <div class="text-2xl">⭐</div> <div class="font-serif font-bold text-[#E6D5C3] text-sm sm:text-base">Airbnb Superhost</div> <div class="text-[11px] text-[#A3978B]">Höchste Gastzufriedenheit</div> </div> <div class="space-y-1 border-l border-[#D4A373]/10"> <div class="text-2xl">🏆</div> <div class="font-serif font-bold text-[#E6D5C3] text-sm sm:text-base">9.8 Booking.com</div> <div class="text-[11px] text-[#A3978B]">Spitzenbewertung 2025</div> </div> <div class="space-y-1 border-l border-[#D4A373]/10"> <div class="text-2xl">🛠️</div> <div class="font-serif font-bold text-[#E6D5C3] text-sm sm:text-base">100% 2025er Sanierung</div> <div class="text-[11px] text-[#A3978B]">Denkmal trifft Moderne</div> </div> <div class="space-y-1 border-l border-[#D4A373]/10"> <div class="text-2xl">🔑</div> <div class="font-serif font-bold text-[#E6D5C3] text-sm sm:text-base">24/7 Nuki Smart Access</div> <div class="text-[11px] text-[#A3978B]">Digitaler kontaktloser Check-in</div> </div> </div> </div> </section>  <section id="booking" class="px-4 py-8 bg-[#1A1816]"> <div class="stone-card rounded-3xl p-6 sm:p-10 max-w-4xl mx-auto my-8 font-sans border border-[#D4A373]/30 shadow-2xl"> <div class="text-center mb-8 space-y-2"> <div class="inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-[#2D5A43]/20 border border-emerald-500/40 text-emerald-400 text-xs font-bold uppercase tracking-wider"> <span>🔒 Direktbucher Bestpreis-Garantie</span> </div> <h3 class="font-serif text-2xl sm:text-3xl font-bold text-[#E6D5C3]">
+Verfügbarkeit & Bestpreis prüfen
+</h3> <p class="text-[#A3978B] text-xs sm:text-sm max-w-xl mx-auto">
+Buche direkt über unsere Eviivo-Schnittstelle – 15% günstiger als auf Booking.com oder Airbnb. Bestpreis garantiert!
+</p> </div> <!-- Booking Mask Interface --> <form action="https://onlinereservation.eviivo.com" method="GET" target="_blank" class="grid grid-cols-1 sm:grid-cols-3 gap-4"> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Anreise</label> <input type="date" name="startDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Abreise</label> <input type="date" name="endDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Gäste</label> <select name="adults" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none"> <option value="1">1 Person</option> <option value="2" selected>2 Personen</option> <option value="3">3 Personen</option> <option value="4">4 Personen</option> </select> </div> <div class="sm:col-span-3 pt-2"> <button type="submit" class="w-full py-4 rounded-xl bg-gradient-to-r from-[#2D5A43] to-[#C85A32] text-white font-bold text-sm hover:opacity-95 shadow-xl transition-all">
+Jetzt Verfügbarkeit & Bestpreis abrufen ➔
+</button> </div> </form> <div class="mt-6 text-center text-[11px] text-[#A3978B] flex flex-wrap items-center justify-center gap-4 border-t border-[#D4A373]/10 pt-4"> <span>🔒 Sichere SSL-Schnittstelle</span> <span>•</span> <span>💳 Keine versteckten Gebühren</span> <span>•</span> <span>⚡ Sofortige Reservierungsbestätigung</span> </div> </div> </section>  <section id="apartments" class="py-20 bg-[#1A1816] border-y border-[#D4A373]/15"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center max-w-3xl mx-auto mb-16 space-y-3"> <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-[#2D5A43]/20 border border-emerald-500/40 text-emerald-400 text-xs font-bold uppercase tracking-wider"> <span class="w-2 h-2 rounded-full bg-emerald-400"></span> <span>Boutique Apartments & Suiten</span> </span> <h2 class="font-serif text-3xl sm:text-4xl font-bold text-[#E6D5C3]">
+Dein Zuhause auf Zeit im Welterbe
+</h2> <p class="text-[#A3978B] text-sm sm:text-base leading-relaxed">
+Wähle zwischen unseren 4 neu sanierten Premium-Komfort-Suites (mit Balkon, Terrasse oder Workstation) und 3 gemütlichen Klassik-Einheiten. Alle mit Nuki PIN access & Highspeed WLAN.
+</p> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> <div class="group stone-card stone-card-hover rounded-3xl overflow-hidden flex flex-col h-full font-sans"> <!-- Image Header --> <div class="relative aspect-[16/10] bg-[#1A1816] overflow-hidden border-b border-[#D4A373]/15"> <div class="absolute top-4 left-4 z-10 flex gap-2"> <span class="px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider shadow-md bg-[#2D5A43] text-emerald-100 border border-emerald-500/40"> Premium-Komfort </span> <span class="px-2.5 py-1 rounded-full text-xs font-bold bg-[#1A1816]/80 backdrop-blur-md text-emerald-400 border border-emerald-500/30">
+🌿 Balkon/Terrasse
+</span> </div> <!-- Image Placeholder / Visual Container --> <div class="w-full h-full bg-gradient-to-br from-[#2E2A25] to-[#1A1816] flex items-center justify-center text-[#D4A373] font-serif group-hover:scale-105 transition-transform duration-500 p-6 text-center"> <div class="space-y-1"> <span class="text-3xl block">🏛️</span> <span class="text-sm font-semibold text-[#E6D5C3]">Komfort-Suite 1 mit Balkon</span> </div> </div> </div> <!-- Content --> <div class="p-6 flex-1 flex flex-col justify-between space-y-6"> <div class="space-y-3"> <div class="flex items-center gap-3 text-xs font-medium text-[#A3978B]"> <span class="text-[#E6D5C3]">👤 Bis zu 4 Gäste</span> <span>•</span> <span class="text-[#E6D5C3]">📐 58 m²</span>  <span>•</span> <span class="text-emerald-400 font-semibold">💻 Workstation</span>  </div> <h3 class="font-serif text-2xl font-bold text-[#E6D5C3] group-hover:text-emerald-400 transition-colors"> Komfort-Suite 1 mit Balkon </h3> <p class="text-[#A3978B] text-xs leading-relaxed line-clamp-2"> Lichtdurchflutete Premium-Suite mit historischem Altstadt-Balkon und Bosch-Küche </p> <!-- Highlights list --> <ul class="space-y-1.5 text-xs text-[#E6D5C3] pt-2 border-t border-[#D4A373]/10"> <li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Privater Balkon zur ruhigen Bäckerstraße</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Ergonomischer Dedicated Workspace mit Highspeed-WLAN</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Nuki Keyless Smart Lock Check-in</span> </li> </ul> </div> <!-- Actions --> <div class="pt-4 border-t border-[#D4A373]/15 flex items-center justify-between gap-3"> <a href="/apartments/suite-1-balkon" class="text-xs font-semibold text-[#D4A373] hover:text-white transition-colors">
+Details ansehen →
+</a> <a href="#booking" class="px-4 py-2 rounded-xl bg-[#2D5A43] hover:bg-[#386d52] text-white text-xs font-bold transition-all shadow-md">
+Buchen
+</a> </div> </div> </div><div class="group stone-card stone-card-hover rounded-3xl overflow-hidden flex flex-col h-full font-sans"> <!-- Image Header --> <div class="relative aspect-[16/10] bg-[#1A1816] overflow-hidden border-b border-[#D4A373]/15"> <div class="absolute top-4 left-4 z-10 flex gap-2"> <span class="px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider shadow-md bg-[#2D5A43] text-emerald-100 border border-emerald-500/40"> Premium-Komfort </span> <span class="px-2.5 py-1 rounded-full text-xs font-bold bg-[#1A1816]/80 backdrop-blur-md text-emerald-400 border border-emerald-500/30">
+🌿 Balkon/Terrasse
+</span> </div> <!-- Image Placeholder / Visual Container --> <div class="w-full h-full bg-gradient-to-br from-[#2E2A25] to-[#1A1816] flex items-center justify-center text-[#D4A373] font-serif group-hover:scale-105 transition-transform duration-500 p-6 text-center"> <div class="space-y-1"> <span class="text-3xl block">🏛️</span> <span class="text-sm font-semibold text-[#E6D5C3]">Komfort-Suite 2 mit Terrasse</span> </div> </div> </div> <!-- Content --> <div class="p-6 flex-1 flex flex-col justify-between space-y-6"> <div class="space-y-3"> <div class="flex items-center gap-3 text-xs font-medium text-[#A3978B]"> <span class="text-[#E6D5C3]">👤 Bis zu 4 Gäste</span> <span>•</span> <span class="text-[#E6D5C3]">📐 62 m²</span>  <span>•</span> <span class="text-emerald-400 font-semibold">💻 Workstation</span>  </div> <h3 class="font-serif text-2xl font-bold text-[#E6D5C3] group-hover:text-emerald-400 transition-colors"> Komfort-Suite 2 mit Terrasse </h3> <p class="text-[#A3978B] text-xs leading-relaxed line-clamp-2"> Großzügige 62m² Suite mit privatem Innenhof-Balkon und ruhiger Lage </p> <!-- Highlights list --> <ul class="space-y-1.5 text-xs text-[#E6D5C3] pt-2 border-t border-[#D4A373]/10"> <li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Ruhiger Balkon/Terrasse zum geschützten Innenhof</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Separates Schlafzimmer mit Boxspringbett</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Kontaktloser 24/7 Check-in via Nuki Code</span> </li> </ul> </div> <!-- Actions --> <div class="pt-4 border-t border-[#D4A373]/15 flex items-center justify-between gap-3"> <a href="/apartments/suite-2-terrasse" class="text-xs font-semibold text-[#D4A373] hover:text-white transition-colors">
+Details ansehen →
+</a> <a href="#booking" class="px-4 py-2 rounded-xl bg-[#2D5A43] hover:bg-[#386d52] text-white text-xs font-bold transition-all shadow-md">
+Buchen
+</a> </div> </div> </div><div class="group stone-card stone-card-hover rounded-3xl overflow-hidden flex flex-col h-full font-sans"> <!-- Image Header --> <div class="relative aspect-[16/10] bg-[#1A1816] overflow-hidden border-b border-[#D4A373]/15"> <div class="absolute top-4 left-4 z-10 flex gap-2"> <span class="px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider shadow-md bg-[#2D5A43] text-emerald-100 border border-emerald-500/40"> Premium-Komfort </span>  </div> <!-- Image Placeholder / Visual Container --> <div class="w-full h-full bg-gradient-to-br from-[#2E2A25] to-[#1A1816] flex items-center justify-center text-[#D4A373] font-serif group-hover:scale-105 transition-transform duration-500 p-6 text-center"> <div class="space-y-1"> <span class="text-3xl block">🏛️</span> <span class="text-sm font-semibold text-[#E6D5C3]">Komfort-Suite 3 Design</span> </div> </div> </div> <!-- Content --> <div class="p-6 flex-1 flex flex-col justify-between space-y-6"> <div class="space-y-3"> <div class="flex items-center gap-3 text-xs font-medium text-[#A3978B]"> <span class="text-[#E6D5C3]">👤 Bis zu 3 Gäste</span> <span>•</span> <span class="text-[#E6D5C3]">📐 52 m²</span>  <span>•</span> <span class="text-emerald-400 font-semibold">💻 Workstation</span>  </div> <h3 class="font-serif text-2xl font-bold text-[#E6D5C3] group-hover:text-emerald-400 transition-colors"> Komfort-Suite 3 Design </h3> <p class="text-[#A3978B] text-xs leading-relaxed line-clamp-2"> Elegante Altstadt-Suite mit sichtbaren Balken und edler Einrichtung </p> <!-- Highlights list --> <ul class="space-y-1.5 text-xs text-[#E6D5C3] pt-2 border-t border-[#D4A373]/10"> <li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Sichtbares historisches Fachwerkelement</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Highspeed Wi-Fi 6 für Remote Work</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Kontaktlose Anreise &amp; Nuki Smart Lock</span> </li> </ul> </div> <!-- Actions --> <div class="pt-4 border-t border-[#D4A373]/15 flex items-center justify-between gap-3"> <a href="/apartments/suite-3-komfort" class="text-xs font-semibold text-[#D4A373] hover:text-white transition-colors">
+Details ansehen →
+</a> <a href="#booking" class="px-4 py-2 rounded-xl bg-[#2D5A43] hover:bg-[#386d52] text-white text-xs font-bold transition-all shadow-md">
+Buchen
+</a> </div> </div> </div><div class="group stone-card stone-card-hover rounded-3xl overflow-hidden flex flex-col h-full font-sans"> <!-- Image Header --> <div class="relative aspect-[16/10] bg-[#1A1816] overflow-hidden border-b border-[#D4A373]/15"> <div class="absolute top-4 left-4 z-10 flex gap-2"> <span class="px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider shadow-md bg-[#2D5A43] text-emerald-100 border border-emerald-500/40"> Premium-Komfort </span>  </div> <!-- Image Placeholder / Visual Container --> <div class="w-full h-full bg-gradient-to-br from-[#2E2A25] to-[#1A1816] flex items-center justify-center text-[#D4A373] font-serif group-hover:scale-105 transition-transform duration-500 p-6 text-center"> <div class="space-y-1"> <span class="text-3xl block">🏛️</span> <span class="text-sm font-semibold text-[#E6D5C3]">Komfort-Suite 4 Workation</span> </div> </div> </div> <!-- Content --> <div class="p-6 flex-1 flex flex-col justify-between space-y-6"> <div class="space-y-3"> <div class="flex items-center gap-3 text-xs font-medium text-[#A3978B]"> <span class="text-[#E6D5C3]">👤 Bis zu 2 Gäste</span> <span>•</span> <span class="text-[#E6D5C3]">📐 50 m²</span>  <span>•</span> <span class="text-emerald-400 font-semibold">💻 Workstation</span>  </div> <h3 class="font-serif text-2xl font-bold text-[#E6D5C3] group-hover:text-emerald-400 transition-colors"> Komfort-Suite 4 Workation </h3> <p class="text-[#A3978B] text-xs leading-relaxed line-clamp-2"> Optimiert für Remote Worker, Geschäftsreisende und Long-Stays </p> <!-- Highlights list --> <ul class="space-y-1.5 text-xs text-[#E6D5C3] pt-2 border-t border-[#D4A373]/10"> <li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Professioneller Workstation-Schreibtisch &amp; Monitor</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">100 Mbit/s Glasfaser WLAN</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Flüsterleise Lage &amp; Verdunkelungsrollos</span> </li> </ul> </div> <!-- Actions --> <div class="pt-4 border-t border-[#D4A373]/15 flex items-center justify-between gap-3"> <a href="/apartments/suite-4-workspace" class="text-xs font-semibold text-[#D4A373] hover:text-white transition-colors">
+Details ansehen →
+</a> <a href="#booking" class="px-4 py-2 rounded-xl bg-[#2D5A43] hover:bg-[#386d52] text-white text-xs font-bold transition-all shadow-md">
+Buchen
+</a> </div> </div> </div><div class="group stone-card stone-card-hover rounded-3xl overflow-hidden flex flex-col h-full font-sans"> <!-- Image Header --> <div class="relative aspect-[16/10] bg-[#1A1816] overflow-hidden border-b border-[#D4A373]/15"> <div class="absolute top-4 left-4 z-10 flex gap-2"> <span class="px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider shadow-md bg-[#2E2A25] text-[#D4A373] border border-[#D4A373]/30"> Klassik </span>  </div> <!-- Image Placeholder / Visual Container --> <div class="w-full h-full bg-gradient-to-br from-[#2E2A25] to-[#1A1816] flex items-center justify-center text-[#D4A373] font-serif group-hover:scale-105 transition-transform duration-500 p-6 text-center"> <div class="space-y-1"> <span class="text-3xl block">🏛️</span> <span class="text-sm font-semibold text-[#E6D5C3]">Romantik-Apartment Altstadt 1</span> </div> </div> </div> <!-- Content --> <div class="p-6 flex-1 flex flex-col justify-between space-y-6"> <div class="space-y-3"> <div class="flex items-center gap-3 text-xs font-medium text-[#A3978B]"> <span class="text-[#E6D5C3]">👤 Bis zu 2 Gäste</span> <span>•</span> <span class="text-[#E6D5C3]">📐 42 m²</span>  </div> <h3 class="font-serif text-2xl font-bold text-[#E6D5C3] group-hover:text-emerald-400 transition-colors"> Romantik-Apartment Altstadt 1 </h3> <p class="text-[#A3978B] text-xs leading-relaxed line-clamp-2"> Gemütliches Nest für Paare im charmanten Klassik-Stil </p> <!-- Highlights list --> <ul class="space-y-1.5 text-xs text-[#E6D5C3] pt-2 border-t border-[#D4A373]/10"> <li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Gemütliche Dachschrägen &amp; Fachwerk-Atmosphäre</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Kontaktloser Code-Check-in</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Ideal für Kurztrips &amp; Harz-Wochenenden</span> </li> </ul> </div> <!-- Actions --> <div class="pt-4 border-t border-[#D4A373]/15 flex items-center justify-between gap-3"> <a href="/apartments/romantik-1" class="text-xs font-semibold text-[#D4A373] hover:text-white transition-colors">
+Details ansehen →
+</a> <a href="#booking" class="px-4 py-2 rounded-xl bg-[#2D5A43] hover:bg-[#386d52] text-white text-xs font-bold transition-all shadow-md">
+Buchen
+</a> </div> </div> </div><div class="group stone-card stone-card-hover rounded-3xl overflow-hidden flex flex-col h-full font-sans"> <!-- Image Header --> <div class="relative aspect-[16/10] bg-[#1A1816] overflow-hidden border-b border-[#D4A373]/15"> <div class="absolute top-4 left-4 z-10 flex gap-2"> <span class="px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider shadow-md bg-[#2E2A25] text-[#D4A373] border border-[#D4A373]/30"> Klassik </span>  </div> <!-- Image Placeholder / Visual Container --> <div class="w-full h-full bg-gradient-to-br from-[#2E2A25] to-[#1A1816] flex items-center justify-center text-[#D4A373] font-serif group-hover:scale-105 transition-transform duration-500 p-6 text-center"> <div class="space-y-1"> <span class="text-3xl block">🏛️</span> <span class="text-sm font-semibold text-[#E6D5C3]">Romantik-Apartment Altstadt 2</span> </div> </div> </div> <!-- Content --> <div class="p-6 flex-1 flex flex-col justify-between space-y-6"> <div class="space-y-3"> <div class="flex items-center gap-3 text-xs font-medium text-[#A3978B]"> <span class="text-[#E6D5C3]">👤 Bis zu 2 Gäste</span> <span>•</span> <span class="text-[#E6D5C3]">📐 40 m²</span>  </div> <h3 class="font-serif text-2xl font-bold text-[#E6D5C3] group-hover:text-emerald-400 transition-colors"> Romantik-Apartment Altstadt 2 </h3> <p class="text-[#A3978B] text-xs leading-relaxed line-clamp-2"> Charmantes Klassik-Apartment mit italienischen Akzenten </p> <!-- Highlights list --> <ul class="space-y-1.5 text-xs text-[#E6D5C3] pt-2 border-t border-[#D4A373]/10"> <li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Ruhige Ausrichtung zum Innenhof</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Bequemes Doppelbett &amp; gemütliche Sitzecke</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Inklusive Tee- &amp; Kaffeeset</span> </li> </ul> </div> <!-- Actions --> <div class="pt-4 border-t border-[#D4A373]/15 flex items-center justify-between gap-3"> <a href="/apartments/romantik-2" class="text-xs font-semibold text-[#D4A373] hover:text-white transition-colors">
+Details ansehen →
+</a> <a href="#booking" class="px-4 py-2 rounded-xl bg-[#2D5A43] hover:bg-[#386d52] text-white text-xs font-bold transition-all shadow-md">
+Buchen
+</a> </div> </div> </div><div class="group stone-card stone-card-hover rounded-3xl overflow-hidden flex flex-col h-full font-sans"> <!-- Image Header --> <div class="relative aspect-[16/10] bg-[#1A1816] overflow-hidden border-b border-[#D4A373]/15"> <div class="absolute top-4 left-4 z-10 flex gap-2"> <span class="px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider shadow-md bg-[#2E2A25] text-[#D4A373] border border-[#D4A373]/30"> Klassik </span>  </div> <!-- Image Placeholder / Visual Container --> <div class="w-full h-full bg-gradient-to-br from-[#2E2A25] to-[#1A1816] flex items-center justify-center text-[#D4A373] font-serif group-hover:scale-105 transition-transform duration-500 p-6 text-center"> <div class="space-y-1"> <span class="text-3xl block">🏛️</span> <span class="text-sm font-semibold text-[#E6D5C3]">Boutique Studio Bäckerstraße</span> </div> </div> </div> <!-- Content --> <div class="p-6 flex-1 flex flex-col justify-between space-y-6"> <div class="space-y-3"> <div class="flex items-center gap-3 text-xs font-medium text-[#A3978B]"> <span class="text-[#E6D5C3]">👤 Bis zu 2 Gäste</span> <span>•</span> <span class="text-[#E6D5C3]">📐 32 m²</span>  </div> <h3 class="font-serif text-2xl font-bold text-[#E6D5C3] group-hover:text-emerald-400 transition-colors"> Boutique Studio Bäckerstraße </h3> <p class="text-[#A3978B] text-xs leading-relaxed line-clamp-2"> Kompaktes, stilvolles Studio für Individualreisende &amp; Städtetrips </p> <!-- Highlights list --> <ul class="space-y-1.5 text-xs text-[#E6D5C3] pt-2 border-t border-[#D4A373]/10"> <li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Optimales Preis-Leistungs-Verhältnis</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Zentrale Lage in der Bäckerstraße 18</span> </li><li class="flex items-center gap-2"> <span class="text-emerald-400 font-bold">✓</span> <span class="text-[#E6D5C3]">Kontaktlose Anreise rund um die Uhr</span> </li> </ul> </div> <!-- Actions --> <div class="pt-4 border-t border-[#D4A373]/15 flex items-center justify-between gap-3"> <a href="/apartments/studio" class="text-xs font-semibold text-[#D4A373] hover:text-white transition-colors">
+Details ansehen →
+</a> <a href="#booking" class="px-4 py-2 rounded-xl bg-[#2D5A43] hover:bg-[#386d52] text-white text-xs font-bold transition-all shadow-md">
+Buchen
+</a> </div> </div> </div> </div> </div> </section>  <section id="trattoria" class="py-20 bg-[#24211D] border-b border-[#D4A373]/15"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center"> <!-- Story & Offer --> <div class="space-y-6"> <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-[#C85A32]/20 border border-[#C85A32]/40 text-[#C85A32] text-xs font-bold uppercase tracking-wider"> <span class="w-2 h-2 rounded-full bg-[#C85A32]"></span> <span>Trattoria da Enzo • Erdgeschoss</span> </span> <h2 class="font-serif text-3xl sm:text-4xl font-bold text-[#E6D5C3]">
+Sizilianische Kulinarik & Echte Lebensfreude
+</h2> <p class="text-[#A3978B] text-sm sm:text-base leading-relaxed">
+Direkt unter den Apartments befindet sich das schlagende Herz unseres Hauses: Alessandras Trattoria. Seit 1980 servieren wir ehrliche sizilianische Küche, frische hausgemachte Pasta und sorgfältig ausgewählte italienische Weine.
+</p> <div class="stone-card p-6 rounded-2xl border border-[#C85A32]/30 space-y-3"> <h4 class="font-serif text-lg font-bold text-[#D4A373]">Exklusiver Gästevorteil</h4> <p class="text-[#E6D5C3] text-xs sm:text-sm leading-relaxed">
+Gäste unserer Casa da Enzo Apartments genießen eine <strong>priorisierte Tischreservierung</strong>. Gib bei deiner Buchung einfach deinen Wunschtermin an oder rufen direkt in der Trattoria an.
+</p> </div> </div> <!-- Hours & Contact Box --> <div class="stone-card rounded-3xl p-8 border border-[#C85A32]/40 space-y-6 text-center shadow-2xl"> <div class="w-16 h-16 rounded-full bg-[#C85A32]/20 border border-[#C85A32]/40 flex items-center justify-center mx-auto text-3xl">
+🍷
+</div> <h3 class="font-serif text-2xl font-bold text-[#E6D5C3]">Öffnungszeiten & Reservierung</h3> <div class="space-y-2 text-[#E6D5C3] text-sm border-y border-[#D4A373]/15 py-4"> <p><strong class="text-[#D4A373]">Dienstag – Sonntag:</strong> 17:00 – 22:30 Uhr</p> <p><strong class="text-[#D4A373]">Montag:</strong> Ruhetag</p> </div> <div class="space-y-3"> <a href="tel:+49532123456" class="block w-full py-4 rounded-xl bg-[#C85A32] hover:bg-[#b04d2a] text-white font-bold text-sm shadow-lg transition-all">
+📞 Tisch reservieren: +49 5321 23456
+</a> <p class="text-[11px] text-[#A3978B]">
+Direkte Durchwahl zur Trattoria (Alessandra)
+</p> </div> </div> </div> </div> </section>  <section id="eviivo-guest" class="py-16 bg-[#1A1816] border-b border-[#D4A373]/15"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="stone-card rounded-3xl p-8 sm:p-10 border border-[#D4A373]/30 flex flex-col md:flex-row items-center justify-between gap-8 shadow-2xl"> <div class="space-y-3 text-center md:text-left"> <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-[#D4A373]/20 text-[#D4A373] text-xs font-bold uppercase tracking-wider">
+📖 Für gebuchte Gäste
+</span> <h2 class="font-serif text-2xl sm:text-3xl font-bold text-[#E6D5C3]">
+Digitales Gästebuch (Eviivo Guest Directory)
+</h2> <p class="text-[#A3978B] text-xs sm:text-sm max-w-xl">
+Du hast bereits gebucht? Gib deine Eviivo-Buchungsnummer und deinen Nachnamen ein, um deinen Nuki PIN-Code, WLAN-Daten, Parktipps und den Hausguide direkt abzurufen.
+</p> </div> <div class="shrink-0"> <button onclick="document.getElementById('eviivo-link-btn')?.click()" class="px-8 py-4 rounded-2xl bg-[#D4A373] hover:bg-[#e6c5a2] text-[#1A1816] font-bold text-sm transition-all shadow-xl">
+Gästebuch öffnen ➔
+</button> </div> </div> </div> </section>  <section id="geschichte" class="py-20 bg-[#24211D] border-b border-[#D4A373]/15"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center space-y-8"> <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-[#D4A373]/20 border border-[#D4A373]/30 text-[#D4A373] text-xs font-bold uppercase tracking-wider"> <span>🇮🇹 Vincenzos Erbe seit 1980</span> </span> <h2 class="font-serif text-3xl sm:text-4xl font-bold text-[#E6D5C3]">
+Sizilien trifft Goslar – Die Geschichte unserer Familie
+</h2> <div class="space-y-4 text-[#E6D5C3] text-sm sm:text-base leading-relaxed text-left sm:text-center"> <p>
+1980 legte unser Vater Vincenzo "Enzo" Campisi den Grundstein in der Bäckerstraße 18. Er brachte authentische italienische Herzlichkeit und sizilianische Rezepte mitten in die geschichtsträchtige Altstadt von Goslar.
+</p> <p>
+Heute führen wir – Sergio, Alja und Alessandra – das Erbe in der 2. Generation fort. Wir haben die historische Bausubstanz des Fachwerkgebäudes 2025 aufwendig saniert: 7 zeitgemäße, edle Boutique-Apartments sind entstanden, ergänzt durch unabhängigen Nuki-PIN-Code Check-in und persönliche Betreuung.
+</p> </div> <div class="grid grid-cols-1 sm:grid-cols-3 gap-6 pt-6 border-t border-[#D4A373]/20 text-center"> <div class="p-4 rounded-2xl bg-[#1A1816] border border-[#D4A373]/20"> <div class="font-serif text-lg font-bold text-[#D4A373]">Alja</div> <div class="text-xs text-[#A3978B]">Apartments & Concierge</div> </div> <div class="p-4 rounded-2xl bg-[#1A1816] border border-[#D4A373]/20"> <div class="font-serif text-lg font-bold text-[#C85A32]">Alessandra</div> <div class="text-xs text-[#A3978B]">Trattoria & Küche</div> </div> <div class="p-4 rounded-2xl bg-[#1A1816] border border-[#D4A373]/20"> <div class="font-serif text-lg font-bold text-[#2D5A43]">Sergio</div> <div class="text-xs text-[#A3978B]">Familie & Gastfreundschaft</div> </div> </div> </div> </section>  <section id="faq" class="py-20 bg-[#1A1816]"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 space-y-12"> <div class="text-center space-y-2"> <span class="text-xs font-bold uppercase tracking-widest text-[#D4A373]">Gut zu wissen</span> <h2 class="font-serif text-3xl font-bold text-[#E6D5C3]">Häufig gestellte Fragen</h2> </div> <div class="space-y-6"> <div class="stone-card p-6 rounded-2xl border border-[#D4A373]/20 space-y-2"> <h3 class="font-serif text-lg font-bold text-[#E6D5C3]">Wie funktioniert der Check-in?</h3> <p class="text-[#A3978B] text-xs sm:text-sm leading-relaxed">
+Der Check-in verläuft 100% kontaktlos und flexibel ab 15:00 Uhr. Vor deiner Anreise erhältst du deinen persönlichen Nuki-Smart-Lock-PIN-Code per WhatsApp oder E-Mail.
+</p> </div> <div class="stone-card p-6 rounded-2xl border border-[#D4A373]/20 space-y-2"> <h3 class="font-serif text-lg font-bold text-[#E6D5C3]">An wen wende ich mich bei Fragen?</h3> <p class="text-[#A3978B] text-xs sm:text-sm leading-relaxed">
+Wir pflegen eine klare Kontakttrennung:<br>
+• <strong>Apartments & Buchungen:</strong> Alja per WhatsApp unter <a href="https://wa.me/4915207483196" target="_blank" class="text-emerald-400 underline">+49 1520 7483196</a><br>
+• <strong>Trattoria & Tischreservierungen:</strong> Alessandra auf dem Festnetz unter <a href="tel:+49532123456" class="text-[#C85A32] underline">+49 5321 23456</a> </p> </div> <div class="stone-card p-6 rounded-2xl border border-[#D4A373]/20 space-y-2"> <h3 class="font-serif text-lg font-bold text-[#E6D5C3]">Wo kann ich in Goslar parken?</h3> <p class="text-[#A3978B] text-xs sm:text-sm leading-relaxed">
+Du kannst direkt vor die Bäckerstraße 18 fahren, um dein Gepäck auszuladen. Öffentliche Parkplätze sowie das Parkhaus 'Kaiserpassage' befinden sich in ca. 2-3 Gehminuten Entfernung.
+</p> </div> <div class="stone-card p-6 rounded-2xl border border-[#D4A373]/20 space-y-2"> <h3 class="font-serif text-lg font-bold text-[#E6D5C3]">Warum lohnt sich die Direktbuchung?</h3> <p class="text-[#A3978B] text-xs sm:text-sm leading-relaxed">
+Bei einer Direktbuchung sparst du dir die 15% OTA-Gebühren von Booking.com oder Airbnb. Wir garantieren dir den besten verfügbaren Preis und bieten dir eine bevorzugte Tischreservierung in der Trattoria!
+</p> </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>

dist/trattoria-admin/index.html

@@ -0,0 +1,79 @@
+<!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>Trattoria Management WebApp | Casa da Enzo Goslar</title><meta name="description" content="Interne Verwaltung der Trattoria da Enzo: Tischreservierungen mit KI-Antwortgenerator, Öffnungszeiten &#38; Schichten, Speisekarten-Manager mit Versionierung und Gutschein-Tracking."><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/trattoria-admin/"><meta property="og:title" content="Trattoria Management WebApp | Casa da Enzo Goslar"><meta property="og:description" content="Interne Verwaltung der Trattoria da Enzo: Tischreservierungen mit KI-Antwortgenerator, Öffnungszeiten &#38; Schichten, Speisekarten-Manager mit Versionierung und Gutschein-Tracking."><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="Trattoria Management WebApp | Casa da Enzo Goslar"><meta property="twitter:description" content="Interne Verwaltung der Trattoria da Enzo: Tischreservierungen mit KI-Antwortgenerator, Öffnungszeiten &#38; Schichten, Speisekarten-Manager mit Versionierung und Gutschein-Tracking."><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.T3ji74Vi.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">   <div class="bg-stone-900 text-white border-b border-stone-800 sticky top-20 z-40"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex flex-col md:flex-row items-center justify-between gap-4"> <div class="flex items-center gap-3"> <span class="p-2 rounded-xl bg-[#C85A32] text-white text-lg font-bold">🇮🇹</span> <div> <h1 class="font-serif text-xl font-bold">Trattoria da Enzo • Management App</h1> <p class="text-xs text-stone-400">Angemeldet als: <span class="text-amber-400 font-medium">Alessandra Campisi (ID: ENZO-STAFF-01)</span></p> </div> </div> <!-- Quick Status Indicators --> <div class="flex items-center gap-4 text-xs"> <div class="flex items-center gap-2 bg-stone-800 px-3 py-1.5 rounded-lg border border-stone-700"> <span id="vacation-status-dot" class="w-2.5 h-2.5 rounded-full bg-emerald-400"></span> <span id="vacation-status-text" class="text-stone-300">Website Status: <strong>Normalbetrieb</strong></span> </div> <div class="hidden sm:block text-stone-400">
+Systemzeit: <span id="clock" class="font-mono text-stone-200">16.09.2026, 18:45</span> </div> </div> </div> </div>  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8"> <!-- App Navigation Tabs --> <div class="flex flex-wrap items-center gap-2 border-b border-stone-200 pb-4 mb-8"> <button data-tab="reservations" class="admin-tab active px-5 py-2.5 rounded-xl text-sm font-bold bg-[#C85A32] text-white shadow-sm transition-all flex items-center gap-2"> <span>🍽️ Tisch-Reservierungen</span> <span id="pending-badge" class="px-2 py-0.5 rounded-full bg-amber-400 text-stone-950 text-xs font-black">2 Neu</span> </button> <button data-tab="hours" class="admin-tab px-5 py-2.5 rounded-xl text-sm font-semibold bg-white text-stone-700 border border-stone-300 hover:bg-stone-50 transition-all flex items-center gap-2"> <span>🕒 Öffnungszeiten & Schichten</span> </button> <button data-tab="menu" class="admin-tab px-5 py-2.5 rounded-xl text-sm font-semibold bg-white text-stone-700 border border-stone-300 hover:bg-stone-50 transition-all flex items-center gap-2"> <span>📜 Speisekarte & KI</span> </button> <button data-tab="vouchers" class="admin-tab px-5 py-2.5 rounded-xl text-sm font-semibold bg-white text-stone-700 border border-stone-300 hover:bg-stone-50 transition-all flex items-center gap-2"> <span>🎟️ Gutschein-Verwaltung</span> </button> <button data-tab="history" class="admin-tab px-5 py-2.5 rounded-xl text-sm font-semibold bg-white text-stone-700 border border-stone-300 hover:bg-stone-50 transition-all flex items-center gap-2"> <span>📜 Aktivitäts-Log</span> </button> </div> <!-- TAB 1: TISCH-RESERVIERUNGEN --> <div id="tab-reservations" class="tab-content space-y-8"> <div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4"> <div> <h2 class="font-serif text-2xl font-bold text-stone-900">Anstehende Tischreservierungen</h2> <p class="text-stone-600 text-sm">Prüfen und bestätigen Sie Anfragen mit KI-unterstützter persönlicher Gast-Ansprache.</p> </div> </div> <!-- Pending Reservations Cards/Table --> <div class="grid grid-cols-1 lg:grid-cols-2 gap-6" id="reservations-list"> <!-- Reservation Item 1 --> <div class="bg-white p-6 rounded-3xl border border-stone-200 shadow-sm space-y-4 hover:border-amber-400 transition-all" id="res-card-101"> <div class="flex items-start justify-between"> <div> <span class="px-2.5 py-1 rounded-full bg-amber-100 text-amber-800 text-xs font-bold uppercase tracking-wider">Ausstehend</span> <h3 class="font-serif text-xl font-bold text-stone-900 mt-1">Marco & Julia Schmidt</h3> <p class="text-xs text-stone-500">Angefragt am 16.09.2026 um 14:20 Uhr</p> </div> <div class="text-right"> <span class="text-2xl font-bold text-[#C85A32]">4 Personen</span> <p class="text-xs text-stone-600 font-medium">18.09.2026 • 19:30 Uhr</p> </div> </div> <div class="p-3 bg-stone-50 rounded-2xl border border-stone-200 text-xs text-stone-700 space-y-1"> <p><strong>Bereich:</strong> Gastraum (Fensterplatz gewünscht)</p> <p><strong>Besonderer Wunsch:</strong> "Feiern unseren Jahrestag! Ein schöner Tisch wäre wunderbar."</p> <p><strong>Kontakt:</strong> +49 171 9876543 • julia.schmidt@example.de</p> </div> <div class="flex flex-wrap items-center gap-3 pt-2"> <button onclick="openAiDraftModal('101', 'Marco & Julia Schmidt', 'Confirm', '18.09.2026 um 19:30 Uhr', '4 Personen', 'Fensterplatz, Jahrestag')" class="px-4 py-2 rounded-xl bg-emerald-600 text-white font-bold text-xs hover:bg-emerald-700 transition-all flex items-center gap-1.5"> <span>✓ Bestätigen + KI-Antwort</span> </button> <button onclick="openAiDraftModal('101', 'Marco & Julia Schmidt', 'Decline', '18.09.2026 um 19:30 Uhr', '4 Personen', 'Ausgebucht')" class="px-4 py-2 rounded-xl bg-rose-600 text-white font-bold text-xs hover:bg-rose-700 transition-all flex items-center gap-1.5"> <span>✕ Ablehnen + KI-Antwort</span> </button> </div> </div> <!-- Reservation Item 2 --> <div class="bg-white p-6 rounded-3xl border border-stone-200 shadow-sm space-y-4 hover:border-amber-400 transition-all" id="res-card-102"> <div class="flex items-start justify-between"> <div> <span class="px-2.5 py-1 rounded-full bg-amber-100 text-amber-800 text-xs font-bold uppercase tracking-wider">Ausstehend</span> <h3 class="font-serif text-xl font-bold text-stone-900 mt-1">Dr. Thomas Weber</h3> <p class="text-xs text-stone-500">Angefragt am 16.09.2026 um 16:05 Uhr</p> </div> <div class="text-right"> <span class="text-2xl font-bold text-[#C85A32]">2 Personen</span> <p class="text-xs text-stone-600 font-medium">19.09.2026 • 20:00 Uhr</p> </div> </div> <div class="p-3 bg-stone-50 rounded-2xl border border-stone-200 text-xs text-stone-700 space-y-1"> <p><strong>Bereich:</strong> Terrasse / Außenbereich</p> <p><strong>Besonderer Wunsch:</strong> "Glutenfreie Pasta & ruhige Ecke erbeten."</p> <p><strong>Kontakt:</strong> +49 160 1234567 • t.weber@med-goslar.de</p> </div> <div class="flex flex-wrap items-center gap-3 pt-2"> <buLine truncated
+Banner-Einstellungen speichern
+</button> </div> <!-- Weekly Shifts Grid --> <div class="bg-white p-8 rounded-3xl border border-stone-200 shadow-sm space-y-6"> <h3 class="font-serif text-xl font-bold text-stone-900">Standard-Wochenplan (Mittag & Abend)</h3> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-7 gap-4 text-xs" id="shifts-grid"> <!-- Mon --> <div class="p-4 rounded-2xl bg-stone-100 border border-stone-200 text-center space-y-2"> <span class="font-bold text-stone-900 uppercase">Montag</span> <div class="p-2 bg-stone-200 rounded-lg text-stone-600 font-bold">Ruhetag</div> </div> <!-- Tue --> <div class="p-4 rounded-2xl bg-emerald-50 border border-emerald-200 text-center space-y-2"> <span class="font-bold text-stone-900 uppercase">Dienstag</span> <div class="p-1.5 bg-white rounded border border-emerald-200">Mittag: 12:00-14:30</div> <div class="p-1.5 bg-white rounded border border-emerald-200">Abend: 17:30-22:30</div> </div> <!-- Wed --> <div class="p-4 rounded-2xl bg-emerald-50 border border-emerald-200 text-center space-y-2"> <span class="font-bold text-stone-900 uppercase">Mittwoch</span> <div class="p-1.5 bg-white rounded border border-emerald-200">Mittag: 12:00-14:30</div> <div class="p-1.5 bg-white rounded border border-emerald-200">Abend: 17:30-22:30</div> </div> <!-- Thu --> <div class="p-4 rounded-2xl bg-emerald-50 border border-emerald-200 text-center space-y-2"> <span class="font-bold text-stone-900 uppercase">Donnerstag</span> <div class="p-1.5 bg-white rounded border border-emerald-200">Mittag: 12:00-14:30</div> <div class="p-1.5 bg-white rounded border border-emerald-200">Abend: 17:30-22:30</div> </div> <!-- Fri --> <div class="p-4 rounded-2xl bg-emerald-50 border border-emerald-200 text-center space-y-2"> <span class="font-bold text-stone-900 uppercase">Freitag</span> <div class="p-1.5 bg-white rounded border border-emerald-200">Mittag: 12:00-14:30</div> <div class="p-1.5 bg-white rounded border border-emerald-200">Abend: 17:30-22:30</div> </div> <!-- Sat --> <div class="p-4 rounded-2xl bg-emerald-50 border border-emerald-200 text-center space-y-2"> <span class="font-bold text-stone-900 uppercase">Samstag</span> <div class="p-1.5 bg-white rounded border border-emerald-200">Mittag: 12:00-15:00</div> <div class="p-1.5 bg-white rounded border border-emerald-200">Abend: 17:30-23:00</div> </div> <!-- Sun --> <div class="p-4 rounded-2xl bg-emerald-50 border border-emerald-200 text-center space-y-2"> <span class="font-bold text-stone-900 uppercase">Sonntag</span> <div class="p-1.5 bg-white rounded border border-emerald-200">Mittag: 12:00-15:00</div> <div class="p-1.5 bg-white rounded border border-emerald-200">Abend: 17:30-22:00</div> </div> </div> </div> <!-- Special Overrides Table --> <div class="bg-white p-8 rounded-3xl border border-stone-200 shadow-sm space-y-4"> <div class="flex items-center justify-between"> <h3 class="font-serif text-xl font-bold text-stone-900">Individuelle Tages-Sonderregelungen</h3> <button onclick="addDayOverride()" class="px-4 py-2 rounded-xl bg-[#C85A32] text-white font-bold text-xs hover:bg-[#b04d2a] transition-all">
++ Sonder-Schließung / Event eintragen
+</button> </div> <div class="overflow-x-auto"> <table class="w-full text-left text-xs text-stone-700"> <thead class="bg-stone-100 text-stone-900 uppercase font-bold text-[10px]"> <tr> <th class="p-3 rounded-l-xl">Datum</th> <th class="p-3">Anlass</th> <th class="p-3">Status / Öffnungszeit</th> <th class="p-3 rounded-r-xl">Aktion</th> </tr> </thead> <tbody id="overrides-tbody" class="divide-y divide-stone-100"> <tr> <td class="p-3 font-bold">24.12.2026 (Heiligabend)</td> <td class="p-3">Weihnachten</td> <td class="p-3"><span class="px-2 py-0.5 rounded bg-rose-100 text-rose-800 font-bold">Geschlossen</span></td> <td class="p-3"><button onclick="this.closest('tr').remove()" class="text-rose-600 hover:underline">Entfernen</button></td> </tr> <tr> <td class="p-3 font-bold">31.12.2026 (Silvester)</td> <td class="p-3">Silvester-Gala (Nur mit Reservierung)</td> <td class="p-3"><span class="px-2 py-0.5 rounded bg-amber-100 text-amber-800 font-bold">Abend: 18:00 - 01:00 Uhr</span></td> <td class="p-3"><button onclick="this.closest('tr').remove()" class="text-rose-600 hover:underline">Entfernen</button></td> </tr> </tbody> </table> </div> </div> </div> <!-- TAB 3: SPEISEKARTE & KI MANAGER --> <div id="tab-menu" class="tab-content hidden space-y-8"> <div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4"> <div> <h2 class="font-serif text-2xl font-bold text-stone-900">Speisekarte & Gerichte-Manager</h2> <p class="text-stone-600 text-sm">Verwalten Sie Speisen, Versionen & automatische Übersetzungen.</p> </div> <div class="flex items-center gap-3"> <button onclick="translateMenuToEn()" class="px-4 py-2.5 rounded-xl bg-indigo-600 text-white font-bold text-xs hover:bg-indigo-700 transition-all flex items-center gap-1.5 shadow-sm"> <span>🇬🇧 Auto-Übersetzung (EN)</span> </button> <button onclick="publishMenu()" class="px-5 py-2.5 rounded-xl bg-emerald-600 text-white font-bold text-xs hover:bg-emerald-700 transition-all flex items-center gap-1.5 shadow-md"> <span>🚀 Speisekarte Veröffentlichen</span> </button> </div> </div> <!-- Menu Version Control Bar --> <div class="bg-stone-900 text-white p-6 rounded-3xl space-y-3"> <div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4"> <div> <span class="text-xs uppercase tracking-widest text-amber-400 font-bold">Revisions-Verwaltung</span> <h3 class="font-serif text-lg font-bold">Aktuelle Version: <span id="current-menu-version" class="text-amber-400">v2.4 (Herbstkarte 2026)</span></h3> </div> <div class="flex items-center gap-2"> <select id="menu-version-select" class="bg-stone-800 text-stone-200 border border-stone-700 text-xs rounded-xl px-3 py-2 font-medium"> <option value="v2.4">v2.4 - Herbstkarte 2026 (Aktiv)</option> <option value="v2.3">v2.3 - Sommerkarte 2026</option> <option value="v2.2">v2.2 - Frühjahrskarte 2026</option> </select> <button onclick="restoreMenuVersion()" class="px-4 py-2 rounded-xl bg-amber-500 text-stone-950 font-bold text-xs hover:bg-amber-400 transition-all">
+Version wiederherstellen
+</button> </div> </div> </div> <!-- Menu Category Editor --> <div class="space-y-6" id="menu-categories-container"> <!-- Antipasti --> <div class="bg-white p-6 rounded-3xl border border-stone-200 shadow-sm space-y-4"> <div class="flex items-center justify-between border-b border-stone-100 pb-3"> <h3 class="font-serif text-xl font-bold text-stone-900">Antipasti (Vorspeisen)</h3> <button onclick="addDish('antipasti')" class="text-xs text-[#C85A32] font-bold hover:underline">+ Gericht hinzufügen</button> </div> <div class="space-y-3" id="category-antipasti"> <div class="p-4 rounded-2xl bg-stone-50 border border-stone-200 flex flex-col md:flex-row items-start md:items-center justify-between gap-4"> <div class="space-y-1 flex-1"> <div class="flex items-center gap-2"> <input type="text" value="Carpaccio di Manzo Con Tartufo" class="dish-title font-serif font-bold text-stone-900 text-base bg-transparent border-b border-stone-300 focus:outline-none focus:border-[#C85A32] w-full max-w-md"> <span class="text-xs font-mono font-bold text-stone-600">18.50 €</span> </div> <input type="text" value="Hauchdünnes Rinderfilet mit frischem Trüffel, Ruccola & Parmigiano Reggiano" class="dish-desc text-xs text-stone-600 bg-transparent border-b border-stone-200 focus:outline-none focus:border-[#C85A32] w-full"> <p class="dish-en text-[11px] text-indigo-600 font-medium italic mt-1">EN: Wafer-thin beef tenderloin with fresh truffle, arugula & Parmigiano Reggiano</p> </div> <div class="flex items-center gap-2"> <button onclick="aiPolishDish(this)" class="px-3 py-1 rounded-lg bg-amber-100 text-amber-900 text-[11px] font-bold hover:bg-amber-200">✨ KI-Text schärfen</button> <button onclick="this.closest('.p-4').remove()" class="text-rose-600 text-xs hover:underline">Löschen</button> </div> </div> <div class="p-4 rounded-2xl bg-stone-50 border border-stone-200 flex flex-col md:flex-row items-start md:items-center justify-between gap-4"> <div class="space-y-1 flex-1"> <div class="flex items-center gap-2"> <input type="text" value="Bruschetta Classica della Casa" class="dish-title font-serif font-bold text-stone-900 text-base bg-transparent border-b border-stone-300 focus:outline-none focus:border-[#C85A32] w-full max-w-md"> <span class="text-xs font-mono font-bold text-stone-600">9.80 €</span> </div> <input type="text" value="Röstbrot mit fruchtigen San-Marzano-Tomaten, Knoblauch & frischem Basilikum" class="dish-desc text-xs text-stone-600 bg-transparent border-b border-stone-200 focus:outline-none focus:border-[#C85A32] w-full"> <p class="dish-en text-[11px] text-indigo-600 font-medium italic mt-1">EN: Toasted bread with fruity San Marzano tomatoes, garlic & fresh basil</p> </div> <div class="flex items-center gap-2"> <button onclick="aiPolishDish(this)" class="px-3 py-1 rounded-lg bg-amber-100 text-amber-900 text-[11px] font-bold hover:bg-amber-200">✨ KI-Text schärfen</button> <button onclick="this.closest('.p-4').remove()" class="text-rose-600 text-xs hover:underline">Löschen</button> </div> </div> </div> </div> <!-- Primi Piatti --> <div class="bg-white p-6 rounded-3xl border border-stone-200 shadow-sm space-y-4"> <div class="flex items-center justify-between border-b border-stone-100 pb-3"> <h3 class="font-serif text-xl font-bold text-stone-900">Primi Piatti (Hausgemachte Pasta & Risotto)</h3> <button onclick="addDish('primi')" class="text-xs text-[#C85A32] font-bold hover:underline">+ Gericht hinzufügen</button> </div> <div class="space-y-3" id="category-primi"> <div class="p-4 rounded-2xl bg-stone-50 border border-stone-200 flex flex-col md:flex-row items-start md:items-center justify-between gap-4"> <div class="space-y-1 flex-1"> <div class="flex items-center gap-2"> <input type="text" value="Tagliolini Alessandras Secret Recipe" class="dish-title font-serif font-bold text-stone-900 text-base bg-transparent border-b border-stone-300 focus:outline-none focus:border-[#C85A32] w-full max-w-md"> <span class="text-xs font-mono font-bold text-stone-600">21.50 €</span> </div> <input type="text" value="Frische Bandnudeln im Parmesanlaib geschwenkt mit Salsiccia & Waldpilzen" class="dish-desc text-xs text-stone-600 bg-transparent border-b border-stone-200 focus:outline-none focus:border-[#C85A32] w-full"> <p class="dish-en text-[11px] text-indigo-600 font-medium italic mt-1">EN: Fresh ribbon pasta tossed in a parmesan wheel with Salsiccia & wild mushrooms</p> </div> <div class="flex items-center gap-2"> <button onclick="aiPolishDish(this)" class="px-3 py-1 rounded-lg bg-amber-100 text-amber-900 text-[11px] font-bold hover:bg-amber-200">✨ KI-Text schärfen</button> <button onclick="this.closest('.p-4').remove()" class="text-rose-600 text-xs hover:underline">Löschen</button> </div> </div> </div> </div> </div> </div> <!-- TAB 4: GUTSCHEIN VERWALTUNG --> <div id="tab-vouchers" class="tab-content hidden space-y-8"> <div> <h2 class="font-serif text-2xl font-bold text-stone-900">Gutschein-Verwaltung & Versand</h2> <p clasLine truncated
+📧 Versandbestätigung senden
+</button> </td> </tr> <!-- Voucher 2 --> <tr> <td class="p-3 font-mono font-bold text-[#C85A32]">#GUT-2026-882</td> <td class="p-3 font-bold">Laura Meyer<br><span class="text-[10px] text-stone-500">l.meyer@goslar-mail.de</span></td> <td class="p-3 font-bold text-stone-900">50,00 €</td> <td class="p-3"><span class="px-2 py-0.5 rounded bg-emerald-100 text-emerald-900 font-bold">Abholung vor Ort</span></td> <td class="p-3 text-stone-400 italic">Entfällt (Abholung)</td> <td class="p-3"><span id="vstatus-882" class="px-2 py-0.5 rounded bg-amber-100 text-amber-800 font-bold">Bereitstellen</span></td> <td class="p-3"> <button onclick="triggerVoucherEmail('882', 'Laura Meyer', 'Abholung')" class="px-3 py-1.5 rounded-lg bg-emerald-600 text-white font-bold text-[11px] hover:bg-emerald-700 transition-all">
+🔔 "Abholbereit" Mail senden
+</button> </td> </tr> </tbody> </table> </div> </div> </div> <!-- TAB 5: AKTIVITÄTS & REVISONSLOG --> <div id="tab-history" class="tab-content hidden space-y-8"> <div> <h2 class="font-serif text-2xl font-bold text-stone-900">Aktivitäts- & Revisions-Logbuch</h2> <p class="text-stone-600 text-sm">Lückenlose Protokollierung aller Änderungen mit Reviewer-ID und Zeitstempel.</p> </div> <div class="bg-white p-8 rounded-3xl border border-stone-200 shadow-sm space-y-4"> <div class="overflow-x-auto"> <table class="w-full text-left text-xs text-stone-700"> <thead class="bg-stone-100 text-stone-900 uppercase font-bold text-[10px]"> <tr> <th class="p-3 rounded-l-xl">Zeitstempel</th> <th class="p-3">Modul</th> <th class="p-3">Aktion</th> <th class="p-3">Reviewer ID & Name</th> <th class="p-3 rounded-r-xl">Details</th> </tr> </thead> <tbody id="history-log-tbody" class="divide-y divide-stone-100 font-mono text-[11px]"> <tr> <td class="p-3 text-stone-500">16.09.2026, 18:40:12</td> <td class="p-3"><span class="px-2 py-0.5 bg-amber-100 text-amber-900 font-bold rounded">Menu</span></td> <td class="p-3 font-bold text-stone-900">Speisekarte v2.4 veröffentlicht</td> <td class="p-3">ENZO-STAFF-01 (Alessandra Campisi)</td> <td class="p-3 text-stone-600">Herbstkarte 2026 freigegeben für Website</td> </tr> <tr> <td class="p-3 text-stone-500">16.09.2026, 17:10:05</td> <td class="p-3"><span class="px-2 py-0.5 bg-emerald-100 text-emerald-900 font-bold rounded">Reservierung</span></td> <td class="p-3 font-bold text-stone-900">Tisch #RES-098 bestätigt</td> <td class="p-3">ENZO-STAFF-01 (Alessandra Campisi)</td> <td class="p-3 text-stone-600">Bestätigung & KI-Mail an Familie Bauer gesendet</td> </tr> </tbody> </table> </div> </div> </div> </div>  <div id="ai-modal" class="fixed inset-0 bg-stone-950/70 backdrop-blur-sm z-50 hidden flex items-center justify-center p-4"> <div class="bg-white max-w-2xl w-full rounded-3xl p-8 shadow-2xl border border-stone-200 space-y-6 animate-fadeIn"> <div class="flex items-center justify-between border-b border-stone-100 pb-4"> <div> <span class="text-xs uppercase font-bold text-[#C85A32] tracking-wider">KI-Kommunikationsassistent</span> <h3 id="modal-title" class="font-serif text-2xl font-bold text-stone-900">Personalisierte Gast-Antwort</h3> </div> <button onclick="closeAiModal()" class="text-stone-400 hover:text-stone-900 text-2xl font-bold">&times;</button> </div> <div class="space-y-4 text-xs"> <div class="p-3 rounded-2xl bg-stone-50 border border-stone-200 grid grid-cols-2 gap-2 text-stone-700"> <p><strong>Gast:</strong> <span id="modal-guest-name">---</span></p> <p><strong>Aktion:</strong> <span id="modal-action-type" class="font-bold">---</span></p> <p><strong>Termin & Pax:</strong> <span id="modal-details">---</span></p> <p><strong>Tonalität:</strong> Herzlich Sizilianisch (Enzo Guidelines)</p> </div> <div class="space-y-1.5"> <div class="flex items-center justify-between"> <label class="font-bold text-stone-900 uppercase text-[10px]">Generierter Antwort-Entwurf (Edtierbar)</label> <button onclick="regenerateAiDraft()" class="text-[#C85A32] font-bold hover:underline flex items-center gap-1"> <span>✨ Entwurf neu generieren</span> </button> </div> <textarea id="ai-draft-textarea" rows="7" class="w-full p-4 rounded-2xl border border-stone-300 font-sans text-xs text-stone-800 leading-relaxed focus:ring-2 focus:ring-[#C85A32] focus:outline-none"></textarea> </div> </div> <div class="flex justify-end gap-3 border-t border-stone-100 pt-4"> <button onclick="closeAiModal()" class="px-5 py-2.5 rounded-xl bg-stone-100 text-stone-700 font-bold text-xs hover:bg-stone-200">
+Abbrechen
+</button> <button onclick="confirmAndSendDraft()" class="px-6 py-2.5 rounded-xl bg-[#C85A32] text-white font-bold text-xs hover:bg-[#b04d2a] shadow-md">
+✓ Bestätigen & Antwort senden
+</button> </div> </div> </div>  </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> 

dist/trattoria/index.html

@@ -0,0 +1,97 @@
+<!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>Trattoria da Enzo | Italienische Kulinarik &amp; Tischreservierung in Goslar</title><meta name="description" content="Trattoria da Enzo in Goslar: Echte sizilianische Küche, hausgemachte Pasta, historische Atmosphäre seit 1980. Speisekarte ansehen, Tisch reservieren &#38; Gutscheine kaufen."><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/trattoria/"><meta property="og:title" content="Trattoria da Enzo | Italienische Kulinarik &#38; Tischreservierung in Goslar"><meta property="og:description" content="Trattoria da Enzo in Goslar: Echte sizilianische Küche, hausgemachte Pasta, historische Atmosphäre seit 1980. Speisekarte ansehen, Tisch reservieren &#38; Gutscheine kaufen."><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="Trattoria da Enzo | Italienische Kulinarik &#38; Tischreservierung in Goslar"><meta property="twitter:description" content="Trattoria da Enzo in Goslar: Echte sizilianische Küche, hausgemachte Pasta, historische Atmosphäre seit 1980. Speisekarte ansehen, Tisch reservieren &#38; Gutscheine kaufen."><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.D1ACqP_G.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="relative bg-stone-950 text-white py-20 lg:py-28 overflow-hidden"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"> <div class="grid grid-cols-1 lg:grid-cols-12 gap-12 items-center"> <div class="lg:col-span-7 space-y-6"> <span class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full bg-amber-500/20 text-amber-400 text-xs font-semibold uppercase tracking-wider border border-amber-500/30">
+🇮🇹 Cucina Siciliana in Goslar • Seit 1980
+</span> <h1 class="font-serif text-4xl sm:text-5xl lg:text-6xl font-bold tracking-tight text-white leading-[1.15]">
+Trattoria da Enzo <br> <span class="text-amber-400">Echte Leidenschaft auf dem Teller</span> </h1> <p class="text-stone-300 text-base sm:text-lg leading-relaxed max-w-2xl">
+Im Erdgeschoss unseres historischen Altstadt-Fachwerkhauses schlägt das Herz der Familie Campisi. Hier servieren wir unverfälschte sizilianische Rezepte, tagesfrisch handgemachte Pasta und beste Weine.
+</p> <div class="pt-4 flex flex-wrap gap-4"> <a href="#reservierung" class="px-8 py-4 rounded-2xl bg-[#C85A32] text-white font-bold text-base hover:bg-[#b04d2a] shadow-lg transition-all">
+Tisch online reservieren →
+</a> <a href="#speisekarte" class="px-8 py-4 rounded-2xl bg-stone-800 text-stone-200 border border-stone-700 font-semibold text-base hover:bg-stone-700 transition-all">
+Speisekarte ansehen ↓
+</a> </div> </div> <!-- Right Quick Info Card --> <div class="lg:col-span-5"> <div class="bg-stone-900 border border-stone-800 rounded-3xl p-8 space-y-6 shadow-2xl"> <h2 class="font-serif text-2xl font-bold text-amber-400">Öffnungszeiten & Lage</h2> <div class="space-y-4 text-sm text-stone-300 border-t border-stone-800 pt-4"> <div class="flex justify-between items-center"> <span class="font-semibold text-white">Dienstag – Sonntag:</span> <span>17:00 – 22:30 Uhr</span> </div> <div class="flex justify-between items-center text-stone-400"> <span>Mittags-Schicht:</span> <span>Sa & So 12:00 – 14:30 Uhr</span> </div> <div class="flex justify-between items-center text-rose-400"> <span class="font-semibold">Montag:</span> <span>Ruhetag</span> </div> <div class="pt-3 border-t border-stone-800 space-y-1 text-xs text-stone-400"> <p>📍 <strong>Adresse:</strong> Bäckerstraße 18, 38640 Goslar</p> <p>📞 <strong>Telefon:</strong> +49 1520 7483196</p> <p>🏨 <strong>Hotelgäste:</strong> Bevorzugte Tischreservierung inklusive!</p> </div> </div> </div> </div> </div> </div> </section>  <section class="py-20 bg-[#FAF6F0]"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="bg-white rounded-3xl p-8 sm:p-12 border border-stone-200/80 shadow-md space-y-8"> <div class="text-center space-y-3"> <span class="text-xs font-bold uppercase tracking-widest text-[#C85A32]">Familientradition seit 1980</span> <h2 class="font-serif text-3xl sm:text-4xl font-bold text-stone-900">
+Die Geschichte von Alessandra & der Trattoria
+</h2> </div> <div class="grid grid-cols-1 md:grid-cols-3 gap-8 items-center pt-4"> <div class="md:col-span-1 rounded-2xl bg-stone-200 aspect-[4/5] flex items-center justify-center text-stone-500 font-serif text-center p-6 bg-gradient-to-br from-stone-800 to-stone-950 text-white shadow-inner"> <div> <p class="font-serif text-2xl font-bold text-amber-400">Alessandra</p> <p class="text-xs text-stone-300 uppercase tracking-widest mt-1">Campisi</p> <p class="text-xs text-stone-400 mt-4 italic">"Kochen ist Hingabe und Erinnerung an Zuhause."</p> </div> </div> <div class="md:col-span-2 space-y-4 text-stone-700 text-sm sm:text-base leading-relaxed"> <p>
+Als unser Vater <strong>Vincenzo "Enzo" Campisi</strong> im Jahr 1980 die Trattoria in der Goslarer Bäckerstraße eröffnete, wollte er ein Stück unberührtes Sizilien in den Harz bringen. Kein Chichi, keine industriellen Fertigsaucen – sondern ehrliches Handwerk, sonnengeküsste Zutaten und die typisch mediterrane Herzlichkeit.
+</p> <p>
+Heute führt Tochter <strong>Alessandra Campisi</strong> mit derselben Leidenschaft die Küche. Jedes Nudelgericht wird täglich frisch zubereitet, das Olivenöl stammt von Familienplantagen aus Sizilien, und das Fleisch kommt direkt von ausgewählten Höfen aus der Harzer Region.
+</p> <div class="p-4 rounded-xl bg-amber-50 border border-amber-200 text-stone-800 text-xs font-medium flex items-center gap-3"> <span class="text-xl">🍷</span> <span>"Ein Abend in der Trattoria soll sich anfühlen wie ein Kurzurlaub bei Freunden in Palermo."</span> </div> </div> </div> </div> </div> </section>  <section id="speisekarte" class="py-20 bg-stone-900 text-white"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center max-w-3xl mx-auto mb-16 space-y-3"> <span class="text-xs font-bold uppercase tracking-widest text-amber-400">Kulinarischer Auszug</span> <h2 class="font-serif text-3xl sm:text-4xl font-bold">Unsere Speisekarte Preview</h2> <p class="text-stone-300 text-base">
+Frische Zutaten, hausgemachte Teigwaren und klassische Spezialitäten.
+</p> </div> <!-- Menu Grid --> <div class="space-y-12"> <div class="space-y-6"> <div class="border-b border-stone-800 pb-3 flex items-center justify-between"> <h3 class="font-serif text-2xl font-bold text-amber-400">Antipasti &amp; Vorspeisen</h3> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <div class="bg-stone-800/80 border border-stone-700/60 rounded-2xl p-6 space-y-3 flex flex-col justify-between hover:border-amber-500/50 transition-colors"> <div> <div class="flex items-start justify-between gap-2"> <h4 class="font-serif text-lg font-bold text-white">Bruschetta Tradizionale</h4> <span class="text-amber-400 font-bold text-sm whitespace-nowrap">7,50 €</span> </div> <p class="text-stone-300 text-xs mt-2 leading-relaxed">Geröstetes Altstadtbrot mit Würfeln von sizilianischen Strauchtomaten, Knoblauch, frischem Basilikum und Extra Vergine Olivenöl.</p> </div> <div class="flex flex-wrap gap-2 pt-2"> <span class="px-2.5 py-0.5 rounded-full bg-stone-700/80 text-amber-300 text-[10px] font-semibold uppercase tracking-wider"> Vegetarisch </span><span class="px-2.5 py-0.5 rounded-full bg-stone-700/80 text-amber-300 text-[10px] font-semibold uppercase tracking-wider"> Klassiker </span> </div> </div><div class="bg-stone-800/80 border border-stone-700/60 rounded-2xl p-6 space-y-3 flex flex-col justify-between hover:border-amber-500/50 transition-colors"> <div> <div class="flex items-start justify-between gap-2"> <h4 class="font-serif text-lg font-bold text-white">Carpaccio di Manzo</h4> <span class="text-amber-400 font-bold text-sm whitespace-nowrap">14,90 €</span> </div> <p class="text-stone-300 text-xs mt-2 leading-relaxed">Hauchdünne Scheiben vom Rinderfilet mit Rucola, Hobeln von Parmigiano Reggiano DOP und nativem Zitronenöl.</p> </div> <div class="flex flex-wrap gap-2 pt-2"> <span class="px-2.5 py-0.5 rounded-full bg-stone-700/80 text-amber-300 text-[10px] font-semibold uppercase tracking-wider"> Empfehlung </span> </div> </div><div class="bg-stone-800/80 border border-stone-700/60 rounded-2xl p-6 space-y-3 flex flex-col justify-between hover:border-amber-500/50 transition-colors"> <div> <div class="flex items-start justify-between gap-2"> <h4 class="font-serif text-lg font-bold text-white">Antipasto Misto &quot;da Enzo&quot;</h4> <span class="text-amber-400 font-bold text-sm whitespace-nowrap">17,50 €</span> </div> <p class="text-stone-300 text-xs mt-2 leading-relaxed">Große Vorspeisenplatte für Feinschmecker: Caponata Siciliana, Prosciutto di Parma, Burrata, gegrilltes Gemüse und Oliven.</p> </div> <div class="flex flex-wrap gap-2 pt-2"> <span class="px-2.5 py-0.5 rounded-full bg-stone-700/80 text-amber-300 text-[10px] font-semibold uppercase tracking-wider"> Für 2 Personen </span><span class="px-2.5 py-0.5 rounded-full bg-stone-700/80 text-amber-300 text-[10px] font-semibold uppercase tracking-wider"> Spezialität </span> </div> </div> </div> </div><div class="space-y-6"> <div class="border-b border-stone-800 pb-3 flex items-center justify-between"> <h3 class="font-serif text-2xl font-bold text-amber-400">Primi Piatti – Hausgemachte Pasta</h3> </div> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <div class="bg-stone-800/80 border border-stone-700/60 rounded-2xl p-6 space-y-3 flex flex-col justify-between hover:border-amber-500/50 transition-colors"> <div> <div class="flex items-start justify-between gap-2"> <h4 class="font-serif text-lg font-bold text-white">Spaghetti alla Norma</h4> <span class="text-amber-400 font-bold text-sm whitespace-nowrap">14,50 €</span> </div> <p class="text-stone-300 text-xs mt-2 leading-relaxed">Der Sizilien-Klassiker: Hausgemachte Spaghetti mit gebratenen Auberginen, fruchtiger San Marzano Tomatensauce und Würfeln von Ricotta Salata.</p> </div> <div class="flex flex-wrap gap-2 pt-2"> <span class="px-2.5 py-0.5 rounded-full bg-stone-700/80 text-amber-300 text-[10px] font-semibold uppercase tracking-wider"> Vegetarisch </span><span class="px-2.5 py-0.5 rounded-full bg-stone-700/80 text-amber-300 text-[10px] font-semibold uppercase tracking-wider"> Sizilianisch </span> </div> </div><div class="bg-stone-800/80 border border-stone-700/60 rounded-2xl p-6 space-y-3 flex flex-col justify-between hover:border-amber-500/50 transition-colors"> <div> <div class="flex items-start justify-between gap-2"> <h4 class="font-serif text-lg font-bold text-white">Tagliatelle con Ragù di Cervo</h4> <span class="text-amber-400 font-bold text-sm whitespace-nowrap">16,80 €</span> </div> <p class="text-stone-300 text-xs mt-2 leading-relaxed">Eigene Bandnudeln mit sanft geschmorter Wildsoße vom Harzer Hirsch, Wacholderbeeren und edlen Kräutern.</p> </div> <div class="flex flex-wrap gap-2 pt-2"> <span class="px-2.5 py-0.5 rounded-full bg-stone-700/80 text-amber-300 text-[10px] font-semibold uppercase tracking-wider"> Regional &amp; Saison </span> </div> </div><div class="bg-stone-800/80 border border-stone-700/60 rounded-2xl p-6 spaceLine truncated
+Online Reservierung
+</span> <h2 class="font-serif text-3xl sm:text-4xl font-bold text-stone-900">
+Tisch in der Trattoria reservieren
+</h2> <p class="text-stone-600 text-sm">
+Sichere dir deinen Platz bei Alessandra. Sofortige Bestätigung & direkte Bearbeitung.
+</p> </div> <form id="reservation-form" class="space-y-6"> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6"> <!-- Datum --> <div class="space-y-1"> <label class="block text-xs font-semibold uppercase tracking-wider text-stone-700">Datum</label> <input type="date" id="res-date" required class="w-full px-4 py-3 rounded-xl border border-stone-300 text-stone-900 text-sm focus:ring-2 focus:ring-[#C85A32] focus:outline-none"> </div> <!-- Schicht --> <div class="space-y-1"> <label class="block text-xs font-semibold uppercase tracking-wider text-stone-700">Schicht</label> <select id="res-shift" required class="w-full px-4 py-3 rounded-xl border border-stone-300 text-stone-900 text-sm focus:ring-2 focus:ring-[#C85A32] focus:outline-none"> <option value="Abendschicht (17:00 – 22:00 Uhr)" selected>Abendschicht (17:00 – 22:00 Uhr)</option> <option value="Mittagsschicht (12:00 – 14:30 Uhr, Sa/So)">Mittagsschicht (12:00 – 14:30 Uhr, Sa/So)</option> </select> </div> <!-- Uhrzeit --> <div class="space-y-1"> <label class="block text-xs font-semibold uppercase tracking-wider text-stone-700">Uhrzeit</label> <select id="res-time" required class="w-full px-4 py-3 rounded-xl border border-stone-300 text-stone-900 text-sm focus:ring-2 focus:ring-[#C85A32] focus:outline-none"> <option value="17:00">17:00 Uhr</option> <option value="17:30">17:30 Uhr</option> <option value="18:00" selected>18:00 Uhr</option> <option value="18:30">18:30 Uhr</option> <option value="19:00">19:00 Uhr</option> <option value="19:30">19:30 Uhr</option> <option value="20:00">20:00 Uhr</option> <option value="20:30">20:30 Uhr</option> </select> </div> <!-- Personen --> <div class="space-y-1"> <label class="block text-xs font-semibold uppercase tracking-wider text-stone-700">Personenzahl</label> <select id="res-guests" required class="w-full px-4 py-3 rounded-xl border border-stone-300 text-stone-900 text-sm focus:ring-2 focus:ring-[#C85A32] focus:outline-none"> <option value="1 Person">1 Person</option> <option value="2 Personen" selected>2 Personen</option> <option value="3 Personen">3 Personen</option> <option value="4 Personen">4 Personen</option> <option value="5 Personen">5 Personen</option> <option value="6+ Personen">6+ Personen (Gruppe)</option> </select> </div> <!-- Name --> <div class="space-y-1"> <label class="block text-xs font-semibold uppercase tracking-wider text-stone-700">Name / Ansprechpartner</label> <input type="text" id="res-name" placeholder="z.B. Maria Muster" required class="w-full px-4 py-3 rounded-xl border border-stone-300 text-stone-900 text-sm focus:ring-2 focus:ring-[#C85A32] focus:outline-none"> </div> <!-- Telefon --> <div class="space-y-1"> <label class="block text-xs font-semibold uppercase tracking-wider text-stone-700">Telefonnummer</label> <input type="tel" id="res-phone" placeholder="z.B. +49 170 1234567" required class="w-full px-4 py-3 rounded-xl border border-stone-300 text-stone-900 text-sm focus:ring-2 focus:ring-[#C85A32] focus:outline-none"> </div> </div> <!-- E-Mail --> <div class="space-y-1"> <label class="block text-xs font-semibold uppercase tracking-wider text-stone-700">E-Mail-Adresse</label> <input type="email" id="res-email" placeholder="deine.email@beispiel.de" required class="w-full px-4 py-3 rounded-xl border border-stone-300 text-stone-900 text-sm focus:ring-2 focus:ring-[#C85A32] focus:outline-none"> </div> <!-- Anmerkungen --> <div class="space-y-1"> <label class="block text-xs font-semibold uppercase tracking-wider text-stone-700">Anmerkungen / Sonderwünsche</label> <textarea id="res-notes" rows="3" placeholder="z.B. Hotelgast in Suite 1, Hochstuhl benötigt, Allergien..." class="w-full px-4 py-3 rounded-xl border border-stone-300 text-stone-900 text-sm focus:ring-2 focus:ring-[#C85A32] focus:outline-none"></textarea> </div> <button type="submit" class="w-full py-4 rounded-xl bg-[#C85A32] text-white font-bold text-base hover:bg-[#b04d2a] shadow-lg hover:shadow-xl transition-all">
+Tischreservierung anfragen →
+</button> </form> <!-- Dynamic Success Confirmation Modal/Box --> <div id="res-success" class="hidden p-6 rounded-2xl bg-emerald-50 border border-emerald-300 space-y-4 text-emerald-900"> <div class="flex items-center gap-3"> <span class="text-2xl">✅</span> <div> <h3 class="font-serif text-xl font-bold">Vielen Dank für deine Reservierungsanfrage!</h3> <p class="text-xs text-emerald-800">Deine Daten wurden übermittelt. Wir senden dir in Kürze deine Bestätigung.</p> </div> </div> <div id="res-summary-box" class="p-4 rounded-xl bg-white border border-emerald-200 text-xs text-stone-800 space-y-1 font-mono"></div> <a id="res-whatsapp-btn" href="#" target="_blank" class="inline-flex items-center justify-center gap-2 w-full py-3 rounded-xl bg-emerald-600 text-white font-bold text-sm hover:bg-emerald-700 transition-colors shadow-md"> <span>💬 Zusätzlicher 1-Klick WhatsApp Versand an Alessandra</span> </a> </div> </div> </div> </section>  <section id="gutscheine" class="py-20 bg-stone-900 text-white"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 space-y-12"> <div class="text-center space-y-3"> <span class="px-4 py-1.5 rounded-full bg-amber-500/20 text-amber-400 text-xs font-semibold uppercase tracking-wider border border-amber-500/30">
+Geschenkidee
+</span> <h2 class="font-serif text-3xl sm:text-4xl font-bold text-stone-100">
+Trattoria Gutschein-Shop
+</h2> <p class="text-stone-300 text-base max-w-2xl mx-auto">
+Verschenke italienische Gaumenfreuden im Herzen von Goslar. Wähle Betrag, Motiv und Versandoption.
+</p> </div> <form id="voucher-form" class="bg-stone-800 border border-stone-700 rounded-3xl p-8 sm:p-12 space-y-8 shadow-2xl"> <!-- 1. Gutschein-Betrag --> <div class="space-y-4"> <label class="block text-xs font-bold uppercase tracking-wider text-amber-400">1. Gutschein-Betrag wählen</label> <div class="grid grid-cols-2 sm:grid-cols-5 gap-3"> <label class="voucher-amount-card cursor-pointer p-4 rounded-2xl border text-center transition-all border-stone-700 bg-stone-900/80 text-stone-300 hover:border-stone-500"> <input type="radio" name="voucher_amount" value="35" class="sr-only"> <span class="block text-2xl font-serif font-bold">35 €</span> <span class="block text-[10px] text-stone-400 uppercase mt-1">Trattoria Wert</span> </label><label class="voucher-amount-card cursor-pointer p-4 rounded-2xl border text-center transition-all border-amber-400 bg-amber-500/20 text-amber-300 font-bold"> <input type="radio" name="voucher_amount" value="50" checked class="sr-only"> <span class="block text-2xl font-serif font-bold">50 €</span> <span class="block text-[10px] text-stone-400 uppercase mt-1">Trattoria Wert</span> </label><label class="voucher-amount-card cursor-pointer p-4 rounded-2xl border text-center transition-all border-stone-700 bg-stone-900/80 text-stone-300 hover:border-stone-500"> <input type="radio" name="voucher_amount" value="75" class="sr-only"> <span class="block text-2xl font-serif font-bold">75 €</span> <span class="block text-[10px] text-stone-400 uppercase mt-1">Trattoria Wert</span> </label><label class="voucher-amount-card cursor-pointer p-4 rounded-2xl border text-center transition-all border-stone-700 bg-stone-900/80 text-stone-300 hover:border-stone-500"> <input type="radio" name="voucher_amount" value="100" class="sr-only"> <span class="block text-2xl font-serif font-bold">100 €</span> <span class="block text-[10px] text-stone-400 uppercase mt-1">Trattoria Wert</span> </label><label class="voucher-amount-card cursor-pointer p-4 rounded-2xl border text-center transition-all border-stone-700 bg-stone-900/80 text-stone-300 hover:border-stone-500"> <input type="radio" name="voucher_amount" value="200" class="sr-only"> <span class="block text-2xl font-serif font-bold">200 €</span> <span class="block text-[10px] text-stone-400 uppercase mt-1">Trattoria Wert</span> </label> </div> </div> <!-- 2. Gutschein-Motiv --> <div class="space-y-4"> <label class="block text-xs font-bold uppercase tracking-wider text-amber-400">2. Trattoria-Motiv wählen</label> <div class="grid grid-cols-1 sm:grid-cols-3 gap-4"> <label class="voucher-motif-card cursor-pointer p-5 rounded-2xl border border-amber-400 bg-amber-500/20 text-white space-y-2 transition-all"> <input type="radio" name="voucher_motif" value="Sizilianischer Genussabend" checked class="sr-only"> <div class="text-2xl">🍷🍝</div> <h4 class="font-serif font-bold text-amber-300 text-sm">Sizilianischer Genussabend</h4> <p class="text-xs text-stone-300">Klassisches Design mit Pasta, Wein & Toskana-Flair.</p> </label> <label class="voucher-motif-card cursor-pointer p-5 rounded-2xl border border-stone-700 bg-stone-900/80 text-stone-300 space-y-2 hover:border-stone-500 transition-all"> <input type="radio" name="voucher_motif" value="Gourmet & Fine Dining" class="sr-only"> <div class="text-2xl">✨🥂</div> <h4 class="font-serif font-bold text-stone-100 text-sm">Gourmet & Fine Dining</h4> <p class="text-xs text-stone-400">Edles Gold-Schwarz-Design mit Casa da Enzo Siegel.</p> </label> <label class="voucher-motif-card cursor-pointer p-5 rounded-2xl border border-stone-700 bg-stone-900/80 text-stone-300 space-y-2 hover:border-stone-500 transition-all"> <input type="radio" name="voucher_motif" value="Romantik & Altstadt-Charme" class="sr-only"> <div class="text-2xl">🕯️❤️</div> <h4 class="font-serif font-bold text-stone-100 text-sm">Romantik & Altstadt-Charme</h4> <p class="text-xs text-stone-400">Stimmungsvolles Motiv für romantische Abende zu zweit.</p> </label> </div> </div> <!-- 3. Übergabe / Versandart --> <div class="space-y-4 border-t border-stone-700 pt-6"> <label class="block text-xs font-bold uppercase tracking-wider text-amber-400">3. Übergabe & Versandoption</label> <div class="grid grid-cols-1 sm:grid-cols-2 gap-4"> <label class="delivery-option-card cursor-pointer p-4 rounded-2xl border border-amber-400 bg-amber-500/20 text-white flex items-center gap-3"> <input type="radio" name="delivery_type" value="pickup" checked class="accent-amber-400"> <div> <span class="block text-sm font-bold">Abholung vor Ort in Goslar</span> <span class="block text-xs text-stone-300">Kostenlos in der Bäckerstraße 18</span> </div> </label> <label class="delivery-option-card cursor-pointer p-4 rounded-2xl border border-stone-700 bg-stone-900/80 text-stone-300 flex items-center gap-3"> <input type="radio" name="delivery_type" value="post" class="accent-amber-400"> <div> <span class="block text-sm font-bold text-stone-100">Postversand (+5,00 €)<Line truncated
+Gutschein jetzt verbindlich bestellen →
+</button> </div> </form> <!-- Voucher Success Box --> <div id="voucher-success" class="hidden p-8 rounded-3xl bg-amber-50 border border-amber-300 text-stone-900 space-y-4"> <div class="flex items-center gap-3"> <span class="text-3xl">🎉</span> <div> <h3 class="font-serif text-2xl font-bold text-[#C85A32]">Gutschein-Bestellung erfolgreich empfangen!</h3> <p class="text-stone-700 text-sm">Vielen Dank. Wir bearbeiten deine Bestellung umgehend.</p> </div> </div> <div id="voucher-summary-box" class="p-4 rounded-xl bg-white border border-amber-200 text-xs text-stone-800 space-y-1 font-mono"></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> 

node_modules/.bin/acorn

@@ -0,0 +1 @@
+../acorn/bin/acorn

node_modules/.bin/astro

@@ -0,0 +1 @@
+../astro/astro.js

node_modules/.bin/autoprefixer

@@ -0,0 +1 @@
+../autoprefixer/bin/autoprefixer

node_modules/.bin/baseline-browser-mapping

@@ -0,0 +1 @@
+../baseline-browser-mapping/dist/cli.cjs

node_modules/.bin/browserslist

@@ -0,0 +1 @@
+../browserslist/cli.js

node_modules/.bin/cssesc

@@ -0,0 +1 @@
+../cssesc/bin/cssesc

node_modules/.bin/esbuild

@@ -0,0 +1 @@
+../esbuild/bin/esbuild

node_modules/.bin/esparse

@@ -0,0 +1 @@
+../esprima/bin/esparse.js

node_modules/.bin/esvalidate

@@ -0,0 +1 @@
+../esprima/bin/esvalidate.js

node_modules/.bin/is-docker

@@ -0,0 +1 @@
+../is-docker/cli.js

node_modules/.bin/is-inside-container

@@ -0,0 +1 @@
+../is-inside-container/cli.js

node_modules/.bin/jiti

@@ -0,0 +1 @@
+../jiti/bin/jiti.js

node_modules/.bin/js-yaml

@@ -0,0 +1 @@
+../js-yaml/bin/js-yaml.js

node_modules/.bin/jsesc

@@ -0,0 +1 @@
+../jsesc/bin/jsesc

node_modules/.bin/json5

@@ -0,0 +1 @@
+../json5/lib/cli.js

node_modules/.bin/nanoid

@@ -0,0 +1 @@
+../nanoid/bin/nanoid.cjs

node_modules/.bin/parser

@@ -0,0 +1 @@
+../@babel/parser/bin/babel-parser.js

node_modules/.bin/resolve

@@ -0,0 +1 @@
+../resolve/bin/resolve

node_modules/.bin/rollup

@@ -0,0 +1 @@
+../rollup/dist/bin/rollup

node_modules/.bin/semver

@@ -0,0 +1 @@
+../semver/bin/semver.js

node_modules/.bin/sucrase

@@ -0,0 +1 @@
+../sucrase/bin/sucrase

node_modules/.bin/sucrase-node

@@ -0,0 +1 @@
+../sucrase/bin/sucrase-node

node_modules/.bin/tailwind

@@ -0,0 +1 @@
+../tailwindcss/lib/cli.js

node_modules/.bin/tailwindcss

@@ -0,0 +1 @@
+../tailwindcss/lib/cli.js

node_modules/.bin/tsc

@@ -0,0 +1 @@
+../typescript/bin/tsc

node_modules/.bin/tsconfck

@@ -0,0 +1 @@
+../tsconfck/bin/tsconfck.js

node_modules/.bin/tsserver

@@ -0,0 +1 @@
+../typescript/bin/tsserver

node_modules/.bin/update-browserslist-db

@@ -0,0 +1 @@
+../update-browserslist-db/cli.js

node_modules/.bin/vite

@@ -0,0 +1 @@
+../vite/bin/vite.js

node_modules/.bin/yaml

@@ -0,0 +1 @@
+../yaml/bin.mjs

node_modules/.vite/deps/_metadata.json

@@ -0,0 +1,31 @@
+{
+  "hash": "b83e5c74",
+  "configHash": "51d2a90f",
+  "lockfileHash": "30e32c02",
+  "browserHash": "978bfaf2",
+  "optimized": {
+    "astro > cssesc": {
+      "src": "../../cssesc/cssesc.js",
+      "file": "astro___cssesc.js",
+      "fileHash": "6d6ed1de",
+      "needsInterop": true
+    },
+    "astro > aria-query": {
+      "src": "../../aria-query/lib/index.js",
+      "file": "astro___aria-query.js",
+      "fileHash": "b1e1623c",
+      "needsInterop": true
+    },
+    "astro > axobject-query": {
+      "src": "../../axobject-query/lib/index.js",
+      "file": "astro___axobject-query.js",
+      "fileHash": "e733795e",
+      "needsInterop": true
+    }
+  },
+  "chunks": {
+    "chunk-BUSYA2B4": {
+      "file": "chunk-BUSYA2B4.js"
+    }
+  }
+}

node_modules/.vite/deps/astro___aria-query.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../aria-query/lib/util/iteratorProxy.js", "../../aria-query/lib/util/iterationDecorator.js", "../../aria-query/lib/ariaPropsMap.js", "../../aria-query/lib/domMap.js", "../../aria-query/lib/etc/roles/abstract/commandRole.js", "../../aria-query/lib/etc/roles/abstract/compositeRole.js", "../../aria-query/lib/etc/roles/abstract/inputRole.js", "../../aria-query/lib/etc/roles/abstract/landmarkRole.js", "../../aria-query/lib/etc/roles/abstract/rangeRole.js", "../../aria-query/lib/etc/roles/abstract/roletypeRole.js", "../../aria-query/lib/etc/roles/abstract/sectionRole.js", "../../aria-query/lib/etc/roles/abstract/sectionheadRole.js", "../../aria-query/lib/etc/roles/abstract/selectRole.js", "../../aria-query/lib/etc/roles/abstract/structureRole.js", "../../aria-query/lib/etc/roles/abstract/widgetRole.js", "../../aria-query/lib/etc/roles/abstract/windowRole.js", "../../aria-query/lib/etc/roles/ariaAbstractRoles.js", "../../aria-query/lib/etc/roles/literal/alertRole.js", "../../aria-query/lib/etc/roles/literal/alertdialogRole.js", "../../aria-query/lib/etc/roles/literal/applicationRole.js", "../../aria-query/lib/etc/roles/literal/articleRole.js", "../../aria-query/lib/etc/roles/literal/bannerRole.js", "../../aria-query/lib/etc/roles/literal/blockquoteRole.js", "../../aria-query/lib/etc/roles/literal/buttonRole.js", "../../aria-query/lib/etc/roles/literal/captionRole.js", "../../aria-query/lib/etc/roles/literal/cellRole.js", "../../aria-query/lib/etc/roles/literal/checkboxRole.js", "../../aria-query/lib/etc/roles/literal/codeRole.js", "../../aria-query/lib/etc/roles/literal/columnheaderRole.js", "../../aria-query/lib/etc/roles/literal/comboboxRole.js", "../../aria-query/lib/etc/roles/literal/complementaryRole.js", "../../aria-query/lib/etc/roles/literal/contentinfoRole.js", "../../aria-query/lib/etc/roles/literal/definitionRole.js", "../../aria-query/lib/etc/roles/literal/deletionRole.js", "../../aria-query/lib/etc/roles/literal/dialogRole.js", "../../aria-query/lib/etc/roles/literal/directoryRole.js", "../../aria-query/lib/etc/roles/literal/documentRole.js", "../../aria-query/lib/etc/roles/literal/emphasisRole.js", "../../aria-query/lib/etc/roles/literal/feedRole.js", "../../aria-query/lib/etc/roles/literal/figureRole.js", "../../aria-query/lib/etc/roles/literal/formRole.js", "../../aria-query/lib/etc/roles/literal/genericRole.js", "../../aria-query/lib/etc/roles/literal/gridRole.js", "../../aria-query/lib/etc/roles/literal/gridcellRole.js", "../../aria-query/lib/etc/roles/literal/groupRole.js", "../../aria-query/lib/etc/roles/literal/headingRole.js", "../../aria-query/lib/etc/roles/literal/imgRole.js", "../../aria-query/lib/etc/roles/literal/insertionRole.js", "../../aria-query/lib/etc/roles/literal/linkRole.js", "../../aria-query/lib/etc/roles/literal/listRole.js", "../../aria-query/lib/etc/roles/literal/listboxRole.js", "../../aria-query/lib/etc/roles/literal/listitemRole.js", "../../aria-query/lib/etc/roles/literal/logRole.js", "../../aria-query/lib/etc/roles/literal/mainRole.js", "../../aria-query/lib/etc/roles/literal/markRole.js", "../../aria-query/lib/etc/roles/literal/marqueeRole.js", "../../aria-query/lib/etc/roles/literal/mathRole.js", "../../aria-query/lib/etc/roles/literal/menuRole.js", "../../aria-query/lib/etc/roles/literal/menubarRole.js", "../../aria-query/lib/etc/roles/literal/menuitemRole.js", "../../aria-query/lib/etc/roles/literal/menuitemcheckboxRole.js", "../../aria-query/lib/etc/roles/literal/menuitemradioRole.js", "../../aria-query/lib/etc/roles/literal/meterRole.js", "../../aria-query/lib/etc/roles/literal/navigationRole.js", "../../aria-query/lib/etc/roles/literal/noneRole.js", "../../aria-query/lib/etc/roles/literal/noteRole.js", "../../aria-query/lib/etc/roles/literal/optionRole.js", "../../aria-query/lib/etc/roles/literal/paragraphRole.js", "../../aria-query/lib/etc/roles/literal/presentationRole.js", "../../aria-query/lib/etc/roles/literal/progressbarRole.js", "../../aria-query/lib/etc/roles/literal/radioRole.js", "../../aria-query/lib/etc/roles/literal/radiogroupRole.js", "../../aria-query/lib/etc/roles/literal/regionRole.js", "../../aria-query/lib/etc/roles/literal/rowRole.js", "../../aria-query/lib/etc/roles/literal/rowgroupRole.js", "../../aria-query/lib/etc/roles/literal/rowheaderRole.js", "../../aria-query/lib/etc/roles/literal/scrollbarRole.js", "../../aria-query/lib/etc/roles/literal/searchRole.js", "../../aria-query/lib/etc/roles/literal/searchboxRole.js", "../../aria-query/lib/etc/roles/literal/separatorRole.js", "../../aria-query/lib/etc/roles/literal/sliderRole.js", "../../aria-query/lib/etc/roles/literal/spinbuttonRole.js", "../../aria-query/lib/etc/roles/literal/statusRole.js", "../../aria-query/lib/etc/roles/literal/strongRole.js", "../../aria-query/lib/etc/roles/literal/subscriptRole.js", "../../aria-query/lib/etc/roles/literal/superscriptRole.js", "../../aria-query/lib/etc/roles/literal/switchRole.js", "../../aria-query/lib/etc/roles/literal/tabRole.jLine truncated
+  "sourcesContent": ["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n// eslint-disable-next-line no-unused-vars\nfunction iteratorProxy() {\n  var values = this;\n  var index = 0;\n  var iter = {\n    '@@iterator': function iterator() {\n      return iter;\n    },\n    next: function next() {\n      if (index < values.length) {\n        var value = values[index];\n        index = index + 1;\n        return {\n          done: false,\n          value: value\n        };\n      } else {\n        return {\n          done: true\n        };\n      }\n    }\n  };\n  return iter;\n}\nvar _default = exports.default = iteratorProxy;", "\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = iterationDecorator;\nvar _iteratorProxy = _interopRequireDefault(require(\"./iteratorProxy\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction iterationDecorator(collection, entries) {\n  if (typeof Symbol === 'function' && _typeof(Symbol.iterator) === 'symbol') {\n    Object.defineProperty(collection, Symbol.iterator, {\n      value: _iteratorProxy.default.bind(entries)\n    });\n  }\n  return collection;\n}", "\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar _iterationDecorator = _interopRequireDefault(require(\"./util/iterationDecorator\"));\nfunction _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\nvar properties = [['aria-activedescendant', {\n  'type': 'id'\n}], ['aria-atomic', {\n  'type': 'boolean'\n}], ['aria-autocomplete', {\n  'type': 'token',\n  'values': ['inline', 'list', 'both', 'none']\n}], ['aria-braillelabel', {\n  'type': 'string'\n}], ['aria-brailleroledescription', {\n  'type': 'string'\n}], ['aria-busy', {\n  'type': 'boolean'\n}], ['aria-checked', {\n  'type': 'tristate'\n}], ['aria-colcount', {\n  type: 'integer'\n}], ['aria-colindex', {\n  type: 'integer'\n}], ['aria-colspan', {\n  type: 'integer'\n}], ['aria-controls', {\n  'type': 'idlist'\n}], ['aria-current', {\n  type: 'token',\n  values: ['page', 'step', 'location', 'date', 'time', true, false]\n}], ['aria-describedby', {\n  'type': 'idlist'\n}], ['aria-description', {\n  'type': 'string'\n}], ['aria-details', {\n  'type': 'id'\n}], ['aria-disabled', {\n  'type': 'boolean'\n}], ['aria-dropeffect', {\n  'type': 'tokenlist',\n  'values': ['copy', 'execute', 'link', 'move', 'none', 'popup']\n}], ['aria-errormessage', {\n  'type': 'id'\n}], ['aria-expanded', {\n  'type': 'boolean',\n  'allowundefined': true\n}], ['aria-flowto', {\n  'type': 'idlist'\n}], ['aria-grabbed', {\n  'type': 'boolean',\n  'allowundefined': true\n}], ['aria-haspopup', {\n  'type': 'token',\n  'values': [false, true, 'menu', 'listbox', 'tree', 'grid', 'dialog']\n}], ['aria-hidden', {\n  'type': 'boolean',\n  'allowundefined': true\n}], ['aria-invalid', {\n  'type': 'token',\n  'values': ['grammar', false, 'spelling', true]\n}], ['aria-keyshortcuts', {\n  type: 'string'\n}], ['aria-label', {\n  'type': 'string'\n}], ['aria-labellLine truncated
+  "mappings": ";;;;;AAAA;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAElB,aAAS,gBAAgB;AACvB,UAAI,SAAS;AACb,UAAI,QAAQ;AACZ,UAAI,OAAO;AAAA,QACT,cAAc,SAAS,WAAW;AAChC,iBAAO;AAAA,QACT;AAAA,QACA,MAAM,SAAS,OAAO;AACpB,cAAI,QAAQ,OAAO,QAAQ;AACzB,gBAAI,QAAQ,OAAO,KAAK;AACxB,oBAAQ,QAAQ;AAChB,mBAAO;AAAA,cACL,MAAM;AAAA,cACN;AAAA,YACF;AAAA,UACF,OAAO;AACL,mBAAO;AAAA,cACL,MAAM;AAAA,YACR;AAAA,UACF;AAAA,QACF;AAAA,MACF;AACA,aAAO;AAAA,IACT;AACA,QAAI,WAAW,QAAQ,UAAU;AAAA;AAAA;;;AC/BjC;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAClB,QAAI,iBAAiB,uBAAuB,uBAA0B;AACtE,aAAS,uBAAuB,GAAG;AAAE,aAAO,KAAK,EAAE,aAAa,IAAI,EAAE,SAAS,EAAE;AAAA,IAAG;AACpF,aAAS,QAAQ,GAAG;AAAE;AAA2B,aAAO,UAAU,cAAc,OAAO,UAAU,YAAY,OAAO,OAAO,WAAW,SAAUA,IAAG;AAAE,eAAO,OAAOA;AAAA,MAAG,IAAI,SAAUA,IAAG;AAAE,eAAOA,MAAK,cAAc,OAAO,UAAUA,GAAE,gBAAgB,UAAUA,OAAM,OAAO,YAAY,WAAW,OAAOA;AAAA,MAAG,GAAG,QAAQ,CAAC;AAAA,IAAG;AAC7T,aAAS,mBAAmB,YAAY,SAAS;AAC/C,UAAI,OAAO,WAAW,cAAc,QAAQ,OAAO,QAAQ,MAAM,UAAU;AACzE,eAAO,eAAe,YAAY,OAAO,UAAU;AAAA,UACjD,OAAO,eAAe,QAAQ,KAAK,OAAO;AAAA,QAC5C,CAAC;AAAA,MACH;AACA,aAAO;AAAA,IACT;AAAA;AAAA;;;AChBA;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAClB,QAAI,sBAAsB,uBAAuB,4BAAoC;AACrF,aAAS,uBAAuB,GAAG;AAAE,aAAO,KAAK,EAAE,aAAa,IAAI,EAAE,SAAS,EAAE;AAAA,IAAG;AACpF,aAAS,eAAe,GAAG,GAAG;AAAE,aAAO,gBAAgB,CAAC,KAAK,sBAAsB,GAAG,CAAC,KAAK,4BAA4B,GAAG,CAAC,KAAK,iBAAiB;AAAA,IAAG;AACrJ,aAAS,mBAAmB;AAAE,YAAM,IAAI,UAAU,2IAA2I;AAAA,IAAG;AAChM,aAAS,4BAA4B,GAAG,GAAG;AAAE,UAAI,GAAG;AAAE,YAAI,YAAY,OAAO,EAAG,QAAO,kBAAkB,GAAG,CAAC;AAAG,YAAI,IAAI,CAAC,EAAE,SAAS,KAAK,CAAC,EAAE,MAAM,GAAG,EAAE;AAAG,eAAO,aAAa,KAAK,EAAE,gBAAgB,IAAI,EAAE,YAAY,OAAO,UAAU,KAAK,UAAU,IAAI,MAAM,KAAK,CAAC,IAAI,gBAAgB,KAAK,2CAA2C,KAAK,CAAC,IAAI,kBAAkB,GAAG,CAAC,IAAI;AAAA,MAAQ;AAAA,IAAE;AACzX,aAAS,kBAAkB,GAAG,GAAG;AAAE,OAAC,QAAQ,KAAK,IAAI,EAAE,YAAY,IAAI,EAAE;AAAS,eAAS,IAAI,GAAG,IAAI,MAAM,CAAC,GAAG,IAAI,GAAG,IAAK,GAAE,CAAC,IAAI,EAAE,CAAC;AAAG,aAAO;AAAA,IAAG;AACnJ,aAAS,sBAAsB,GAAG,GAAG;AAAE,UAAI,IAAI,QAAQ,IAAI,OAAO,eAAe,OAAO,UAAU,EAAE,OAAO,QAAQ,KAAK,EAAE,YAAY;AAAG,UAAI,QAAQ,GAAG;AAAE,YAAI,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC,GAAG,IAAI,MAAI,IAAI;AAAI,YAAI;AAAE,cAAI,KAAK,IAAI,EAAE,KAAK,CAAC,GAAG,MAAM,MAAM,GAAG;AAAE,gBAAI,OAAO,CAAC,MAAM,EAAG;AAAQ,gBAAI;AAAA,UAAI,MAAO,QAAO,EAAE,KAAK,IAAI,EAAE,KAAK,CAAC,GAAG,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,WAAW,IAAI,IAAI,KAAG;AAAA,QAAE,SAASC,IAAG;AAAE,cAAI,MAAI,IAAIA;AAAA,QAAG,UAAE;AAAU,cAAI;AAAE,gBAAI,CAAC,KAAK,QAAQ,EAAE,WAAW,IAAI,EAAE,OAAO,GAAG,OAAO,CAAC,MAAM,GAAI;AAAA,UAAQ,UAAE;AAAU,gBAAI,EAAG,OAAM;AAAA,UAAG;AAAA,QAAE;AAAE,eAAO;AAAA,MAAG;AAAA,IAAE;AACnhB,aAAS,gBAAgB,GAAG;AAAE,UAAI,MAAM,QAAQ,CAAC,EAAG,QAAO;AAAA,IAAG;AAC9D,QAAI,aAAa,CAAC,CAAC,yBAAyB;AAAA,MAC1C,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,eAAe;AAAA,MAClB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,qBAAqB;AAAA,MACxB,QAAQ;AAAA,MACR,UAAU,CAAC,UAAU,QAAQ,QAAQ,MAAM;AAAA,IAC7C,CAAC,GAAG,CAAC,qBAAqB;AAAA,MACxB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,+BAA+B;AAAA,MAClC,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,aAAa;AAAA,MAChB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,gBAAgB;AAAA,MACnB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,iBAAiB;AAAA,MACpB,MAAM;AAAA,IACR,CAAC,GAAG,CAAC,iBAAiB;AAAA,MACpB,MAAM;AAAA,IACR,CAAC,GAAG,CAAC,gBAAgB;AAAA,MACnB,MAAM;AAAA,IACR,CAAC,GAAG,CAAC,iBAAiB;AAAA,MACpB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,gBAAgB;AAAA,MACnB,MAAM;AAAA,MACN,QAAQ,CAAC,QAAQ,QAAQ,YAAY,QAAQ,QAAQ,MAAM,KAAK;AAAA,IAClE,CAAC,GAAG,CAAC,oBAAoB;AAAA,MACvB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,oBAAoB;AAAA,MACvB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,gBAAgB;AAAA,MACnB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,iBAAiB;AAAA,MACpB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,mBAAmB;AAAA,MACtB,QAAQ;AAAA,MACR,UAAU,CAAC,QAAQ,WAAW,QAAQ,QAAQ,QAAQ,OAAO;AAAA,IAC/D,CAAC,GAAG,CAAC,qBAAqB;AAAA,MACxB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,iBAAiB;AAAA,MACpB,QAAQ;AAAA,MACR,kBAAkB;AAAA,IACpB,CAAC,GAAG,CAAC,eAAe;AAAA,MAClB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,gBAAgB;AAAA,MACnB,QAAQ;AAAA,MACR,kBAAkB;AAAA,IACpB,CAAC,GAAG,CAAC,iBAAiB;AAAA,MACpB,QAAQ;AAAA,MACR,UAAU,CAAC,OAAO,MAAM,QAAQ,WAAW,QAAQ,QAAQ,QAAQ;AAAA,IACrE,CAAC,GAAG,CAAC,eAAe;AAAA,MAClB,QAAQ;AAAA,MACR,kBAAkB;AAAA,IACpB,CAAC,GAAG,CAAC,gBAAgB;AAAA,MACnB,QAAQ;AAAA,MACR,UAAU,CAAC,WAAW,OAAO,YAAY,IAAI;AAAA,IAC/C,CAAC,GAAG,CAAC,qBAAqB;AAAA,MACxB,MAAM;AAAA,IACR,CAAC,GAAG,CAAC,cAAc;AAAA,MACjB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,mBAAmB;AAAA,MACtB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,cAAc;AAAA,MACjB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,aAAa;AAAA,MAChB,QAAQ;AAAA,MACR,UAAU,CAAC,aAAa,OAAO,QAAQ;AAAA,IACzC,CAAC,GAAG,CAAC,cAAc;AAAA,MACjB,MAAM;AAAA,IACR,CAAC,GAAG,CAAC,kBAAkB;AAAA,MACrB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,wBAAwB;AAAA,MAC3B,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,oBAAoB;AAAA,MACvB,QAAQ;AAAA,MACR,UAAU,CAAC,YAAY,aAAa,YAAY;AAAA,IAClD,CAAC,GAAG,CAAC,aAAa;AAAA,MAChB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,oBAAoB;AAAA,MACvB,MAAM;AAAA,IACR,CAAC,GAAG,CAAC,iBAAiB;AAAA,MACpB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,gBAAgB;AAAA,MACnB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,iBAAiB;AAAA,MACpB,QAAQ;AAAA,IACV,CAAC,GAAG,CAAC,iBAAiB;AAAA,MACpB,QAAQ;AAAA,MACR,UAAU,CAAC,aAAa,OAAO,YAAY,MAAM;AAAA,IACnD,CAAC,GAAG,CAAC,iBAAiB;AAAA,Line truncated
+  "names": ["o", "r", "values", "r", "values", "F", "e", "r", "_loop", "values", "i", "r", "_loop", "relation", "key", "keys", "values", "i", "r", "key", "keys", "values"]
+}

node_modules/.vite/deps/astro___axobject-query.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../axobject-query/lib/util/iteratorProxy.js", "../../axobject-query/lib/util/iterationDecorator.js", "../../axobject-query/lib/etc/objects/AbbrRole.js", "../../axobject-query/lib/etc/objects/AlertDialogRole.js", "../../axobject-query/lib/etc/objects/AlertRole.js", "../../axobject-query/lib/etc/objects/AnnotationRole.js", "../../axobject-query/lib/etc/objects/ApplicationRole.js", "../../axobject-query/lib/etc/objects/ArticleRole.js", "../../axobject-query/lib/etc/objects/AudioRole.js", "../../axobject-query/lib/etc/objects/BannerRole.js", "../../axobject-query/lib/etc/objects/BlockquoteRole.js", "../../axobject-query/lib/etc/objects/BusyIndicatorRole.js", "../../axobject-query/lib/etc/objects/ButtonRole.js", "../../axobject-query/lib/etc/objects/CanvasRole.js", "../../axobject-query/lib/etc/objects/CaptionRole.js", "../../axobject-query/lib/etc/objects/CellRole.js", "../../axobject-query/lib/etc/objects/CheckBoxRole.js", "../../axobject-query/lib/etc/objects/ColorWellRole.js", "../../axobject-query/lib/etc/objects/ColumnHeaderRole.js", "../../axobject-query/lib/etc/objects/ColumnRole.js", "../../axobject-query/lib/etc/objects/ComboBoxRole.js", "../../axobject-query/lib/etc/objects/ComplementaryRole.js", "../../axobject-query/lib/etc/objects/ContentInfoRole.js", "../../axobject-query/lib/etc/objects/DateRole.js", "../../axobject-query/lib/etc/objects/DateTimeRole.js", "../../axobject-query/lib/etc/objects/DefinitionRole.js", "../../axobject-query/lib/etc/objects/DescriptionListDetailRole.js", "../../axobject-query/lib/etc/objects/DescriptionListRole.js", "../../axobject-query/lib/etc/objects/DescriptionListTermRole.js", "../../axobject-query/lib/etc/objects/DetailsRole.js", "../../axobject-query/lib/etc/objects/DialogRole.js", "../../axobject-query/lib/etc/objects/DirectoryRole.js", "../../axobject-query/lib/etc/objects/DisclosureTriangleRole.js", "../../axobject-query/lib/etc/objects/DivRole.js", "../../axobject-query/lib/etc/objects/DocumentRole.js", "../../axobject-query/lib/etc/objects/EmbeddedObjectRole.js", "../../axobject-query/lib/etc/objects/FeedRole.js", "../../axobject-query/lib/etc/objects/FigcaptionRole.js", "../../axobject-query/lib/etc/objects/FigureRole.js", "../../axobject-query/lib/etc/objects/FooterRole.js", "../../axobject-query/lib/etc/objects/FormRole.js", "../../axobject-query/lib/etc/objects/GridRole.js", "../../axobject-query/lib/etc/objects/GroupRole.js", "../../axobject-query/lib/etc/objects/HeadingRole.js", "../../axobject-query/lib/etc/objects/IframePresentationalRole.js", "../../axobject-query/lib/etc/objects/IframeRole.js", "../../axobject-query/lib/etc/objects/IgnoredRole.js", "../../axobject-query/lib/etc/objects/ImageMapLinkRole.js", "../../axobject-query/lib/etc/objects/ImageMapRole.js", "../../axobject-query/lib/etc/objects/ImageRole.js", "../../axobject-query/lib/etc/objects/InlineTextBoxRole.js", "../../axobject-query/lib/etc/objects/InputTimeRole.js", "../../axobject-query/lib/etc/objects/LabelRole.js", "../../axobject-query/lib/etc/objects/LegendRole.js", "../../axobject-query/lib/etc/objects/LineBreakRole.js", "../../axobject-query/lib/etc/objects/LinkRole.js", "../../axobject-query/lib/etc/objects/ListBoxOptionRole.js", "../../axobject-query/lib/etc/objects/ListBoxRole.js", "../../axobject-query/lib/etc/objects/ListItemRole.js", "../../axobject-query/lib/etc/objects/ListMarkerRole.js", "../../axobject-query/lib/etc/objects/ListRole.js", "../../axobject-query/lib/etc/objects/LogRole.js", "../../axobject-query/lib/etc/objects/MainRole.js", "../../axobject-query/lib/etc/objects/MarkRole.js", "../../axobject-query/lib/etc/objects/MarqueeRole.js", "../../axobject-query/lib/etc/objects/MathRole.js", "../../axobject-query/lib/etc/objects/MenuBarRole.js", "../../axobject-query/lib/etc/objects/MenuButtonRole.js", "../../axobject-query/lib/etc/objects/MenuItemRole.js", "../../axobject-query/lib/etc/objects/MenuItemCheckBoxRole.js", "../../axobject-query/lib/etc/objects/MenuItemRadioRole.js", "../../axobject-query/lib/etc/objects/MenuListOptionRole.js", "../../axobject-query/lib/etc/objects/MenuListPopupRole.js", "../../axobject-query/lib/etc/objects/MenuRole.js", "../../axobject-query/lib/etc/objects/MeterRole.js", "../../axobject-query/lib/etc/objects/NavigationRole.js", "../../axobject-query/lib/etc/objects/NoneRole.js", "../../axobject-query/lib/etc/objects/NoteRole.js", "../../axobject-query/lib/etc/objects/OutlineRole.js", "../../axobject-query/lib/etc/objects/ParagraphRole.js", "../../axobject-query/lib/etc/objects/PopUpButtonRole.js", "../../axobject-query/lib/etc/objects/PreRole.js", "../../axobject-query/lib/etc/objects/PresentationalRole.js", "../../axobject-query/lib/etc/objects/ProgressIndicatorRole.js", "../../axobject-query/lib/etc/objects/RadioButtonRole.js", "../../axobject-query/lib/etc/objects/RadioGroupRole.js", "../../axobject-query/lib/etc/objects/RegionRole.js", "../../axobject-query/lib/etc/objects/RootWebAreaRole.js", "../../axobject-qLine truncated
+  "sourcesContent": ["\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\n// eslint-disable-next-line no-unused-vars\nfunction iteratorProxy() {\n  var values = this;\n  var index = 0;\n  var iter = {\n    '@@iterator': function iterator() {\n      return iter;\n    },\n    next: function next() {\n      if (index < values.length) {\n        var value = values[index];\n        index = index + 1;\n        return {\n          done: false,\n          value: value\n        };\n      } else {\n        return {\n          done: true\n        };\n      }\n    }\n  };\n  return iter;\n}\nvar _default = iteratorProxy;\nexports.default = _default;", "\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = iterationDecorator;\nvar _iteratorProxy = _interopRequireDefault(require(\"./iteratorProxy\"));\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\nfunction iterationDecorator(collection, entries) {\n  if (typeof Symbol === 'function' && _typeof(Symbol.iterator) === 'symbol') {\n    Object.defineProperty(collection, Symbol.iterator, {\n      value: _iteratorProxy.default.bind(entries)\n    });\n  }\n  return collection;\n}", "\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar AbbrRole = {\n  relatedConcepts: [{\n    module: 'HTML',\n    concept: {\n      name: 'abbr'\n    }\n  }],\n  type: 'structure'\n};\nvar _default = AbbrRole;\nexports.default = _default;", "\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar AlertDialogRole = {\n  relatedConcepts: [{\n    module: 'ARIA',\n    concept: {\n      name: 'alertdialog'\n    }\n  }],\n  type: 'window'\n};\nvar _default = AlertDialogRole;\nexports.default = _default;", "\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar AlertRole = {\n  relatedConcepts: [{\n    module: 'ARIA',\n    concept: {\n      name: 'alert'\n    }\n  }],\n  type: 'structure'\n};\nvar _default = AlertRole;\nexports.default = _default;", "\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar AnnotationRole = {\n  relatedConcepts: [],\n  type: 'structure'\n};\nvar _default = AnnotationRole;\nexports.default = _default;", "\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar ApplicationRole = {\n  relatedConcepts: [{\n    module: 'ARIA',\n    concept: {\n      name: 'application'\n    }\n  }],\n  type: 'window'\n};\nvar _default = ApplicationRole;\nexports.default = _default;", "\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar ArticleRole = {\n  relatedConcepts: [{\n    module: 'ARIA',\n    concept: {\n      name: 'article'\n    }\n  }, {\n    module: 'HTML',\n    concept: {\n      name: 'article'\n    }\n  }],\n  type: 'structure'\n};\nvar _default = ArticleRole;\nexports.default = _default;", "\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar AudioRole = {\n  relatedConcepts: [{\n    module: 'HTML',\n    concept: {\n      name: 'audio'\n    }\n  }],\n  type: 'widget'\n};\nvar _default = AudioRole;\nexports.default = _default;", "\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar BannerRole = {\n  relatedConcepts: [{\n    module: 'ARIA',\n    concept: {\n      name: 'banner'\n    }\n  }],\n  type: 'structure'\n};\nvar _default = BannerRole;\nexports.default = _default;", "\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar BlockquoteRole = {\n  relatedConcepts: [{\n    module: 'HTML',\n    concept: {\n      name: 'blockquote'\n    }\n  }],\n  type: 'structure'\n};\nvar _default = BlockquoteRole;\nexports.default = _default;", "\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.default = void 0;\nvar BusyIndicatorRole = {\n  relatedConcepts: [{\n    module: 'ARIA',\n    concept: {\n      attributes: [{\n        name: 'aria-busy',\n        value: 'true'\n      }]\n    }\n  }],\n  type: 'widget'\n};\nvar _default = BusyIndicatorRole;\nexports.default = _default;", "\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\Line truncated
+  "mappings": ";;;;;AAAA;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAElB,aAAS,gBAAgB;AACvB,UAAI,SAAS;AACb,UAAI,QAAQ;AACZ,UAAI,OAAO;AAAA,QACT,cAAc,SAAS,WAAW;AAChC,iBAAO;AAAA,QACT;AAAA,QACA,MAAM,SAAS,OAAO;AACpB,cAAI,QAAQ,OAAO,QAAQ;AACzB,gBAAI,QAAQ,OAAO,KAAK;AACxB,oBAAQ,QAAQ;AAChB,mBAAO;AAAA,cACL,MAAM;AAAA,cACN;AAAA,YACF;AAAA,UACF,OAAO;AACL,mBAAO;AAAA,cACL,MAAM;AAAA,YACR;AAAA,UACF;AAAA,QACF;AAAA,MACF;AACA,aAAO;AAAA,IACT;AACA,QAAI,WAAW;AACf,YAAQ,UAAU;AAAA;AAAA;;;AChClB;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAClB,QAAI,iBAAiB,uBAAuB,uBAA0B;AACtE,aAAS,uBAAuB,KAAK;AAAE,aAAO,OAAO,IAAI,aAAa,MAAM,EAAE,SAAS,IAAI;AAAA,IAAG;AAC9F,aAAS,QAAQ,KAAK;AAAE;AAA2B,aAAO,UAAU,cAAc,OAAO,UAAU,YAAY,OAAO,OAAO,WAAW,SAAUA,MAAK;AAAE,eAAO,OAAOA;AAAA,MAAK,IAAI,SAAUA,MAAK;AAAE,eAAOA,QAAO,cAAc,OAAO,UAAUA,KAAI,gBAAgB,UAAUA,SAAQ,OAAO,YAAY,WAAW,OAAOA;AAAA,MAAK,GAAG,QAAQ,GAAG;AAAA,IAAG;AAC/U,aAAS,mBAAmB,YAAY,SAAS;AAC/C,UAAI,OAAO,WAAW,cAAc,QAAQ,OAAO,QAAQ,MAAM,UAAU;AACzE,eAAO,eAAe,YAAY,OAAO,UAAU;AAAA,UACjD,OAAO,eAAe,QAAQ,KAAK,OAAO;AAAA,QAC5C,CAAC;AAAA,MACH;AACA,aAAO;AAAA,IACT;AAAA;AAAA;;;AChBA;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAClB,QAAI,WAAW;AAAA,MACb,iBAAiB,CAAC;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF,CAAC;AAAA,MACD,MAAM;AAAA,IACR;AACA,QAAI,WAAW;AACf,YAAQ,UAAU;AAAA;AAAA;;;AChBlB;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAClB,QAAI,kBAAkB;AAAA,MACpB,iBAAiB,CAAC;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF,CAAC;AAAA,MACD,MAAM;AAAA,IACR;AACA,QAAI,WAAW;AACf,YAAQ,UAAU;AAAA;AAAA;;;AChBlB;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAClB,QAAI,YAAY;AAAA,MACd,iBAAiB,CAAC;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF,CAAC;AAAA,MACD,MAAM;AAAA,IACR;AACA,QAAI,WAAW;AACf,YAAQ,UAAU;AAAA;AAAA;;;AChBlB;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAClB,QAAI,iBAAiB;AAAA,MACnB,iBAAiB,CAAC;AAAA,MAClB,MAAM;AAAA,IACR;AACA,QAAI,WAAW;AACf,YAAQ,UAAU;AAAA;AAAA;;;ACXlB;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAClB,QAAI,kBAAkB;AAAA,MACpB,iBAAiB,CAAC;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF,CAAC;AAAA,MACD,MAAM;AAAA,IACR;AACA,QAAI,WAAW;AACf,YAAQ,UAAU;AAAA;AAAA;;;AChBlB;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAClB,QAAI,cAAc;AAAA,MAChB,iBAAiB,CAAC;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF,GAAG;AAAA,QACD,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF,CAAC;AAAA,MACD,MAAM;AAAA,IACR;AACA,QAAI,WAAW;AACf,YAAQ,UAAU;AAAA;AAAA;;;ACrBlB;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAClB,QAAI,YAAY;AAAA,MACd,iBAAiB,CAAC;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF,CAAC;AAAA,MACD,MAAM;AAAA,IACR;AACA,QAAI,WAAW;AACf,YAAQ,UAAU;AAAA;AAAA;;;AChBlB;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAClB,QAAI,aAAa;AAAA,MACf,iBAAiB,CAAC;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF,CAAC;AAAA,MACD,MAAM;AAAA,IACR;AACA,QAAI,WAAW;AACf,YAAQ,UAAU;AAAA;AAAA;;;AChBlB;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAClB,QAAI,iBAAiB;AAAA,MACnB,iBAAiB,CAAC;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF,CAAC;AAAA,MACD,MAAM;AAAA,IACR;AACA,QAAI,WAAW;AACf,YAAQ,UAAU;AAAA;AAAA;;;AChBlB;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAClB,QAAI,oBAAoB;AAAA,MACtB,iBAAiB,CAAC;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,YAAY,CAAC;AAAA,YACX,MAAM;AAAA,YACN,OAAO;AAAA,UACT,CAAC;AAAA,QACH;AAAA,MACF,CAAC;AAAA,MACD,MAAM;AAAA,IACR;AACA,QAAI,WAAW;AACf,YAAQ,UAAU;AAAA;AAAA;;;ACnBlB;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAClB,QAAI,aAAa;AAAA,MACf,iBAAiB,CAAC;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF,GAAG;AAAA,QACD,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF,CAAC;AAAA,MACD,MAAM;AAAA,IACR;AACA,QAAI,WAAW;AACf,YAAQ,UAAU;AAAA;AAAA;;;ACrBlB;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAClB,QAAI,aAAa;AAAA,MACf,iBAAiB,CAAC;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF,CAAC;AAAA,MACD,MAAM;AAAA,IACR;AACA,QAAI,WAAW;AACf,YAAQ,UAAU;AAAA;AAAA;;;AChBlB;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAClB,QAAI,cAAc;AAAA,MAChB,iBAAiB,CAAC;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF,CAAC;AAAA,MACD,MAAM;AAAA,IACR;AACA,QAAI,WAAW;AACf,YAAQ,UAAU;AAAA;AAAA;;;AChBlB;AAAA;AAAA;AAEA,WAAO,eAAe,SAAS,cAAc;AAAA,MAC3C,OAAO;AAAA,IACT,CAAC;AACD,YAAQ,UAAU;AAClB,QAAI,WAAW;AAAA,MACb,iBAAiB,CAAC;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF,GAAG;AAAA,QACD,QAAQ;AAAA,QACR,SAAS;AAAA,UACP,MAAM;AAAA,QACR;AAAA,MACF,GAAG;AAAA,QACD,QAAQ;AAAA,Line truncated
+  "names": ["obj", "values", "F", "_loop", "values", "F", "_loop", "values", "F", "_loop", "values"]
+}

node_modules/.vite/deps/astro___cssesc.js

@@ -0,0 +1,99 @@
+import {
+  __commonJS
+} from "./chunk-BUSYA2B4.js";
+
+// node_modules/cssesc/cssesc.js
+var require_cssesc = __commonJS({
+  "node_modules/cssesc/cssesc.js"(exports, module) {
+    var object = {};
+    var hasOwnProperty = object.hasOwnProperty;
+    var merge = function merge2(options, defaults) {
+      if (!options) {
+        return defaults;
+      }
+      var result = {};
+      for (var key in defaults) {
+        result[key] = hasOwnProperty.call(options, key) ? options[key] : defaults[key];
+      }
+      return result;
+    };
+    var regexAnySingleEscape = /[ -,\.\/:-@\[-\^`\{-~]/;
+    var regexSingleEscape = /[ -,\.\/:-@\[\]\^`\{-~]/;
+    var regexExcessiveSpaces = /(^|\\+)?(\\[A-F0-9]{1,6})\x20(?![a-fA-F0-9\x20])/g;
+    var cssesc = function cssesc2(string, options) {
+      options = merge(options, cssesc2.options);
+      if (options.quotes != "single" && options.quotes != "double") {
+        options.quotes = "single";
+      }
+      var quote = options.quotes == "double" ? '"' : "'";
+      var isIdentifier = options.isIdentifier;
+      var firstChar = string.charAt(0);
+      var output = "";
+      var counter = 0;
+      var length = string.length;
+      while (counter < length) {
+        var character = string.charAt(counter++);
+        var codePoint = character.charCodeAt();
+        var value = void 0;
+        if (codePoint < 32 || codePoint > 126) {
+          if (codePoint >= 55296 && codePoint <= 56319 && counter < length) {
+            var extra = string.charCodeAt(counter++);
+            if ((extra & 64512) == 56320) {
+              codePoint = ((codePoint & 1023) << 10) + (extra & 1023) + 65536;
+            } else {
+              counter--;
+            }
+          }
+          value = "\\" + codePoint.toString(16).toUpperCase() + " ";
+        } else {
+          if (options.escapeEverything) {
+            if (regexAnySingleEscape.test(character)) {
+              value = "\\" + character;
+            } else {
+              value = "\\" + codePoint.toString(16).toUpperCase() + " ";
+            }
+          } else if (/[\t\n\f\r\x0B]/.test(character)) {
+            value = "\\" + codePoint.toString(16).toUpperCase() + " ";
+          } else if (character == "\\" || !isIdentifier && (character == '"' && quote == character || character == "'" && quote == character) || isIdentifier && regexSingleEscape.test(character)) {
+            value = "\\" + character;
+          } else {
+            value = character;
+          }
+        }
+        output += value;
+      }
+      if (isIdentifier) {
+        if (/^-[-\d]/.test(output)) {
+          output = "\\-" + output.slice(1);
+        } else if (/\d/.test(firstChar)) {
+          output = "\\3" + firstChar + " " + output.slice(1);
+        }
+      }
+      output = output.replace(regexExcessiveSpaces, function($0, $1, $2) {
+        if ($1 && $1.length % 2) {
+          return $0;
+        }
+        return ($1 || "") + $2;
+      });
+      if (!isIdentifier && options.wrap) {
+        return quote + output + quote;
+      }
+      return output;
+    };
+    cssesc.options = {
+      "escapeEverything": false,
+      "isIdentifier": false,
+      "quotes": "single",
+      "wrap": false
+    };
+    cssesc.version = "3.0.0";
+    module.exports = cssesc;
+  }
+});
+export default require_cssesc();
+/*! Bundled license information:
+
+cssesc/cssesc.js:
+  (*! https://mths.be/cssesc v3.0.0 by @mathias *)
+*/
+//# sourceMappingURL=astro___cssesc.js.map

node_modules/.vite/deps/astro___cssesc.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../cssesc/cssesc.js"],
+  "sourcesContent": ["/*! https://mths.be/cssesc v3.0.0 by @mathias */\n'use strict';\n\nvar object = {};\nvar hasOwnProperty = object.hasOwnProperty;\nvar merge = function merge(options, defaults) {\n\tif (!options) {\n\t\treturn defaults;\n\t}\n\tvar result = {};\n\tfor (var key in defaults) {\n\t\t// `if (defaults.hasOwnProperty(key) { … }` is not needed here, since\n\t\t// only recognized option names are used.\n\t\tresult[key] = hasOwnProperty.call(options, key) ? options[key] : defaults[key];\n\t}\n\treturn result;\n};\n\nvar regexAnySingleEscape = /[ -,\\.\\/:-@\\[-\\^`\\{-~]/;\nvar regexSingleEscape = /[ -,\\.\\/:-@\\[\\]\\^`\\{-~]/;\nvar regexAlwaysEscape = /['\"\\\\]/;\nvar regexExcessiveSpaces = /(^|\\\\+)?(\\\\[A-F0-9]{1,6})\\x20(?![a-fA-F0-9\\x20])/g;\n\n// https://mathiasbynens.be/notes/css-escapes#css\nvar cssesc = function cssesc(string, options) {\n\toptions = merge(options, cssesc.options);\n\tif (options.quotes != 'single' && options.quotes != 'double') {\n\t\toptions.quotes = 'single';\n\t}\n\tvar quote = options.quotes == 'double' ? '\"' : '\\'';\n\tvar isIdentifier = options.isIdentifier;\n\n\tvar firstChar = string.charAt(0);\n\tvar output = '';\n\tvar counter = 0;\n\tvar length = string.length;\n\twhile (counter < length) {\n\t\tvar character = string.charAt(counter++);\n\t\tvar codePoint = character.charCodeAt();\n\t\tvar value = void 0;\n\t\t// If it’s not a printable ASCII character…\n\t\tif (codePoint < 0x20 || codePoint > 0x7E) {\n\t\t\tif (codePoint >= 0xD800 && codePoint <= 0xDBFF && counter < length) {\n\t\t\t\t// It’s a high surrogate, and there is a next character.\n\t\t\t\tvar extra = string.charCodeAt(counter++);\n\t\t\t\tif ((extra & 0xFC00) == 0xDC00) {\n\t\t\t\t\t// next character is low surrogate\n\t\t\t\t\tcodePoint = ((codePoint & 0x3FF) << 10) + (extra & 0x3FF) + 0x10000;\n\t\t\t\t} else {\n\t\t\t\t\t// It’s an unmatched surrogate; only append this code unit, in case\n\t\t\t\t\t// the next code unit is the high surrogate of a surrogate pair.\n\t\t\t\t\tcounter--;\n\t\t\t\t}\n\t\t\t}\n\t\t\tvalue = '\\\\' + codePoint.toString(16).toUpperCase() + ' ';\n\t\t} else {\n\t\t\tif (options.escapeEverything) {\n\t\t\t\tif (regexAnySingleEscape.test(character)) {\n\t\t\t\t\tvalue = '\\\\' + character;\n\t\t\t\t} else {\n\t\t\t\t\tvalue = '\\\\' + codePoint.toString(16).toUpperCase() + ' ';\n\t\t\t\t}\n\t\t\t} else if (/[\\t\\n\\f\\r\\x0B]/.test(character)) {\n\t\t\t\tvalue = '\\\\' + codePoint.toString(16).toUpperCase() + ' ';\n\t\t\t} else if (character == '\\\\' || !isIdentifier && (character == '\"' && quote == character || character == '\\'' && quote == character) || isIdentifier && regexSingleEscape.test(character)) {\n\t\t\t\tvalue = '\\\\' + character;\n\t\t\t} else {\n\t\t\t\tvalue = character;\n\t\t\t}\n\t\t}\n\t\toutput += value;\n\t}\n\n\tif (isIdentifier) {\n\t\tif (/^-[-\\d]/.test(output)) {\n\t\t\toutput = '\\\\-' + output.slice(1);\n\t\t} else if (/\\d/.test(firstChar)) {\n\t\t\toutput = '\\\\3' + firstChar + ' ' + output.slice(1);\n\t\t}\n\t}\n\n\t// Remove spaces after `\\HEX` escapes that are not followed by a hex digit,\n\t// since they’re redundant. Note that this is only possible if the escape\n\t// sequence isn’t preceded by an odd number of backslashes.\n\toutput = output.replace(regexExcessiveSpaces, function ($0, $1, $2) {\n\t\tif ($1 && $1.length % 2) {\n\t\t\t// It’s not safe to remove the space, so don’t.\n\t\t\treturn $0;\n\t\t}\n\t\t// Strip the space.\n\t\treturn ($1 || '') + $2;\n\t});\n\n\tif (!isIdentifier && options.wrap) {\n\t\treturn quote + output + quote;\n\t}\n\treturn output;\n};\n\n// Expose default options (so they can be overridden globally).\ncssesc.options = {\n\t'escapeEverything': false,\n\t'isIdentifier': false,\n\t'quotes': 'single',\n\t'wrap': false\n};\n\ncssesc.version = '3.0.0';\n\nmodule.exports = cssesc;\n"],
+  "mappings": ";;;;;AAAA;AAAA;AAGA,QAAI,SAAS,CAAC;AACd,QAAI,iBAAiB,OAAO;AAC5B,QAAI,QAAQ,SAASA,OAAM,SAAS,UAAU;AAC7C,UAAI,CAAC,SAAS;AACb,eAAO;AAAA,MACR;AACA,UAAI,SAAS,CAAC;AACd,eAAS,OAAO,UAAU;AAGzB,eAAO,GAAG,IAAI,eAAe,KAAK,SAAS,GAAG,IAAI,QAAQ,GAAG,IAAI,SAAS,GAAG;AAAA,MAC9E;AACA,aAAO;AAAA,IACR;AAEA,QAAI,uBAAuB;AAC3B,QAAI,oBAAoB;AAExB,QAAI,uBAAuB;AAG3B,QAAI,SAAS,SAASC,QAAO,QAAQ,SAAS;AAC7C,gBAAU,MAAM,SAASA,QAAO,OAAO;AACvC,UAAI,QAAQ,UAAU,YAAY,QAAQ,UAAU,UAAU;AAC7D,gBAAQ,SAAS;AAAA,MAClB;AACA,UAAI,QAAQ,QAAQ,UAAU,WAAW,MAAM;AAC/C,UAAI,eAAe,QAAQ;AAE3B,UAAI,YAAY,OAAO,OAAO,CAAC;AAC/B,UAAI,SAAS;AACb,UAAI,UAAU;AACd,UAAI,SAAS,OAAO;AACpB,aAAO,UAAU,QAAQ;AACxB,YAAI,YAAY,OAAO,OAAO,SAAS;AACvC,YAAI,YAAY,UAAU,WAAW;AACrC,YAAI,QAAQ;AAEZ,YAAI,YAAY,MAAQ,YAAY,KAAM;AACzC,cAAI,aAAa,SAAU,aAAa,SAAU,UAAU,QAAQ;AAEnE,gBAAI,QAAQ,OAAO,WAAW,SAAS;AACvC,iBAAK,QAAQ,UAAW,OAAQ;AAE/B,4BAAc,YAAY,SAAU,OAAO,QAAQ,QAAS;AAAA,YAC7D,OAAO;AAGN;AAAA,YACD;AAAA,UACD;AACA,kBAAQ,OAAO,UAAU,SAAS,EAAE,EAAE,YAAY,IAAI;AAAA,QACvD,OAAO;AACN,cAAI,QAAQ,kBAAkB;AAC7B,gBAAI,qBAAqB,KAAK,SAAS,GAAG;AACzC,sBAAQ,OAAO;AAAA,YAChB,OAAO;AACN,sBAAQ,OAAO,UAAU,SAAS,EAAE,EAAE,YAAY,IAAI;AAAA,YACvD;AAAA,UACD,WAAW,iBAAiB,KAAK,SAAS,GAAG;AAC5C,oBAAQ,OAAO,UAAU,SAAS,EAAE,EAAE,YAAY,IAAI;AAAA,UACvD,WAAW,aAAa,QAAQ,CAAC,iBAAiB,aAAa,OAAO,SAAS,aAAa,aAAa,OAAQ,SAAS,cAAc,gBAAgB,kBAAkB,KAAK,SAAS,GAAG;AAC1L,oBAAQ,OAAO;AAAA,UAChB,OAAO;AACN,oBAAQ;AAAA,UACT;AAAA,QACD;AACA,kBAAU;AAAA,MACX;AAEA,UAAI,cAAc;AACjB,YAAI,UAAU,KAAK,MAAM,GAAG;AAC3B,mBAAS,QAAQ,OAAO,MAAM,CAAC;AAAA,QAChC,WAAW,KAAK,KAAK,SAAS,GAAG;AAChC,mBAAS,QAAQ,YAAY,MAAM,OAAO,MAAM,CAAC;AAAA,QAClD;AAAA,MACD;AAKA,eAAS,OAAO,QAAQ,sBAAsB,SAAU,IAAI,IAAI,IAAI;AACnE,YAAI,MAAM,GAAG,SAAS,GAAG;AAExB,iBAAO;AAAA,QACR;AAEA,gBAAQ,MAAM,MAAM;AAAA,MACrB,CAAC;AAED,UAAI,CAAC,gBAAgB,QAAQ,MAAM;AAClC,eAAO,QAAQ,SAAS;AAAA,MACzB;AACA,aAAO;AAAA,IACR;AAGA,WAAO,UAAU;AAAA,MAChB,oBAAoB;AAAA,MACpB,gBAAgB;AAAA,MAChB,UAAU;AAAA,MACV,QAAQ;AAAA,IACT;AAEA,WAAO,UAAU;AAEjB,WAAO,UAAU;AAAA;AAAA;",
+  "names": ["merge", "cssesc"]
+}

node_modules/.vite/deps/chunk-BUSYA2B4.js

@@ -0,0 +1,9 @@
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+
+export {
+  __commonJS
+};
+//# sourceMappingURL=chunk-BUSYA2B4.js.map

node_modules/.vite/deps/chunk-BUSYA2B4.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

node_modules/.vite/deps/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

node_modules/@alloc/quick-lru/index.d.ts

@@ -0,0 +1,144 @@
+declare namespace QuickLRU {
+	interface Options<KeyType, ValueType> {
+		/**
+		The maximum number of milliseconds an item should remain in the cache.
+
+		@default Infinity
+
+		By default, `maxAge` will be `Infinity`, which means that items will never expire.
+		Lazy expiration upon the next write or read call.
+
+		Individual expiration of an item can be specified by the `set(key, value, maxAge)` method.
+		*/
+		readonly maxAge?: number;
+
+		/**
+		The target maximum number of items before evicting the least recently used items.
+
+		The dual-cache algorithm may physically retain up to twice `maxSize` entries for performance reasons, even though the reported cache size does not exceed `maxSize`.
+		*/
+		readonly maxSize: number;
+
+		/**
+		Called right before an item is evicted from the cache due to capacity pressure or TTL expiration.
+
+		Useful for side effects or for items like object URLs that need explicit cleanup (`revokeObjectURL`).
+
+		This callback is not called for manual removals via `delete()` or `clear()`.
+		*/
+		onEviction?: (key: KeyType, value: ValueType) => void;
+	}
+}
+
+declare class QuickLRU<KeyType, ValueType>
+	implements Iterable<[KeyType, ValueType]> {
+	/**
+	The stored item count.
+	*/
+	readonly size: number;
+
+	/**
+	Simple ["Least Recently Used" (LRU) cache](https://en.m.wikipedia.org/wiki/Cache_replacement_policies#Least_Recently_Used_.28LRU.29).
+
+	The instance is [`iterable`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Iteration_protocols) so you can use it directly in a [`for…of`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/for...of) loop.
+
+	@example
+	```
+	import QuickLRU = require('@alloc/quick-lru');
+
+	const lru = new QuickLRU({maxSize: 1000});
+
+	lru.set('🦄', '🌈');
+
+	lru.has('🦄');
+	//=> true
+
+	lru.get('🦄');
+	//=> '🌈'
+	```
+	*/
+	constructor(options: QuickLRU.Options<KeyType, ValueType>);
+
+	[Symbol.iterator](): IterableIterator<[KeyType, ValueType]>;
+
+	/**
+	Set an item. Returns the instance.
+
+	Individual expiration of an item can be specified with the `maxAge` option. If not specified, the global `maxAge` value will be used in case it is specified in the constructor, otherwise the item will never expire.
+
+	@returns The list instance.
+	*/
+	set(key: KeyType, value: ValueType, options?: {maxAge?: number}): this;
+
+	/**
+	Get an item.
+
+	@returns The stored item or `undefined`.
+	*/
+	get(key: KeyType): ValueType | undefined;
+
+	/**
+	Check if an item exists.
+	*/
+	has(key: KeyType): boolean;
+
+	/**
+	Get an item without marking it as recently used.
+
+	@returns The stored item or `undefined`.
+	*/
+	peek(key: KeyType): ValueType | undefined;
+
+	/**
+	Get the remaining time to live (in milliseconds) for the given item, or `undefined` when the item is not in the cache.
+
+	- Does not mark the item as recently used.
+	- Does not trigger lazy expiration or remove the entry when it is expired.
+	- Returns `Infinity` if the item has no expiration.
+	- May return a negative number if the item is already expired but not yet lazily removed.
+
+	@returns Remaining time to live in milliseconds when set, `Infinity` when there is no expiration, or `undefined` when the item does not exist.
+	*/
+	expiresIn(key: KeyType): number | undefined;
+
+	/**
+	Delete an item.
+
+	@returns `true` if the item is removed or `false` if the item doesn't exist.
+	*/
+	delete(key: KeyType): boolean;
+
+	/**
+	Delete all items.
+	*/
+	clear(): void;
+
+	/**
+	Update the `maxSize` in-place, discarding items as necessary. Insertion order is mostly preserved, though this is not a strong guarantee.
+
+	Useful for on-the-fly tuning of cache sizes in live systems.
+	*/
+	resize(maxSize: number): void;
+
+	/**
+	Iterable for all the keys.
+	*/
+	keys(): IterableIterator<KeyType>;
+
+	/**
+	Iterable for all the values.
+	*/
+	values(): IterableIterator<ValueType>;
+
+	/**
+	Iterable for all entries, starting with the oldest (ascending in recency).
+	*/
+	entriesAscending(): IterableIterator<[KeyType, ValueType]>;
+
+	/**
+	Iterable for all entries, starting with the newest (descending in recency).
+	*/
+	entriesDescending(): IterableIterator<[KeyType, ValueType]>;
+}
+
+export = QuickLRU;

node_modules/@alloc/quick-lru/index.js

@@ -0,0 +1,276 @@
+'use strict';
+
+class QuickLRU {
+	constructor(options = {}) {
+		if (!(options.maxSize && options.maxSize > 0)) {
+			throw new TypeError('`maxSize` must be a number greater than 0');
+		}
+
+		if (typeof options.maxAge === 'number' && options.maxAge === 0) {
+			throw new TypeError('`maxAge` must be a number greater than 0');
+		}
+
+		this.maxSize = options.maxSize;
+		this.maxAge = options.maxAge || Infinity;
+		this.onEviction = options.onEviction;
+		this.cache = new Map();
+		this.oldCache = new Map();
+		this._size = 0;
+	}
+
+	_emitEvictions(cache) {
+		if (typeof this.onEviction !== 'function') {
+			return;
+		}
+
+		for (const [key, item] of cache) {
+			this.onEviction(key, item.value);
+		}
+	}
+
+	_deleteIfExpired(key, item) {
+		if (typeof item.expiry === 'number' && item.expiry <= Date.now()) {
+			if (typeof this.onEviction === 'function') {
+				this.onEviction(key, item.value);
+			}
+
+			return this.delete(key);
+		}
+
+		return false;
+	}
+
+	_getOrDeleteIfExpired(key, item) {
+		const deleted = this._deleteIfExpired(key, item);
+		if (deleted === false) {
+			return item.value;
+		}
+	}
+
+	_getItemValue(key, item) {
+		return item.expiry ? this._getOrDeleteIfExpired(key, item) : item.value;
+	}
+
+	_peek(key, cache) {
+		const item = cache.get(key);
+
+		return this._getItemValue(key, item);
+	}
+
+	_set(key, value) {
+		this.cache.set(key, value);
+		this._size++;
+
+		if (this._size >= this.maxSize) {
+			this._size = 0;
+			this._emitEvictions(this.oldCache);
+			this.oldCache = this.cache;
+			this.cache = new Map();
+		}
+	}
+
+	_moveToRecent(key, item) {
+		this.oldCache.delete(key);
+		this._set(key, item);
+	}
+
+	* _entriesAscending() {
+		for (const item of this.oldCache) {
+			const [key, value] = item;
+			if (!this.cache.has(key)) {
+				const deleted = this._deleteIfExpired(key, value);
+				if (deleted === false) {
+					yield item;
+				}
+			}
+		}
+
+		for (const item of this.cache) {
+			const [key, value] = item;
+			const deleted = this._deleteIfExpired(key, value);
+			if (deleted === false) {
+				yield item;
+			}
+		}
+	}
+
+	get(key) {
+		if (this.cache.has(key)) {
+			const item = this.cache.get(key);
+
+			return this._getItemValue(key, item);
+		}
+
+		if (this.oldCache.has(key)) {
+			const item = this.oldCache.get(key);
+			if (this._deleteIfExpired(key, item) === false) {
+				this._moveToRecent(key, item);
+				return item.value;
+			}
+		}
+	}
+
+	set(key, value, {maxAge = this.maxAge} = {}) {
+		const expiry =
+			typeof maxAge === 'number' && maxAge !== Infinity ?
+				Date.now() + maxAge :
+				undefined;
+		if (this.cache.has(key)) {
+			this.cache.set(key, {
+				value,
+				expiry
+			});
+		} else {
+			this._set(key, {value, expiry});
+		}
+
+		return this;
+	}
+
+	has(key) {
+		if (this.cache.has(key)) {
+			return !this._deleteIfExpired(key, this.cache.get(key));
+		}
+
+		if (this.oldCache.has(key)) {
+			return !this._deleteIfExpired(key, this.oldCache.get(key));
+		}
+
+		return false;
+	}
+
+	peek(key) {
+		if (this.cache.has(key)) {
+			return this._peek(key, this.cache);
+		}
+
+		if (this.oldCache.has(key)) {
+			return this._peek(key, this.oldCache);
+		}
+	}
+
+	expiresIn(key) {
+		const item = this.cache.get(key) || this.oldCache.get(key);
+		if (item) {
+			return item.expiry ? item.expiry - Date.now() : Infinity;
+		}
+	}
+
+	delete(key) {
+		const deleted = this.cache.delete(key);
+		if (deleted) {
+			this._size--;
+		}
+
+		return this.oldCache.delete(key) || deleted;
+	}
+
+	clear() {
+		this.cache.clear();
+		this.oldCache.clear();
+		this._size = 0;
+	}
+	
+	resize(newSize) {
+		if (!(newSize && newSize > 0)) {
+			throw new TypeError('`maxSize` must be a number greater than 0');
+		}
+
+		const items = [...this._entriesAscending()];
+		const removeCount = items.length - newSize;
+		if (removeCount < 0) {
+			this.cache = new Map(items);
+			this.oldCache = new Map();
+			this._size = items.length;
+		} else {
+			if (removeCount > 0) {
+				this._emitEvictions(items.slice(0, removeCount));
+			}
+
+			this.oldCache = new Map(items.slice(removeCount));
+			this.cache = new Map();
+			this._size = 0;
+		}
+
+		this.maxSize = newSize;
+	}
+
+	* keys() {
+		for (const [key] of this) {
+			yield key;
+		}
+	}
+
+	* values() {
+		for (const [, value] of this) {
+			yield value;
+		}
+	}
+
+	* [Symbol.iterator]() {
+		for (const item of this.cache) {
+			const [key, value] = item;
+			const deleted = this._deleteIfExpired(key, value);
+			if (deleted === false) {
+				yield [key, value.value];
+			}
+		}
+
+		for (const item of this.oldCache) {
+			const [key, value] = item;
+			if (!this.cache.has(key)) {
+				const deleted = this._deleteIfExpired(key, value);
+				if (deleted === false) {
+					yield [key, value.value];
+				}
+			}
+		}
+	}
+
+	* entriesDescending() {
+		let items = [...this.cache];
+		for (let i = items.length - 1; i >= 0; --i) {
+			const item = items[i];
+			const [key, value] = item;
+			const deleted = this._deleteIfExpired(key, value);
+			if (deleted === false) {
+				yield [key, value.value];
+			}
+		}
+
+		items = [...this.oldCache];
+		for (let i = items.length - 1; i >= 0; --i) {
+			const item = items[i];
+			const [key, value] = item;
+			if (!this.cache.has(key)) {
+				const deleted = this._deleteIfExpired(key, value);
+				if (deleted === false) {
+					yield [key, value.value];
+				}
+			}
+		}
+	}
+
+	* entriesAscending() {
+		for (const [key, value] of this._entriesAscending()) {
+			yield [key, value.value];
+		}
+	}
+
+	get size() {
+		if (!this._size) {
+			return this.oldCache.size;
+		}
+
+		let oldCacheSize = 0;
+		for (const key of this.oldCache.keys()) {
+			if (!this.cache.has(key)) {
+				oldCacheSize++;
+			}
+		}
+
+		return Math.min(this._size + oldCacheSize, this.maxSize);
+	}
+}
+
+module.exports = QuickLRU;

node_modules/@alloc/quick-lru/license

@@ -0,0 +1,9 @@
+MIT License
+
+Copyright (c) Sindre Sorhus <sindresorhus@gmail.com> (sindresorhus.com)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

node_modules/@alloc/quick-lru/package.json

@@ -0,0 +1,43 @@
+{
+	"name": "@alloc/quick-lru",
+	"version": "5.3.0",
+	"description": "Simple “Least Recently Used” (LRU) cache",
+	"license": "MIT",
+	"repository": "https://github.com/aleclarson/quick-lru",
+	"funding": "https://github.com/sponsors/sindresorhus",
+	"author": {
+		"name": "Sindre Sorhus",
+		"email": "sindresorhus@gmail.com",
+		"url": "https://sindresorhus.com"
+	},
+	"engines": {
+		"node": ">=10"
+	},
+	"scripts": {
+		"test": "xo && nyc ava && tsd"
+	},
+	"files": [
+		"index.js",
+		"index.d.ts"
+	],
+	"keywords": [
+		"lru",
+		"quick",
+		"cache",
+		"caching",
+		"least",
+		"recently",
+		"used",
+		"fast",
+		"map",
+		"hash",
+		"buffer"
+	],
+	"devDependencies": {
+		"ava": "^2.0.0",
+		"coveralls": "^3.0.3",
+		"nyc": "^15.0.0",
+		"tsd": "^0.11.0",
+		"xo": "^0.26.0"
+	}
+}

node_modules/@alloc/quick-lru/readme.md

@@ -0,0 +1,160 @@
+# @alloc/quick-lru [![Build Status](https://travis-ci.org/aleclarson/quick-lru.svg?branch=master)](https://travis-ci.org/aleclarson/quick-lru) [![Coverage Status](https://coveralls.io/repos/github/aleclarson/quick-lru/badge.svg?branch=master)](https://coveralls.io/github/aleclarson/quick-lru?branch=master)
+
+> Simple [“Least Recently Used” (LRU) cache](https://en.m.wikipedia.org/wiki/Cache_replacement_policies#Least_Recently_Used_.28LRU.29)
+
+This is a CommonJS-only fork of [`quick-lru`](https://github.com/sindresorhus/quick-lru).
+
+Useful when you need to cache something and limit memory usage.
+
+See the [algorithm section](#algorithm) for implementation details.
+
+## Install
+
+```
+$ npm install @alloc/quick-lru
+```
+
+## Usage
+
+```js
+const QuickLRU = require('@alloc/quick-lru');
+
+const lru = new QuickLRU({maxSize: 1000});
+
+lru.set('🦄', '🌈');
+
+lru.has('🦄');
+//=> true
+
+lru.get('🦄');
+//=> '🌈'
+```
+
+## API
+
+### new QuickLRU(options?)
+
+Returns a new instance.
+
+### options
+
+Type: `object`
+
+#### maxSize
+
+*Required*\
+Type: `number`
+
+The target maximum number of items before evicting the least recently used items.
+
+> **Note:** The dual-cache algorithm may physically retain up to twice `maxSize` entries for performance reasons, even though the reported cache size does not exceed `maxSize`.
+
+#### maxAge
+
+Type: `number`\
+Default: `Infinity`
+
+The maximum number of milliseconds an item should remain in cache.
+By default maxAge will be Infinity, which means that items will never expire.
+
+Lazy expiration happens upon the next `write` or `read` call.
+
+Individual expiration of an item can be specified by the `set(key, value, options)` method.
+
+#### onEviction
+
+*Optional*\
+Type: `(key, value) => void`
+
+Called right before an item is evicted from the cache due to capacity pressure or TTL expiration.
+
+Useful for side effects or for items like object URLs that need explicit cleanup (`revokeObjectURL`).
+
+This callback is not called for manual removals via `delete()` or `clear()`.
+
+### Instance
+
+The instance is [`iterable`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Iteration_protocols) so you can use it directly in a [`for…of`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/for...of) loop.
+
+Both `key` and `value` can be of any type.
+
+#### .set(key, value, options?)
+
+Set an item. Returns the instance.
+
+Individual expiration of an item can be specified with the `maxAge` option. If not specified, the global `maxAge` value will be used in case it is specified on the constructor, otherwise the item will never expire.
+
+#### .get(key)
+
+Get an item.
+
+#### .has(key)
+
+Check if an item exists.
+
+#### .peek(key)
+
+Get an item without marking it as recently used.
+
+#### .expiresIn(key)
+
+Get the remaining time to live (in milliseconds) for the given item, or `undefined` if the item is not in the cache.
+
+- Does not mark the item as recently used.
+- Does not trigger lazy expiration or remove the entry when it is expired.
+- Returns `Infinity` if the item has no expiration.
+- May return a negative number if the item has already expired but has not yet been lazily removed.
+
+#### .delete(key)
+
+Delete an item.
+
+Returns `true` if the item is removed or `false` if the item doesn't exist.
+
+#### .clear()
+
+Delete all items.
+
+#### .resize(maxSize)
+
+Update the `maxSize`, discarding items as necessary. Insertion order is mostly preserved, though this is not a strong guarantee.
+
+Useful for on-the-fly tuning of cache sizes in live systems.
+
+#### .keys()
+
+Iterable for all the keys.
+
+#### .values()
+
+Iterable for all the values.
+
+#### .entriesAscending()
+
+Iterable for all entries, starting with the oldest (ascending in recency).
+
+#### .entriesDescending()
+
+Iterable for all entries, starting with the newest (descending in recency).
+
+#### .size
+
+The stored item count.
+
+## Algorithm
+
+This library implements a variant of the [`hashlru` algorithm](https://github.com/dominictarr/hashlru#algorithm) using two [`Map`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Map) objects. One map holds recently added or accessed entries, while the other holds older entries. When the recent map reaches `maxSize`, it replaces the older map and a new recent map is created.
+
+This avoids the frequent delete operations required by a traditional linked-list LRU and supports keys of any type and `undefined` values. The tradeoff is that the two maps may physically retain up to twice the target `maxSize` between rotations. Use a strict-size cache when that temporary memory overhead is unacceptable.
+
+---
+
+<div align="center">
+	<b>
+		<a href="https://tidelift.com/subscription/pkg/npm-quick-lru?utm_source=npm-quick-lru&utm_medium=referral&utm_campaign=readme">Get professional support for this package with a Tidelift subscription</a>
+	</b>
+	<br>
+	<sub>
+		Tidelift helps make open source sustainable for maintainers while giving companies<br>assurances about security, maintenance, and licensing for their dependencies.
+	</sub>
+</div>

node_modules/@astrojs/compiler/LICENSE

@@ -0,0 +1,53 @@
+MIT License
+
+Copyright (c) 2021 [Astro contributors](https://github.com/withastro/compiler/graphs/contributors)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+"""
+This license applies to parts of the `internal/` subdirectory originating from 
+the https://cs.opensource.google/go/x/net/+/master:html/ repository:
+
+Copyright (c) 2009 The Go Authors. All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+   * Redistributions of source code must retain the above copyright
+notice, this list of conditions and the following disclaimer.
+   * Redistributions in binary form must reproduce the above
+copyright notice, this list of conditions and the following disclaimer
+in the documentation and/or other materials provided with the
+distribution.
+   * Neither the name of Google Inc. nor the names of its
+contributors may be used to endorse or promote products derived from
+this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

node_modules/@astrojs/compiler/README.md

@@ -0,0 +1,72 @@
+# Astro Compiler
+
+Astro’s [Go](https://golang.org/) + WASM compiler.
+
+## Install
+
+```
+npm install @astrojs/compiler
+```
+
+## Usage
+
+#### Transform `.astro` to valid TypeScript
+
+The Astro compiler can convert `.astro` syntax to a TypeScript Module whose default export generates HTML.
+
+**Some notes**...
+
+- TypeScript is valid `.astro` syntax! The output code may need an additional post-processing step to generate valid JavaScript.
+- `.astro` files rely on a server implementation exposed as `astro/runtime/server/index.js` in the Node ecosystem. Other runtimes currently need to bring their own rendering implementation and reference it via `internalURL`. This is a pain point we're looking into fixing.
+
+```js
+import { transform, type TransformResult } from "@astrojs/compiler";
+
+const result = await transform(source, {
+  filename: "/Users/astro/Code/project/src/pages/index.astro",
+  sourcemap: "both",
+  internalURL: "astro/runtime/server/index.js",
+});
+```
+
+#### Parse `.astro` and return an AST
+
+The Astro compiler can emit an AST using the `parse` method.
+
+**Some notes**...
+
+- Position data is currently incomplete and in some cases incorrect. We're working on it!
+- A `TextNode` can represent both HTML `text` and JavaScript/TypeScript source code.
+- The `@astrojs/compiler/utils` entrypoint exposes `walk` and `walkAsync` functions that can be used to traverse the AST. It also exposes the `is` helper which can be used as guards to derive the proper types for each `node`.
+
+```js
+import { parse } from "@astrojs/compiler";
+import { walk, walkAsync, is } from "@astrojs/compiler/utils";
+
+const result = await parse(source, {
+  position: false, // defaults to `true`
+});
+
+walk(result.ast, (node) => {
+  // `tag` nodes are `element` | `custom-element` | `component`
+  if (is.tag(node)) {
+    console.log(node.name);
+  }
+});
+
+await walkAsync(result.ast, async (node) => {
+  if (is.tag(node)) {
+    node.value = await expensiveCalculation(node)
+  }
+});
+```
+
+## Develop
+
+### VSCode / CodeSpaces
+
+A `devcontainer` configuration is available for use with VSCode's [Remote Development extension pack](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.vscode-remote-extensionpack) and GitHub CodeSpaces.
+
+## Contributing
+
+[CONTRIBUTING.md](/CONTRIBUTING.md)