<%- include('partials/stitch-head') %>
<body class="bg-surface text-on-surface font-body selection:bg-primary/30 selection:text-primary">
<%- include('partials/stitch-nav') %>
<main class="pt-[calc(5rem+env(safe-area-inset-top,0px))] md:pt-40 pb-32 px-4 sm:px-6 max-w-3xl mx-auto text-center min-h-[58dvh] flex flex-col justify-center anim-page-head">
<%- include('partials/stitch-breadcrumbs') %>
<% if (typ === 'buchung') { %>
<span class="font-label text-[10px] tracking-[0.3em] uppercase text-primary mb-6 block">Terminanfrage</span>
<h1 class="font-headline text-3xl sm:text-4xl md:text-6xl mb-8 text-on-surface">Danke schön</h1>
<p class="text-on-surface-variant text-lg font-light leading-relaxed mb-10">Wir melden uns zur Bestätigung. Es ist noch kein fester Termin entstanden.</p>
<% } else { %>
<span class="font-label text-[10px] tracking-[0.3em] uppercase text-primary mb-6 block">Kontakt</span>
<h1 class="font-headline text-3xl sm:text-4xl md:text-6xl mb-8 text-on-surface">Nachricht erhalten</h1>
<p class="text-on-surface-variant text-lg font-light leading-relaxed mb-10">Wir antworten sobald es uns möglich ist.</p>
<% } %>
<div class="flex flex-col sm:flex-row flex-wrap justify-center items-stretch sm:items-center gap-3 sm:gap-4 w-full max-w-sm sm:max-w-none mx-auto anim-fade-soft">
<a class="inline-flex items-center justify-center min-h-12 bg-primary text-on-primary px-8 sm:px-10 py-3.5 rounded-md font-label uppercase tracking-widest text-xs font-bold hover:shadow-[0_0_40px_rgba(233,193,118,0.3)] transition-all text-center" href="/">Zur Startseite</a>
<a class="inline-flex items-center justify-center min-h-12 border border-outline-variant/30 text-primary px-8 sm:px-10 py-3.5 rounded-md font-label uppercase tracking-widest text-xs font-bold hover:bg-surface-container-high transition-all text-center" href="tel:<%= site.phone %>">Anrufen</a>
</div>
</main>
<%- include('partials/stitch-footer') %>
<%- include('partials/end', { scripts: [] }) %>
