\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>Impressum</h1>
    <h2>Angaben gemäß § 5 TMG</h2>
    <p>Trattoria Bella Vista<br>kzgogo 43<br>
65677 zgkhu</p>
    <h2>Kontakt</h2>
    <p>Telefon: 67586566<br>
E-Mail: info@phnx.dev</p>
    <h2>Verantwortlich für den Inhalt</h2>
    <p>Trattoria Bella Vista</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>