PageSourceSearch

https://www.haus-des-meeres.at/en

html haus-des-meeres.at collected 2026-10-02 04:28:37 UTC 113,861 bytes, 1,804 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    
6    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7    <title>Haus des Meeres</title>
8
9    <link rel="icon" type="image/svg+xml" href="/layout/img/favicon-3.svg">
10    <link rel="icon" type="image/png" href="/layout/img/favicon.png">
11
12    <link rel="stylesheet" href="/css/styles.css" type="text/css">
13
14    <link rel="canonical" href="https://www.haus-des-meeres.at/en">
15        <link rel="alternate" href="https://www.haus-des-meeres.at" hreflang="de">
16    <link rel="alternate" href="https://www.haus-des-meeres.at" hreflang="x-default">
17                <link rel="alternate" href="https://www.haus-des-meeres.at/en" hreflang="en">
18    
19    <link rel="preload" href="/fonts/caslons-egyptian-light.woff2" as="font" type="font/woff2" crossorigin="anonymous">
20    <link rel="preload" href="/fonts/caslons-egyptian-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
21    <link rel="preload" href="/fonts/caslons-egyptian-medium.woff2" as="font" type="font/woff2" crossorigin="anonymous">
22    <link rel="preload" href="/fonts/caslons-egyptian-bold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
23    <link rel="preload" href="/fonts/caslons-egyptian-black.woff2" as="font" type="font/woff2" crossorigin="anonymous">
24
25    
26    <meta name="description" content="Das Haus des Meeres - Entdecken Sie die lebendige Welt des Wasser und Me(e)hr im Aqua Terra Zoo im Herzen von Wien!">
27    <meta property="og:description" content="Das Haus des Meeres - Entdecken Sie die lebendige Welt des Wasser und Me(e)hr im Aqua Terra Zoo im Herzen von Wien!">
28    <meta property="og:title" content="Aqua Terra Zoo">
29    <meta property="og:site_name" content="Haus des Meeres"/>
30    <meta property="og:type" content="website">
31    <meta property="og:image" content="/layout/img/favicon.png">
32    </head>
33<body class="area-zoo">
34
35
36<div class="data-privacy-settings-container"></div>
37<script nonce="BTLATeS27tSQe1A4XYNGcg">
38    if (document.createElement('canvas').toDataURL('image/webp').indexOf('data:image/webp') !== 0) {
39        document.body.classList.add('no-webp-supported');
40    }
41    if(navigator.platform && /iPad|iPhone/.test(navigator.platform)) {
42        document.body.classList.add('iphone-ipad');
43    }
44</script>
44
45
46<header>
47<div class="desktop-header-bar-container hide-on-mobile no-print">
48    <div style="position: absolute; top: 0; left: 0; width: 100%;">
49        <div class="xl-container d-flex justify-content-end no-print">
50
51            <a href="/en/zoo/prices-and-tickets" class="d-flex align-items-center mr-15 px-5">
52                <svg class="hdm-upper-top-bar-icon"
53                     style="width: 1.34rem; height: 1.4rem; margin-top: 0.2rem; margin-right: 0.5rem;">
54                    <use href="/layout/img/web-icons-hdm-6.svg#tickets" />
55                </svg>
56                <div class="text-shark font-weight-light" style="font-size: 1.3rem; padding-top: 0.2rem">
57                    Tickets
58                </div>
59            </a>
60
61            <div class="desktop-search-box-container d-flex align-items-center position-relative">
62                <div class="desktop-search-button d-flex align-items-center hover-pointer mr-10 px-5">
63                    <svg class="hdm-upper-top-bar-icon"
64                         style="width: 1.34rem; height: 1.4rem; margin-top: 0.2rem; margin-right: 0.5rem; transform: translateY(-0.1rem);">
65                        <use href="/layout/img/web-icons-hdm-6.svg#search" />
66                    </svg>
67                    <div class="text-shark font-weight-light" style="font-size: 1.3rem; padding-top: 0.2rem">
68                        Search
69                    </div>
70                </div>
71                <div class="desktop-search-box">
72                    <form class="d-flex align-items-stretch desktop-search-form position-relative">
73                        <input style="min-width: 30rem; margin-right: 0.3rem"
74                               class="desktop-search-input hdm-upper-top-search-form-control" type="search" autocomplete="off" placeholder="Search term">
75                        <button type="submit" class="desktop-search-submit-button area-background d-flex align-items-center px-10 pl-15" style="border: none;">
76                            <svg class="hdm-upper-top-bar-icon svg-main-fill"
77                                 style="width: 1.5rem; height: 1.6rem; margin-top: 0.2rem; margin-right: 0.5rem; transform: translateY(-0.1rem);">
78                                <use href="/layout/img/web-icons-hdm-6.svg#search" />
79                            </svg>
80                        </button>
81                        <div class="desktop-search-result-box">
82                        </div>
83                    </form>
84                </div>
85            </div>
86            <div class="language-navigation-button hover-pointer d-flex justify-content-center py-5 pl-5 pr-5 position-relative"
87                 style="transform: translateX(0.5rem); z-index: 50000;">
88                <svg class="hdm-upper-top-bar-icon"
89                     style="width: 1.5rem; height: 1.5rem; margin-top: 0.2rem; margin-right: 0.5rem; transform: translateY(0.3rem);">
90                    <use href="/layout/img/web-icons-hdm-6.svg#globe-1" />
91                </svg>
92                <div class="font-weight-light text-shark" style="font-size: 1.3rem; padding-top: 0.2rem">
93                    EN
94                </div>
95                <div class="language-navigation-dropdown-box">
96                    <a href="https://www.haus-des-meeres.at">
97                        <div class="language-navigation-dropdown-item px-20 py-15">
98                            Zur deutschen Version
99                        </div>
100                    </a>
101                </div>
102            </div>
103        </div>
104    </div>
105
106    <div class="xl-container d-flex justify-content-between pt-15">
107        
108        <div class="d-flex justify-content-start flex-grow-0">
109                            <a href="/en" aria-label="Home - Aqua Terra Zoo">
110                    <div class="main-logo main-logo-dimension-original-main-logo background-center "
111                         style="background-image: url('/layout/img/hausdesmeeres-logo.svg');">
112                    </div>
113                </a>
114                    </div>
115        
116
117
118        <div class="flex-grow d-flex justify-content-between pl-50">
119            <div class="d-flex align-items-center pt-40">
120                <a class="py-10 px-10 area-button area-button-zoo area-button-active"
121                   href="/en">
122                    ZOO
123                </a>
124            </div>
125            <div class="d-flex align-items-center pt-40">
126                <a class="py-10 px-10 area-button area-button-restaurant "
127                   href="/en/restaurant">
128                    360° OCEAN SKY
129                </a>
130            </div>
131            <div class="d-flex align-items-center pt-40">
132                <a class="px-10 py-10 area-button area-button-events "
133                   href="/en/events-culture"
134                >
135                    EVENTS AND CULTURE
136                </a>
137            </div>
138            <div class="d-flex align-items-center pt-40">
139                <a class="px-10 py-10 area-button area-button-events "
140                   href="/en/vet-clinic"
141                >
142                    VET CLINIC
143                </a>
144            </div>
145            <div class="d-flex align-items-center pt-40">
146                <a class="pl-20 pr-10 py-10 area-button area-button-ueber-uns "
147                   href="/en/about-us ">
148                    ABOUT US
149                </a>
150            </div>
151
152        </div>
153    </div>
154
155    
156
157
158    <div class="xl-container">
159        <div class="mt-20 hdm-header-border-top">
160        </div>
161    </div>
162
163    <div class="xl-container d-flex justify-content-center no-print">
164        <nav class="d-flex justify-content-between hdm-area-menu px-25 pt-15 no-print move-in-from-right"
165             style="margin-right: -8rem">
166                                                                                                    
167                                    <a class="mr-80 white-space-nowrap font-weight-400" href="/en/zoo/prices-and-tickets"
168                                           >
169                        Prices and tickets
170                    </a>
171                                            
172                                    <a class="mr-80 white-space-nowrap font-weight-400" href="/en/zoo/visitor-information"
173                                           >
174                        Visitor information
175                    </a>
176                                            
177                                    <div class="mr-80 has-desktop-sub-menu position-relative" style="z-index: 40">
178                        <div class="desktop-sub-menu-toggle-button hover-pointer white-space-nowrap font-weight-400" data-menu="101">
179                            Experience
180                            <span>
181                                <svg style="width: 1.1rem; height: 1.1rem; margin-left: 0.2rem; margin-right: 0.6rem; transform: translateY(0.1rem)">
182                                    <use href="/layout/img/web-icons-hdm-6.svg#chevron-down" />
183                                </svg>
184                            </span>
185                        </div>
186                        <div>
187                            <div class="desktop-sub-menu-box" data-menu="101">
188                                                                    <a href="/en/zoo/floormap"
189                                                                           >
190                                        <div class="px-20 py-15 desktop-sub-menu-item">
191                                            Our animals
192                                        </div>
193                                    </a>
194                                                                    <a href="/en/zoo/experience/guided-tours"
195                                                                           >
196                                        <div class="px-20 py-15 desktop-sub-menu-item">
197                                            Guided tours
198                                        </div>
199                                    </a>
200                                                                    <a href="/en/zoo/experience/school-and-zoo"
201                                                                           >
202                                        <div class="px-20 py-15 desktop-sub-menu-item">
203                                            School und zoo
204                                        </div>
205                                    </a>
206                                                                    <a href="/en/zoo/experience/feeding-times"
207                                                                           >
208                                        <div class="px-20 py-15 desktop-sub-menu-item">
209                                            Feedings and more
210                                        </div>
211                                    </a>
212                                                                    <a href="/en/zoo/experience/lemur-experience"
213                                                                           >
214                                        <div class="px-20 py-15 desktop-sub-menu-item">
215                                            Ring-tailed lemur experience
216                                        </div>
217                                    </a>
218                                                                    <a href="/en/zoo/experience/birthday-party"
219                                                                           >
220                                        <div class="px-20 py-15 desktop-sub-menu-item">
221                                            Children&#039;s birthday
222                                        </div>
223                                    </a>
224                                                                    <a href="/en/zoo/experience/ocean-conservation-exhibition"
225                                                                           >
226                                        <div class="px-20 py-15 desktop-sub-menu-item">
227                                            Ocean conservation exhibition
228                                        </div>
229                                    </a>
230                                                                    <a href="/en/zoo/experience/fun-and-games"
231                                                                           >
232                                        <div class="px-20 py-15 desktop-sub-menu-item">
233                                            Fun and games
234                                        </div>
235                                    </a>
236                                                                    <a href="/en/zoo/socialmedia"
237                                                                           >
238                                        <div class="px-20 py-15 desktop-sub-menu-item">
239                                            Social Media
240                                        </div>
241                                    </a>
242                                                                    <a href="/en/zoo/experience/crime-ex
242perience"
243                                                                           >
244                                        <div class="px-20 py-15 desktop-sub-menu-item">
245                                            Crime mystery experience
246                                        </div>
247                                    </a>
248                                                                    <a href="/en/zoo/erlebnis/herbstworkshop"
249                                                                           >
250                                        <div class="px-20 py-15 desktop-sub-menu-item">
251                                            Autumn workshop
252                                        </div>
253                                    </a>
254                                                            </div>
255                        </div>
256                    </div>
257                                            
258                                    <a class="mr-80 white-space-nowrap font-weight-400" href="/en/zoo/floormap"
259                                           >
260                        Floor map
261                    </a>
262                                            
263                                    <a class="mr-80 white-space-nowrap font-weight-400" href="/en/zoo/conservation-and-research"
264                                           >
265                        Conservation and research
266                    </a>
267                                            
268                                    <div class="mr-80 has-desktop-sub-menu position-relative" style="z-index: 40">
269                        <div class="desktop-sub-menu-toggle-button hover-pointer white-space-nowrap font-weight-400" data-menu="102">
270                            Support
271                            <span>
272                                <svg style="width: 1.1rem; height: 1.1rem; margin-left: 0.2rem; margin-right: 0.6rem; transform: translateY(0.1rem)">
273                                    <use href="/layout/img/web-icons-hdm-6.svg#chevron-down" />
274                                </svg>
275                            </span>
276                        </div>
277                        <div>
278                            <div class="desktop-sub-menu-box" data-menu="102">
279                                                                    <a href="/en/zoo/support/sponsorship"
280                                                                           >
281                                        <div class="px-20 py-15 desktop-sub-menu-item">
282                                            Sponsorships
283                                        </div>
284                                    </a>
285                                                                    <a href="/en/zoo/support/donations"
286                                                                           >
287                                        <div class="px-20 py-15 desktop-sub-menu-item">
288                                            Donations
289                                        </div>
290                                    </a>
291                                                                    <a href="/en/zoo/unterstuetzen/freiwillige-taetigkeit"
292                                                                           >
293                                        <div class="px-20 py-15 desktop-sub-menu-item">
294                                            Voluntary
295                                        </div>
296                                    </a>
297                                                                    <a href="/en/zoo/support/partner"
298                                                                           >
299                                        <div class="px-20 py-15 desktop-sub-menu-item">
300                                            Partner
301                                        </div>
302                                    </a>
303                                                            </div>
304                        </div>
305                    </div>
306                                    </nav>
307    </div>
308</div>
309<div class="mobile-header show-on-mobile no-print">
310    <div class="xl-container d-flex justify-content-between pt-15 px-20">
311        <div class="mobile-header-logo flex-grow-0">
312                    <a href="/en" aria-label="Home - Aqua Terra Zoo">
313                <div class="main-logo main-logo-dimension-mobile-zoo-logo"
314                     style="background-image: url('/layout/img/hausdesmeeres-logo.svg');">
315                </div>
316            </a>
317        
318
319        </div>
320        <div class="mobile-header-menu-button-container d-flex justify-content-end align-items-center">
321            <div class="pt-10">
322                    <div id="mobile-menu-button">
323                    <div class="mobile-menu-button-inner-element">
324                        <span class="bg-shark"></span>
325                        <span class="bg-shark"></span>
326                        <span class="bg-shark"></span>
327                    </div>
328                </div>
329            </div>
330        </div>
331    </div>
332</div>
333
334
335</header>
336
337<div id="mobile-menu">
338    <div class="mobile-menu-form-box area-background" style="overflow-x: hidden; overflow-y: auto; height: 100vh">
339        <div class="d-flex justify-content-end align-items-center pt-20 pr-15 pb-5">
340            <a class="d-flex py-10 align-items-center pr-5 mr-10 hover-pointer" href="/en/zoo/prices-and-tickets">
341                <svg class="hdm-upper-top-bar-icon"
342                     style="width: 1.6rem; height: 1.6rem; margin-top: 0; margin-right: 0.4rem; transform: translateY(0rem);">
343                    <use href="/layout/img/web-icons-hdm-6.svg#tickets" />
344                </svg>
345                <div class="font-weight-light text-shark" style="font-size: 1.4rem;">
346                    Tickets
347                </div>
348            </a>
349            <div class="d-flex py-10 align-items-center px-5 mr-10 hover-pointer mobile-menu-search-button">
350                <svg class="hdm-upper-top-bar-icon"
351                     style="width: 1.6rem; height: 1.6rem; margin-top: 0; margin-right: 0.4rem; transform: translateY(0rem);">
352                    <use href="/layout/img/web-icons-hdm-6.svg#search" />
353                </svg>
354                <div class="font-weight-light text-shark" style="font-size: 1.4rem;">
355                    Search
356                </div>
357            </div>
358            <div class="d-flex pl-5 py-10 accordion-button" data-accordion="103">
359                <svg class="hdm-upper-top-bar-icon"
360                     style="width: 1.6rem; height: 1.6rem; margin-top: 0.35rem; margin-right: 0.4rem; transform: translateY(0rem);">
361                    <use href="/layout/img/web-icons-hdm-6.svg#globe-1" />
362                </svg>
363                <div class="font-weight-light text-shark" style="font-size: 1.4rem;">
364                    EN
365                </div>
366            </div>
367            <div id="mobile-menu-close-button">
368                <div class="mobile-menu-close-button-inner-element">
369                    <span class="bg-shark"></span>
370                    <span class="bg-shark"></span>
371                </div>
372            </div>
373        </div>
374        <div class="accordion-element" data-accordion="103">
375            <div class="px-15 pb-15">
376                <div class="px-15 pt-15 pb-5" style="background: rgba(255, 255, 255,  0.3)">
377                    <div class="d-flex justify-content-end mb-10">
378                        <a href="https://www.haus-des-meeres.at">
379                            <div class="text-shark hover-pointer" style="font-size: 1.4rem; font-weight: 300">
380                                Zur deutschen Version
381                            </div>
382                        </a>
383                    </div>
384                </div>
385            </div>
386        </div>
387        <div class="mobile-menu-show-when-search-enabled px-15 py-5">
388            <div class="d-flex justify-content-between text-shark font-weight-light">
389                <div>
390                    Search
391                </div>
392                <div class="hover-pointer mobile-menu-disable-search-mode-button">
393                    End search
394                </div>
395            </div>
396            <div class="" style="padding-top: 0.2rem">
397                <input class="mobile-menu-search-input hdm-form-control width-100" autocomplete="off" placeholder="Search term">
398            </div>
399            <div class="mobile-menu-search-result-box">
400            </div>
401        </div>
402        <div class="mobile-menu-hide-when-search-enabled">
403            <div class="px-15 pt-15">
404                <div class="px-15 pt-15 pb-5" style="background: rgba(255, 255, 255,  0.3)">
405                    <div class="d-flex justify-content-end mb-10 mobile-area-button" data-area="zoo">
406                        <div class="text-shark hover-pointer" style="font-size: 1.4rem; font-weight: 300">
407                            ZOO
408                        </div>
409                    </div>
410                    <div class="d-flex justify-content-end mb-10 mobile-area-button" data-area="restaurant">
411                        <div class="text-shark hover-pointer" style="font-size: 1.4rem; font-weight: 300">
412                            360° OCEAN SKY
413                        </div>
414                    </div>
415                    <div class="d-flex justify-content-end mb-10 mobile-area-button" data-area="events-kultur">
416                        <div class="text-shark hover-pointer" style="font-size: 1.4rem; font-weight: 300">
417                            EVENTS AND CULTURE
418                        </div>
419                    </div>
420                    <div class="d-flex justify-content-end mb-10 mobile-area-button" data-area="tierarztpraxis">
421                        <div class="text-shark hover-pointer" style="font-size: 1.4rem; font-weight: 300">
422                            VET CLINIC
423                        </div>
424                    </div>
425                    <div class="d-flex justify-content-end mb-10 mobile-area-button" data-area="ueber-uns">
426                        <div class="text-shark hover-pointer" style="font-size: 1.4rem; font-weight: 300">
427                            ABOUT US
428                        </div>
429                    </div>
430                </div>
431            </div>
432            <div class="px-15">
433                <hr style="border-top: 0.1rem solid rgba(0, 0, 0, 0.07); margin-top: 0.7rem; margin-bottom: 1rem">
434            </div>
435            <div class="position-relative">
436                                    <div class="px-15 area-mobile-menu" data-area="zoo">
437                        <div>
438                                                            <a href="/en" class="sidebar-area-main-title-link">
439                                    ZOO
440                                </a>
441                                                    </div>
442                        <div class="pl-15 pb-20">
443                                                            <a class="white-space-nowrap text-shark" href="/en"
444                                   style="display: block; font-weight: 400; font-size: 1.6rem; padding-top: 0.5rem; padding-bottom: 0.5rem"
445                                >
446                                    Home
447                                </a>
448                                                                                                                                                                                                                                
449                                                                    <a class="white-space-nowrap text-shark d-block font-weight-400 py-5"
450
451                                       href="/en/zoo/prices-and-tickets"
452                                       style="font-size: 1.6rem;"
453                                                                           >
454                                        Prices and tickets
455                                    </a>
456                                                                                            
457                                                                    <a class="white-space-nowrap text-shark d-block font-weight-400 py-5"
458
459                                       href="/en/zoo/visitor-information"
460                                       style="font-size: 1.6rem;"
461                                                                           >
462                                        Visitor information
463                                    </a>
464                                                                                            
465                                                                    <div class="mr-80 has-desktop-sub-menu" style="position: relative; z-index: 40">
466                                        <div class="text-shark accordion-button white-space-nowrap"
467                                             style="display: block; font-weight: 400; font-size: 1.6rem; padding-top: 0.5rem; padding-bottom: 0.5rem"
468                                             data-accordion="104"
469                                        >
470                                            Experience
471                                            <span>
472                                        <svg
473                                            style="width: 1.1rem; height: 1.1rem; margin-left: 0.2rem; margin-right: 0.6rem; transform: translateY(0.1rem)">
474                                            <use href="/layout/img/web-icons-hdm-6.svg#chevron-down"/>
475                                        </svg>
476                                    </span>
477                                        </div>
478                                        <div class="accordion-element" data-accordion="104">
479                                            <div class="mobile-sub-menu-box pb-5">
480                                                                                                    <a href="/en/zoo/floormap"
481                                                                                                              style="font-size: 1.6rem"
482                                                       class="text-shark d-block font-weight-400 py-5"
483                                                    >
484                                                        <div class="pl-20">
485                                                            Our animals
486                                                        </div>
487                                                    </a>
488                                                                                                    <a href="/en/zoo/experience/guided-tours"
489                                                                                                              style="font-size: 1.6rem"
490                                                       class="text-shark d-block font-weight-400 py-5"
491                                                    >
492                                                        <div class="pl-20">
493                                                            Guided tours
494                                                        </div>
495                                                    </a>
496                                                                                                    <a href="/en/zoo/experience/school-and-zoo"
497                                                                                                              style="font-size: 1.6rem"
498                                                       class="text-shark d-block font-weight-400 py-5"
499                                                    >
500                                                        <div class="pl-20">
501                                                            School und zoo
502                                                        </div>
503                                                    </a>
504                                                                                                    <a href="/en/zoo/experience/feeding-times"
505                                                                                                              style="font-size: 1.6rem"
506                                                       class="text-shark d-block font-weight-400 py-5"
507                                                    >
508                                                        <div class="pl-20">
509                                                            Feedings and more
510                                                        </div>
511                                                    </a>
512                                                                                                    <a href="/en/zoo/experience/lemur-experience"
513                                                                                                              style="font-size: 1.6rem"
514                                                       class="text-shark d-block font-weight-400 py-5"
515                                                    >
516                                                        <div class="pl-20">
517                                                            Ring-tailed lemur experience
518                                                        </div>
519                                                    </a>
520                                                                                                    <a href="/en/zoo/experience/birthday-party"
521                                                                                                              style="font-size: 1.6rem"
522                                                       class="text-shark d-block font-weight-400 py-5"
523                                                    >
524                                                        <div class="pl-20">
525                                                            Children&#039;s birthday
526                                                        </div>
527                                                    </a>
528                                                                                                    <a href="/en/zoo/experience/ocean-conservation-exhibition"
529                                                                                                              style="font-size: 1.6rem"
530                                                       class="text-shark d-block font-weight-400 py-5"
531                                                    >
532                                                        <div class="pl-20">
533                                                            Ocean conservation exhibition
534                                                        </div>
535                                                    </a>
536                                                                                                    <a href="/en/zoo/experience/fun-and-games"
537                                                                                                              style="font-size: 1.6rem"
538                                                       class="text-shark d-block font-weight-400 py-5"
539                                                    >
540                                                        <div class="pl-20">
541                                                            Fun and games
542                                                        </div>
543                                                    </a>
544                                                                                                    <a href="/en/zoo/socialmedia"
545                                                                                                              style="font-size: 1.6rem"
546                                                       class="text-shark d-block font-weight-400 py-5"
547                                                    >
548                                                        <div class="pl-20">
549                                                            Social Media
550                                                        </div>
551                                                    </a>
552                                                                                                    <a href="/en/zoo/experience/crime-ex
552perience"
553                                                                                                              style="font-size: 1.6rem"
554                                                       class="text-shark d-block font-weight-400 py-5"
555                                                    >
556                                                        <div class="pl-20">
557                                                            Crime mystery experience
558                                                        </div>
559                                                    </a>
560                                                                                                    <a href="/en/zoo/erlebnis/herbstworkshop"
561                                                                                                              style="font-size: 1.6rem"
562                                                       class="text-shark d-block font-weight-400 py-5"
563                                                    >
564                                                        <div class="pl-20">
565                                                            Autumn workshop
566                                                        </div>
567                                                    </a>
568                                                                                            </div>
569                                        </div>
570                                    </div>
571                                                                                            
572                                                                    <a class="white-space-nowrap text-shark d-block font-weight-400 py-5"
573
574                                       href="/en/zoo/floormap"
575                                       style="font-size: 1.6rem;"
576                                                                           >
577                                        Floor map
578                                    </a>
579                                                                                            
580                                                                    <a class="white-space-nowrap text-shark d-block font-weight-400 py-5"
581
582                                       href="/en/zoo/conservation-and-research"
583                                       style="font-size: 1.6rem;"
584                                                                           >
585                                        Conservation and research
586                                    </a>
587                                                                                            
588                                                                    <div class="mr-80 has-desktop-sub-menu" style="position: relative; z-index: 40">
589                                        <div class="text-shark accordion-button white-space-nowrap"
590                                             style="display: block; font-weight: 400; font-size: 1.6rem; padding-top: 0.5rem; padding-bottom: 0.5rem"
591                                             data-accordion="105"
592                                        >
593                                            Support
594                                            <span>
595                                        <svg
596                                            style="width: 1.1rem; height: 1.1rem; margin-left: 0.2rem; margin-right: 0.6rem; transform: translateY(0.1rem)">
597                                            <use href="/layout/img/web-icons-hdm-6.svg#chevron-down"/>
598                                        </svg>
599                                    </span>
600                                        </div>
601                                        <div class="accordion-element" data-accordion="105">
602                                            <div class="mobile-sub-menu-box pb-5">
603                                                                                                    <a href="/en/zoo/support/sponsorship"
604                                                                                                              style="font-size: 1.6rem"
605                                                       class="text-shark d-block font-weight-400 py-5"
606                                                    >
607                                                        <div class="pl-20">
608                                                            Sponsorships
609                                                        </div>
610                                                    </a>
611                                                                                                    <a href="/en/zoo/support/donations"
612                                                                                                              style="font-size: 1.6rem"
613                                                       class="text-shark d-block font-weight-400 py-5"
614                                                    >
615                                                        <div class="pl-20">
616                                                            Donations
617                                                        </div>
618                                                    </a>
619                                                                                                    <a href="/en/zoo/unterstuetzen/freiwillige-taetigkeit"
620                                                                                                              style="font-size: 1.6rem"
621                                                       class="text-shark d-block font-weight-400 py-5"
622                                                    >
623                                                        <div class="pl-20">
624                                                            Voluntary
625                                                        </div>
626                                                    </a>
627                                                                                                    <a href="/en/zoo/support/partner"
628                                                                                                              style="font-size: 1.6rem"
629                                                       class="text-shark d-block font-weight-400 py-5"
630                                                    >
631                                                        <div class="pl-20">
632                                                            Partner
633                                                        </div>
634                                                    </a>
635                                                                                            </div>
636                                        </div>
637                                    </div>
638                                                                                    </div>
639                    </div>
640                                    <div class="px-15 area-mobile-menu" data-area="restaurant">
641                        <div>
642                                                            <a href="/en/restaurant" class="sidebar-area-main-title-link">
643                                    360° OCEAN SKY
644                                </a>
645                                                    </div>
646                        <div class="pl-15 pb-20">
647                                                            <a class="white-space-nowrap text-shark" href="/en/restaurant"
648                                   style="display: block; font-weight: 400; font-size: 1.6rem; padding-top: 0.5rem; padding-bottom: 0.5rem"
649                                >
650                                    Home
651                                </a>
652                                                                                        
653                                                                    <a class="white-space-nowrap text-shark d-block font-weight-400 py-5"
654
655                                       href="https://www.oceansky.at/en/menu/"
656                                       style="font-size: 1.6rem;"
657                                        target="_blank" rel="noopener"                                     >
658                                        Menu
659                                    </a>
660                                                                                            
661                                                                    <a class="white-space-nowrap text-shark d-block font-weight-400 py-5"
662
663                                       href="https://www.oceansky.at/en/reservation/"
664                                       style="font-size: 1.6rem;"
665                                        target="_blank" rel="noopener"                                     >
666                                        Book a table
667                                    </a>
668                                                                                    </div>
669                    </div>
670                                    <div class="px-15 area-mobile-menu" data-area="events-kultur">
671                        <div>
672                                                            <a href="/en/events-culture" class="sidebar-area-main-title-link">
673                                    EVENTS AND CULTURE
674                                </a>
675                                                    </div>
676                        <div class="pl-15 pb-20">
677                                                            <a class="white-space-nowrap text-shark" href="/en/events-culture"
678                                   style="display: block; font-weight: 400; font-size: 1.6rem; padding-top: 0.5rem; padding-bottom: 0.5rem"
679                                >
680                                    Home
681                                </a>
682                                                                                        
683                                                                    <div class="mr-80 has-desktop-sub-menu" style="position: relative; z-index: 40">
684                                        <div class="text-shark accordion-button white-space-nowrap"
685                                             style="display: block; font-weight: 400; font-size: 1.6rem; padding-top: 0.5rem; padding-bottom: 0.5rem"
686                                             data-accordion="106"
687                                        >
688                                            Events
689                                            <span>
690                                        <svg
691                                            style="width: 1.1rem; height: 1.1rem; margin-left: 0.2rem; margin-right: 0.6rem; transform: translateY(0.1rem)">
692                                            <use href="/layout/img/web-icons-hdm-6.svg#chevron-down"/>
693                                        </svg>
694                                    </span>
695                                        </div>
696                                        <div class="accordion-element" data-accordion="106">
697                                            <div class="mobile-sub-menu-box pb-5">
698                                                                                                    <a href="/en/events-culture/events/lighthouse10_old"
699                                                                                                              style="font-size: 1.6rem"
700                                                       class="text-shark d-block font-weight-400 py-5"
701                                                    >
702                                                        <div class="pl-20">
703                                                            Lighthouse10
704                                                        </div>
705                                                    </a>
706                                                                                                    <a href="/en/events-culture/events/lighthouse10_old#event-anfrage"
707                                                                                                              style="font-size: 1.6rem"
708                                                       class="text-shark d-block font-weight-400 py-5"
709                                                    >
710                                                        <div class="pl-20">
711                                                            Request your event
712                                                        </div>
713                                                    </a>
714                                                                                                    <a href="/en/events-culture/lighthouse10/business-event"
715                                                                                                              style="font-size: 1.6rem"
716                                                       class="text-shark d-block font-weight-400 py-5"
717                                                    >
718                                                        <div class="pl-20">
719                                                            Business event
720                                                        </div>
721                                                    </a>
722                                                                                                    <a href="/en/events-culture/lighthouse10/gala-dinner"
723                                                                                                              style="font-size: 1.6rem"
724                                                       class="text-shark d-block font-weight-400 py-5"
725                                                    >
726                                                        <div class="pl-20">
727                                                            Galadinner
728                                                        </div>
729                                                    </a>
730                                                                                                    <a href="/en/events-culture/lighthouse10/private-event"
731                                                                                                              style="font-size: 1.6rem"
732                                                       class="text-shark d-block font-weight-400 py-5"
733                                                    >
734                                                        <div class="pl-20">
735                                                            Private event
736                                                        </div>
737                                                    </a>
738                                                                                                    <a href="/en/events-culture/lighthouse10/christmas-party"
739                                                                                                              style="font-size: 1.6rem"
740                                                       class="text-shark d-block font-weight-400 py-5"
741                                                    >
742                                                        <div class="pl-20">
743                                                            Christmas party
744                                                        </div>
745                                                    </a>
746                                                                                            </div>
747                                        </div>
748                                    </div>
749                                                                                            
750                                                                    <a class="white-space-nowrap text-shark d-block font-weight-400 py-5"
751
752                                       href="/en/events-culture/veranstaltungskalender"
753                                       style="font-size: 1.6rem;"
754                                                                           >
755                                        Event calender
756                                    </a>
757                                                                                            
758                                                                    <div class="mr-80 has-desktop-sub-menu" style="position: relative; z-index: 40">
759                                        <div class="text-shark accordion-button white-space-nowrap"
760                                             style="display: block; font-weight: 400; font-size: 1.6rem; padding-top: 0.5rem; padding-bottom: 0.5rem"
761                                             data-accordion="107"
762                                        >
763                                            Kultur und Me(e)hr
764                                            <span>
765                                        <svg
766                                            style="width: 1.1rem; height: 1.1rem; margin-left: 0.2rem; margin-right: 0.6rem; transform: translateY(0.1rem)">
767                                            <use href="/layout/img/web-icons-hdm-6.svg#chevron-down"/>
768                                        </svg>
769                                    </span>
770                                        </div>
771                                        <div class="accordion-element" data-accordion="107">
772                                            <div class="mobile-sub-menu-box pb-5">
773                                                                                                    <a href="/en/events-culture/kulturwelle"
774                                                                                                              style="font-size: 1.6rem"
775                                                       class="text-shark d-block font-weight-400 py-5"
776                                                    >
777                                                        <div class="pl-20">
778                                                            Kulturwelle
779                                                        </div>
780                                                    </a>
781                                                                                                    <a href="/en/events-culture/kulturwelle/programme"
782                                                                                                              style="font-size: 1.6rem"
783                                                       class="text-shark d-block font-weight-400 py-5"
784                                                    >
785                                                        <div class="pl-20">
786                                                            Programme and tickets
787                                                        </div>
788                                                    </a>
789                                                                                            </div>
790                                        </div>
791                                    </div>
792                                                                                    </div>
793                    </div>
794                                    <div class="px-15 area-mobile-menu" data-area="tierarztpraxis">
795                        <div>
796                                                            <a href="/en/vet-clinic" class="sidebar-area-main-title-link">
797                                    VET CLINIC
798                                </a>
799                                                    </div>
800                        <div class="pl-15 pb-20">
801                                                            <a class="white-space-nowrap text-shark" href="/en/vet-clinic"
802                                   style="display: block; font-weight: 400; font-size: 1.6rem; padding-top: 0.5rem; padding-bottom: 0.5rem"
803                                >
804                                    Home
805                                </a>
806                                                                                </div>
807                    </div>
808                                    <div class="px-15 area-mobile-menu" data-area="ueber-uns">
809                        <div>
810                                                            <a href="/en/about-us" class="sidebar-area-main-title-link">
811                                    ABOUT US
812                                </a>
813                                                    </div>
814                        <div class="pl-15 pb-20">
815                                                            <a class="white-space-nowrap text-shark" href="/en/about-us"
816                                   style="display: block; font-weight: 400; font-size: 1.6rem; padding-top: 0.5rem; padding-bottom: 0.5rem"
817                                >
818                                    Home
819                                </a>
820                                                                                        
821                                                                    <a class="white-space-nowrap text-shark d-block font-weight-400 py-5"
822
823                                       href="/en/about-us/organisation-and-management"
824                                       style="font-size: 1.6rem;"
825                                                                           >
826                                        Organisation and management
827                                    </a>
828                                                                                            
829                                                                    <a class="white-space-nowrap text-shark d-block font-weight-400 py-5"
830
831                                       href="/en/history"
832                                       style="font-size: 1.6rem;"
833                                                                           >
834                                        History
835                                    </a>
836                                                                                            
837                                                                    <a class="white-space-nowrap text-shark d-block font-weight-400 py-5"
838
839                                       href="/en/about-us/news"
840                                       style="font-size: 1.6rem;"
841                                                                           >
842                                        News
843                                    </a>
844                                                                                            
845                                                                    <a class="white-space-nowrap text-shark d-block font-weight-400 py-5"
846
847                                       href="/en/about-us/jobs"
848                                       style="font-size: 1.6rem;"
849                                                                           >
850                                        Jobs
851                                    </a>
852                                                                                            
853                                                                    <div class="mr-80 has-desktop-sub-menu" style="position: relative; z-index: 40">
854                                        <div class="text-shark accordion-button white-space-nowrap"
855                                             style="display: block; font-weight: 400; font-size: 1.6rem; padding-top: 0.5rem; padding-bottom: 0.5rem"
856                                             data-accordion="108"
857                                        >
858                                            Associations
859                                            <span>
860                                        <svg
861                                            style="width: 1.1rem; height: 1.1rem; margin-left: 0.2rem; margin-right: 0.6rem; transform: translateY(0.1rem)">
862                                            <use href="/layout/img/web-icons-hdm-6.svg#chevron-down"/>
863                                        </svg>
864                                    </span>
865                                        </div>
866                                        <div class="accordion-element" data-accordion="108">
867                                            <div class="mobile-sub-menu-box pb-5">
868                                                                                                    <a href="https://www.verein-hdm.at/"
869                                                        target="_blank" rel="noopener"                                                        style="font-size: 1.6rem"
870                                                       class="text-shark d-block font-weight-400 py-5"
871                                                    >
872                                                        <div class="pl-20">
873                                                            Verein der Freunde
874                                                        </div>
875                                                    </a>
876                                                                                                    <a href="https://www.wifo-hdm.at/"
877                                                        target="_blank" rel="noopener"                                                        style="font-size: 1.6rem"
878                                                       class="text-shark d-block font-weight-400 py-5"
879                                                    >
880                                                        <div class="pl-20">
881                                                            Wissenschaft &amp; Forschung
882                                                        </div>
883                                                    </a>
884                                                                                            </div>
885                                        </div>
886                                    </div>
887                                                                                            
888                                                                    <div class="mr-80 has-desktop-sub-menu" style="position: relative; z-index: 40">
889                                        <div class="text-shark accordion-button white-space-nowrap"
890                                             style="display: block; font-weight: 400; font-size: 1.6rem; padding-top: 0.5rem; padding-bottom: 0.5rem"
891                                             data-accordion="109"
892                                        >
893                                            Animal rescue center
894                                            <span>
895                                        <svg
896                                            style="width: 1.1rem; height: 1.1rem; margin-left: 0.2rem; margin-right: 0.6rem; transform: translateY(0.1rem)">
897                                            <use href="/layout/img/web-icons-hdm-6.svg#chevron-down"/>
898                                        </svg>
899                                    </span>
900                                        </div>
901                                        <div class="accordion-element" data-accordion="109">
902                                            <div class="mobile-sub-menu-box pb-5">
903                                                                                                    <a href="/en/about-us/animal-rescue-center"
904                                                                                                              style="font-size: 1.6rem"
905                                                       class="text-shark d-block font-weight-400 py-5"
906                                                    >
907                                                        <div class="pl-20">
908                                                            Animal rescue center
909                                                        </div>
910                                                    </a>
911                                                                                                    <a href="/en/about-us/auffangstation/aufnahme"
912                                                                                                              style="font-size: 1.6rem"
913                                                       class="text-shark d-block font-weight-400 py-5"
914                                                    >
915                                                        <div class="pl-20">
916                                                            Adopt a pet
917                                                        </div>
918                                                    </a>
919                                                                                                    <a href="/en/about-us/animal-rescue-center/handover"
920                                                                                                              style="font-size: 1.6rem"
921                                                       class="text-shark d-block font-weight-400 py-5"
922                                                    >
923                                                        <div class="pl-20">
924                                                            Hand over an animal
925                                                        </div>
926                                                    </a>
927                                                                                            </div>
928                                        </div>
929                                    </div>
930                                                                                            
931                                                                    <a class="white-space-nowrap text-shark d-block font-weight-400 py-5"
932
933                                       href="/en/about-us/contact"
934                                       style="font-size: 1.6rem;"
935                                                                           >
936                                        Contact us
937                                    </a>
938                                                                                    </div>
939                    </div>
940                            </div>
941        </div>
942    </div>
943</div>
944    <main class="">
945
946        
947                                                <style>  /* reducing critical chain */
948    .hdm-hero-section-background-image {
949        background-image: url('/layout/img/hero-shark-mobile.jpg');
950        background-position: 80% 50%;
951    }
952    @media screen and (min-width: 70rem) { 
953        .hdm-hero-section-background-image {
954            background-position: 70% 50%;
955            background-image: url('/layout/img/hero-shark-1.4.jpg');
956        }
957    }
958</style>
959<div class="extra-margin-bottom-sm">
960    <div class="xl-container">
961        <div class="hdm-hero-section--wrapper hdm-hero-section-background-image">
962            <div class="hdm-hero-section--content-box">
963                <div class="hdm-hero-section--text">
964                    See the fascinating
965                                            <br>underwater world
966                                                                <br>and more...
967                                    </div>
968                <div class="hdm-hero-section--button-box">
969                    <a href="#uebersicht" class="hdm-hero-section--button">
970                        Discover more
971                    </a>
972                </div>
973            </div>
974        </div>
975    </div>
976</div>
977                                                                                        <div class="position-relative extra-margin-bottom-md py-20">
978    <div class="lg-container">
979        <div class="row-gutter-md pt-10 align-items-start  flex-direction-row-reverse " style="flex-wrap: wrap">
980            <div class="col-lg-6 pt-30">
981                                    <div>
982                        <h1><strong>Haus des Meeres – Aqua Terra Zoo</strong></h1><p>Have you ever dreamed of walking through the Atlantic? Ever fancied a trip to the largest and most poisonous lizards in the world? How about a jungle adventure in the middle of Vienna? Well, we have good news for you! You can do all of this and much more at the Haus des Meeres! Originally an anti-aircraft tower from World War II, it is now a zoo with over 10,000 animals resulting from almost 7 decades of dedicated scientific work. Here you can admire a variety of animal species on 11 floors: sharks, rays, turtles on water and on land, lizards of all kinds, snakes, salt and freshwater fish, birds, flying foxes, various monkeys, insects, and a whole lot more…</p>
983                    </div>
984                                                    <div class="pt-35 pb-5 px-20" style="transform: translateY(-2rem)">
985                        <img src="/images/zoo/puppi-ausgeschnitten.png" alt="Turtle Puppi">
986                    </div>
987                                                    <div>
988                        <p>In addition to the zoo experience, you can also look forward to a fantastic view from our roof terrace and culinary delights in our 360° OCEAN SKY rooftop restaurant. The house serves as &nbsp;a venue for events of all kinds and even offers its own cultural program. Visit the Haus des Meeres – there is so much to discover!&nbsp;</p>
989                    </div>
990                                            </div>
991            <div class="pt-30 pt-lg-none col-lg-6 pb-20">
992                <h2 class="pb-0">News</h2>
993                <div class="news-block-container">
994                                            <div class="news-block-row-wrapper">
995                            <div class="news-block-row">
996                                                                    <div class="news-block-image">
997                                                                                    <img src="/images/news/2026-02//team-meeresamt-chaus-des-meeres.jpg" alt="Ein Jahr Meeresamt – eine Erfolgsgeschichte!">
998                                                                            </div>
999                                    <div class="news-bock-content">
1000                                        <div class="px-20 pt-20 pt-lg-none pl-lg-none">
1001                                                                                        <h3 class="text-shark mb-5" style="margin-top: -0.3rem">Ein Jahr Meeresamt – eine Erfolgsgeschichte!</h3>
1002
1003                                            <div style="white-space: pre-line">13 000 Stunden ehrenamtliches Engagement, 110 Menschen im Einsatz und ein gemeinsames Ziel: den Gästen des Haus des Meeres die faszinierende Wel ...</div>
1004                                            <div class="pt-20">
1005                                                <a href="/news/1041">
1006                                                    Mehr lesen
1007                                                </a>
1008                                            </div>
1009                                        </div>
1010                                    </div>
1011                            </div>
1012                        </div>
1013                                            <div class="news-block-row-wrapper">
1014                            <div class="news-block-row">
1015                                                                    <div class="news-block-image">
1016                                                                                    <img src="/images/news/2026-02//fuehrung-chaus-des-meeres.jpg" alt="Gute Nacht, Hai! Aber wie schläfst du eigentlich?">
1017                                                                            </div>
1018                                    <div class="news-bock-content">
1019                                        <div class="px-20 pt-20 pt-lg-none pl-lg-none">
1020                                                                                        <h3 class="text-shark mb-5" style="margin-top: -0.3rem">Gute Nacht, Hai! Aber wie schläfst du eigentlich?</h3>
1021
1022                                            <div style="white-space: pre-line">Warum schlafen Haie mit offenen Augen? Wie ruhen Tiere unter Wasser ohne zu ertrinken? Antworten auf diese und viele weitere Fragen liefert die n ...</div>
1023                                            <div class="pt-20">
1024                                                <a href="/news/1040">
1025                                                    Mehr lesen
1026                                                </a>
1027                                            </div>
1028                                        </div>
1029                                    </div>
1030                            </div>
1031                        </div>
1032                                            <div class="news-block-row-wrapper">
1033                            <div class="news-block-row">
1034                                                                    <div class="news-block-image">
1035                                                                                    <img src="/images/news/2026-02/malawibecken-chaus-des-meeres.jpg" alt="Ein See voller Farben - Ein Becken voller Zukunft!">
1036                                                                            </div>
1037                                    <div class="news-bock-content">
1038                                        <div class="px-20 pt-20 pt-lg-none pl-lg-none">
1039                                                                                        <h3 class="text-shark mb-5" style="margin-top: -0.3rem">Ein See voller Farben - Ein Becken voller Zukunft!</h3>
1040
1041                                            <div style="white-space: pre-line">Leuchtendes Gelb, funkelndes Blau und faszinierende Verhaltensweisen - mit seinem bisher größten Süßwasseraquarium holt das Haus des Meeres e ...</div>
1042                                            <div class="pt-20">
1043                                                <a href="/news/1039">
1044                                                    Mehr lesen
1045                                                </a>
1046                                            </div>
1047                                        </div>
1048                                    </div>
1049                            </div>
1050                        </div>
1051                                            <div class="news-block-row-wrapper">
1052                            <div class="news-block-row">
1053                                                                    <div class="news-block-image">
1054                                                                                    <img src="/images/news/2026-02//expedition-mexiko-c-haus-des-meeres.jpg" alt="Wir brauchen Zoos – Haus des Meeres zeigt, warum">
1055                                                                            </div>
1056                                    <div class="news-bock-content">
1057                                        <div class="px-20 pt-20 pt-lg-none pl-lg-none">
1058                                                                                        <h3 class="text-shark mb-5" style="margin-top: -0.3rem">Wir brauchen Zoos – Haus des Meeres zeigt, warum</h3>
1059
1060                                            <div style="white-space: pre-line">Wer durch soziale Medien scrollt, gewinnt schnell den Eindruck, Zoos seien nicht mehr zeitgemäß. Immer wieder wird gefordert, Tiere ausschließ ...</div>
1061                                            <div class="pt-20">
1062                                                <a href="/news/1038">
1063                                                    Mehr lesen
1064                                                </a>
1065                                            </div>
1066                                        </div>
1067                                    </div>
1068                            </div>
1069                        </div>
1070                                        <a class="news-block-more-news-button" href="/en/about-us/news">
1071                        Me(e)hr News finden Sie hier
1072                    </a>
1073                </div>
1074            </div>
1075        </div>
1076    </div>
1077
1078    </div>
1079                                                            <div class="position-relative extra-margin-bottom-md">
1080    <div class="md-container d-flex justify-content-center">
1081                    <div class="transition-element-horizontal">
1082            </div>
1083            </div>
1084</div>
1085                                                            <div class="position-relative extra-margin-bottom-lg">
1086    <div class="md-container">
1087
1088        <div class="home-overview-bar-container">
1089            <div class="home-overview-bar-card-wrapper">
1090                <div class="home-overview-bar-card">
1091                    <div class="home-overview-title">
1092                        Opening Hours
1093                    </div>
1094                    <div class="home-overview-content-box">
1095                        <div class="d-flex align-items-center pr-25 ">
1096                            <svg class="svg-main-fill" style="width: 8rem; height: 8rem;">
1097                                <use href="/layout/img/web-icons-hdm-6.svg#clock" />
1098                            </svg>
1099                        </div>
1100                        <div class="d-flex align-items-center">
1101                            <div style="line-height: 2.2rem">
1102                                <span style="font-weight: 200">Today, 02.10.2026</span><br>
1103                                                                    <span style="font-size: 1.6rem; font-weight: 500">09:00 am – 08:00 pm</span>
1104                                                            </div>
1105                        </div>
1106                    </div>
1107                    <div>
1108                        <a
1109                            class="hdm-button"
1110                            href="/en/zoo/visitor-information#oeffnungszeiten"
1111                        >
1112                            All Opening Hours
1113                        </a>
1114                    </div>
1115                </div>
1116            </div>
1117            <div class="home-overview-bar-card-wrapper">
1118                <div class="home-overview-bar-card">
1119                    <div class="home-overview-title">
1120                        Floor map
1121                    </div>
1122
1123                    <div class="home-overview-content-box">
1124                        <div class="d-flex align-items-center pr-25 ">
1125                            <img style="width: 8rem;"
1126                                 alt="Floormap"
1127                                 src="/layout/img/ebenenplan-mini.svg">
1128                        </div>
1129                        <div class="d-flex align-items-center">
1130                            Find animals
1131                            <br>
1132                            on the floor map
1133                        </div>
1134                    </div>
1135                    <div>
1136                        <a
1137                            class="hdm-button"
1138                            href="/en/zoo/floormap"
1139                        >
1140                            Floor map
1141                        </a>
1142                    </div>
1143                </div>
1144            </div>
1145            <div class="home-overview-bar-card-wrapper">
1146                <div class="home-overview-bar-card">
1147                    <div class="home-overview-title">
1148                        Map &amp; directions
1149                    </div>
1150                    <div class="home-overview-content-box">
1151                        <div class="d-flex align-items-center pr-25 ">
1152                            <svg class="svg-main-fill" style="width: 8rem; height: 8rem;">
1153                                <use href="/layout/img/web-icons-hdm-6.svg#location-icon" />
1154                            </svg>
1155                        </div>
1156                        <div class="d-flex align-items-center pt-20">
1157                            <ul>
1158                                <li>Public transport</li>
1159                                <li>Parking info</li>
1160                                <li>Calculate route</li>
1161                            </ul>
1162                        </div>
1163                    </div>
1164                    <div>
1165                        <a
1166                            class="hdm-button"
1167                            href="/en/zoo/map-and-directions"
1168                        >
1169                            To map &amp; directions
1170                        </a>
1171                    </div>
1172                </div>
1173            </div>
1174            <div class="home-overview-bar-card-wrapper">
1175                <div class="home-overview-bar-card">
1176                    <div class="home-overview-title">
1177                        Feedings and more
1178                    </div>
1179                    <div class="home-overview-content-box">
1180                        <div class="d-flex align-items-center pr-30 pl-5 ">
1181                            <svg class="svg-main-fill" style="width: 7rem; height: 7rem;">
1182                                <use href="/layout/img/web-icons-hdm-6.svg#calendar" />
1183                            </svg>
1184                        </div>
1185                        <div class="d-flex align-items-center pb-5">
1186                            <div>
1187                                <div class="pb-5">
1188                                    Next event
1189                                </div>
1190                                <div style="line-height: 1.5rem">
1191                                                                                                                                                                    11:00 am<br>
1192                                                                                Remembering Inside
1193                                                                    </div>
1194                            </div>
1195                        </div>
1196                    </div>
1197                    <div>
1198                        <a
1199                            class="hdm-button mr-5"
1200                            href="/en/zoo/experience/feeding-times"
1201                        >
1202                            Week overview
1203                        </a>
1204                        <a
1205                            class="hdm-button"
1206                            href="/en/zoo/experience/feeding-times?datum=2026-10-02"
1207                        >
1208                            Day overview
1209                        </a>
1210                    </div>
1211                </div>
1212            </div>
1213            <div class="home-overview-bar-card-wrapper">
1214                <div class="home-overview-bar-card">
1215                    <div class="home-overview-title">
1216                        Webcams
1217                    </div>
1218                    <div class="home-overview-content-box">
1219                        <div class="d-flex align-items-center pr-25">
1220                            <svg class="svg-main-fill" style="width: 8rem; height: 8rem;">
1221                                <use href="/layout/img/web-icons-hdm-6.svg#camera" />
1222                            </svg>
1223                        </div>
1224                        <div class="d-flex align-items-center">
1225                            Livestreams &<br>
1226                            videos
1227                        </div>
1228                    </div>
1229                    <div>
1230                        <a
1231                            class="hdm-button"
1232                            href="/en/zoo/webcams"
1233                        >
1234                            To the webcams
1235                        </a>
1236                    </div>
1237                </div>
1238            </div>
1239            <div class="home-overview-bar-card-wrapper">
1240                <div class="home-overview-bar-card">
1241                    <div class="home-overview-title">
1242                        Social Media
1243                    </div>
1244
1245                    <div class="home-overview-content-box">
1246                        <div class="d-flex align-items-center pr-25 pl-5">
1247                            <div style="width: 7rem;" class="pb-20">
1248                                <div class="d-flex mb-5">
1249                                    <svg class="home-overview-social-media-icons mr-5">
1250                                        <use href="/layout/img/social-media-icons.svg#youtube"></use>
1251                                    </svg>
1252                                    <svg class="home-overview-social-media-icons">
1253                                        <use href="/layout/img/social-media-icons.svg#instagram"></use>
1254                                    </svg>
1255                                </div>
1256                                <div class="d-flex">
1257                                    <svg class="home-overview-social-media-icons mr-5">
1258                                        <use href="/layout/img/social-media-icons.svg#facebook-2"></use>
1259                                    </svg>
1260                                    <svg class="home-overview-social-media-icons">
1261                                        <use href="/layout/img/social-media-icons.svg#tiktok"></use>
1262                                    </svg>
1263                                </div>
1264                            </div>
1265                        </div>
1266                        <div class="d-flex align-items-center pt-10">
1267                            <ul>
1268                                <li>
1269                                    <a class="font-weight-400" href="https://www.youtube.com/user/AquaTerraZoo" target="_blank" rel="noopener" aria-label="Youtube">
1270                                        Youtube
1271                                    </a>
1272                                </li>
1273                                <li>
1274                                    <a class="font-weight-400" href="https://www.instagram.com/hausdesmeeres/" target="_blank" rel="noopener" aria-label="Instagram">
1275                                        Instagram
1276                                    </a>
1277                                </li>
1278                                <li>
1279                                    <a class="font-weight-400" href="https://www.facebook.com/HausdesMeeres/" target="_blank" rel="noopener" aria-label="Facebook">
1280                                        Facebook
1281                                    </a>
1282                                </li>
1283                                <li>
1284                                    <a class="font-weight-400" href="https://www.tiktok.com/@hausdesmeeres" target="_blank" rel="noopener" aria-label="TikTok">
1285                                        TikTok
1286                                    </a>
1287                                </li>
1288                            </ul>
1289                        </div>
1290                    </div>
1291                    <div>
1292                        <a
1293                            class="hdm-button"
1294                            href="/en/zoo/socialmedia"
1295                        >
1296                            To the channels
1297                        </a>
1298                    </div>
1299                </div>
1300            </div>
1301            
1302        </div>
1303    </div>
1304
1305    <div id="uebersicht" class="anchor-helper"></div></div>
1306                                                            <div class="position-relative extra-margin-bottom-md">
1307    <div class="md-container d-flex justify-content-center">
1308                    <div class="transition-element-horizontal">
1309            </div>
1310            </div>
1311</div>
1312                                                            <div class="position-relative extra-margin-bottom-xs py-20">
1313    <div class="sm-container">
1314        <div class="row-gutter-md justify-content-center">
1315                            <div class="col-lg-6 pb-40">
1316                                            <a href="/en/history"
1317                           class="w-100"                         >
1318                            <img src="/images/zoo/hdm-old-1.png" alt="Flak tower in the 6th district">
1319
1320
1321
1322                        </a>
1323                                        <div class="pt-30">
1324                        <h2>History</h2><p>The Haus des Meeres is located inside a former World War II flak tower – and that's just one aspect of our extraordinary story! The history of our zoo begins in 1957: Travel with us through time, get to know important Haus des Meeres personalities, marvel at historical photographs and documents and follow the development of the zoo's scientific work.</p><p><a href="/en/about-us/history">Read more</a></p>
1325                    </div>
1326                </div>
1327                            <div class="col-lg-6 pb-40">
1328                                            <a href="/en/zoo/facts-and-figures"
1329                           class="w-100"                         >
1330                            <img src="/images/zoo/fassade2-dm-5.jpg" alt="Haus des Meeres with new extension">
1331
1332
1333
1334                        </a>
1335                                        <div class="pt-30">
1336                        <h2><a href="/en/zoo/facts-and-figures"><strong>Facts and figures</strong></a></h2><p>The Haus des Meeres Aqua Terra Zoo has seen many extensions and new buildings since it opened its doors in 1957. Today the former flak tower boasts a completely different look. In the past, one could hardly tell from the outside appearance how colourful and lively the inner workings of the tower were.<br>The latest developments and animals can be found here.</p><p><a href="/en/zoo/facts-and-figures">Read more</a></p>
1337                    </div>
1338                </div>
1339                    </div>
1340    </div>
1341    </div>
1342                                                            <div class="position-relative extra-margin-bottom-md">
1343    <div class="xl-container">
1344        <div class="d-flex py-40">
1345            <div class="area-background-zoo parallax-background-attachment"
1346                 style="padding-bottom: 28rem; background-image: url('/images/parallax/krake.jpg') !important;">
1347
1348            </div>
1349        </div>
1350    </div>
1351</div>
1352
1353                                                            <div class="position-relative extra-margin-bottom-md">
1354    <div class="md-container pb-20">
1355        <div class="row">
1356            <div class="col-lg-6">
1357                <h2><strong>Prices and online tickets</strong>&nbsp;</h2><p>The zoo without the queue.</p><p>Don't want to wait in line? Then you’re right right here! Save time: Book your tickets quickly and easily online.</p>
1358            </div>
1359            <div class="col-lg-6 d-flex justify-content-center align-items-center">
1360                <div class="pt-40 pt-lg-none">
1361                    <a class="area-button-background text-white" style="color: #fff !important; font-weight: 200; padding: 1rem 1.4rem;"
1362                                              href="/en/zoo/prices-and-tickets">
1363                        Book your tickets here
1364                    </a>
1365                </div>
1366            </div>
1367        </div>
1368    </div>
1369
1370    </div>
1371                                                            <div class="position-relative extra-margin-bottom-md">
1372    <div class="md-container d-flex justify-content-center">
1373                    <div class="transition-element-horizontal">
1374            </div>
1375            </div>
1376</div>
1377                                                            <div class="position-relative extra-margin-bottom-md py-20">
1378    <div class="md-container">
1379        <div class="row-gutter-sm justify-content-center">
1380                                                <div class="col-lg-4 pb-40 d-flex align-items-stretch">
1381                        <div class="area-background-lighter px-20 py-20 d-flex flex-direction-column justify-content-between">
1382                            <div>
1383                                                                    <div class="pb-20">
1384                                        <img src="/images/zoo/fütterungen/fuehrungen-puppi.jpg" alt="Zoo tour">
1385                                    </div>
1386                                                                <div>
1387                                    <h2><strong>Guided tours &amp; experiences</strong></h2><p>Exciting tours with our expert guides will give you new insights into our exotic animal world. Learn amazing animal facts and fun anecdotes about our diverse residents.</p>
1388                                </div>
1389                            </div>
1390                                                            <div class="d-flex justify-content-center pt-20">
1391                                    <a class="hdm-button card-button-100" href="en/zoo/experience/guided-tours"
1392                                                                           >
1393                                        Learn more
1394                                    </a>
1395                                </div>
1396                                                    </div>
1397                    </div>
1398                                                                <div class="col-lg-4 pb-40 d-flex align-items-stretch">
1399                        <div class="area-background-lighter px-20 py-20 d-flex flex-direction-column justify-content-between">
1400                            <div>
1401                                                                    <div class="pb-20">
1402                                        <img src="/images/zoo/fütterungen/braunrueckentamarin" alt="Animal feeding">
1403                                    </div>
1404                                                                <div>
1405                                    <h2><strong>Feedings</strong></h2><p>Experience a special dinner date: watch our animals hunt for the best treats while listening to the explanations given by our guides. Feedings are always fun and great to watch!</p>
1406                    
1406            </div>
1407                            </div>
1408                                                            <div class="d-flex justify-content-center pt-20">
1409                                    <a class="hdm-button card-button-100" href="/en/zoo/experience/feeding-times"
1410                                                                           >
1411                                        Learn more
1412                                    </a>
1413                                </div>
1414                                                    </div>
1415                    </div>
1416                                                                <div class="col-lg-4 pb-40 d-flex align-items-stretch">
1417                        <div class="area-background-lighter px-20 py-20 d-flex flex-direction-column justify-content-between">
1418                            <div>
1419                                                                    <div class="pb-20">
1420                                        <img src="/images/news/2025-02/neue-guideme-app-c-haus-des-meeres.jpg" alt="Die App GuideMe führt durch den Zoo">
1421                                    </div>
1422                                                                <div>
1423                                    <h2>Digital discovery tour</h2><p>Discover the zoo digitally and let yourself be guided. Scan the QR code with your smartphone to learn everything about the building, its animal inhabitants, and feeding times, while also navigating your way around.</p>
1424                                </div>
1425                            </div>
1426                                                            <div class="d-flex justify-content-center pt-20">
1427                                    <a class="hdm-button card-button-100" href="/en/zoo/experience/school-and-zoo#guideme"
1428                                                                           >
1429                                        Learn more
1430                                    </a>
1431                                </div>
1432                                                    </div>
1433                    </div>
1434                                    </div>
1435    </div>
1436    </div>
1437                        </main>
1438
1439<footer class="xl-container pt-50 no-print">
1440    <div class="area-background">
1441        <div class="footer-container text-shark area-background pt-70 font-weight-book">
1442            <nav class="footer-row flex-grow">
1443                                    <div class="footer-column">
1444                        <div class="pb-10 font-weight-bold">Zoo</div>
1445                                                    <a class="color-logo-shark font-weight-book"
1446                               href="/en/zoo/visitor-information#oeffnungszeiten"
1447                                                           >
1448                                <div class="pb-5 hover-pointer">
1449                                    Opening hours
1450                                </div>
1451                            </a>
1452                                                    <a class="color-logo-shark font-weight-book"
1453                               href="/en/zoo/prices-and-tickets"
1454                                                           >
1455                                <div class="pb-5 hover-pointer">
1456                                    Prices and tickets
1457                                </div>
1458                            </a>
1459                                                    <a class="color-logo-shark font-weight-book"
1460                               href="/en/zoo/support/donations"
1461                                                           >
1462                                <div class="pb-5 hover-pointer">
1463                                    Donations
1464                                </div>
1465                            </a>
1466                                                    <a class="color-logo-shark font-weight-book"
1467                               href="/en/zoo/support/sponsorship"
1468                                                           >
1469                                <div class="pb-5 hover-pointer">
1470                                    Sponsorships
1471                                </div>
1472                            </a>
1473                                                    <a class="color-logo-shark font-weight-book"
1474                               href="/en/zoo/map-and-directions"
1475                                                           >
1476                                <div class="pb-5 hover-pointer">
1477                                    Location
1478                                </div>
1479                            </a>
1480                                                    <a class="color-logo-shark font-weight-book"
1481                               href="/en/zoo/webcams"
1482                                                           >
1483                                <div class="pb-5 hover-pointer">
1484                                    Webcams
1485                                </div>
1486                            </a>
1487                                                    <a class="color-logo-shark font-weight-book"
1488                               href="/en/zoo/press"
1489                                                           >
1490                                <div class="pb-5 hover-pointer">
1491                                    Press
1492                                </div>
1493                            </a>
1494                                            </div>
1495                                    <div class="footer-column">
1496                        <div class="pb-10 font-weight-bold">360° OCEAN SKY</div>
1497                                                    <a class="color-logo-shark font-weight-book"
1498                               href="/en/restaurant"
1499                                                           >
1500                                <div class="pb-5 hover-pointer">
1501                                    Opening hours
1502                                </div>
1503                            </a>
1504                                                    <a class="color-logo-shark font-weight-book"
1505                               href="https://www.oceansky.at/en/menu/"
1506                                target="_blank" rel="noopener"                             >
1507                                <div class="pb-5 hover-pointer">
1508                                    Menu
1509                                </div>
1510                            </a>
1511                                                    <a class="color-logo-shark font-weight-book"
1512                               href="https://www.oceansky.at/en/reservation/"
1513                                target="_blank" rel="noopener"                             >
1514                                <div class="pb-5 hover-pointer">
1515                                    Book a table
1516                                </div>
1517                            </a>
1518                                            </div>
1519                                    <div class="footer-column">
1520                        <div class="pb-10 font-weight-bold">Events and Culture</div>
1521                                                    <a class="color-logo-shark font-weight-book"
1522                               href="/en/events-culture/events/lighthouse10"
1523                                                           >
1524                                <div class="pb-5 hover-pointer">
1525                                    Lighthouse10
1526                                </div>
1527                            </a>
1528                                                    <a class="color-logo-shark font-weight-book"
1529                               href="/en/events-culture/events/lighthouse10#event-anfrage"
1530                                                           >
1531                                <div class="pb-5 hover-pointer">
1532                                    Request your event
1533                                </div>
1534                            </a>
1535                                                    <a class="color-logo-shark font-weight-book"
1536                               href="/en/events-culture/kulturwelle"
1537                                                           >
1538                                <div class="pb-5 hover-pointer">
1539                                    Kulturwelle
1540                                </div>
1541                            </a>
1542                                                    <a class="color-logo-shark font-weight-book"
1543                               href="/en/events-culture/kulturwelle/programme"
1544                                                           >
1545                                <div class="pb-5 hover-pointer">
1546                                    Programm and tickets
1547                                </div>
1548                            </a>
1549                                                    <a class="color-logo-shark font-weight-book"
1550                               href="/en/events-culture/sonderveranstaltungen"
1551                                                           >
1552                                <div class="pb-5 hover-pointer">
1553                                    Special events
1554                                </div>
1555                            </a>
1556                                            </div>
1557                                    <div class="footer-column">
1558                        <div class="pb-10 font-weight-bold">About us</div>
1559                                                    <a class="color-logo-shark font-weight-book"
1560                               href="/en/about-us/news"
1561                                                           >
1562                                <div class="pb-5 hover-pointer">
1563                                    News
1564                                </div>
1565                            </a>
1566                                                    <a class="color-logo-shark font-weight-book"
1567                               href="/en/about-us/history"
1568                                                           >
1569                                <div class="pb-5 hover-pointer">
1570                                    History
1571                                </div>
1572                            </a>
1573                                                    <a class="color-logo-shark font-weight-book"
1574                               href="/en/about-us/jobs"
1575                                                           >
1576                                <div class="pb-5 hover-pointer">
1577                                    Jobs
1578                                </div>
1579                            </a>
1580                                                    <a class="color-logo-shark font-weight-book"
1581                               href="/en/about-us/contact"
1582                                                           >
1583                                <div class="pb-5 hover-pointer">
1584                                    Contact us
1585                                </div>
1586                            </a>
1587                                                    <a class="color-logo-shark font-weight-book"
1588                               href="/en/about-us/terms-and-conditions"
1589                                                           >
1590                                <div class="pb-5 hover-pointer">
1591                                    Terms and conditions
1592                                </div>
1593                            </a>
1594                                                    <a class="color-logo-shark font-weight-book"
1595                               href="/en/about-us/legal-notice"
1596                                                           >
1597                                <div class="pb-5 hover-pointer">
1598                                    Legal Notice
1599                                </div>
1600                            </a>
1601                                                    <a class="color-logo-shark font-weight-book"
1602                               href="/en/about-us/data-privacy"
1603                                                           >
1604                                <div class="pb-5 hover-pointer">
1605                                    Data privacy
1606                                </div>
1607                            </a>
1608                                                    <a class="color-logo-shark font-weight-book"
1609                               href="#data-privacy-settings"
1610                                                           >
1611                                <div class="pb-5 hover-pointer">
1612                                    Data privacy settings
1613                                </div>
1614                            </a>
1615                                            </div>
1616                            </nav>
1617            <div class="footer-social-icon-column">
1618                <div class="d-flex flex-direction-column justify-content-between">
1619                    <div>
1620                        <div class="d-flex justify-content-end">
1621                            <div class="d-flex justify-content-end">
1622                                <div class="social-media-icons-div">
1623                                    <a href="https://www.facebook.com/HausdesMeeres/" target="_blank" rel="noopener" aria-label="Facebook">
1624                                        <svg class="social-media-icons">
1625                                            <use href="/layout/img/social-media-icons.svg#facebook-2"></use>
1626                                        </svg>
1627                                    </a>
1628                                </div>
1629                                <div class="social-media-icons-div">
1630                                    <a href="https://www.instagram.com/hausdesmeeres/" target="_blank" rel="noopener" aria-label="Instagram">
1631                                        <svg class="social-media-icons">
1632                                            <use href="/layout/img/social-media-icons.svg#instagram"></use>
1633                                        </svg>
1634                                    </a>
1635                                </div>
1636                                <div class="social-media-icons-div">
1637                                    <a href="https://www.tiktok.com/@hausdesmeeres" target="_blank" rel="noopener" aria-label="TikTok">
1638                                        <svg class="social-media-icons">
1639                                            <use href="/layout/img/social-media-icons.svg#tiktok"></use>
1640                                        </svg>
1641                                    </a>
1642                                </div>
1643                            </div>
1644                            <div class="d-flex justify-content-end">
1645                                <div class="social-media-icons-div">
1646                                    <a href="https://www.youtube.com/user/AquaTerraZoo" target="_blank" rel="noopener" aria-label="Youtube">
1647                                        <svg class="social-media-icons">
1648                                            <use href="/layout/img/social-media-icons.svg#youtube"></use>
1649                                        </svg>
1650                                    </a>
1651                                </div>
1652                                <div class="social-media-icons-div">
1653                                    <a href="https://twitter.com/HausdesMeeres" target="_blank" rel="noopener" aria-label="Twitter">
1654                                        <svg class="social-media-icons">
1655                                            <use href="/layout/img/social-media-icons.svg#twitter"></use>
1656                                        </svg>
1657                                    </a>
1658                                </div>
1659                                <div class="social-media-icons-div">
1660                                    <a href="https://www.linkedin.com/company/haus-des-meeres-betriebs-gmbh/" target="_blank" rel="noopener" aria-label="LinkedIn">
1661                                        <svg class="social-media-icons">
1662                                            <use href="/layout/img/social-media-icons.svg#linkedin"></use>
1663                                        </svg>
1664                                    </a>
1665                                </div>
1666                            </div>
1667                        </div>
1668                    </div>
1669                    <div></div>
1670                </div>
1671            </div>
1672        </div>
1673        <div class="footer-award-and-associate-container pb-60">
1674            <hr class="hr-footer">
1675            <div class="row">
1676                <div class="col-xl-4 pt-20">
1677                    <div class="pb-5 text-shark">
1678                        Certified by:
1679                    </div>
1680                    <div class="d-flex">
1681                        <img src="/layout/img/footer/tuev-logo.webp" class="footer-logo-image pr-15 pr-15" loading="lazy" alt="TÜV Zertifikat">
1682                        <img src="/layout/img/footer/oeko-business-plan-wien.webp" class="footer-logo-image" loading="lazy" alt="Ökö Bonus">
1683                    </div>
1684                </div>
1685                <div class="col-xl-4 associate-padding-top">
1686                    <div class="pb-5 text-shark">
1687                        Member of:
1688                    </div>
1689                    <div class="d-flex">
1690                        <img src="/layout/img/footer/ozo-logo.webp" class="footer-logo-image pr-15" loading="lazy" alt="Österreichische Zoo Organisation"
1691                        style="transform: translateY(0.2rem) scale(1.07)" >
1692                        <img src="/layout/img/footer/eaza-logo.webp" class="footer-logo-image pr-15" loading="lazy" alt="EAZA" >
1693                        <img src="/layout/img/footer/wazag.webp" class="footer-logo-image pr-15" loading="lazy" alt="World Association of Zoos" >
1694                        <img src="/layout/img/footer/union-of-aquarium-curators.png"
1695                             class="footer-logo-image pr-15" loading="lazy" alt="European Union of aquarium curators"
1696                             style="opacity: 0.9;"
1697                        >
1698                        <img src="/layout/img/footer/austrian-lead-ing-sights.png"
1699                             class="footer-logo-image" loading="lazy" alt="Austrian Leading Sights" >
1700                    </div>
1701                </div>
1702            </div>
1703        </div>
1704    </div>
1705</footer>
1706
1707
1708<div class="scroll-to-top-button-wrapper d-none" style="position: fixed; right: 2rem; bottom: 2rem">
1709    <div class="hover-pointer area-button-background text-white font-weight-bold opacity-70"
1710         style="color: #fff !important; font-weight: 200; padding: 1.2rem 1rem 0.6rem 1rem; border-radius: 0.2rem"
1711         data-scroll-top
1712    >
1713        <svg style="fill: #fff; width: 1.8rem; height: 1.8rem;">
1714            <use href="/layout/img/web-icons-hdm-6.svg#chevron-up" />
1715        </svg>
1716    </div>
1717</div>
1718
1719
1720<script nonce="BTLATeS27tSQe1A4XYNGcg">
1721    document.addEventListener('click', function (event) {
1722        const target = event.target;
1723        if (!target || typeof target.closest !== 'function') {
1724            return;
1725        }
1726
1727        const scrollTop = target.closest('[data-scroll-top]');
1728        if (scrollTop) {
1729            window.scrollTo({top: 0, behavior: 'smooth'});
1730            return;
1731        }
1732
1733        // Klick an ein anderes Element weiterreichen (z. B. Card auf ihren Button).
1734        const clickProxy = target.closest('[data-click-target]');
1735        if (clickProxy) {
1736            const proxied = document.querySelector(clickProxy.dataset.clickTarget);
1737            // Klicks auf das Ziel selbst nicht weiterreichen - sonst loeste der
1738            // synthetische Klick diesen Handler erneut aus (Endlosschleife).
1739            if (proxied && proxied !== target && !proxied.contains(target)) {
1740                proxied.click();
1741            }
1742            return;
1743        }
1744
1745        // "external-media|youtube" -> acceptCookie('external-media', 'youtube')
1746        const acceptCookie = target.closest('[data-accept-cookie]');
1747        if (acceptCookie) {
1748            const [group, name] = acceptCookie.dataset.acceptCookie.split('|');
1749            if (window.dataPrivacyManager) {
1750                window.dataPrivacyManager.acceptCookie(group, name);
1751            }
1752            return;
1753        }
1754
1755        const hideSelf = target.closest('[data-hide-self]');
1756        if (hideSelf) {
1757            hideSelf.style.display = 'none';
1758            return;
1759        }
1760
1761        const zooEventsView = target.closest('[data-zoo-events-view]');
1762        if (zooEventsView) {
1763            const container = document.querySelector('.zoo-events-container');
1764            if (container) {
1765                container.dataset.zooevents = zooEventsView.dataset.zooEventsView;
1766            }
1767            if (zooEventsView.dataset.zooEventsUrl) {
1768                window.history.replaceState(null, null, zooEventsView.dataset.zooEventsUrl);
1769            }
1770        }
1771    });
1772</script>
1772
1773
1774<script nonce="BTLATeS27tSQe1A4XYNGcg">
1775    try {
1776        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
1777            if(['#datenschutzeinstellungen', '#data-privacy-settings'].includes(anchor.getAttribute('href'))) {
1778                return;
1779            }
1780
1781            anchor.addEventListener('click', function (e) {
1782                e.preventDefault();
1783
1784                document.querySelector(this.getAttribute('href')).scrollIntoView({
1785                    behavior: 'smooth'
1786                });
1787            });
1788        });
1789    } catch (e) {}
1790</script>
vendor: 1 bytes, line 1790
1790
1791<script src="/js/main.js?v=20260716"></script>
vendor: 1 bytes, line 1791
1791
1792<script nonce="BTLATeS27tSQe1A4XYNGcg">
1793    document.addEventListener("DOMContentLoaded", function () {
1794        const language = "en";
1795        const area = "zoo";
1796
1797        const clickyOnPageLoad =  false  ;
1798
1799        window.siteFactory.initPage(language, area, clickyOnPageLoad);
1800
1801    });
1802</script>
1802
1803</body>
1804</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.