01_menue.html

---
layout: home
title: "Menü"
sub_title: " Unsere Speisen werden täglich frisch von Hand zubereitet und dem aktuellem Saisonkalender angepasst."
image: "/images/headers/header.webp"
permalink: "/menue/"
---

<h3> Gereonsviertel </h3>
<div class="image-container">
    <div>
        <a href="/images/speisekarten/basic_speisekarte_gereonsviertel.jpg" data-lightbox="menue_g">
            <img src="/images/speisekarten/basic_speisekarte_gereonsviertel.jpg" alt="Allgemeine Speisekarte">
        </a>
    </div>
    <div class="max420">
        <a href="/images/speisekarten/wöchentliche_speisekarte_gereonsviertel.jpg" data-lightbox="menue_g">
            <img src="/images/speisekarten/wöchentliche_speisekarte_gereonsviertel.jpg" alt="Wöchentliche Speisekarte">
        </a>
    </div>
</div>

<br><br>
<h3> Kunibertsviertel</h3>
<div class="image-container">
    <div>
        <a href="/images/speisekarten/basic_speisekarte_kunibertsviertel.jpg" data-lightbox="menue_k">
            <img src="/images/speisekarten/basic_speisekarte_kunibertsviertel.jpg" alt="Allgemeine Speisekarte">
        </a>
    </div>
    <div class="max420">
        <a href="/images/speisekarten/weekly_speisekarte_kunibertsviertel.jpg" data-lightbox="menue_k">
            <img src="/images/speisekarten/weekly_speisekarte_kunibertsviertel.jpg" alt="Wöchentliche Speisekarte">
        </a>
    </div>
</div>

<style>
    .image-container {
      display: flex;
      flex-wrap: wrap;
      gap: 20px; /* Abstand zwischen den Bildern */
    }

    .image-container img {
      max-width: 100%;
      max-height: 600px;
    }
  </style>