PageSourceSearch

https://brauhaus-vetter.de/en/

html brauhaus-vetter.de collected 2026-09-24 23:52:59 UTC 87,259 bytes, 1,032 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<!--
5
6  Built by
7  MEDIENDESIGN TOM BINROTH / Heidelberg, Germany
8  https://binroth.de
9  Datum: 06-2026
10
11-->
12
13<head>
14  <meta charset="utf-8">
15  <meta name="viewport" content="width=device-width, initial-scale=1">
16
17
18  <title>Vetter’s Alt Heidelberger Brauhaus</title>
19  <meta name="description" content="Typical German Brewery Restaurant with handcrafted beers and Bavarian specialties. Vetter’s Brewery is located in the heart of Heidelberg Altstadt (Old Town)">
20
21  
22  <link rel='alternate' hreflang='de' href='https://brauhaus-vetter.de/'>
23  <link rel='alternate' hreflang='en' href='https://brauhaus-vetter.de/en/'>
24  <link rel="canonical" href="https://brauhaus-vetter.de/en/">
25
26
27  <link rel="preconnect" href="//app.eu.usercentrics.eu">
28  <link rel="preconnect" href="//api.eu.usercentrics.eu">
29  <link rel="preconnect" href="//sdp.eu.usercentrics.eu">
30  <link rel="preload" href="//app.eu.usercentrics.eu/browser-ui/latest/loader.js" as="script">
31  <link rel="preload" href="//sdp.eu.usercentrics.eu/latest/uc-block.bundle.js" as="script">
32  <link rel="author" type="text/plain" href="https://brauhaus-vetter.de/en/humans.txt">
33  <link rel="preload" href="/site/templates/build/assets/css/design-min.css?nocach1820920261812" as="style" type="text/css">
34  <link rel="stylesheet" href="/site/templates/build/assets/css/design-min.css?nocach1820920261812" type="text/css">
35  <link rel="stylesheet" href="/site/templates/build/assets/css/swiper-bundle.min.css?nocach1820920261812" type="text/css">
36  <link rel="stylesheet" href="https://use.typekit.net/juk8lur.css">
37
38
39
40  <meta property="og:title" content="Vetter’s Alt Heidelberger Brauhaus">
41  <meta property="og:description" content="Typical German Brewery Restaurant with handcrafted beers and Bavarian specialties. Vetter’s Brewery is located in the heart of Heidelberg Altstadt (Old Town)">
42  <meta property="og:url" content="https://brauhaus-vetter.de/en/">
43  <meta property="og:image" content="https://brauhaus-vetter.de/site/assets/files/1/og_image_vetters_brauhaus_1200x630_startseite.jpg">
44  <meta property="og:locale" content="en">
45  <meta content="summary" name="twitter:card">
46  <meta property="twitter:title" content="Vetter’s Alt Heidelberger Brauhaus">
47  <meta name="geo.placename" content="Heidelberg">
48  <meta name="geo.region" content="DE-BW">
49  <meta name="ICBM" content="49.4127000,8.7098100">
50
51
52  <link rel="shortcut icon" type="image/x-icon" href="/site/templates/build/assets/img/favicon.ico?nocach1820920261812">
53  <link rel="apple-touch-icon" href="/site/templates/build/assets/img/apple-touch-icon.png?nocach1820920261812" sizes="180x180">
54  <link rel="icon" type="image/png" href="/site/templates/build/assets/img/favicon-196x196.png?nocach1820920261812" sizes="196x196">
55  <link rel="icon" type="image/png" href="/site/templates/build/assets/img/favicon-96x96.png?nocach1820920261812" sizes="96x96">
56  <link rel="icon" type="image/svg+xml" href="/site/templates/build/assets/img/favicon.svg?nocach1820920261812">
57  <link rel="manifest" href="/site/templates/build/assets/img/site.webmanifest?nocach1820920261812">
58  <meta name="msapplication-TileColor" content="#FFFFFF">
59  <meta name="msapplication-TileImage" content="/site/templates/build/assets/img/mstile-144x144.png?nocach1820920261812">
60
61  <!-- CONSENT MANAGEMENT -->
62  
62<script id="usercentrics-cmp" async data-eu-mode="true" data-settings-id="hp19eic_a" src="https://app.eu.usercentrics.eu/browser-ui/latest/loader.js"></script>
62
63  
63<script src="https://sdp.eu.usercentrics.eu/latest/uc-block.bundle.js"></script>
63
64
65  
65<script type="application/ld+json">
66  {
67    "@context": "https://schema.org",
68    "@type": "Restaurant",
69    "name": "Vetter’s Alt Heidelberger Brauhaus",
70    "alternateName": "Vetter’s",
71    "logo": "https://brauhaus-vetter.de/en/site/templates/build/assets/img/brandlogo_vetters_brauhaus_2000x2000.png",
72    "image": "https://brauhaus-vetter.de/site/assets/files/1/og_image_vetters_brauhaus_1200x630_startseite.jpg",
73    "url": "https://brauhaus-vetter.de/en/",
74    "description": "Typical German Brewery Restaurant with handcrafted beers and Bavarian specialties. Vetter’s Brewery is located in the heart of Heidelberg Altstadt (Old Town)",
75    "acceptsReservations": "Yes",
76    "menu": "https://brauhaus-vetter.de/en/site/assets/files/1036/vetters_brauhaus_de_speisekarte_032026.pdf",
77    "servesCuisine": "Deutsch",
78    "address": {
79    "@type": "PostalAddress",
80      "streetAddress": "Steingasse 9",
81      "addressLocality": "Heidelberg",
82      "addressRegion": "Baden-Württemberg",
83      "postalCode": "69117",
84      "addressCountry": "DE"
85    },
86    "geo": {
87      "@type": "GeoCoordinates",
88      "latitude": "49.4127000",
89      "longitude": "8.7098100"
90     },
91    "smokingAllowed": "False",
92    "telephone": "+496221165850",
93    "priceRange": "€20 - €40",
94    "openingHoursSpecification": [{
95        "@type": "OpeningHoursSpecification",
96        "dayOfWeek": [
97          "Monday",
98          "Tuesday",
99          "Wednesday",
100          "Thursday",
101          "Sunday"
102        ],
103        "opens": "11:30",
104        "closes": "00:00"
105      },{
106        "@type": "OpeningHoursSpecification",
107        "dayOfWeek": [
108          "Friday",
109          "Saturday"
110        ],
111        "opens": "11:30",
112        "closes": "01:00"
113      }],
114    "sameAs": [
115      "https://brauhaus-vetter.de/en/",
116      "https://brauhaus-vetter.de/en/reservierung",
117      "https://www.instagram.com/brauhaus_vetter_heidelberg"
118    ]
119  }
120  </script>
120
121  
121<script src="https://cdn.jsdelivr.net/npm/@tailwindplus/elements@1" type="module"></script>
121
122</head>
123<body class="antialiased  dark:bg-gray-950 transition-colors duration-1000">
124    <header role="banner" class="bg-(--color-bg-primary)">
125      <nav aria-label="Global" class="mx-auto px-6 border-b border-black pb-12">
126              <div class="flex justify-between lg:justify-end gap-x-6 text-xl font-medium py-5 pb-8 px-0">
127                  <div class="flex justify-start lg:hidden">
128                      <button type="button" command="show-modal" commandfor="mobile-menu" class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-black hover:text-gray-900  focus:outline-none uppercase">
129                          <span class="sr-only">Open main menu</span>
130                          <p>Menu</p>
131                      </button>
132                  </div>
133                  <div class="font-medium text-right">
134                      <!-- MOBILE 2nd NAVIGATION  -->
135                      <ul class="list-none prose-a:hover:text-gray-700 transition [&_a]:transition-colors">
136                          <li class="inline px-6">
137                            <a href="/" hreflang="de" title="Deutsche Seite anzeigen">DE</a>
138                          </li>
139                          <li class="inline">
140                            <a href="/en/" hreflang="en" title="Show English Site">EN</a>
141                          </li>
142                      </ul>
143                  </div>
144              </div>
145
146            <div class="grid grid-cols-1 lg:grid-cols-3 gap-10 md:gap-4">
147                  <div class="flex items-center justify-center px-5 md:px-0">
148                      <!-- BRAND LOGO -->
149                      <a href="https://brauhaus-vetter.de/en/" title="Home">
150                          <img src="/site/templates/build/assets/img/logo.svg" width="325" height="154" alt="Logo" title="Vetter’s Alt Heidelberger Brauhaus" />
151                      </a>
152                  </div>
153                  <!-- PRIMARY NAVIGATION -->
154                  <div class="hidden lg:flex lg:place-items-start flex-nowrap gap-8 ml-20 text-xl font-medium">
155                      <a href="https://brauhaus-vetter.de/en/reservierung" title="Reservierung" class="block cursor-pointer bg-(--color-bg-primary) px-4 py-2.5 uppercase shadow-xs inset-ring-2 inset-ring-black hover:text-gray-700 hover:inset-ring-gray-700 transition [&_a]:transition-colors whitespace-nowrap" data-menu-item>Reservation                      </a>
156                      <a href="https://brauhaus-vetter.de/en/kontakt" title="Kontakt" class="inline-block cursor-pointer bg-(--color-bg-primary) px-4 py-2.5 uppercase shadow-xs inset-ring-2 inset-ring-black hover:text-gray-700 hover:inset-ring-gray-700 transition [&_a]:transition-colors whitespace-nowrap" data-menu-item>Contact                      </a>
157                      <a href="https://brauhaus-vetter.de/en/kontakt#oeffnungszeiten" title="Öffnungszeiten" class="inline-block cursor-pointer bg-(--color-bg-primary) px-4 py-2.5 uppercase shadow-xs inset-ring-2 inset-ring-black hover:text-gray-700 hover:inset-ring-gray-700 transition [&_a]:transition-colors whitespace-nowrap" data-menu-item>Opening Hours                      </a>
158                  </div>
159            </div>
160      </nav>
161      <el-dialog>
162        <dialog id="mobile-menu" class="backdrop:bg-transparent lg:hidden">
163          <div tabindex="0" class="fixed inset-0 focus:outline-none">
164            <el-dialog-panel class="fixed inset-y-0 left-0 z-10 px-6 py-1 w-full overflow-y-auto bg-(--color-bg-secondary) dark:bg-gray-900">
165              <div class="flex items-center justify-between">
166                <div class="flex flex-1">
167                  <button type="button" command="close" commandfor="mobile-menu" class="-m-2.5 rounded-md p-2.5 text-black hover:text-gray-900 dark:text-white dark:hover:text-white">
168                    <span class="sr-only">Close menu</span>
169                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" data-slot="icon" aria-hidden="true" class="size-15">
170                      <path d="M6 18 18 6M6 6l12 12" stroke-linecap="round" stroke-linejoin="round" />
171                    </svg>
172                  </button>
173                </div>
174              </div>
175              <div class="mt-0 space-y-2">
176                <div class="py-6  text-xl text-black a:hover:text-gray-900 dark:text-white font-medium dark-a:hover:text-gray-300 uppercase prose-li:border-b prose-li:border-solid prose-li:border-gray-900 prose-li:dark:border-gray-300 prose-li:py-6">
177                  <ul class="list-none">
178                    <li><a href="https://brauhaus-vetter.de/en/" command="close" commandfor="mobile-menu" class="-mx-3 block px-3 py-2" title="Home">Home</a></li>
179                    <li><a href="https://brauhaus-vetter.de/en/reservierung" command="close" commandfor="mobile-menu" class="-mx-3 block px-3 py-2" title="Book a Table">Book a Table</a></li>
180                    <li><a href="https://brauhaus-vetter.de/en/kontakt" command="close" commandfor="mobile-menu" class="-mx-3 block px-3 py-2" title="Contact">Contact</a></li>
181                    <li><a href="/site/templates/build/assets/media/vetters_brauhaus_de_speisekarte_032026.pdf" command="close" commandfor="mobile-menu" class="-mx-3 block px-3 py-2" title="Menu anzeigen">Menu</a></li>
182                    <li><a href="https://brauhaus-vetter.de/en/#voucher" command="close" commandfor="mobile-menu" class="-mx-3 block px-3 py-2" title="Voucher">Voucher</a></li>
183                    <li><a href="https://www.instagram.com/brauhaus_vetter_heidelberg/" target="_blank" rel="noopener noreferrer" command="close" commandfor="mobile-menu" class="-mx-3 block px-3 py-2" title="Auf Instagram folgen">Instagram</a></li>
184                    <li><a href="https://brauhaus-vetter.de/en/impressum" command="close" commandfor="mobile-menu" class="-mx-3 block px-3 py-2" title="Imprint">Imprint</a></li>
185                    <li><a href="https://brauhaus-vetter.de/en/datenschutz" command="close" commandfor="mobile-menu" class="-mx-3 block px-3 py-2" title="Privacy Policy">Privacy Policy</a></li>
186                  </ul>
187                </div>
188                <div>
189                  <ul role="list" class="list-none text-left text-base/7 text-black a-hover:text-gray-900 dark:text-white font-medium dark-a:hover:text-gray-300 uppercase">
190                    <li class="inline">
191                      <a href="/en/" hreflang="en" title="English">English</a>
192                    </li>
193                    <li class="inline px-6">
194                      <a href="/" hreflang="de" title="Deutsch">Deutsch</a>
195                    </li>
196                  </ul>
197                </div>
198              </div>
199            </el-dialog-panel>
200          </div>
201        </dialog>
202      </el-dialog>
203    </header>
204
205  <!-- MATRIX -->
206  <!-- Intro CANVAS -->
207<section class="bg-(--color-bg-primary)" role="main">
208    <div class="max-w-7xl mx-auto px-6 py-10">
209        <div class="grid grid-cols-1 xl:grid-cols-2 gap-12 xl:gap-12 text-2xl font-medium leading-tight text-black prose-headings:text-6xl prose-headings:md:text-8xl prose-headings:mb-10 prose-ul:list-disc prose-ul:list-outside prose-ul:pl-6 prose-ul:md:pl-8 prose-ul:lg:pl-6 prose-ul:xl:pl-10 prose-ul:mb-7 prose-a:underline prose-a:hover:text-gray-900 dark:prose-a:hover:text-gray-300 transition [&_a]:transition-colors [&_a]:duration-600">
210            <div class="space-y-6">
211                <h1 class="lg:max-w-4xl">Heidelberg's Brewery Culture with Heart</h1>
212            </div>
213            <div class="ml-[10%] md:mx-[6%] mt-[0%] xl:mt-[40%]">
214                <p>Heidelberg&rsquo;s brewery culture is deeply rooted at Vetter&rsquo;s. In the rustic dining room within historic walls, you can expect down-to-earth Bavarian cuisine, regional specialties, and genuine hospital
214ity. If you want to taste Heidelberg, stop by here.</p>            </div>
215        </div>
216    </div>
217</section><!-- Slideshow CANVAS -->
218<div class="bg-(--color-bg-primary)">
219    <div class="mx-auto px-6 py-10">
220        <div class="h-auto md:min-h-[450x] md:basis-1/2">
221            <div class="swiperbody">
222                <div class="swiper swiper-fun-micky-334">
223                    <div class="swiper-wrapper">
224                        
225                                  <div class='swiper-slide swiper-slide-4ffe'>
226                                    <img class='swiper-slide-bg-image swiper-slide-bg-image-6d2c' src='/site/assets/files/1031/slider_vetter-01.2500x1670.webp' width='2500' height='1670' alt=''>
227                                    <div class='swiper-slide-content swiper-slide-content-b827'></div>
228                                  </div>
229                                  <div class='swiper-slide swiper-slide-4ffe'>
230                                    <img class='swiper-slide-bg-image swiper-slide-bg-image-6d2c' src='/site/assets/files/1031/slider_vetter-02.2500x1670.webp' width='2500' height='1670' alt=''>
231                                    <div class='swiper-slide-content swiper-slide-content-b827'></div>
232                                  </div>
233                                  <div class='swiper-slide swiper-slide-4ffe'>
234                                    <img class='swiper-slide-bg-image swiper-slide-bg-image-6d2c' src='/site/assets/files/1031/slider_vetter-04.2500x1670.webp' width='2500' height='1670' alt=''>
235                                    <div class='swiper-slide-content swiper-slide-content-b827'></div>
236                                  </div>
237                                  <div class='swiper-slide swiper-slide-4ffe'>
238                                    <img class='swiper-slide-bg-image swiper-slide-bg-image-6d2c' src='/site/assets/files/1031/slider_vetter-05.2500x1670.webp' width='2500' height='1670' alt=''>
239                                    <div class='swiper-slide-content swiper-slide-content-b827'></div>
240                                  </div>
241                                  <div class='swiper-slide swiper-slide-4ffe'>
242                                    <img class='swiper-slide-bg-image swiper-slide-bg-image-6d2c' src='/site/assets/files/1031/vetter_braukessel.2500x1670.webp' width='2500' height='1670' alt='Brauhaus Braukessel'>
243                                    <div class='swiper-slide-content swiper-slide-content-b827'></div>
244                                  </div>                    </div>
245                    <div class="swiper-pagination"></div>
246                </div>
247            </div>
248        </div>
249    </div>
250</div><!-- TWOCOL PARAGRAPH CANVAS -->
251<section>
252    <div class="container mx-auto px-6 lg:px-10 my-20 content-center">
253      <div class="grid grid-cols-1 2xl:grid-cols-2 gap-12 lg:gap-24 items-center">
254        <div class="text-2xl font-medium leading-tight text-black dark:text-white prose-headings:text-7xl prose-headings:md:text-8xl prose-headings:mb-10 prose-p:mb-5 prose-ul:list-disc prose-ul:list-outside prose-ul:pl-6 prose-ul:md:pl-8 prose-ul:lg:pl-6 prose-ul:xl:pl-10 prose-ul:mb-7 prose-a:underline prose-a:hover:text-gray-700 dark:prose-a:hover:text-gray-300 transition [&_a]:transition-colors [&_a]:duration-600">
255            <div class="flex justify-center items-center">
256                <img src="/site/templates/build/assets/img/Vetter_wappen.svg" alt="Vetter's Wappen" width="135" height="202">
257            </div>
258            <div class="max-w-5xl mx-auto">
259                <h2 class="mt-10 md:mt-20 mb-25 text-center">Vetter’s - Tradition<br>meets indulgence</h2>
260                <p>Vetter&rsquo;s Alt Heidelberger Brauhaus is much more than just a place to eat - it is a living testament to a living tradition. Located in the heart of the Old Town, facing the Old Bridge, it offers a warm atmosphere, lovingly prepared dishes, and the unmistakable charm of authentic brewery culture.</p>
261<p>As soon as the sun comes out, people in Heidelberg love to sit outside here. The Mediterranean flair invites you to eat and drink al fresco and enjoy a cozy time with friends. <a href="/en/reservation/">Reserve a Table at the Brauhaus now!</a></p>            </div>
262        </div>
263        <div class="max-w-3xl lg:w-full mx-auto">
264            
265                        <picture>
266                          <source media='(max-width: 500px)' srcset='/site/assets/files/1032/vetter_haxe_portion_hoch.1438x1600.webp' width='1438' height='1600' type='image/webp'>
267                          <source media='(max-width: 800px)' srcset='/site/assets/files/1032/vetter_haxe_portion_hoch.1438x1600.webp' width='1438' height='1600' type='image/webp'>
268                          <source media='(max-width: 1080px)' srcset='/site/assets/files/1032/vetter_haxe_portion_hoch.1438x1600.webp' width='1438' height='1600' type='image/webp'>
269                          <source media='(max-width: 1600px)' srcset='/site/assets/files/1032/vetter_haxe_portion_hoch.1438x1600.webp' width='1438' height='1600' type='image/webp'>
270                          <source media='(min-width: 1920px)' srcset='/site/assets/files/1032/vetter_haxe_portion_hoch.1843x2050.webp' width='1843' height='2050' type='image/webp'>
271                          <img src='/site/assets/files/1032/vetter_haxe_portion_hoch.1843x2050.jpg' width='1843' height='2050' srcset='
272                          /site/assets/files/1032/vetter_haxe_portion_hoch.1080x0.jpg 500w,
273                          /site/assets/files/1032/vetter_haxe_portion_hoch.1080x0.jpg 800w,
274                          /site/assets/files/1032/vetter_haxe_portion_hoch.1080x0.jpg 1080w,
275                          /site/assets/files/1032/vetter_haxe_portion_hoch.1438x1600.jpg 1600w,
276                          /site/assets/files/1032/vetter_haxe_portion_hoch.1843x2050.jpg 1920w'
277                          loading='lazy' alt='Haxe'>
278                        </picture>        </div>
279      </div>
280    </div>
281</section>
281<!-- News LAUFBAND -->
282<div class="bg-(--color-bg-quaternary) relative mt-10 flex overflow-x-hidden">
283    <div class="animate-marquee whitespace-nowrap">
284        <div class="p-5 text-4xl text-white">
285            <span class='ml-12'>Our best Märzen is available this month – spicy, full-bodied light note of hop and natural opaque</span><span class='ml-12'>Our best Märzen is available this month – spicy, full-bodied light note of hop and natural opaque</span>        </div>
286    </div>
287    <div class="animate-marquee2 absolute whitespace-nowrap">
288        <div class="p-5 text-4xl text-white">
289            <span class='ml-12'>Our best Märzen is available this month – spicy, full-bodied light note of hop and natural opaque</span><span class='ml-12'>Our best Märzen is available this month – spicy, full-bodied light note of hop and natural opaque</span>        </div>
290    </div>
291</div><!-- BILDSCHAU CANVAS -->
292<div class="container mx-auto px-6 py-10">
293  <div class="space-y-6 mx-auto">
294      
295            <picture class='my-6 block relative overflow-hidden'>
296              <source media='(max-width: 500px)' srcset='/site/assets/files/1034/vetter_steingasse_impressio_interior.800x0.webp' width='800' height='534' type='image/webp'>
297              <source media='(max-width: 800px)' srcset='/site/assets/files/1034/vetter_steingasse_impressio_interior.1080x0.webp' width='1080' height='721' type='image/webp'>
298              <source media='(max-width: 1080px)' srcset='/site/assets/files/1034/vetter_steingasse_impressio_interior.1080x0.webp' width='1080' height='721' type='image/webp'>
299              <source media='(max-width: 1600px)' srcset='/site/assets/files/1034/vetter_steingasse_impressio_interior.1600x0.webp' width='1600' height='1069' type='image/webp'>
300              <source media='(min-width: 1920px)' srcset='/site/assets/files/1034/vetter_steingasse_impressio_interior.2500x1670.webp' width='2500' height='1670' type='image/webp'>
301              <img class='transition duration-2000 ease-in-out hover:scale-102' src='/site/assets/files/1034/vetter_steingasse_impressio_interior.2500x1670.jpg' width='2500' height='1670' srcset='
302              /site/assets/files/1034/vetter_steingasse_impressio_interior.800x0.jpg 500w,
303              /site/assets/files/1034/vetter_steingasse_impressio_interior.1080x0.jpg 800w,
304              /site/assets/files/1034/vetter_steingasse_impressio_interior.1080x0.jpg 1080w,
305              /site/assets/files/1034/vetter_steingasse_impressio_interior.1600x0.jpg 1600w,
306              /site/assets/files/1034/vetter_steingasse_impressio_interior.2500x1670.jpg 1920w'
307              loading='lazy' alt='Blick in die Steingasse Altstadt Heidelberg'>
308            </picture>  </div>
309</div><!-- Zitat CANVAS -->
310<section class="mx-auto px-6 py-20">
311    <div class="mx-auto max-w-3xl space-y-6 text-black dark:text-white text-center">
312        <div class="flex items-center justify-center">
313            <img src="/site/templates/build/assets/img/pikto_bierkrug_black.svg" class="animate-wiggle motion-reduce:transition-none block dark:hidden" width="95" height="120" title="Bierkrug Piktogram">
314            <img src="/site/templates/build/assets/img/pikto_bierkrug_white.svg" class="animate-wiggle motion-reduce:transition-none hidden dark:block" width="95" height="120" title="Bierkrug Piktogram">
315        </div>
316        <figure class="mt-10 prose-blockquote:text-5xl prose-blockquote:md:text-6xl prose-blockquote:leading-tight prose-blockquote:font">
317            <blockquote>
318<p>In every glass of beer lies the experience of countless generations.</p>
319</blockquote>                        <figcaption class="mt-5 font-medium text-lg">
320                    <p>Erich Kästner</p>
321                </figcaption>
322                    </figure>
323    </div>
324</section><!-- Speisekarte TWOCOL PARAGRAPH CANVAS -->
325<section class="bg-(--color-bg-secondary) dark:bg-transparent">
326    <div class="container mx-auto px-6 py-10 dark:border-t  dark:border-amber-50 p-3.5">
327  <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-14 items-center">
328    <div class="font-medium w-full text-2xl lg:text-3xl text-black dark:text-white prose-headings:text-7xl prose-headings:md:text-8xl prose-headings:mb-5 prose-headings:leading-tight prose-p:mb-7  prose-ul:list-['-'] prose-ul:[&>li]:pl-3 prose-ul:list-outside prose-ul:pl-4 prose-li:mb-3 prose-ul:mt-12 prose-ul:mb-14">
329        <h3>Menu</h3>
330        <ul>
331<li>A cozy, traditional atmosphere right in the heart of the brewery</li>
332<li>Fresh, home-brewed seasonal beers</li>
333<li>German and Bavarian specialties</li>
334<li>Rustic-style grilled dishes</li>
335<li>Delicious treats and hearty snacks</li>
336<li>Freshly tapped beers</li>
337<li>Non-alcoholic beer / wine</li>
338<li>Meatless &amp; Vegetarian, Vegan, and gluten-free options available</li>
339</ul>
340        <a href='/site/assets/files/1036/vetters_brauhaus_en_menu_beverages_032026.pdf' aria-label='Show Menu & Beverages' class='inline-block cursor-pointer px-4 py-2.5 text-xl font-medium text-black shadow-xs inset-ring-2 inset-ring-black hover:inset-ring-gray-700 hover:text-gray-700 dark:hover:text-white dark:hover:inset-ring-white dark:inset-ring-white dark:text-white uppercase whitespace-nowrap'>Show Menu & Beverages</a>    </div>
341    <div>
342        <div class="swiperbody">
343            <div class="swiper swiper-fun-micky-334">
344              <div class="swiper-wrapper">
345                  
346                            <div class='swiper-slide swiper-slide-4ffe'>
347                              <img class='swiper-slide-bg-image-bdb6' src='/site/assets/files/1036/speisekarte_hoch.1843x2500.jpg' width='1843' height='2500' alt=''>
348                              <div class='swiper-slide-content swiper-slide-content-2f5e'></div>
349                            </div>
350                            <div class='swiper-slide swiper-slide-4ffe'>
351                              <img class='swiper-slide-bg-image-bdb6' src='/site/assets/files/1036/e4_hoch_hoch-1.1843x2500.jpg' width='1843' height='2500' alt=''>
352                              <div class='swiper-slide-content swiper-slide-content-2f5e'></div>
353                            </div>
354                            <div class='swiper-slide swiper-slide-4ffe'>
355                              <img class='swiper-slide-bg-image-bdb6' src='/site/assets/files/1036/unknown_hoch.1843x2500.jpg' width='1843' height='2500' alt=''>
356                              <div class='swiper-slide-content swiper-slide-content-2f5e'></div>
357                            </div>
358                            <div class='swiper-slide swiper-slide-4ffe'>
359                              <img class='swiper-slide-bg-image-bdb6' src='/site/assets/files/1036/unknown-1_hoch.1843x2500.jpg' width='1843' height='2500' alt=''>
360                              <div class='swiper-slide-content swiper-slide-content-2f5e'></div>
361                            </div>                  <div class="swiper-pagination"></div>
362            </div>
363        </div>
364    </div>
365  </div>
366</section><!-- Code TMP CANVAS -->
367<!-- Bierspezialitäten TWOCOL PARAGRAPH CANVAS -->
368        <section class="container mx-auto px-6 py-10" id="beers">
369            <h4 class="font-medium text-6xl md:text-8xl text-black dark:text-white mt-1.5 mb-12 max-w-4xl">Our home-brewed Beers</h4>
370            <div class="grid grid-cols-1 lg:grid-cols-3 gap-0 lg:gap-12 items-start">
371                <div class="mb-12 lg:mb-0">
372                    <img src="/site/templates/build/assets/img/vetter_braumeister.jpg" width="2500" height="1670" loading="lazy" title="Vetter's Braumeister beim Fassanstich">
373                </div>
374                <div class="md:col-span-2">
375                <div class="mx-auto font-medium">
376                        <dl class="divide-y divide-black dark:divide-amber-50">
377                            <div class="py-4 first:pt-0 last:pb-0">
378                                <dt>
379                                    <button type="button" command="--toggle" commandfor="faq-0" class="flex w-full items-start justify-between text-left text-black dark:text-white">
380                                        <span class="text-5xl md:text-6xl">Brauhaus Lager</span>
381                                        <span class="ml-6 flex h-7 items-center">
382                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6 in-aria-expanded:hidden">
383                                                <path d="M12 6v12m6-6H6" stroke-linecap="round" stroke-linejoin="round" />
384                                            </svg>
385                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6 not-in-aria-expanded:hidden">
386                                                <path d="M18 12H6" stroke-linecap="round" stroke-linejoin="round" />
387                                            </svg>
388                                        </span>
389                                    </button>
390                                </dt>
391                                <el-disclosure id="faq-0" hidden class="contents">
392                                    <dd class="my-6 md:my-8 pr-12">
393                                        <p class="prose-2xl leading-relaxed text-black dark:text-white">
394                                            (also as a shandy)<br>
395                                            Bavarian full beer, Pilsner brewing style, natural golden-yellow<br>
396                                            ~11,5°P original wort, ~4,5% vol.
397                                        </p>
398                                    </dd>
399                                </el-disclosure>
400                            </div>
401                            <div class="py-2 first:pt-0 last:pb-0">
402                                <dt>
403                                    <button type="button" command="--toggle" commandfor="faq-1" class="flex w-full items-start justify-between text-left text-black dark:text-white">
404                                        <span class="text-5xl md:text-6xl">Dark Yeast Wheat Beer</span>
405                                        <span class="ml-6 flex h-7 items-center">
406                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6 in-aria-expanded:hidden">
407                                                <path d="M12 6v12m6-6H6" stroke-linecap="round" stroke-linejoin="round" />
408                                            </svg>
409                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6 not-in-aria-expanded:hidden">
410                                                <path d="M18 12H6" stroke-linecap="round" stroke-linejoin="round" />
411                                            </svg>
412                                        </span>
413                                    </button>
414                                </dt>
415                                <el-disclosure id="faq-1" hidden class="contents">
416                                    <dd class="my-6 md:my-8 pr-12">
417                                        <p class="prose-2xl leading-relaxed text-black dark:text-white">
418                                            (also as a shandy)<br>
419                                            full-bodied yeast wheat with a light malt flavor and slightly fruity, natural dark brown<br>
420                                            ~12,7°P original wort, ~4,8% vol.
421                                        </p>
422                                    </dd>
423                                </el-disclosure>
424                            </div>
425                            <div class="py-2 first:pt-0 last:pb-0">
426                                <dt>
427                                    <button type="button" command="--toggle" commandfor="faq-2" class="flex w-full items-start justify-between text-left text-black dark:text-white">
428                                        <span class="text-5xl md:text-6xl">VETTER 33</span>
429                                        <span class="ml-6 flex h-7 items-center">
430                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6 in-aria-expanded:hidden">
431                                                <path d="M12 6v12m6-6H6" stroke-linecap="round" stroke-linejoin="round" />
432                                            </svg>
433                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6 not-in-aria-expanded:hidden">
434                                                <path d="M18 12H6" stroke-linecap="round" stroke-linejoin="round" />
435                                            </svg>
436                                        </span>
437                                    </button>
438                                </dt>
439                                <el-disclosure id="faq-2" hidden class="contents">
440                                    <dd class="my-6 md:my-8 pr-12">
441                                        <p class="prose-2xl leading-relaxed text-black dark:text-white">
442                                            The strongest beer by original wort, mentioned in Guinness Book of Records in 1994.<br>
443                                            ~33°P original wort, ~10,5% vol.
444                                        </p>
445                                    </dd>
446                                </el-disclosure>
447                            </div>
448                        </dl>
449                </div>
450                </div>
451          </div>
452        </section><!-- Code TMP CANVAS -->
453<!-- Saisonbiere TWOCOL PARAGRAPH CANVAS -->
454        <section class="container mx-auto px-6 py-10 pb-20">
455            <h4 class="font-medium text-6xl md:text-8xl  text-black dark:text-white mt-1.5 mb-12">Vetter’s <br> Seasonal Beers</h4>
456            <div class="grid grid-cols-1 lg:grid-cols-3 gap-0 lg:gap-12 items-start">
457                <div class="mb-12 lg:mb-0">
458                    <img src="/site/templates/build/assets/img/vetter_biersorten.jpg" width="2500" height="1670" loading="lazy" title="Vetter's Bierauswahl">
459                </div>
460                <div class="md:col-span-2">
461                <div class="mx-auto font-medium">
462                        <dl class="divide-y divide-black dark:divide-amber-50">
463                            <div class="py-4 first:pt-0 last:pb-0">
464                                <dt>
465                                    <button type="button" command="--toggle" commandfor="faq-3" class="flex w-full items-start justify-between text-left text-black dark:text-white">
466                                        <span class="text-5xl md:text-6xl">Double Bock</span>
467                                        <span class="ml-6 flex h-7 items-center">
468                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6 in-aria-expanded:hidden">
469                                                <path d="M12 6v12m6-6H6" stroke-linecap="round" stroke-linejoin="round" />
470                                            </svg>
471                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6 not-in-aria-expanded:hidden">
472                                                <path d="M18 12H6" stroke-linecap="round" stroke-linejoin="round" />
473                                            </svg>
474                                        </span>
475                                    </button>
476                                </dt>
477                                <el-disclosure id="faq-3" hidden class="contents">
478                                    <dd class="my-6 md:my-8 pr-12">
479                                        <p class="prose-2xl leading-relaxed text-black dark:text-white">
480                                            in February & March<br>
481                                            Strong beer with slight molasses flavor sugar, natural cloudy<br>
482                                            ~18,8°P original wort, ~7% vol.
483                                        </p>
484                                    </dd>
485                                </el-disclosure>
486                            </div>
487                            <div class="py-2 first:pt-0 last:pb-0">
488                                <dt>
489                                    <button type="button" command="--toggle" commandfor="faq-4" class="flex w-full items-start justify-between text-left text-black dark:text-white">
490                                        <span class="text-5xl md:text-6xl">Märzen</span>
491                                        <span class="ml-6 flex h-7 items-center">
492                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6 in-aria-expanded:hidden">
493                                                <path d="M12 6v12m6-6H6" stroke-linecap="round" stroke-linejoin="round" />
494                                            </svg>
495                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6 not-in-aria-expanded:hidden">
496                                                <path d="M18 12H6" stroke-linecap="round" stroke-linejoin="round" />
497                                            </svg>
498                                        </span>
499                                    </button>
500                                </dt>
501                                <el-disclosure id="faq-4" hidden class="contents">
502                                    <dd class="my-6 md:my-8 pr-12">
503                                        <p class="prose-2xl leading-relaxed text-black dark:text-white">
504                                            in autumn and other times<br>
505                                            spicy, full-bodied light note of hop, natural opaque, copper color<br>
506                                            ~13,8°P original wort, ~5,4% vol.
507                                        </p>
508                                    </dd>
509                                </el-disclosure>
510                            </div>
511                            <div class="py-2 first:pt-0 last:pb-0">
512                                <dt>
513                                    <button type="button" command="--toggle" commandfor="faq-5" class="flex w-full items-start justify-between text-left text-black dark:text-white">
514                                        <span class="text-5xl md:text-6xl">May Beer</span>
515                                        <span class="ml-6 flex h-7 items-center">
516                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6 in-aria-expanded:hidden">
517                                                <path d="M12 6v12m6-6H6" stroke-linecap="round" stroke-linejoin="round" />
518                                            </svg>
519                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6 not-in-aria-expanded:hidden">
520                                                <path d="M18 12H6" stroke-linecap="round" stroke-linejoin="round" />
521                                            </svg>
522                                        </span>
523                                    </button>
524                                </dt>
525                                <el-disclosure id="faq-5" hidden class="contents">
526                                    <dd class="my-6 md:my-8 pr-12">
527                                        <p class="prose-2xl leading-relaxed text-black dark:text-white">
528                                            in April & May<br>
529                                            Full-bodied, natural cloudy - dark copper<br>
530                                            ~16,4°P original wort, ~6% vol.
531                                        </p>
532                                    </dd>
533                                </el-disclosure>
534                            </div>
535                            <div class="py-2 first:pt-0 last:pb-0">
536                                <dt>
537                                    <button type="button" command="--toggle" commandfor="faq-6" class="flex w-full items-start justify-between text-left text-black dark:text-white">
538                                        <span class="text-5xl md:text-6xl">Vetter’s Frisch</span>
539                                        <span class="ml-6 flex h-7 items-center">
540                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6 in-aria-expanded:hidden">
541                                                <path d="M12 6v12m6-6H6" stroke-linecap="round" stroke-linejoin="round" />
542                                            </svg>
543                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6 not-in-aria-expanded:hidden">
544                                                <path d="M18 12H6" stroke-linecap="round" stroke-linejoin="round" />
545                                            </svg>
546                                        </span>
547                                    </button>
548                                </dt>
549                                <el-disclosure id="faq-6" hidden class="contents">
550                                    <dd class="my-6 md:my-8 pr-12">
551                                        <p class="prose-2xl leading-relaxed text-black dark:text-white">
552                                            in summer times<br>
553                                            Natural gray - gold yellow determined by the yeast variety, top-fermented beer<br>
554                                            ~11,5°P original wort, ~4,5% vol.
555                                        </p>
556                                    </dd>
557                                </el-disclosure>
558                            </div>
559                            <div class="py-2 first:pt-0 last:pb-0">
560                                <dt>
561                                    <button type="button" command="--toggle" commandfor="faq-7" class="flex w-full items-start justify-between text-left text-black dark:text-white">
562                                        <span class="text-5xl md:text-6xl">Christmas Bock</span>
563                                        <span class="ml-6 flex h-7 items-center">
564                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6 in-aria-expanded:hidden">
565                                                <path d="M12 6v12m6-6H6" stroke-linecap="round" stroke-linejoin="round" />
566                                            </svg>
567                                            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" data-slot="icon" aria-hidden="true" class="size-6 not-in-aria-expanded:hidden">
568                                                <path d="M18 12H6" stroke-linecap="round" stroke-linejoin="round" />
569                                            </svg>
570                                        </span>
571                                    </button>
572                                </dt>
573                                <el-disclosure id="faq-7" hidden class="contents">
574                                    <dd class="my-6 md:my-8 pr-12">
575                                        <p class="prose-2xl leading-relaxed text-black dark:text-white">
576                                            in November & December<br>
577                                            full-bodied, natural cloudy - dark copper<br>
578                                            ~16,6°P original wort, ~6,2% vol.
579                                        </p>
580                                    </dd>
581                                </el-disclosure>
582                            </div>
583                        </dl>
584                </div>
585                </div>
586          </div>
587        </section><!-- Probierbrett TWOCOL PARAGRAPH CANVAS -->
588<section class="bg-(--color-bg-secondary) dark:bg-transparent">
589    <div class="container mx-auto px-6 py-20">
590        <div class="grid grid-cols-1 lg:grid-cols-3 gap-12">
591            <div class="font-medium prose-2xl leading-tight text-black dark:text-white prose-headings:text-5xl prose-headings:md:text-7xl prose-headings:mb-10 prose-ul:list-disc prose-ul:list-outside prose-ul:pl-6 prose-ul:md:pl-8 prose-ul:lg:pl-6 prose-ul:xl:pl-10 prose-ul:mb-7 prose-a:underline prose-a:hover:text-gray-700 dark:prose-a:hover:text-gray-300 transition [&_a]:transition-colors [&_a]:duration-600">
592                <h5 class="text-6xl md:text-7xl text-black dark:text-white ">Vetter’s <br>Sampler</h5>
593                <p>Sample of our four Draft Beers</p>            </div>
594            <div class="md:col-span-2">
595                
596                      <picture>
597                        <source media='(max-width: 500px)' srcset='/site/assets/files/1039/vetter_probierbrett.800x0.webp' width='800' height='534' type='image/webp'>
598                        <source media='(max-width: 800px)' srcset='/site/assets/files/1039/vetter_probierbrett.1080x0.webp' width='1080' height='721' type='image/webp'>
599                        <source media='(max-width: 1080px)' srcset='/site/assets/files/1039/vetter_probierbrett.1080x0.webp' width='1080' height='721' type='image/webp'>
600                        <source media='(max-width: 1600px)' srcset='/site/assets/files/1039/vetter_probierbrett.1600x0.webp' width='1600' height='1069' type='image/webp'>
601                        <source media='(min-width: 1920px)' srcset='/site/assets/files/1039/vetter_probierbrett.2500x1670.webp' width='2500' height='1670' type='image/webp'>
602                        <img src='/site/assets/files/1039/vetter_probierbrett.2500x1670.jpg' width='2500' height='1670' srcset='
603                        /site/assets/files/1039/vetter_probierbrett.800x0.jpg 500w,
604                        /site/assets/files/1039/vetter_probierbrett.1080x0.jpg 800w,
605                        /site/assets/files/1039/vetter_probierbrett.1080x0.jpg 1080w,
606                        /site/assets/files/1039/vetter_probierbrett.1600x0.jpg 1600w,
607                        /site/assets/files/1039/vetter_probierbrett.2500x1670.jpg 1920w'
608                        loading='lazy' alt='Sample of our four Draft Beers'>
609                      </picture>            </div>
610        </div>
611    </div>
612</section><!-- OneCol VETTER33 Badge -->
613<div class="bg-(--color-bg-secondary) dark:bg-transparent">
614    <div class="container mx-auto px-6 py-10 border-t border-black dark:border-amber-50 p-3.5 text-black dark:text-white">
615        <div class="w-full text-black dark:text-white text-5xl md:text-5xl prose-headings:text-5xl prose-headings:md:text-7xl prose-headings:mb-5 prose-headings:leading-tight leading-tight prose-p:mb-7 prose-a:underline prose-ul:list-disc prose-ul:list-outside prose-ul:pl-6 prose-ul:md:pl-8 prose-ul:lg:pl-6 prose-ul:xl:pl-10 prose-li:mb-7">
616            <p class="text-center lg:text-left"><p>Try our VETTER 33&reg;, the world&rsquo;s strongest beer by original wort (33&deg;P), mentioned in the Guinness Book of World Records in 1994.</p></p>
617        </div>
618        <div class="flex items-center justify-center my-24">
619            <div class="pointer-none [transform:perspective(800px)_rotateY(15deg)] hover:[transform:perspective(800px)_rotateY(-25deg)] group duration-1500">
620                <img src="/site/templates/build/assets/img/Vetter33_badge_black.svg" class="duration-300 group-hover:-translate-x-8 block dark:hidden" width="200" height="226" alt="VETTER 33 schwarzes Badge" title="VETTER 33 Badge">
621            </div>
622            <div class="pointer-none [transform:perspective(800px)_rotateY(15deg)] hover:[transform:perspective(800px)_rotateY(-25deg)] group duration-1500">
623                <img src="/site/templates/build/assets/img/Vetter33_badge_white.svg" class="duration-300 group-hover:-translate-x-8 hidden dark:block" width="200" height="226" alt="VETTER 33 weißes Badge" title="VETTER 33 Badge">
624            </div>
625        </div>
626    </div>
627</div><!-- Feste Feiern CANVAS -->
628<section class="bg-(--color-bg-tertiary)" id="festfeiern">
629    <div class="container mx-auto px-6 py-20">
630        <div class="grid grid-cols-1 lg:grid-cols-3 gap-12 md:gap-6 leading-tight text-black prose-headings:text-7xl prose-headings:md:text-8xl prose-headings:mb-10 prose-p:mb-6 prose-ul:list-disc prose-ul:list-outside prose-ul:pl-6 prose-ul:md:pl-8 prose-ul:lg:pl-6 prose-ul:xl:pl-10 prose-ul:mb-7 prose-a:underline prose-a:hover:text-gray-900 transition [&_a]:transition-colors font-medium">
631            <div class="space-y-6">
632                <h4>Let's celebrate</h4>
633            </div>
634            <div class="mt-[0%] lg:mt-[15%] col-span-2 text-3xl">
635                <p>For groups and events up to 150 people, we offer a variety of menu options that can be customized for many occassion. Our adjoining room can seat up to 30 people. Enjoy our complete brewery experience: Delicious radish platters loaded with Regensburger Sausages and freshly baked potatoes as a hearty appetizer, followed by large, family-style pewter pans decked with all our traditional Bavarian classics from the kitchen (knuckles of pork, sausages, schnitzels, meat cheese, chicken wings). And no evening in Vetter's is complete without a warm apple strudel served with whipped cream. All drinks (except spirits) are included.</p>
636<p><a href="/en/contact/">We would be pleased to advise you</a> on the ideal selection.</p>            </div>
637        </div>
638        <div class="my-20 pb-0 prose-headings:text-4xl prose-headings:mb-10 prose-li:mb-2.5 prose-ul-md:mt-12 prose-ul:[&>li]:text-4xl prose-ul:[&>li]:md:text-6xl prose-ul-mb-14">
639            <h6>Overview</h6>
640<ul>
641<li>Brewhouse 150 people</li>
642<li>Brewhouse Lounge 45 people</li>
643<li>Outdoor seating in Beer garden</li>
644</ul>        </div>
645        <div class="text-left">
646            <a href='/en/contact/#ihreanfrage' aria-label='Make a Request' class='inline-block cursor-pointer px-4 py-2.5 text-xl font-medium text-black shadow-xs inset-ring-2 inset-ring-black hover:inset-ring-white hover:text-white uppercase whitespace-nowrap' aria-label='Make a Request'>Make a Request</a>        </div>
647    </div>
648  <div class="container mx-auto px-6 py-10">
649    <div class="w-full space-y-6 mx-auto">
650        <div class="h-auto md:min-h-[450x] md:basis-1/2">
651            <div class="swiperbody">
652                <div class="swiper swiper-fun-micky-334">
653                    <div class="swiper-wrapper">
654                        
655                                  <div class='swiper-slide swiper-slide-4ffe'>
656                                    <img class='swiper-slide-bg-image swiper-slide-bg-image-6d2c' src='/site/assets/files/1041/slider_festefeiern-01.2500x1670.webp' width='2500' height='1670' alt='Traditionelles Brauhaus für Wurstgerichte, Schnitzel, Brezen und Fassbier.'>
657                                    <div class='swiper-slide-content swiper-slide-content-b827'></div>
658                                  </div>
659                                  <div class='swiper-slide swiper-slide-4ffe'>
660                                    <img class='swiper-slide-bg-image swiper-slide-bg-image-6d2c' src='/site/assets/files/1041/slider_festefeiern-02.2500x1670.webp' width='2500' height='1670' alt='Blick in das Brauhaus für Wurstgerichte, Schnitzel, Brezen und Fassbier.'>
661                                    <div class='swiper-slide-content swiper-slide-content-b827'></div>
662                                  </div>                    </div>
663                    <div class="swiper-pagination"></div>
664                </div>
665            </div>
666        </div>
667    </div>
668  </div>
669</section><!-- Instagram Emotio Canvas  -->
670<section class="px-6 p-3.5">
671    <div class="w-full py-20">
672        <div class="container mx-auto text-black dark:text-white prose-headings:text-7xl prose-headings:md:text-8xl prose-headings:mb-5 prose-headings:leading-tight text-2xl leading-relaxed prose-p:mb-7 prose-a:underline prose-ul:list-outside prose-ul:pl-6 prose-ul:md:pl-8 prose-ul:lg:pl-6 prose-ul:xl:pl-10 prose-li:mb-3 font-medium prose-a:hover:text-gray-900 dark:prose-a:hover:text-gray-300 transition [&_a]:transition-colors [&_a]:duration-600">
673            <h2>Say cheers Vetter’s</h2>
674            <p>Share your moments! <a href="https://www.instagram.com/brauhaus_vetter_heidelberg/" target="_blank" rel="noopener noreferrer"><span class="text-3xl md:text-5xl">#brauhausvetter</span></a></p>        </div>
675        <a href="https://www.instagram.com/brauhaus_vetter_heidelberg/" title="Share your moments! #brauhausvetter" target="_blank" rel="noopener noreferrer">
676            <div class="mt-10 grid grid-cols-3 sm:grid-cols-4 xl:grid-cols-6 gap-1 items-center overflow-hidden">
677                
678                      <picture  class='relative overflow-hidden'>
679                        <source media='(max-width: 500px)' srcset='/site/assets/files/1044/insta9.0x835.webp' width='626' height='835' type='image/webp'>
680                        <source media='(max-width: 800px)' srcset='/site/assets/files/1044/insta9.0x1670.webp' width='1252' height='1670' type='image/webp'>
681                        <source media='(max-width: 1080px)' srcset='/site/assets/files/1044/insta9.0x1670.webp' width='1252' height='1670' type='image/webp'>
682                        <source media='(max-width: 1600px)' srcset='/site/assets/files/1044/insta9.0x1670.webp' width='1252' height='1670' type='image/webp'>
683                        <source media='(min-width: 1920px)' srcset='/site/assets/files/1044/insta9.0x1670.webp' width='1252' height='1670' type='image/webp'>
684                        <img class='transition duration-1000 ease-in-out hover:scale-102' src='/site/assets/files/1044/insta9.0x1670.jpg' width='1252' height='1670' srcset='
685                        /site/assets/files/1044/insta9.0x835.jpg 500w,
686                        /site/assets/files/1044/insta9.0x1670.jpg 800w,
687                        /site/assets/files/1044/insta9.0x1670.jpg 1080w,
688                        /site/assets/files/1044/insta9.0x1670.jpg 1600w,
689                        /site/assets/files/1044/insta9.0x1670.jpg 1920w'
690                        loading='lazy' alt=''>
691                      </picture>
692                      <picture  class='relative overflow-hidden'>
693                        <source media='(max-width: 500px)' srcset='/site/assets/files/1044/insta19.0x835.webp' width='626' height='835' type='image/webp'>
694                        <source media='(max-width: 800px)' srcset='/site/assets/files/1044/insta19.0x1670.webp' width='1252' height='1670' type='image/webp'>
695                        <source media='(max-width: 1080px)' srcset='/site/assets/files/1044/insta19.0x1670.webp' width='1252' height='1670' type='image/webp'>
696                        <source media='(max-width: 1600px)' srcset='/site/assets/files/1044/insta19.0x1670.webp' width='1252' height='1670' type='image/webp'>
697                        <source media='(min-width: 1920px)' srcset='/site/assets/files/1044/insta19.0x1670.webp' width='1252' height='1670' type='image/webp'>
698                        <img class='transition duration-1000 ease-in-out hover:scale-102' src='/site/assets/files/1044/insta19.0x1670.jpg' width='1252' height='1670' srcset='
699                        /site/assets/files/1044/insta19.0x835.jpg 500w,
700                        /site/assets/files/1044/insta19.0x1670.jpg 800w,
701                        /site/assets/files/1044/insta19.0x1670.jpg 1080w,
702                        /site/assets/files/1044/insta19.0x1670.jpg 1600w,
703                        /site/assets/files/1044/insta19.0x1670.jpg 1920w'
704                        loading='lazy' alt=''>
705                      </picture>
706                      <picture  class='relative overflow-hidden'>
707                        <source media='(max-width: 500px)' srcset='/site/assets/files/1044/insta21.0x835.webp' width='626' height='835' type='image/webp'>
708                        <source media='(max-width: 800px)' srcset='/site/assets/files/1044/insta21.0x1670.webp' width='1252' height='1670' type='image/webp'>
709                        <source media='(max-width: 1080px)' srcset='/site/assets/files/1044/insta21.0x1670.webp' width='1252' height='1670' type='image/webp'>
710                        <source media='(max-width: 1600px)' srcset='/site/assets/files/1044/insta21.0x1670.webp' width='1252' height='1670' type='image/webp'>
711                        <source media='(min-width: 1920px)' srcset='/site/assets/files/1044/insta21.0x1670.webp' width='1252' height='1670' type='image/webp'>
712                        <img class='transition duration-1000 ease-in-out hover:scale-102' src='/site/assets/files/1044/insta21.0x1670.jpg' width='1252' height='1670' srcset='
713                        /site/assets/files/1044/insta21.0x835.jpg 500w,
714                        /site/assets/files/1044/insta21.0x1670.jpg 800w,
715                        /site/assets/files/1044/insta21.0x1670.jpg 1080w,
716                        /site/assets/files/1044/insta21.0x1670.jpg 1600w,
717                        /site/assets/files/1044/insta21.0x1670.jpg 1920w'
718                        loading='lazy' alt=''>
719                      </picture>
720                      <picture  class='relative overflow-hidden'>
721                        <source media='(max-width: 500px)' srcset='/site/assets/files/1044/insta1.0x835.webp' width='626' height='835' type='image/webp'>
722                        <source media='(max-width: 800px)' srcset='/site/assets/files/1044/insta1.0x1670.webp' width='1252' height='1670' type='image/webp'>
723                        <source media='(max-width: 1080px)' srcset='/site/assets/files/1044/insta1.0x1670.webp' width='1252' height='1670' type='image/webp'>
724                        <source media='(max-width: 1600px)' srcset='/site/assets/files/1044/insta1.0x1670.webp' width='1252' height='1670' type='image/webp'>
725                        <source media='(min-width: 1920px)' srcset='/site/assets/files/1044/insta1.0x1670.webp' width='1252' height='1670' type='image/webp'>
726                        <img class='transition duration-1000 ease-in-out hover:scale-102' src='/site/assets/files/1044/insta1.0x1670.jpg' width='1252' height='1670' srcset='
727                        /site/assets/files/1044/insta1.0x835.jpg 500w,
728                        /site/assets/files/1044/insta1.0x1670.jpg 800w,
729                        /site/assets/files/1044/insta1.0x1670.jpg 1080w,
730                        /site/assets/files/1044/insta1.0x1670.jpg 1600w,
731                        /site/assets/files/1044/insta1.0x1670.jpg 1920w'
732                        loading='lazy' alt=''>
733                      </picture>
734                      <picture  class='relative overflow-hidden'>
735                        <source media='(max-width: 500px)' srcset='/site/assets/files/1044/insta25.0x835.webp' width='626' height='835' type='image/webp'>
736                        <source media='(max-width: 800px)' srcset='/site/assets/files/1044/insta25.0x1670.webp' width='1252' height='1670' type='image/webp'>
737                        <source media='(max-width: 1080px)' srcset='/site/assets/files/1044/insta25.0x1670.webp' width='1252' height='1670' type='image/webp'>
738                        <source media='(max-width: 1600px)' srcset='/site/assets/files/1044/insta25.0x1670.webp' width='1252' height='1670' type='image/webp'>
739                        <source media='(min-width: 1920px)' srcset='/site/assets/files/1044/insta25.0x1670.webp' width='1252' height='1670' type='image/webp'>
740                        <img class='transition duration-1000 ease-in-out hover:scale-102' src='/site/assets/files/1044/insta25.0x1670.jpg' width='1252' height='1670' srcset='
741                        /site/assets/files/1044/insta25.0x835.jpg 500w,
742                        /site/assets/files/1044/insta25.0x1670.jpg 800w,
743                        /site/assets/files/1044/insta25.0x1670.jpg 1080w,
744                        /site/assets/files/1044/insta25.0x1670.jpg 1600w,
745                        /site/assets/files/1044/insta25.0x1670.jpg 1920w'
746                        loading='lazy' alt=''>
747                      </picture>
748                      <picture  class='relative overflow-hidden'>
749                        <source media='(max-width: 500px)' srcset='/site/assets/files/1044/insta18.0x835.webp' width='626' height='835' type='image/webp'>
750                        <source media='(max-width: 800px)' srcset='/site/assets/files/1044/insta18.0x1670.webp' width='1252' height='1670' type='image/webp'>
751                        <source media='(max-width: 1080px)' srcset='/site/assets/files/1044/insta18.0x1670.webp' width='1252' height='1670' type='image/webp'>
752                        <source media='(max-width: 1600px)' srcset='/site/assets/files/1044/insta18.0x1670.webp' width='1252' height='1670' type='image/webp'>
753                        <source media='(min-width: 1920px)' srcset='/site/assets/files/1044/insta18.0x1670.webp' width='1252' height='1670' type='image/webp'>
754                        <img class='transition duration-1000 ease-in-out hover:scale-102' src='/site/assets/files/1044/insta18.0x1670.jpg' width='1252' height='1670' srcset='
755                        /site/assets/files/1044/insta18.0x835.jpg 500w,
756                        /site/assets/files/1044/insta18.0x1670.jpg 800w,
757                        /site/assets/files/1044/insta18.0x1670.jpg 1080w,
758                        /site/assets/files/1044/insta18.0x1670.jpg 1600w,
759                        /site/assets/files/1044/insta18.0x1670.jpg 1920w'
760                        loading='lazy' alt=''>
761                      </picture>
762                      <picture  class='relative overflow-hidden'>
763                        <source media='(max-width: 500px)' srcset='/site/assets/files/1044/insta20.0x835.webp' width='626' height='835' type='image/webp'>
764                        <source media='(max-width: 800px)' srcset='/site/assets/files/1044/insta20.0x1670.webp' width='1252' height='1670' type='image/webp'>
765                        <source media='(max-width: 1080px)' srcset='/site/assets/files/1044/insta20.0x1670.webp' width='1252' height='1670' type='image/webp'>
766                        <source media='(max-width: 1600px)' srcset='/site/assets/files/1044/insta20.0x1670.webp' width='1252' height='1670' type='image/webp'>
767                        <source media='(min-width: 1920px)' srcset='/site/assets/files/1044/insta20.0x1670.webp' width='1252' height='1670' type='image/webp'>
768                        <img class='transition duration-1000 ease-in-out hover:scale-102' src='/site/assets/files/1044/insta20.0x1670.jpg' width='1252' height='1670' srcset='
769                        /site/assets/files/1044/insta20.0x835.jpg 500w,
770                        /site/assets/files/1044/insta20.0x1670.jpg 800w,
771                        /site/assets/files/1044/insta20.0x1670.jpg 1080w,
772                        /site/assets/files/1044/insta20.0x1670.jpg 1600w,
773                        /site/assets/files/1044/insta20.0x1670.jpg 1920w'
774                        loading='lazy' alt=''>
775                      </picture>
776                      <picture  class='relative overflow-hidden'>
777                        <source media='(max-width: 500px)' srcset='/site/assets/files/1044/insta22.0x835.webp' width='626' height='835' type='image/webp'>
778                        <source media='(max-width: 800px)' srcset='/site/assets/files/1044/insta22.0x1670.webp' width='1252' height='1670' type='image/webp'>
779                        <source media='(max-width: 1080px)' srcset='/site/assets/files/1044/insta22.0x1670.webp' width='1252' height='1670' type='image/webp'>
780                        <source media='(max-width: 1600px)' srcset='/site/assets/files/1044/insta22.0x1670.webp' width='1252' height='1670' type='image/webp'>
781                        <source media='(min-width: 1920px)' srcset='/site/assets/files/1044/insta22.0x1670.webp' width='1252' height='1670' type='image/webp'>
782                        <img class='transition duration-1000 ease-in-out hover:scale-102' src='/site/assets/files/1044/insta22.0x1670.jpg' width='1252' height='1670' srcset='
783                        /site/assets/files/1044/insta22.0x835.jpg 500w,
784                        /site/assets/files/1044/insta22.0x1670.jpg 800w,
785                        /site/assets/files/1044/insta22.0x1670.jpg 1080w,
786                        /site/assets/files/1044/insta22.0x1670.jpg 1600w,
787                        /site/assets/files/1044/insta22.0x1670.jpg 1920w'
788                        loading='lazy' alt=''>
789                      </picture>
790                      <picture  class='relative overflow-hidden'>
791                        <source media='(max-width: 500px)' srcset='/site/assets/files/1044/insta24.0x835.webp' width='626' height='835' type='image/webp'>
792                        <source media='(max-width: 800px)' srcset='/site/assets/files/1044/insta24.0x1670.webp' width='1252' height='1670' type='image/webp'>
793                        <source media='(max-width: 1080px)' srcset='/sit
793e/assets/files/1044/insta24.0x1670.webp' width='1252' height='1670' type='image/webp'>
794                        <source media='(max-width: 1600px)' srcset='/site/assets/files/1044/insta24.0x1670.webp' width='1252' height='1670' type='image/webp'>
795                        <source media='(min-width: 1920px)' srcset='/site/assets/files/1044/insta24.0x1670.webp' width='1252' height='1670' type='image/webp'>
796                        <img class='transition duration-1000 ease-in-out hover:scale-102' src='/site/assets/files/1044/insta24.0x1670.jpg' width='1252' height='1670' srcset='
797                        /site/assets/files/1044/insta24.0x835.jpg 500w,
798                        /site/assets/files/1044/insta24.0x1670.jpg 800w,
799                        /site/assets/files/1044/insta24.0x1670.jpg 1080w,
800                        /site/assets/files/1044/insta24.0x1670.jpg 1600w,
801                        /site/assets/files/1044/insta24.0x1670.jpg 1920w'
802                        loading='lazy' alt=''>
803                      </picture>
804                      <picture  class='relative overflow-hidden'>
805                        <source media='(max-width: 500px)' srcset='/site/assets/files/1044/insta14.0x835.webp' width='626' height='835' type='image/webp'>
806                        <source media='(max-width: 800px)' srcset='/site/assets/files/1044/insta14.0x1670.webp' width='1252' height='1670' type='image/webp'>
807                        <source media='(max-width: 1080px)' srcset='/site/assets/files/1044/insta14.0x1670.webp' width='1252' height='1670' type='image/webp'>
808                        <source media='(max-width: 1600px)' srcset='/site/assets/files/1044/insta14.0x1670.webp' width='1252' height='1670' type='image/webp'>
809                        <source media='(min-width: 1920px)' srcset='/site/assets/files/1044/insta14.0x1670.webp' width='1252' height='1670' type='image/webp'>
810                        <img class='transition duration-1000 ease-in-out hover:scale-102' src='/site/assets/files/1044/insta14.0x1670.jpg' width='1252' height='1670' srcset='
811                        /site/assets/files/1044/insta14.0x835.jpg 500w,
812                        /site/assets/files/1044/insta14.0x1670.jpg 800w,
813                        /site/assets/files/1044/insta14.0x1670.jpg 1080w,
814                        /site/assets/files/1044/insta14.0x1670.jpg 1600w,
815                        /site/assets/files/1044/insta14.0x1670.jpg 1920w'
816                        loading='lazy' alt=''>
817                      </picture>
818                      <picture  class='relative overflow-hidden'>
819                        <source media='(max-width: 500px)' srcset='/site/assets/files/1044/insta16.0x835.webp' width='626' height='835' type='image/webp'>
820                        <source media='(max-width: 800px)' srcset='/site/assets/files/1044/insta16.0x1670.webp' width='1252' height='1670' type='image/webp'>
821                        <source media='(max-width: 1080px)' srcset='/site/assets/files/1044/insta16.0x1670.webp' width='1252' height='1670' type='image/webp'>
822                        <source media='(max-width: 1600px)' srcset='/site/assets/files/1044/insta16.0x1670.webp' width='1252' height='1670' type='image/webp'>
823                        <source media='(min-width: 1920px)' srcset='/site/assets/files/1044/insta16.0x1670.webp' width='1252' height='1670' type='image/webp'>
824                        <img class='transition duration-1000 ease-in-out hover:scale-102' src='/site/assets/files/1044/insta16.0x1670.jpg' width='1252' height='1670' srcset='
825                        /site/assets/files/1044/insta16.0x835.jpg 500w,
826                        /site/assets/files/1044/insta16.0x1670.jpg 800w,
827                        /site/assets/files/1044/insta16.0x1670.jpg 1080w,
828                        /site/assets/files/1044/insta16.0x1670.jpg 1600w,
829                        /site/assets/files/1044/insta16.0x1670.jpg 1920w'
830                        loading='lazy' alt=''>
831                      </picture>
832                      <picture  class='relative overflow-hidden'>
833                        <source media='(max-width: 500px)' srcset='/site/assets/files/1044/insta11.0x835.webp' width='626' height='835' type='image/webp'>
834                        <source media='(max-width: 800px)' srcset='/site/assets/files/1044/insta11.0x1670.webp' width='1252' height='1670' type='image/webp'>
835                        <source media='(max-width: 1080px)' srcset='/site/assets/files/1044/insta11.0x1670.webp' width='1252' height='1670' type='image/webp'>
836                        <source media='(max-width: 1600px)' srcset='/site/assets/files/1044/insta11.0x1670.webp' width='1252' height='1670' type='image/webp'>
837                        <source media='(min-width: 1920px)' srcset='/site/assets/files/1044/insta11.0x1670.webp' width='1252' height='1670' type='image/webp'>
838                        <img class='transition duration-1000 ease-in-out hover:scale-102' src='/site/assets/files/1044/insta11.0x1670.jpg' width='1252' height='1670' srcset='
839                        /site/assets/files/1044/insta11.0x835.jpg 500w,
840                        /site/assets/files/1044/insta11.0x1670.jpg 800w,
841                        /site/assets/files/1044/insta11.0x1670.jpg 1080w,
842                        /site/assets/files/1044/insta11.0x1670.jpg 1600w,
843                        /site/assets/files/1044/insta11.0x1670.jpg 1920w'
844                        loading='lazy' alt=''>
845                      </picture>            </div>
846        </a>
847</section><!-- Fan Merchandise TWOCOL PARAGRAPH CANVAS-->
848<section class="container mx-auto px-6 py-20 border-t border-gray-500 dark:border-amber-50 p-3.5">
849    <div class="w-full text-black dark:text-white prose-headings:text-7xl prose-headings:md:text-8xl prose-headings:mb-12 text-3xl leading-tight prose-p:mb-7 prose-a:underline prose-ul:list-['-'] prose-ul:[&>li]:pl-3 prose-ul:list-outside prose-ul:pl-4  prose-ul:mt-12 prose-li:mb-3 font-medium">
850        <h6>For fans—only here!</h6>
851        <p>Memories of Vetter, Heidelberg GIN &ndash; Pick up directly at the brewery.</p>
852<ul>
853<li>1 l beer bottle (deposit bottle)</li>
854<li>5 L keg of &ldquo;Vetter&rsquo;s vom Fass&rdquo;</li>
855<li>10 l to 30 l keg</li>
856<li>&ldquo;Vetter&rsquo;s&rdquo; T-Shirt</li>
857<li>Original &ldquo;Vetter&rsquo;s Beer Mug&rdquo;</li>
858</ul>    </div>
859  <div class="grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-6 items-start py-10">
860      
861              <picture class='relative overflow-hidden'>
862              <source media='(max-width: 500px)' srcset='/site/assets/files/1045/vetter_fass.800x0.webp' width='800' height='534' type='image/webp'>
863              <source media='(max-width: 800px)' srcset='/site/assets/files/1045/vetter_fass.1080
863x0.webp' width='1080' height='721' type='image/webp'>
864              <source media='(max-width: 1080px)' srcset='/site/assets/files/1045/vetter_fass.1080x0.webp' width='1080' height='721' type='image/webp'>
865              <source media='(max-width: 1600px)' srcset='/site/assets/files/1045/vetter_fass.1600x0.webp' width='1600' height='1069' type='image/webp'>
866              <source media='(min-width: 1920px)' srcset='/site/assets/files/1045/vetter_fass.2500x1670.webp' width='2500' height='1670' type='image/webp'>
867              <img class='transition duration-900 ease-in-out hover:scale-104' src='/site/assets/files/1045/vetter_fass.2500x1670.jpg' width='2500' height='1670' srcset='
868              /site/assets/files/1045/vetter_fass.800x0.jpg 500w,
869              /site/assets/files/1045/vetter_fass.1080x0.jpg 800w,
870              /site/assets/files/1045/vetter_fass.1080x0.jpg 1080w,
871              /site/assets/files/1045/vetter_fass.1600x0.jpg 1600w,
872              /site/assets/files/1045/vetter_fass.2500x1670.jpg 1920w'
873              loading='lazy' alt=''>
874            </picture>
875              <picture class='relative overflow-hidden'>
876              <source media='(max-width: 500px)' srcset='/site/assets/files/1045/merchandise_vetter_bierkrug.800x0.webp' width='800' height='534' type='image/webp'>
877              <source media='(max-width: 800px)' srcset='/site/assets/files/1045/merchandise_vetter_bierkrug.1080x0.webp' width='1080' height='721' type='image/webp'>
878              <source media='(max-width: 1080px)' srcset='/site/assets/files/1045/merchandise_vetter_bierkrug.1080x0.webp' width='1080' height='721' type='image/webp'>
879              <source media='(max-width: 1600px)' srcset='/site/assets/files/1045/merchandise_vetter_bierkrug.1600x0.webp' width='1600' height='1069' type='image/webp'>
880              <source media='(min-width: 1920px)' srcset='/site/assets/files/1045/merchandise_vetter_bierkrug.2500x1670.webp' width='2500' height='1670' type='image/webp'>
881              <img class='transition duration-900 ease-in-out hover:scale-104' src='/site/assets/files/1045/merchandise_vetter_bierkrug.2500x1670.jpg' width='2500' height='1670' srcset='
882              /site/assets/files/1045/merchandise_vetter_bierkrug.800x0.jpg 500w,
883              /site/assets/files/1045/merchandise_vetter_bierkrug.1080x0.jpg 800w,
884              /site/assets/files/1045/merchandise_vetter_bierkrug.1080x0.jpg 1080w,
885              /site/assets/files/1045/merchandise_vetter_bierkrug.1600x0.jpg 1600w,
886              /site/assets/files/1045/merchandise_vetter_bierkrug.2500x1670.jpg 1920w'
887              loading='lazy' alt=''>
888            </picture>
889              <picture class='relative overflow-hidden'>
890              <source media='(max-width: 500px)' srcset='/site/assets/files/1045/merchandise_vetter_shirt.800x0.webp' width='800' height='534' type='image/webp'>
891              <source media='(max-width: 800px)' srcset='/site/assets/files/1045/merchandise_vetter_shirt.1080x0.webp' width='1080' height='721' type='image/webp'>
892              <source media='(max-width: 1080px)' srcset='/site/assets/files/1045/merchandise_vetter_shirt.1080x0.webp' width='1080' height='721' type='image/webp'>
893              <source media='(max-width: 1600px)' srcset='/site/assets/files/1045/merchandise_vetter_shirt.1600x0.webp' width='1600' height='1069' type='image/webp'>
894              <source media='(min-width: 1920px)' srcset='/site/assets/files/1045/merchandise_vetter_shirt.2500x1670.webp' width='2500' height='1670' type='image/webp'>
895              <img class='transition duration-900 ease-in-out hover:scale-104' src='/site/assets/files/1045/merchandise_vetter_shirt.2500x1670.jpg' width='2500' height='1670' srcset='
896              /site/assets/files/1045/merchandise_vetter_shirt.800x0.jpg 500w,
897              /site/assets/files/1045/merchandise_vetter_shirt.1080x0.jpg 800w,
898              /site/assets/files/1045/merchandise_vetter_shirt.1080x0.jpg 1080w,
899              /site/assets/files/1045/merchandise_vetter_shirt.1600x0.jpg 1600w,
900              /site/assets/files/1045/merchandise_vetter_shirt.2500x1670.jpg 1920w'
901              loading='lazy' alt=''>
902            </picture>
903              <picture class='relative overflow-hidden'>
904              <source media='(max-width: 500px)' srcset='/site/assets/files/1045/vetter_gin.800x0.webp' width='800' height='534' type='image/webp'>
905              <source media='(max-width: 800px)' srcset='/site/assets/files/1045/vetter_gin.1080x0.webp' width='1080' height='721' type='image/webp'>
906              <source media='(max-width: 1080px)' srcset='/site/assets/files/1045/vetter_gin.1080x0.webp' width='1080' height='721' type='image/webp'>
907              <source media='(max-width: 1600px)' srcset='/site/assets/files/1045/vetter_gin.1600x0.webp' width='1600' height='1069' type='image/webp'>
908              <source media='(min-width: 1920px)' srcset='/site/assets/files/1045/vetter_gin.2500x1670.webp' width='2500' height='1670' type='image/webp'>
909              <img class='transition duration-900 ease-in-out hover:scale-104' src='/site/assets/files/1045/vetter_gin.2500x1670.jpg' width='2500' height='1670' srcset='
910              /site/assets/files/1045/vetter_gin.800x0.jpg 500w,
911              /site/assets/files/1045/vetter_gin.1080x0.jpg 800w,
912              /site/assets/files/1045/vetter_gin.1080x0.jpg 1080w,
913              /site/assets/files/1045/vetter_gin.1600x0.jpg 1600w,
914              /site/assets/files/1045/vetter_gin.2500x1670.jpg 1920w'
915              loading='lazy' alt=''>
916            </picture>  </div>
917</section><!-- Gutscheine TWOCOL PARAGRAPH CANVAS -->
918<section class="bg-(--color-bg-secondary) dark:bg-transparent" id="voucher">
919    <div class="container mx-auto px-6 py-20">
920        <div class="grid grid-cols-1 lg:grid-cols-3 gap-12">
921            <div class="text-3xl leading-tight text-black dark:text-white prose-headings:text-6xl prose-headings:md:text-7xl prose-headings:mb-10 prose-ul:list-disc prose-ul:list-outside prose-ul:pl-6 prose-ul:md:pl-8 prose-ul:lg:pl-6 prose-ul:xl:pl-10 prose-ul:mb-7 prose-a:underline prose-a:hover:text-gray-900 dark:prose-a:hover:text-gray-300 transition [&_a]:transition-colors [&_a]:duration-600 font-medium prose-p:mb-12">
922                <h4 class="max-w-full md:max-w-3xl">Voucher</h4>
923                <p>Give a Vetter’s voucher as a gift. Available at the bar.</p>
924<p>Vetter’s accepts the <a title="Heidelberger DankeSchein" href="https://www.vielmehr.heidelberg.de/dankstelle/vetters-alt-heidelberger-brauhaus/" target="_blank" rel="noopener noreferrer">Heidelberger DankeSchein</a></p>            </div>
925            <div class="md:col-span-2 mt-12 md:mt-0">
926                
927                      <picture>
928                        <source media='(max-width: 500px)' srcset='/site/assets/files/1046/vetter_gutscheine_hd_dankeschein.800x0.webp' width='800' height='737' type='image/webp'>
929                        <source media='(max-width: 800px)' srcset='/site/assets/files/1046/vetter_gutscheine_hd_dankeschein.1080x0.webp' width='1080' height='994' type='image/webp'>
930                        <source media='(max-width: 1080px)' srcset='/site/assets/files/1046/vetter_gutscheine_hd_dankeschein.1080x0.webp' width='1080' height='994' type='image/webp'>
931                        <source media='(max-width: 1600px)' srcset='/site/assets/files/1046/vetter_gutscheine_hd_dankeschein.1600x0.webp' width='1600' height='1473' type='image/webp'>
932                        <source media='(min-width: 1920px)' srcset='/site/assets/files/1046/vetter_gutscheine_hd_dankeschein.0x1697.webp' width='1843' height='1697' type='image/webp'>
933                        <img src='/site/assets/files/1046/vetter_gutscheine_hd_dankeschein.0x1697.jpg' width='1843' height='1697' srcset='
934                        /site/assets/files/1046/vetter_gutscheine_hd_dankeschein.800x0.jpg 500w,
935                        /site/assets/files/1046/vetter_gutscheine_hd_dankeschein.1080x0.jpg 800w,
936                        /site/assets/files/1046/vetter_gutscheine_hd_dankeschein.1080x0.jpg 1080w,
937                        /site/assets/files/1046/vetter_gutscheine_hd_dankeschein.1600x0.jpg 1600w,
938                        /site/assets/files/1046/vetter_gutscheine_hd_dankeschein.0x1697.jpg 1920w'
939                        loading='lazy' alt='Vetter's Genussgutschein und Vetter’s akzeptiert den Heidelberger DankeSchein'>
940                      </picture>            </div>
941        </div>
942    </div>
943</section>
944  <!-- Kundenzufriedenheit Siegel TWOCOL PARAGRAPH CANVAS -->
945  <div class="py-24 sm:py-32">
946    <div class="mx-auto max-w-7xl px-6 lg:px-8">
947      <div class="grid grid-cols-1 xl:grid-cols-2 items-center gap-x-8 gap-y-16">
948        <div class="prose-2xl mx-auto w-full lg:mx-0 text-center xl:text-left text-black dark:text-white">
949          <p class="text-4xl text-pretty md:text-4xl font-medium">Vetter’s Kundenzufriedenheit</p>
950        </div>
951        <div class="grid grid-cols-2 lg:grid-cols-3 items-center gap-y-20 sm:gap-y-14 lg:mx-0 lg:max-w-none lg:pl-8">
952            <img width="250" height="223" src="/site/templates/build/assets/img/restaurant_guru_award_Vetters-2026.jpg" alt="Restaurant Guru Award für 2026" class="max-h-48 w-full object-contain grayscale filter hover:grayscale-0 md:col-span-1" />
953            <img width="250" height="223" src="/site/templates/build/assets/img/sluurpy_empfehlung_Vetters-2024.jpg" alt="Sluurpy Empfehlung für 2024" class="max-h-48 w-full object-contain grayscale filter hover:grayscale-0 md:col-span-1" />
954            <img src="/site/templates/build/assets/img/logo_tripadvisor_black.svg" alt="Tripadvisor Logo" class="col-span-2 max-h-28 w-full object-contain grayscale filter hover:grayscale-0 md:col-span-1 block dark:hidden" width="198" height="250"  />
955            <img src="/site/templates/build/assets/img/logo_tripadvisor_white.svg" alt="Tripadvisor Logo" class="col-span-2 max-h-28 w-full object-contain grayscale filter hover:grayscale-0 md:col-span-1 hidden dark:block" width="198" height="250"  />
956        </div>
957      </div>
958    </div>
959  </div>
960
961  <!-- OneCol MAPS -->
962  <div>
963      <div class="standort__map">
964          <iframe title="GoogleMaps" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2595.8043139412
964634!2d8.709685000000002!3d49.4126062!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4797c1064bd3d9df%3A0xf93572a0668a185d!2sVetter&#39;s%20Alt%20Heidelberger%20Brauhaus!5e0!3m2!1sde!2sde!4v1778159988714!5m2!1sde!2sde" style="width:100%; height:650px; border:0; background:transparent; overflow:hidden;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
965      </div>
966  </div>
967
968
969<!-- Zahlungsmethoden TWOCOL PARAGRAPH CANVAS -->
970<aside>
971  <div class="container mx-auto px-6 py-20">
972    <div class="grid grid-cols-1 md:grid-cols-2 gap-12 md:gap-6 items-start">
973      <div class="prose-2xl leading-tight text-black dark:text-white prose-headings:text-5xl prose-headings:md:text-7xl prose-headings:mb-10 prose-ul:list-disc prose-ul:list-outside prose-ul:pl-6 prose-ul:md:pl-8 prose-ul:lg:pl-6 prose-ul:xl:pl-10 prose-ul:mb-7 prose-a:underline prose-a:hover:text-gray-700 dark:prose-a:hover:text-gray-300 transition [&_a]:transition-colors">
974        <p class="text-4xl">Payment Methods</p>
975      </div>
976      <div class="max-w-xl font-medium text-black dark:text-white">
977          <p>We accept VISA, American Express, Mastercard, Diners and EC-Cards with PIN. All prices are in EURO including German VAT. If you need a hospitality receipt, please let us know in advance. For security reasons, we can not accept € 500 bills.</p>
978          <div class="flex gap-x-6 mt-4">
979              <img src="/site/templates/build/assets/img/payment_method_visa_card_icon.svg" alt="VISA Logo" width="50" height="32">
980              <img src="/site/templates/build/assets/img/payment_method_american_express_card_icon.svg" alt="American Express Logo" width="50" height="32">
981              <img src="/site/templates/build/assets/img/payment_method_mastercard_card_icon.svg" alt="MasterCard Logo" width="50" height="32">
982              <img src="/site/templates/build/assets/img/payment_method_dinversclub_card_icon.svg" alt="Diners Club International" width="50" height="32">
983          </div>
984      </div>
985    </div>
986  </div>
987</aside>
988
989<footer class="px-6 py-5">
990      <div class="container mx-auto text-lg text-black dark:text-white font-medium prose-a:hover:text-gray-700 dark:prose-a:hover:text-gray-300 transition [&_a]:transition-colors">
991          <div class="flex flex-col gap-4 lg:flex-row lg:justify-between md:items-center text-center">
992              <div class="space-x-4">
993                  <a href="https://brauhaus-vetter.de/en/" aria-label="Startseite">Home</a>
994                  <a href="https://brauhaus-vetter.de/en/reservierung" aria-label="Tisch reservieren">Book a Table</a>
995                  <a href="https://www.google.com/maps?cid=17957385122450380893&g_mp=CiVnb29nbGUubWFwcy5wbGFjZXMudjEuUGxhY2VzLkdldFBsYWNlEAMYASAF&hl" aria-label="Karte Anzeigen" target="_blank" rel="noopener noreferrer">Show on Map</a>
996                  <a href="https://www.instagram.com/brauhaus_vetter_heidelberg/" aria-label="Auf Instagram folgen" target="_blank" rel="noopener noreferrer">Instagram</a>
997                  <a href="https://brauhaus-vetter.de/en/media" aria-label="Media">Media</a>
998                  <a href="https://brauhaus-vetter.de/en/impressum" aria-label="Impressum">Imprint</a>
999                  <a href="https://brauhaus-vetter.de/en/datenschutz" aria-label="Datenschutz">Privacy Policy</a>
1000              </div>
1001              <div class="space-x-4">
1002                  <a href="/" hreflang="de" aria-label="Deutsche Seite anzeigen">DE</a>
1003                  <a href="/en/" hreflang="en" aria-label="Show English Site">EN</a>
1004              </div>
1005          </div>
1006      </div>
1007  </footer>
1008  
1008<script>
1009      document.querySelectorAll('#mobile-menu a').forEach(link => {
1010        link.addEventListener('click', () => {
1011          document.getElementById('mobile-menu').close();
1012        });
1013      });
1014    </script>
1014
1015  
1015<script src="/site/templates/build/assets/js/swiper-bundle.min.js?nocache220620261224"></script>
1015
1016  
1016<script>
1017      var swiper = new Swiper(".swiper", {
1018          centeredSlides: true,
1019          grabCursor: false,
1020          slideToClickedSlide: true,
1021          loop: true,
1022          speed: 900,
1023          autoplay: { enabled: true },
1024          parallax: { enabled: false },
1025          lazy: { enabled: true },
1026      });
1027  </script>
1027
1028  
1028<script data-collect-dnt="true" async src="https://sa.brauhaus-vetter.de/latest.js"></script>
1028
1029  <noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif?collect-dnt=true" alt="" referrerpolicy="no-referrer-when-downgrade"></noscript>
1030  
1030<script async data-collect="outbound,emails" data-use-title="true" data-full-urls="true" src="https://sa.brauhaus-vetter.de/auto-events.js"></script>
1030
1031  </body>
1032</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.