\n<header class="site-header" data-lang="de">
  <div class="container header-row">
    <a href="/" class="logo" aria-label="Trattoria Bella Vista &mdash; Startseite">
      <span class="logo-icon" aria-hidden="true">🍽️</span>
      <span class="logo-text">Trattoria Bella Vista</span>
    </a>
    <nav class="main-nav" aria-label="Hauptnavigation">
      <a href="/#leistungen">Leistungen</a>
      <a href="/#ueber-uns">Über uns</a>
      <a href="/#galerie">Galerie</a>
      <a href="/#testimonials">Kundenstimmen</a>
      <a href="/#faq">FAQ</a>
      <a href="/#kontakt">Kontakt</a>
      <a href="/speisekarte.php" class="has-subnav">Speisekarte</a>
      <a href="/#kontakt">Reservierung</a>
    </nav>
    <div class="header-actions">
      <select class="lang-switch" aria-label="Sprache wählen" onchange="window.location.search='?lang='+this.value">
        <option value="de" selected>DE</option>
        <option value="en">EN</option>
      </select>
      <a href="/#kontakt" class="cta cta-header">Tisch reservieren</a>
      <button type="button" class="menu-toggle" aria-label="Menü öffnen" aria-expanded="false" aria-controls="sideNav">
        <span class="menu-toggle-bars"><span></span><span></span><span></span></span>
      </button>
    </div>
  </div>
</header>

<!-- Q-126: Side-Drawer Mobile-First, 30vw mobile / 35vw desktop, transparent backdrop -->
<aside id="sideNav" class="side-nav" aria-label="Mobiles Menü" aria-hidden="true">
  <div class="side-nav-head">
    <a href="/" class="side-nav-logo">
      <span class="logo-icon" aria-hidden="true">🍽️</span>
      <span>Trattoria Bella Vista</span>
    </a>
    <button type="button" class="side-nav-close" aria-label="Menü schließen">×</button>
  </div>
  <nav class="side-nav-main" aria-label="Hauptnavigation mobil">
      <a href="/#leistungen">Leistungen</a>
      <a href="/#ueber-uns">Über uns</a>
      <a href="/#galerie">Galerie</a>
      <a href="/#testimonials">Kundenstimmen</a>
      <a href="/#faq">FAQ</a>
      <a href="/#kontakt">Kontakt</a>
      <a href="/speisekarte.php" class="has-subnav">Speisekarte</a>
      <a href="/#kontakt">Reservierung</a>
  </nav>
  <nav class="side-nav-sub" aria-label="Unterseiten">
        <a href="/impressum.php">Impressum</a>
        <a href="/datenschutz.php">Datenschutz</a>
        <a href="/agb.php">AGB</a>
  </nav>
  <div class="side-nav-foot">
    <select class="lang-switch" aria-label="Sprache wählen" onchange="window.location.search='?lang='+this.value">
      <option value="de" selected>DE</option>
      <option value="en">EN</option>
    </select>
  </div>
</aside>
<div class="side-nav-backdrop" aria-hidden="true"></div><main>
  <div class="container" style="padding:3rem 1.5rem;max-width:800px;">
    <h1>Datenschutzerklärung</h1>
    <h2>1. Datenschutz auf einen Blick</h2>
    <p>Wir nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Diese Website verarbeitet personenbezogene Daten ausschließlich im Rahmen der gesetzlichen Vorschriften (DSGVO, BDSG).</p>

    <h2>2. Verantwortliche Stelle</h2>
    <p>Verantwortlich für die Datenverarbeitung auf dieser Website ist der Betreiber. Kontakt: info@phnx.dev</p>

    <h2>3. Cookies</h2>
    <p>Wir verwenden nur technisch notwendige Cookies sowie — nach Ihrer ausdrücklichen Einwilligung — Cookies zur Reichweitenmessung. Sie können Ihre Einwilligung jederzeit über das Cookie-Banner widerrufen.</p>

    <h2>4. Kontaktformular</h2>
    <p>Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben zwecks Bearbeitung der Anfrage und für den Fall von Anschlussfragen bei uns gespeichert. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.</p>

    <h2>5. Ihre Rechte</h2>
    <p>Sie haben jederzeit das Recht auf Auskunft, Berichtigung, Löschung, Einschränkung der Verarbeitung und Datenübertragbarkeit Ihrer personenbezogenen Daten. Wenden Sie sich an: info@phnx.dev</p>
  </div>
</main>
<footer class="site-footer">
  <div class="container">
    <div class="footer-grid">
      <div class="footer-col">
        <h3>Trattoria Bella Vista</h3>
        <p>Authentische italienische Küche mit Panoramablick — seit 1987</p>
      </div>
      <div class="footer-col">
        <h3>Rechtliches</h3>
        <ul>
          <li><a href="/impressum.php">Impressum</a></li>
          <li><a href="/datenschutz.php">Datenschutz</a></li>
          <li><a href="/agb.php">AGB</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h3>Kontakt</h3>
        <p>
E-Mail: <a href="mailto:hallo@trattoria-bellavista.de">hallo@trattoria-bellavista.de</a><br>
Telefon: +49 211 987 65 43<br>
Speditionsstraße 12<br>
40221 Düsseldorf
        </p>
      </div>
    </div>
    <p class="footer-copyright">&copy; 2026 Trattoria Bella Vista. Alle Rechte vorbehalten.</p>
  </div>
</footer>