PageSourceSearch

https://shop.zoo-berlin.de/de/article/189

html zoo-berlin.de collected 2026-10-02 05:01:57 UTC 105,648 bytes, 1,705 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="de-DE">
5    <head>
6        <meta charset="UTF-8">
7        <meta name="viewport" content="width=device-width, initial-scale=1.0">
8                <title> Kombi-Tickets (Zoo + Aquarium)  - Zoo / Aquarium Berlin</title>
9                <link crossorigin="anonymous" rel="stylesheet" href="/build/assets/shop-BuO9L_dY.css"><link crossorigin="anonymous" rel="modulepreload" href="/build/assets/vendor-react-B6KoJ4Um.js"><link crossorigin="anonymous" rel="modulepreload" href="/build/assets/vendor-bootstrap-4PcyVVVI.js"><link crossorigin="anonymous" rel="modulepreload" href="/build/assets/cropper.esm-DRhM_ESb.js"><link crossorigin="anonymous" rel="modulepreload" href="/build/assets/modal-accessibility-CiPJmGRe.js">
10                    <link rel="shortcut icon" href="/skin/zoo/images/icons/favicon.ico">
11    <link rel="icon" type="image/png" href="/skin/zoo/images/icons/favicon-16x16.png" sizes="16x16">
12    <link rel="icon" type="image/png" href="/skin/zoo/images/icons/favicon-32x32.png" sizes="32x32">
13    <link rel="icon" type="image/png" href="/skin/zoo/images/icons/favicon-96x96.png" sizes="96x96">
14    <link rel="icon" type="image/png" href="/skin/zoo/images/icons/favicon-194x194.png" sizes="194x194">
15    <link rel="apple-touch-icon" href="/skin/zoo/images/icons/apple-touch-icon.png">
16    <link rel="apple-touch-icon" sizes="57x57" href="/skin/zoo/images/icons/apple-touch-icon-57x57.png">
17    <link rel="apple-touch-icon" sizes="60x60" href="/skin/zoo/images/icons/apple-touch-icon-60x60.png">
18    <link rel="apple-touch-icon" sizes="72x72" href="/skin/zoo/images/icons/apple-touch-icon-72x72.png">
19    <link rel="apple-touch-icon" sizes="76x76" href="/skin/zoo/images/icons/apple-touch-icon-76x76.png">
20    <link rel="apple-touch-icon" sizes="114x114" href="/skin/zoo/images/icons/apple-touch-icon-114x114.png">
21    <link rel="apple-touch-icon" sizes="120x120" href="/skin/zoo/images/icons/apple-touch-icon-120x120.png">
22    <link rel="apple-touch-icon" sizes="144x144" href="/skin/zoo/images/icons/apple-touch-icon-144x144.png">
23    <link rel="apple-touch-icon" sizes="152x152" href="/skin/zoo/images/icons/apple-touch-icon-152x152.png">
24    <link rel="apple-touch-icon" sizes="180x180" href="/skin/zoo/images/icons/apple-touch-icon-180x180.png">
25    <meta name="msapplication-TileColor" content="#3C5724">
26    <meta name="msapplication-TileImage" content="/skin/zoo/images/icons/mstile-144x144.png">
27    <meta name="mobile-web-app-capable" content="yes">
28    <meta name="theme-color" content="#3C5724">
29    <meta name="application-name" content="Zoo Berlin">
30    
30<script async defer data-domain="shop.zoo-berlin.de" src="https://plausible.io/js/plausible.js"></script>
30
31
32        
32<script crossorigin="anonymous" type="module" src="/build/assets/shop-7MOMjDBZ.js"></script>
32
33        
33<script crossorigin="anonymous" type="module" src="/build/assets/alpine-D33rO-Nd.js"></script>
33
34                                    <link crossorigin="anonymous" rel="stylesheet" href="/build/assets/skin_shop.zoo-berlin-DU3-jGpJ.css">
35                                                                        
35<script type="module">
36                HKS.Shop.loadCustomScripts(["\/custom\/shop.zoo-berlin.de\/js\/custom.js"]);
37            </script>
37
38                                
39            
39<script>
40            window.dataLayer = window.dataLayer || [];
41        </script>
41
42        <!-- Google Tag Manager -->
43        
43<script>
vendor: 391 bytes, lines 43-47
43(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
44                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
45                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
46                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
47            })(window,document,'script','dataLayer','
47GTM-587ZB5
vendor: 3 bytes, line 47
47');
47</script>
47
48        </head>
49    <body class="zoo">
50                                <template x-data x-init="$store.shopTimeZone = 'Europe/Berlin'"></template>                                                    <!-- Google Tag Manager (noscript) -->
vendor: 76 bytes, lines 50-51
50
51        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
51GTM-587ZB5
vendor: 95 bytes, lines 51-52
51" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
52            
52<div class="header-mobile sticky-top container-fluid d-lg-none">
53        <div class="row">
54            <div class="col d-flex align-items-center">
55                <a href="/de" class="d-block img-link-outline"><img src="/skin/zoo/images/logo-zoo+ticketshop-mobile.png" class="logo-zoo img-fluid my-3 me-auto" alt="Logo Zoo / Aquarium Berlin"></a>
56            </div>
57            <div class="col d-flex align-items-center justify-content-end">
58                <ul class="list-inline mb-0">
59                                                                                                                        <li class="list-inline-item mobile-nav-item menu-item" title="Language">
60                                <div class="dropdown d-inline-block" id="language-dropdown">
61                                    <button class="btn mobile-nav-link lang-link" id="language-selection" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="Deutsch">
62                                        <svg class="fa-lg me-3" style="vertical-align: bottom;" width="20" height="20" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="earth-africa" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M177.8 63.2l10 17.4c2.8 4.8 4.2 10.3 4.2 15.9v41.4c0 3.9 1.6 7.7 4.3 10.4c6.2 6.2 16.5 5.7 22-1.2l13.6-17c4.7-5.9 12.9-7.7 19.6-4.3l15.2 7.6c3.4 1.7 7.2 2.6 11 2.6c6.5 0 12.8-2.6 17.4-7.2l3.9-3.9c2.9-2.9 7.3-3.6 11-1.8l29.2 14.6c7.8 3.9 12.6 11.8 12.6 20.5c0 10.5-7.1 19.6-17.3 22.2l-35.4 8.8c-7.4 1.8-15.1 1.5-22.4-.9l-32-10.7c-3.3-1.1-6.7-1.7-10.2-1.7c-7 0-13.8 2.3-19.4 6.5L176 212c-10.1 7.6-16 19.4-16 32v28c0 26.5 21.5 48 48 48h32c8.8 0 16 7.2 16 16v48c0 17.7 14.3 32 32 32c10.1 0 19.6-4.7 25.6-12.8l25.6-34.1c8.3-11.1 12.8-24.6 12.8-38.4V318.6c0-3.9 2.6-7.3 6.4-8.2l5.3-1.3c11.9-3 20.3-13.7 20.3-26c0-7.1-2.8-13.9-7.8-18.9l-33.5-33.5c-3.7-3.7-3.7-9.7 0-13.4c5.7-5.7 14.1-7.7 21.8-5.1l14.1 4.7c12.3 4.1 25.7-1.5 31.5-13c3.5-7 11.2-10.8 18.9-9.2l27.4 5.5C432 112.4 351.5 48 256 48c-27.7 0-54 5.4-78.2 15.2zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z"></path></svg>
63                                    </button>
64                                    <div class="dropdown-menu dropdown-menu-center" aria-labelledby="language-selection">
65                                                                                                                                    <a class="dropdown-item" href="/de/article/189" title="Deutsch">
66                                                    Deutsch
67                                                </a>
68                                                                                                                                                                                <a class="dropdown-item" href="/en/article/189" title="English">
69                                                    English
70                                                </a>
71                                                                                                                        </div>
72                                </div>
73                            </li>
74                                                                <li class="list-inline-item mobile-nav-item cart-item" title="0 Artikel">
75                        <a href="/de/cart" class="mobile-nav-link cart-link" title="Warenkorb aufrufen">
76                            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="20" viewBox="0 0 25 20">
77                                <path fill="currentColor" fill-rule="evenodd" d="M1262.99768,169 L1267.69868,164.298 C1267.89768,164.1 1268.15868,164 1268.41968,164 C1269.03268,164 1269.43968,164.505 1269.43968,165.029 C1269.43968,165.279 1269.34768,165.533 1269.14068,165.74 L1265.88068,169 L1262.99768,169 Z M1274.99868,169 L1277.88168,169 L1273.17968,164.298 C1272.98168,164.1 1272.72068,164 1272.45968,164 C1271.84668,164 1271.43968,164.505 1271.43968,165.029 C1271.43968,165.279 1271.53168,165.533 1271.73868,165.74 L1274.99868,169 Z M1282.43968,171 L1282.43968,173 L1281.79768,173 C1281.26368,173 1280.77568,173.305 1280.54068,173.786 L1276.43968,184 L1264.43968,184 L1260.33868,173.784 C1260.10468,173.304 1259.61668,173 1259.08268,173 L1258.43968,173 L1258.43968,171 L1282.43968,171 Z M1267.43968,175 C1267.43968,174.448 1266.99168,174 1266.43968,174 C1265.88768,174 1265.43968,174.448 1265.43968,175 L1265.43968,180 C1265.43968,180.552 1265.88768,181 1266.43968,181 C1266.99168,181 1267.43968,180.552 1267.43968,180 L1267.43968,175 Z M1271.43968,175 C1271.43968,174.448 1270.99168,174 1270.43968,174 C1269.88768,174 1269.43968,174.448 1269.43968,175 L1269.43968,180 C1269.43968,180.552 1269.88768,181 1270.43968,181 C1270.99168,181 1271.43968,180.552 1271.43968,180 L1271.43968,175 Z M1275.43968,175 C1275.43968,174.448 1274.99268,174 1274.43968,174 C1273.88668,174 1273.43968,174.448 1273.43968,175 L1273.43968,180 C1273.43968,180.552 1273.88668,181 1274.43968,181 C1274.99268,181 1275.43968,180.552 1275.43968,180 L1275.43968,175 Z" transform="translate(-1258 -164)"/>
78                            </svg>
79                        </a>
80                    </li>
81                    <li class="list-inline-item mobile-nav-item menu-item" title="Navigation">
82                        <a href="#" class="mobile-nav-link menu-link ms-3" data-bs-toggle="mobile-nav" aria-label="Toggle navigation">
83                            <svg xmlns="http://www.w3.org/2000/svg" width="22" height="25" viewB
83ox="0 0 448 512">
84                                <path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path>
85                            </svg>
86                        </a>
87                    </li>
88                </ul>
89            </div>
90        </div>
91    </div>
92    <header id="header" class="header-desktop">
93        <div class="container container-fluid d-none d-lg-block">
94            <div id="meta-nav" class="row justify-content-between">
95                <div class="col"></div>
96                <div class="col d-flex justify-content-end align-items-center">
97                    <div>
98                                                                                                                                                                                        <div class="dropdown d-inline-block me-3" id="language-dropdown">
99                                        <button class="btn icon-text text-white p-0" id="language-selection" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="Deutsch"><i class="fas fa-globe-africa"></i></button>
100                                        <div class="dropdown-menu dropdown-menu-center" aria-labelledby="language-selection">
101                                                                                                                                                <a class="dropdown-item" href="/de/article/189" title="Deutsch">
102                                                        Deutsch
103                                                    </a>
104                                                                                                                                                                                                <a class="dropdown-item" href="/en/article/189" title="English">
105                                                        English
106                                                    </a>
107                                                                                                                                    </div>
108                                    </div>
109                                                                                                                                                                                                                    <a href="https://www.zoo-berlin.de/" target="_blank" rel="noopener noreferrer" class="link-arrow-white text-link-outline">Zurück zur Zoo-Webseite</a>
110                    </div>
111                </div>
112            </div>
113            <div id="top-nav" class="row justify-content-between">
114                <div class="col-auto">
115                    <a href="/de" class="img-link-outline"><img src="/skin/zoo/images/logo-zoo+ticketshop.png" class="logo-zoo img-fluid" alt="Logo Zoo / Aquarium Berlin"></a>
116                </div>
117                <div class="col-auto">
118                    <nav class="menu-top navbar navbar-expand-lg rounded overflow-hidden">
119                        <div class="collapse navbar-collapse" id="navbarToggler">
120                                                                <ul class="nav navbar-nav me-auto my-2 my-lg-0">
121                                                                            
122    
123                    
124    
125
126
127    
128
129
130
131
132    <li class="nav-item rounded-0 ">
133            
134
135
136
137    
138
139
140
141
142    <a class="nav-link "
143       href="/de/categories/7"
144       
145       data-seo="/de/categories/7"
146       data-type=""
147       target="_self"
148       data-cy="Tageskarten"
149       rel="">
150        Tageskarten
151            </a>
152
153            </li>
154                                                                    
155    
156                    
157    
158
159
160    
161
162
163
164
165    <li class="nav-item rounded-0 ">
166            
167
168
169
170    
171
172
173
174
175    <a class="nav-link "
176       href="/de/categories/8"
177       
178       data-seo="/de/categories/8"
179       data-type=""
180       target="_self"
181       data-cy="Jahreskarten"
182       rel="">
183        Jahreskarten
184            </a>
185
186            </li>
187                                                                    
188    
189                    
190    
191
192
193    
194
195
196
197
198    <li class="nav-item rounded-0 ">
199            
200
201
202
203    
204
205
206
207
208    <a class="nav-link "
209       href="/de/categories/51"
210       
211       data-seo="/de/categories/51"
212       data-type=""
213       target="_self"
214       data-cy="Erlebnisse"
215       rel="">
216        Erlebnisse
217            </a>
218
219            </li>
220                                                <li class="nav-item cart-item rounded-start-0" title="0 Artikel">
221        <a href="/de/cart" class="nav-link cart-link" title="Warenkorb aufrufen">
222            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="20" viewBox="0 0 25 20">
223                <path fill-rule="evenodd" d="M1262.99768,169 L1267.69868,164.298 C1267.89768,164.1 1268.15868,164 1268.41968,164 C1269.03268,164 1269.43968,164.505 1269.43968,165.029 C1269.43968,165.279 1269.34768,165.533 1269.14068,165.74 L1265.88068,169 L1262.99768,169 Z M1274.99868,169 L1277.88168,169 L1273.17968,164.298 C1272.98168,164.1 1272.72068,164 1272.45968,164 C1271.84668,164 1271.43968,164.505 1271.43968,165.029 C1271.43968,165.279 1271.53168,165.533 1271.73868,165.74 L1274.99868,169 Z M1282.43968,171 L1282.43968,173 L1281.79768,173 C1281.26368,173 1280.77568,173.305 1280.54068,173.786 L1276.43968,184 L1264.43968,184 L1260.33868,173.784 C1260.10468,173.304 1259.61668,173 1259.08268,173 L1258.43968,173 L1258.43968,171 L1282.43968,171 Z M1267.43968,175 C1267.43968,174.448 1266.99168,174 1266.43968,174 C1265.88768,174 1265.43968,174.448 1265.43968,175 L1265.43968,180 C1265.43968,180.552 1265.88768,181 1266.43968,181 C1266.99168,181 1267.43968,180.552 1267.43968,180 L1267.43968,175 Z M1271.43968,175 C1271.43968,174.448 1270.99168,174 1270.43968,174 C1269.88768,174 1269.43968,174.448 1269.43968,175 L1269.43968,180 C1269.43968,180.552 1269.88768,181 1270.43968,181 C1270.99168,181 1271.43968,180.552 1271.43968,180 L1271.43968,175 Z M1275.43968,175 C1275.43968,174.448 1274.99268,174 1274.43968,174 C1273.88668,174 1273.43968,174.448 1273.43968,175 L1273.43968,180 C1273.43968,180.552 1273.88668,181 1274.43968,181 C1274.99268,181 1275.43968,180.552 1275.43968,180 L1275.43968,175 Z" transform="translate(-1258 -164)"/>
224            </svg>
225        </a>
226    </li>
227    </ul>
228                                                    </div>
229                    </nav>
230                </div>
231            </div>
232        </div>
233    </header>
234                <main id="content">
235                            <section id="Hero" class="page-hero">
236        <picture>
237            <source srcset="/skin/zoo/images/slider/panda_767.png" media="(max-width: 767px)">
238            <source srcset="/skin/zoo/images/slider/panda_1080.png" media="(max-width: 1080px)">
239            <source srcset="/skin/zoo/images/slider/panda.png" media="(min-width: 1480px)">
240            <img src="/skin/zoo/images/slider/panda.png" class="page-hero-cover-content" alt="">
241        </picture>
242    </section>
243                            <section id="Title" class="jumbotron jumbotron-fluid bg-cover">
244                            <div class="container">
245                                <div class="row">
246                                    <div class="col">
247                                        <h1 class="page-title"> Kombi-Tickets (Zoo + Aquarium) </h1>
248                                        <div class="page-subtitle"></div>
249                                    </div>
250                                </div>
251                            </div>
252                        </section>
253                    
254                                            
255
256                                                                                    <section id="Article" 
256class="mb-4 pb-4 article-189">
257                <div class="container">
258                    <div class="row justify-content-center">
259                        
260                            <div class="col">
261                                                                            
262
263                    <div class="article-info-box mb-5 rounded">
264                <h2 class="MsoNormal"><strong>Tipp &ndash; G&uuml;nstigste und schnellste Tickets nur online!</strong></h2>
265<ul>
266<li>Online-Tickets g&uuml;nstiger als an Kassen vor Ort</li>
267<li>Mit Online-Tickets Schlange &uuml;berspringen und direkt zum Einlass gehen</li>
268<li>Online-Buchung ganz unkompliziert ohne Nutzerkonto</li>
269</ul>
270<hr />
271<p>+++ ACHTUNG: Nach mehrj&auml;hrigen Umbauarbeiten erstrahlt das Aquarium jetzt in neuem Glanz! +++</p>
272            </div>
273        
274                                                                                                                                                                                                                                                    
275
276    <form action="/cart/189/add/group" id="article-form" data-cy="article-form" data-cy-type="group" method="post">
277        <template
278            x-data="articleAttributesHandler()"
279            x-init="addBundleOrGroupArticleToStore({
280            id: 189,
281            name: 'Kombi-Tickets (Zoo + Aquarium)',
282            price: 0,
283            quantity: 1,
284            type: 'group',
285        })"></template>
286
287        <div class="card mb-4 article-group">
288            <h2 class="card-header h5">
289                                                            Bitte wählen Sie Ihre Artikel
290                                                </h2>
291            <div class="card-body p-0">
292                                    <div class="table">
293                                                    
294                                                                            <div class="tbody">
295                                                                                                                                                <div class="row table-row is-dynamically-priced" data-id="421">
296                                                                                            <div class="col-12 col-sm col-name">
297                                                        <b>Kombi-Tageskarte Zoo + Aquarium - Erwachsener</b>
298            <br>
299        ab 16 Jahre
300                                                    </div>
301                                                <div class="col-auto col-qty">
302                                                                                                                                                                                                                                                                    
303    
304    
305<div class="input-group-quantity input-group input-group-sm mx-auto "
306     x-data="quantityChangeHandler()"
307     x-init="initHandler({
308            articleId: '421',
309            articleType: 'virtual',
310            customClass: 'qty_nullable',
311            dynamicallyPriced: '1',
312            editableQty: '1',
313            maxQty: '100',
314            minQty: '0',
315            name: 'Kombi-Tageskarte Zoo + Aquarium - Erwachsener',
316            price: '0',
317            reslingArticle: '1',
318            reslingEventId: '1efd402e-f026-6c2a-b17f-01553338b7c8',
319            isSeatsioItem: '',
320        })
321        ">
322
323            <button
324            class="button-minus btn btn-primary"
325            x-on:click="decreaseQuantity()"
326            type="button"
327            title="Artikelanzahl um 1 verringern"
328            aria-label="Button Minus"
329            data-cy="article-show-quantity-change-minus"
330            data-cy-id="421"
331            data-qty-id="421"
332            data-cy-hash="eb443d92"
333                            x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
334            >
335                            <i class="bi bi-lg bi-dash-lg"></i>
336                    </button>
337        <input
338        x-model="currentQuantity"
339        x-init="validateCurrentQuantity(0); $watch('$store.cartArticleContents.items', items => cartArticleContentsStoreChanged())"
340        x-on:change="validateCurrentQuantity($event.target.value)"
341        x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
342        type="text"
343        class="form-control text-center qty qty_nullable"
344        value="0"
345        name="qty[421]"
346        id="qtyValue421"
347        data-bs-title="Bitte Anzahl auswählen"
348        data-bs-toggle="tooltip"
349        data-bs-placement="bottom"
350        aria-label="Artikelanzahl für Kombi-Tageskarte Zoo + Aquarium - Erwachsener"
351        data-cy="article-show-quantity-change-value"
352        data-cy-id="421"
353        data-cy-hash="eb443d92"
354        data-qty-id="qty-421"
355        data-dependent-sale-article-ids="[]"
356        data-price="0"
357        data-min="0"
358        data-max="100"
359                            data-resling-id="1efd402e-f026-6c2a-b17f-01553338b7c8"
360            >
361            <button
362            class="button-plus btn btn-primary"
363            x-on:click="increaseQuantity()"
364            type="button"
365            title="Artikelanzahl um 1 erhöhen"
366            aria-label="Button Plus"
367            data-cy="article-show-quantity-change-plus"
368            data-cy-id="421"
369            data-cy-hash="eb443d92"
370            data-qty-id="421"
371                            x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
372            >
373                            <i class="bi bi-lg bi-plus-lg"></i>
374                    </button>
375    </div>
376                                                                                                    </div>
377                                                <div class="col col-sm-auto col-price">
378                                                                                                    </div>
379                                                                                    </div>
380                                                                                                                                                                                                                        <div class="row table-row is-dynamically-priced" data-id="440">
381                                                                                            <div class="col-12 col-sm col-name">
382                                                        <b>Kombi-Tageskarte Zoo + Aquarium - Kind</b>
383            <br>
384        4 bis 15 Jahre
385                                                    </div>
386                                                <div class="col-auto col-qty">
387                                                                                                                                                                                                                                                                    
388    
389    
390<div class="input-group-quantity input-group input-group-sm mx-auto "
391     x-data="quantityChangeHandler()"
392     x-init="initHandler({
393            articleId: '440',
394            articleType: 'virtual',
395            customClass: 'qty_nullable',
396            dynamicallyPriced: '1',
397            editableQty: '1',
398            maxQty: '100',
399            minQty: '0',
400            name: 'Kombi-Tageskarte Zoo + Aquarium - Kind',
401            price: '0',
402            reslingArticle: '1',
403            reslingEventId: '1efd402e-f026-6c2a-b17f-01553338b7c8',
404            isSeatsioItem: '',
405        })
406        ">
407
408            <button
409            class="button-minus btn btn-primary"
410            x-on:click="decreaseQuantity()"
411            type="button"
412            title="Artikelanzahl um 1 verringern"
413            aria-label="Button Minus"
414            data-cy="article-show-quantity-change-minus"
415            data-cy-id="440"
416            data-qty-id="440"
417            data-cy-hash="6fe0a632"
418                            x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
419            >
420                            <i class="bi bi-lg bi-dash-lg"></i>
421                    </button>
422        <input
423        x-model="currentQuantity"
424        x-init="validateCurrentQuantity(0); $watch('$store.cartArticleContents.items', items => cartArticleContentsStoreChanged())"
425        x-on:change="validateCurrentQuantity($event.target.value)"
426        x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
427        type="text"
428        class="form-control text-center qty qty_nullable"
429        value="0"
430        name="qty[440]"
431        id="qtyValue440"
432        data-bs-title="Bitte Anzahl auswählen"
433        data-bs-toggle="tooltip"
434        data-bs-placement="bottom"
435        aria-label="Artikelanzahl für Kombi-Tageskarte Zoo + Aquarium - Kind"
436        data-cy="article-show-quantity-change-value"
437        data-cy-id="440"
438        data-cy-hash="6fe0a632"
439        data-qty-id="qty-440"
440        data-dependent-sale-article-ids="[]"
441        data-price="0"
442        data-min="0"
443        data-max="100"
444                            data-resling-id="1efd402e-f026-6c2a-b17f-01553338b7c8"
445            >
446            <button
447            class="button-plus btn btn-primary"
448            x-on:click="increaseQuantity()"
449            type="button"
450            title="Artikelanzahl um 1 erhöhen"
451            aria-label="Button Plus"
452            data-cy="article-show-quantity-change-plus"
453            data-cy-id="440"
454            data-cy-hash="6fe0a632"
455            data-qty-id="440"
456                            x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
457            >
458                            <i class="bi bi-lg bi-plus-lg"></i>
459                    </button>
460    </div>
461                                                                                                    </div>
462                                                <div class="col col-sm-auto col-price">
463                                                                                                    </div>
464                                                                                    </div>
465                                                                                                                                                                                                                        <div class="row table-row is-dynamically-priced" data-id="427">
466                                                                                            <div class="col-12 col-sm col-name">
467                                                        <b>Kombi-Tageskarte Zoo + Aquarium - Kind</b>
468            <br>
469        unter 4 Jahre
470                                                    </div>
471                                                <div class="col-auto col-qty">
472                                                                                                                                                                                                                                                                    
473    
474    
475<div class="input-group-quantity input-group input-group-sm mx-auto "
476     x-data="quantityChangeHandler()"
477     x-init="initHandler({
478            articleId: '427',
479            articleType: 'virtual',
480            customClass: 'qty_nullable',
481            dynamicallyPriced: '1',
482            editableQty: '1',
483            maxQty: '100',
484            minQty: '0',
485            name: 'Kombi-Tageskarte Zoo + Aquarium - Kind',
486            price: '0',
487            reslingArticle: '1',
488            reslingEventId: '1efd402e-f026-6c2a-b17f-01553338b7c8',
489            isSeatsioItem: '',
490        })
491        ">
492
493            <button
494            class="button-minus btn btn-primary"
495            x-on:click="decreaseQuantity()"
496            type="button"
497            title="Artikelanzahl um 1 verringern"
498            aria-label="Button Minus"
499            data-cy="article-show-quantity-change-minus"
500            data-cy-id="427"
501            data-qty-id="427"
502            data-cy-hash="6fe0a632"
503                            x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
504            >
505                            <i class="bi bi-lg bi-dash-lg"></i>
506                    </button>
507        <input
508        x-model="currentQuantity"
509        x-init="validateCurrentQuantity(0); $watch('$store.cartArticleContents.items', items => cartArticleContentsStoreChanged())"
510        x-on:change="validateCurrentQuantity($event.target.value)"
511        x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
512        type="text"
513        class="form-control text-center qty qty_nullable"
514        value="0"
515        name="qty[427]"
516        id="qtyValue427"
517        data-bs-title="Bitte Anzahl auswählen"
518        data-bs-toggle="tooltip"
519        data-bs-placement="bottom"
520        aria-label="Artikelanzahl für Kombi-Tageskarte Zoo + Aquarium - Kind"
521        data-cy="article-show-quantity-change-value"
522        data-cy-id="427"
523        data-cy-hash="6fe0a632"
524        data-qty-id="qty-427"
525        data-dependent-sale-article-ids="[]"
526        data-price="0"
527        data-min="0"
528        data-max="100"
529                            data-resling-id="1efd402e-f026-6c2a-b17f-01553338b7c8"
530            >
531            <button
532            class="button-plus btn btn-primary"
533            x-on:click="increaseQuantity()"
534            type="button"
535            title="Artikelanzahl um 1 erhöhen"
536            aria-label="Button Plus"
537            data-cy="article-show-quantity-change-plus"
538            data-cy-id="427"
539            data-cy-hash="6fe0a632"
540            data-qty-id="427"
541                            x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
542            >
543                            <i class="bi bi-lg bi-plus-lg"></i>
544                    </button>
545    </div>
546                                                                                                    </div>
547                                                <div class="col col-sm-auto col-price">
548                                                                                                    </div>
549                                                                                    </div>
550                                                                                                                                                                                                                        <div class="row table-row is-dynamically-priced" data-id="623">
551                                                                                            <div class="col-12 col-sm col-name">
552                                                        <b>Zoo Entdeckerplan</b>
553            <br>
554        1,00 &euro; / mit Lageplan, Rallye und exklusiven Infos
555                                                    </div>
556                                                <div class="col-auto col-qty">
557                                                                                                                                                                                                                                                        
558    
559    
560<div class="input-group-quantity input-group input-group-sm mx-auto "
561     x-data="quantityChangeHandler()"
562     x-init="initHandler({
563            articleId: '623',
564            articleType: 'virtual',
565            customClass: 'qty_nullable',
566            dynamicallyPriced: '',
567            editableQty: '1',
568            maxQty: '100',
569            minQty: '0',
570            name: 'Zoo Entdeckerplan',
571            price: '100',
572            reslingArticle: '',
573            reslingEventId: '',
574            isSeatsioItem: '',
575        })
576        ">
577
578            <button
579            class="button-minus btn btn-primary"
580            x-on:click="decreaseQuantity()"
581            type="button"
582            title="Artikelanzahl um 1 verringern"
583            aria-label="Button Minus"
584            data-cy="article-show-quantity-change-minus"
585            data-cy-id="623"
586            data-qty-id="623"
587            data-cy-hash="cc8f0c28"
588                            x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
589            >
590                            <i class="bi bi-lg bi-dash-lg"></i>
591                    </button>
592        <input
593        x-model="currentQuantity"
594        x-init="validateCurrentQuantity(0); $watch('$store.cartArticleContents.items', items => cartArticleContentsStoreChanged())"
595        x-on:change="validateCurrentQuantity($event.target.value)"
596        x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
597        type="text"
598        class="form-control text-center qty qty_nullable"
599        value="0"
600        name="qty[623]"
601        id="qtyValue623"
602        data-bs-title="Bitte Anzahl auswählen"
603        data-bs-toggle="tooltip"
604        data-bs-placement="bottom"
605        aria-label="Artikelanzahl für Zoo Entdeckerplan"
606        data-cy="article-show-quantity-change-value"
607        data-cy-id="623"
608        data-cy-hash="cc8f0c28"
609        data-qty-id="qty-623"
610        data-dependent-sale-article-ids="[]"
611        data-price="100"
612        data-min="0"
613        data-max="100"
614                    >
615            <button
616            class="button-plus btn btn-primary"
617            x-on:click="increaseQuantity()"
618            type="button"
619            title="Artikelanzahl um 1 erhöhen"
620            aria-label="Button Plus"
621            data-cy="article-show-quantity-change-plus"
622            data-cy-id="623"
623            data-cy-hash="cc8f0c28"
624            data-qty-id="623"
625                            x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
626            >
627                            <i class="bi bi-lg bi-plus-lg"></i>
628                    </button>
629    </div>
630                                                                                                    </div>
631                                                <div class="col col-sm-auto col-price">
632                                                                                                    </div>
633                                                                                    </div>
634                                                                                                                                                                                                                        <div class="row table-row is-dynamically-priced" data-id="428">
635                                                                                            <div class="col-12 col-sm col-name">
636                                                        <b>Kombi-Tageskarte Zoo + Aquarium - Ermäßigt</b>
637            <br>
638        Sch&uuml;ler*innen (16+), Student*innen, Auszubildende, FSJler/BFDler, ALG I+II-Empf&auml;nger*innen, BN-Inhaber*innen, Schwerbehinderte (ab 50 GdB, 16+)*
639                                                    </div>
640                                                <div class="col-auto col-qty">
641                                                                                                                                                                                                                                                                    
642    
643    
644<div class="input-group-quantity input-group input-group-sm mx-auto "
645     x-data="quantityChangeHandler()"
646     x-init="initHandler({
647            articleId: '428',
648            articleType: 'virtual',
649            customClass: 'qty_nullable',
650            dynamicallyPriced: '1',
651            editableQty: '1',
652            maxQty: '100',
653            minQty: '0',
654            name: 'Kombi-Tageskarte Zoo + Aquarium - Ermäßigt',
655            price: '0',
656            reslingArticle: '1',
657            reslingEventId: '1efd402e-f026-6c2a-b17f-01553338b7c8',
658            isSeatsioItem: '',
659        })
660        ">
661
662            <button
663            class="button-minus btn btn-primary"
664            x-on:click="decreaseQuantity()"
665            type="button"
666            title="Artikelanzahl um 1 verringern"
667            aria-label="Button Minus"
668            data-cy="article-show-quantity-change-minus"
669            data-cy-id="428"
670            data-qty-id="428"
671            data-cy-hash="5df52ee1"
672                            x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
673            >
674                            <i class="bi bi-lg bi-dash-lg"></i>
675                    </button>
676        <input
677        x-model="currentQuantity"
678        x-init="validateCurrentQuantity(0); $watch('$store.cartArticleContents.items', items => cartArticleContentsStoreChanged())"
679        x-on:change="validateCurrentQuantity($event.target.value)"
680        x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
681        type="text"
682        class="form-control text-center qty qty_nullable"
683        value="0"
684        name="qty[428]"
685        id="qtyValue428"
686        data-bs-title="Bitte Anzahl auswählen"
687        data-bs-toggle="tooltip"
688        data-bs-placement="bottom"
689        aria-label="Artikelanzahl für Kombi-Tageskarte Zoo + Aquarium - Ermäßigt"
690        data-cy="article-show-quantity-change-value"
691        data-cy-id="428"
692        data-cy-hash="5df52ee1"
693        data-qty-id="qty-428"
694        data-dependent-sale-article-ids="[]"
695        data-price="0"
696        data-min="0"
697        data-max="100"
698                            data-resling-id="1efd402e-f026-6c2a-b17f-01553338b7c8"
699            >
700            <button
701            class="button-plus btn btn-primary"
702            x-on:click="increaseQuantity()"
703            type="button"
704            title="Artikelanzahl um 1 erhöhen"
705            aria-label="Button Plus"
706            data-cy="article-show-quantity-change-plus"
707            data-cy-id="428"
708            data-cy-hash="5df52ee1"
709            data-qty-id="428"
710                            x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
711            >
712                            <i class="bi bi-lg bi-plus-lg"></i>
713                    </button>
714    </div>
715                                                                                                    </div>
716                                                <div class="col col-sm-auto col-price">
717                                                                                                    </div>
718                                                                                    </div>
719                                                                                                                                                                                                                        <div class="row table-row is-dynamically-priced" data-id="452">
720                                                                                            <div class="col-12 col-sm col-name">
721                                                        <b>Kombi-Tageskarte Zoo + Aquarium - Kind (schwerbehindert)</b>
722            <br>
723        schwerbehinderte Kinder (ab 50 GdB, bis 15 Jahre)*
724                                                    </div>
725                                                <div class="col-auto col-qty">
726                                                                                                                                                                                                                                                                    
727    
728    
729<div class="input-group-quantity input-group input-group-sm mx-auto "
730     x-data="quantityChangeHandler()"
731     x-init="initHandler({
732            articleId: '452',
733            articleType: 'virtual',
734            customClass: 'qty_nullable',
735            dynamicallyPriced: '1',
736            editableQty: '1',
737            maxQty: '100',
738            minQty: '0',
739            name: 'Kombi-Tageskarte Zoo + Aquarium - Kind (schwerbehindert)',
740            price: '0',
741            reslingArticle: '1',
742            reslingEventId: '1efd402e-f026-6c2a-b17f-01553338b7c8',
743            isSeatsioItem: '',
744        })
745        ">
746
747            <button
748            class="button-minus btn btn-primary"
749            x-on:click="decreaseQuantity()"
750            type="button"
751            title="Artikelanzahl um 1 verringern"
752            aria-label="Button Minus"
753            data-cy="article-show-quantity-change-minus"
754            data-cy-id="452"
755            data-qty-id="452"
756            data-cy-hash="dd799c95"
757                            x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
758            >
759                            <i class="bi bi-lg bi-dash-lg"></i>
760                    </button>
761        <input
762        x-model="currentQuantity"
763        x-init="validateCurrentQuantity(0); $watch('$store.cartArticleContents.items', items => cartArticleContentsStoreChanged())"
764        x-on:change="validateCurrentQuantity($event.target.value)"
765        x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
766        type="text"
767        class="form-control text-center qty qty_nullable"
768        value="0"
769        name="qty[452]"
770        id="qtyValue452"
771        data-bs-title="Bitte Anzahl auswählen"
772        data-bs-toggle="tooltip"
773        data-bs-placement="bottom"
774        aria-label="Artikelanzahl für Kombi-Tageskarte Zoo + Aquarium - Kind (schwerbehindert)"
775        data-cy="article-show-quantity-change-value"
776        data-cy-id="452"
777        data-cy-hash="dd799c95"
778        data-qty-id="qty-452"
779        data-dependent-sale-article-ids="[]"
780        data-price="0"
781        data-min="0"
782        data-max="100"
783                            data-resling-id="1efd402e-f026-6c2a-b17f-01553338b7c8"
784            >
785            <button
786            class="button-plus btn btn-primary"
787            x-on:click="increaseQuantity()"
788            type="button"
789            title="Artikelanzahl um 1 erhöhen"
790            aria-label="Button Plus"
791            data-cy="article-show-quantity-change-plus"
792            data-cy-id="452"
793            data-cy-hash="dd799c95"
794            data-qty-id="452"
795                            x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
796            >
797                            <i class="bi bi-lg bi-plus-lg"></i>
798                    </button>
799    </div>
800                                                                                                    </div>
801                                                <div class="col col-sm-auto col-price">
802                                                                                                    </div>
803                                                                                    </div>
804                                                                                                                                                                                                                        <div class="row table-row is-dynamically-priced" data-id="455">
805                                                                                            <div class="col-12 col-sm col-name">
806                                                        <b>Kombi-Tageskarte Zoo + Aquarium - Begleitperson</b>
807            <br>
808        Begleitung von schwerbehinderter Person mit B-/H-Vermerk in Ausweis (jeweils max. eine Begleitperson)
809                                                    </div>
810                                                <div class="col-auto col-qty">
811                                                                                                                                                                                                                                                                    
812    
813    
814<div class="input-group-quantity input-group input-group-sm mx-auto "
815     x-data="quantityChangeHandler()"
816     x-init="initHandler({
817            articleId: '455',
818            articleType: 'virtual',
819            customClass: 'qty_nullable',
820            dynamicallyPriced: '1',
821            editableQty: '1',
822            maxQty: '100',
823            minQty: '0',
824            name: 'Kombi-Tageskarte Zoo + Aquarium - Begleitperson',
825            price: '0',
826            reslingArticle: '1',
827            reslingEventId: '1efd402e-f026-6c2a-b17f-01553338b7c8',
828            isSeatsioItem: '',
829        })
830        ">
831
832            <button
833            class="button-minus btn btn-primary"
834            x-on:click="decreaseQuantity()"
835            type="button"
836            title="Artikelanzahl um 1 verringern"
837            aria-label="Button Minus"
838            data-cy="article-show-quantity-change-minus"
839            data-cy-id="455"
840            data-qty-id="455"
841            data-cy-hash="de82cbe7"
842                            x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
843            >
844                            <i class="bi bi-lg bi-dash-lg"></i>
845                    </button>
846        <input
847        x-model="currentQuantity"
848        x-init="validateCurrentQuantity(0); $watch('$store.cartArticleContents.items', items => cartArticleContentsStoreChanged())"
849        x-on:change="validateCurrentQuantity($event.target.value)"
850        x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
851        type="text"
852        class="form-control text-center qty qty_nullable"
853        value="0"
854        name="qty[455]"
855        id="qtyValue455"
856        data-bs-title="Bitte Anzahl auswählen"
857        data-bs-toggle="tooltip"
858        data-bs-placement="bottom"
859        aria-label="Artikelanzahl für Kombi-Tageskarte Zoo + Aquarium - Begleitperson"
860        data-cy="article-show-quantity-change-value"
861        data-cy-id="455"
862        data-cy-hash="de82cbe7"
863        data-qty-id="qty-455"
864        data-dependent-sale-article-ids="[]"
865        data-price="0"
866        data-min="0"
867        data-max="100"
868                            data-resling-id="1efd402e-f026-6c2a-b17f-01553338b7c8"
869            >
870            <button
871            class="button-plus btn btn-primary"
872            x-on:click="increaseQuantity()"
873            type="button"
874            title="Artikelanzahl um 1 erhöhen"
875            aria-label="Button Plus"
876            data-cy="article-show-quantity-change-plus"
877            data-cy-id="455"
878            data-cy-hash="de82cbe7"
879            data-qty-id="455"
880                            x-bind:disabled="Alpine.store('fullCalendarStore').isEventsLoading()"
881            >
882                            <i class="bi bi-lg bi-plus-lg"></i>
883                    </button>
884    </div>
885                                                                                                    </div>
886                                                <div class="col col-sm-auto col-price">
887                                                                                                    </div>
888                                                                                    </div>
889                                                                                                                                    </div>
890                                                                                            </div>
891                            </div>
892        </div>
893
894                    <div class="card mb-4 article-group-calendar">
895                <h2 class="card-header h5">
896                                            Bitte wählen Sie ein Datum
897                                    </h2>
898                <div class="card-body">
899                                                                            <div id="fullcalendar-container"
900             class="dynamic-pricing"
901             x-data="fullCalendarService()"
902             x-init="initHandler({
903                locale: 'de-DE',
904                baseUrl: '/ui/dps/fullcalendar-data%',
905                showMethod: 'calendar',
906             });
907             $watch('listViewOpen', () => { if (listViewOpen) {  $nextTick(() => focusButton('first')) } })
908        ">
909
910            <div x-show="listViewOpen" @click.outside="listViewOpen = false" class="fullcalendar-list">
911                <button class="btn close-list tabbable-button" @click="(e) => { e.preventDefault(); listViewOpen = false }" @keydown.enter="(e) => { e.preventDefault(); listViewOpen = false; }"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16" aria-label="Icon close"><path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></svg></button>
912                <template x-for="calendarEvent in eventsForListView">
913                    <div class="calendar-event-list-item"
914                         @click="(e) => { e.preventDefault(); listViewOpen = false; selectReslingEvent(calendarEvent) }"
915                         @keydown.esc="listViewOpen = false"
916                         @keydown.enter="(e) => { e.preventDefault(); listViewOpen = false; selectReslingEvent(calendarEvent) }"
917                         :style="`color: ${calendarEvent.textColor}; background-color: ${calendarEvent.backgroundColor}`"
918                         role="button">
919                        <div class="calendar-event-list-item-date">
920                            <span x-text="getFormattedDate(calendarEvent.start, 'ddd')"></span>
921                            <span x-text="getFormattedDate(calendarEvent.start, 'DD')"></span>
922                        </div>
923                        <div class="calendar-event-list-item-time">
924                            <div class="time-section">
925                                <div class="time-top">
926                                    <span x-text="calendarEvent.title"></span>
927                                </div>
928                                <div class="time-bottom">
929                                    <span x-text="getFormattedDate(calendarEvent.start, 'HH:mm', 'Uhr')"></span>
930                                    &nbsp;&#8212;&nbsp;
931                                    <span x-text="getFormattedDate(calendarEvent.end, 'HH:mm', 'Uhr')"></span>
932                                </div>
933                            </div>
934                            <div class="button-section">
935                                <button class="btn event-button tabbable-button">
936                                    <span class="full">Termin auswählen</span>
937                                    <span class="short">auswählen</span>
938                                </button>
939                            </div>
940                        </div>
941                    </div>
942                </template>
943            </div>
944
945            <div x-show="Alpine.store('fullCalendarStore').calendarInteractionsLocked" class="fullcalendar-progress">
946                <div class="lds-message">Verfügbare Termine werden geladen ...</div>
947                <div class="fullcalendar-loader">
948                    <div></div>
949                    <div></div>
950                    <div></div>
951                    <div></div>
952                </div>
953            </div>
954
955            <div id="fullcalendar-root"></div>
956
957                            <div class="d-none">
958                    <input type="hidden" id="dynamic_pricing_data_total_price" name="dynamic_pricing_total_price" x-model="getDynamicPriceTotal()">
959                    <input type="hidden" id="resling_data_start" name="resling_start" x-model="getFormattedDate(getSelectedReslingEvent()?.start, undefined, null)">
960                    <input type="hidden" id="resling_data_end" name="resling_end" x-model="getFormattedDate(getSelectedReslingEvent()?.end, undefined, null)">
961                    <input type="hidden" id="resling_data_event_id" name="resling_event_id" value="1efd402e-f026-6c2a-b17f-01553338b7c8">
962                    <input type="hidden" id="resling_data_total_available" name="resling_total_available" x-model="getTotalAvailable(getSelectedReslingEvent())">
963                    <input type="hidden" id="resling_data_currently_available" name="resling_currently_available" x-model="getCurrentlyAvailable(getSelectedReslingEvent())">
964                </div>
965                    </div>
966
967                    <style>
968                .fc .fc-event .fc-event-title:before {
969                    content: "ab ";
970                }
971            </style>
972                                <!-- dp sum start -->
973                </div>
974                <div class="card-body p-0">
975                    <div class="table">
976                        <div class="tbody">
977                                        <div class="row table-row-sum">
978            <div class="col">Gesamtpreis</div>
979            <div class="col col-price">
980                <span data-cy="article-show-sum" data-cy-id="189" data-cy-hash="1e7e3755">
981                    <span x-data="cartPriceSum()"
982                          x-init="$watch('$store.cartArticleContents', () => { updateTotalPrice() }); updateTotalPrice()"
983                          x-text="getTotalPriceAsString()"></span> €
984                </span>
985            </div>
986        </div>
987                            
988            <template
989                x-data="cartPriceSum()"
990                x-init="addDependentSaleArticle({
991                    articleId: 236,
992                    price: 50,
993                    quantity: 1,
994                    parentArticleId: 421,
995                    name: 'Artenschutzbeitrag'
996                })"
997            >
998            </template>
999                    
1000            <template
1001                x-data="cartPriceSum()"
1002                x-init="addDependentSaleArticle({
1003                    articleId: 236,
1004                    price: 50,
1005                    quantity: 1,
1006                    parentArticleId: 440,
1007                    name: 'Artenschutzbeitrag'
1008                })"
1009            >
1010            </template>
1011                
1012        
1013                                        <div class="row table-row"
1014         x-data="cartPriceSum()"
1015         x-init="$watch('$store.cartArticleContents', () => { updateTotalPrice() }); "
1016    >
1017        <template
1018                style="padding: 0 !important;"
1019                x-for="dependentSale in getGroupedDependentSaleArticles()">
1020            <template x-if="dependentSale.quantity > 0" style="padding: 0 !important;">
1021                <div class="col border-bottom-0" style="padding-top: 0!important;">
1022                    <small>
1023                        inkl.
1024                        <span
1025                                x-text="getDependentSalePriceAsString(dependentSale)"
1026                                class="dependent-sale-price"
1027                                x-data-dependent-sale-article-id="dependentSale.article.id"
1028                        >
1029                        </span> €
1030                        für
1031                        <span x-text="dependentSale.name"></span>
1032                        – unterstützt zu 100 % das Artenschutz-Programm von Zoo und Tierpark Berlin „BERLIN WORLD WILD“
1033                    </small>
1034                </div>
1035            </template>
1036        </template>
1037    </div>
1038                                                </div>
1039                    </div>
1040                    <!-- dp sum end -->
1041                                        
1042            <div class="ct_article-inline-information article-inline-information">
1043            <p>Tickets w&auml;hlen &gt; Besuchstag w&auml;hlen &gt; Einlasszeitfenster w&auml;hlen&nbsp;</p>
1044<p><strong>Achtung:</strong> Fr&uuml;hzeitig buchen lohnt sich - je fr&uuml;her Sie buchen, desto gr&ouml;&szlig;er ist Ihr Preisvorteil! Das angezeigte Zeitfenster legt nur die Einlasszeit und nicht die Aufenthaltsdauer fest. L&auml;sst sich ein Termin nicht w&auml;hlen, ist dieser ausverkauft.</p>
1045        </div>
1046                    </div>
1047            </div>
1048        
1049                            
1050                                        
1051                                                                                                                                                                                                                                                                                                                                
1052            
1053    
1054
1055    
1056                    
1057        <template
1058            x-data="articleAttributesHandler()"
1059            x-init="
1060            addAttributeToArticle(
1061            {
1062                id: 1392,
1063                articleId: 421,
1064                type: 'value',
1065                label: '',
1066                key: 'pdf_footer_image',
1067                value: 'Sparkasse',
1068                maxLength: 60,
1069                description: '',
1070                position: 1,
1071                required: '1',
1072            });
1073        ">
1074        </template>
1075                    
1076        <template
1077            x-data="articleAttributesHandler()"
1078            x-init="
1079            addAttributeToArticle(
1080            {
1081                id: 1394,
1082                articleId: 440,
1083                type: 'value',
1084                label: '',
1085                key: 'pdf_footer_image',
1086                value: 'Sparkasse',
1087                maxLength: 60,
1088                description: '',
1089                position: 1,
1090                required: '1',
1091            });
1092        ">
1093        </template>
1094                    
1095        <template
1096            x-data="articleAttributesHandler()"
1097            x-init="
1098            addAttributeToArticle(
1099            {
1100                id: 1393,
1101                articleId: 427,
1102                type: 'value',
1103                label: '',
1104                key: 'pdf_footer_image',
1105                value: 'Sparkasse',
1106                maxLength: 60,
1107                description: '',
1108                position: 1,
1109                required: '1',
1110            });
1111        ">
1112        </template>
1113                    
1114        <template
1115            x-data="articleAttributesHandler()"
1116            x-init="
1117            addAttributeToArticle(
1118            {
1119                id: 1391,
1120                articleId: 428,
1121                type: 'value',
1122                label: '',
1123                key: 'pdf_footer_image',
1124                value: 'Sparkasse',
1125                maxLength: 60,
1126                description: '',
1127                position: 1,
1128                required: '1',
1129            });
1130        ">
1131        </template>
1132                    
1133        <template
1134            x-data="articleAttributesHandler()"
1135            x-init="
1136            addAttributeToArticle(
1137            {
1138                id: 1395,
1139                articleId: 452,
1140                type: 'value',
1141                label: '',
1142                key: 'pdf_footer_image',
1143                value: 'Sparkasse',
1144                maxLength: 60,
1145                description: '',
1146                position: 1,
1147                required: '1',
1148            });
1149        ">
1150        </template>
1151                    
1152        <template
1153            x-data="articleAttributesHandler()"
1154            x-init="
1155            addAttributeToArticle(
1156            {
1157                id: 1390,
1158                articleId: 455,
1159                type: 'value',
1160                label: '',
1161                key: 'pdf_footer_image',
1162                value: 'Sparkasse',
1163                maxLength: 60,
1164                description: '',
1165                position: 1,
1166                required: '',
1167            });
1168        ">
1169        </template>
1170    
1171    
1172    <template x-data="{ handler: articleAttributesHandler(), renderer: attributeTemplates() }"
1173              x-if="handler.anyArticleHasVisibleAttributes()">
1174        <div class="card mb-3 article-attributes">
1175            <h3 class="card-header h5"
1176                x-html="
1177                    handler.getAttributesBoxTitle({
1178                        articleId: 189,
1179                        defaultBoxTitle: 'Bitte\u0020w\u00E4hlen\u0020Sie\u0020Ihre\u0020Optionen',
1180                    })
1181                ">
1182            </h3>
1183            <div class="card-body">
1184                <div class="form-content">
1185                    <template x-for="(article, i) in handler.buildArticlesArrayFromStore()">
1186                        <template x-if="handler.articleHasVisibleAttributes(article.i
1186d)">
1187                            <div class="article-attributes-group-container">
1188                                <template x-if="handler.getLocalIteration(i) === 1">
1189                                    <h4 class="h5" x-html="handler.getAttributesGroupTitle(article)"></h4>
1190                                </template>
1191                                <div class="article-attributes-group">
1192                                    <template x-if="article.quantity > 1">
1193                                        <div class="group-number-container">
1194                                            <div class="group-number"><h6 x-html="`Artikel ${handler.getLocalIteration(i)}`"></h6></div>
1195                                        </div>
1196                                    </template>
1197
1198                                    <template x-for="attribute in handler.getAttributesForArticle(article)">
1199                                        <div class="form-group row" x-html="renderer.renderAttribute(article, attribute, i)"></div>
1200                                    </template>
1201                                </div>
1202                            </div>
1203                        </template>
1204                    </template>
1205                </div>
1206                <div class="text-small mt-2" x-show="handler.anyArticleHasRequiredAttributes()">
1207                    * Pflichtfelder
1208                </div>
1209            </div>
1210        </div>
1211
1212        
1213    </template>
1214    
1214<script type="module">HKS.Shop.attributesValidation();</script>
1214
1215        
1216
1217                    
1218        <div
1219        class="row"
1220        x-data="cartSubmitButton()"
1221        x-init="initHandler({
1222            isSellable: '1',
1223            cartContainsSeatsioHoldToken: '',
1224        })">
1225        <div class="col">
1226                                                                                                                                                                                                                    <span
1227                    id="cart-button-popover"
1228                    class="d-inline-block float-end btn-popover"
1229                    role="button"
1230                    :tabindex="isDisabled() ? 0 : -1"
1231                    x-ref="popoverElement"
1232                    x-effect="
1233                        !isDisabled()
1234                            ? bootstrap.Popover.getOrCreateInstance($refs.popoverElement).disable()
1235                            : bootstrap.Popover.getOrCreateInstance($refs.popoverElement).enable()"
1236                    data-bs-trigger="focus"
1237                    data-bs-placement="left"
1238                    data-bs-custom-class="popover-primary"
1239                    data-bs-content="Auswahl noch nicht vollständig"
1240                                    >
1241                    <button
1242                        x-bind:disabled="isDisabled() || false"
1243                        data-cy="article-show-submit-button"
1244                        data-cy-id="189"
1245                        data-cy-hash="1e7e3755"
1246                        id="addToCart"
1247                        type="submit"
1248                        class="btn btn-primary float-end"
1249                        data-bs-toggle="popover"
1250                        data-bs-trigger="manual"
1251                        data-bs-placement="left"
1252                        data-bs-custom-class="popover-primary"
1253                        data-bs-content="Bitte füllen Sie alle Felder aus."
1254                                                    data-bs-title="Auswahl unvollständig!"
1255                                            >
1256                                                    In den Warenkorb legen<svg xmlns="http://www.w3.org/2000/svg" class="svg-inline icon-sm ms-2" style="height: 1em;" viewBox="0 0 320 512" aria-label="Chevron right"><path fill="currentColor" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"></path></svg>
1257                                            </button>
1258                </span>
1259                    </div>
1260    </div>
1261            <input type="hidden" value="1" name="article_use_dependentSaleArticles">
1262                        </form>
1263                                                                                                                                                                                                                                                                                                                                            
1264
1265                    <div class="article-additional-information mb-5 rounded-bottom">
1266                <p><strong>Wichtige Hinweise!</strong></p>
1267<p>Ihre Tickets erhalten Sie nach dem Kauf per E-Mail (k&ouml;nnen digital vorgezeigt werden). Die Tickets sind nur am gew&auml;hlten Datum g&uuml;ltig. Gebuchte Tickets sind von Stornierung und/oder Umtausch ausgeschlossen.&nbsp;Zur Abholung des Entdeckerplans wenden Sie sich bitte vor Ort an das Personal am Einlass (Ticket wird im Anschluss entwertet).</p>
1268<p>Mit Kombi-Tageskarten m&uuml;ssen Zoo und Aquarium Berlin am gleichen Tag besucht werden und das Gel&auml;nde darf zwischenzeitlich nicht verlassen werden. Bitte beachten Sie, dass es beim Einlass in das Aquarium zu Wartezeiten kommen kann. Das Kombi-Ticket kann nicht mit Rabatten oder anderen Angeboten kombiniert werden (dazu z&auml;hlt z. B. der Rabatt f&uuml;r Jahreskarteninhaber*innen). Hier finden Sie regul&auml;re&nbsp;<a href="https://shop.zoo-berlin.de/de/article/12">Tageskarten f&uuml;r den Zoo</a> sowie <a href="https://shop.aquarium-berlin.de/de/article/156">Tageskarten f&uuml;r das Aquarium</a>.</p>
1269<p>Hier finden Sie <a href="http://www.zoo-berlin.de/artenschutz" target="_blank">weitere Infos zum Artenschutzbeitrag</a>. Der Beitrag ist optional und kann im Warenkorb entfernt werden.</p>
1270<p>Kinder unter 12 Jahre und Personen, die nicht &uuml;ber die notwendige Reife verf&uuml;gen oder wegen ihres geistigen und/oder k&ouml;rperlichen Zustandes der dauerhaften Aufsicht bed&uuml;rfen, m&uuml;ssen stets in Begleitung einer vollj&auml;hrigen, aufsichtspflichtigen Person sein.</p>
1271<p class="MsoNoSpacing"><span style="mso-bidi-font-weight: bold;">* Nur in Kombination mit einem entsprechenden Nachweis g&uuml;ltig. Der Nachweis muss personalisiert, mit einer (g&uuml;ltigen) G&uuml;ltigkeit versehen und von einer offiziellen Beh&ouml;rde/Institution ausgestellt sein (nicht digital). </span>Bitte zeigen Sie ggf. zus&auml;tzlich einen Lichtbildausweis vor.</p>
1272<p><em>Verf&uuml;gbar:</em><br /><img src="../../images/add-to-apple-wallet/[email protected]" alt="Hinzuf&uuml;gen zu Apple Wallet" width="153" /></p>
1273<hr />
1274<p>Mit Unterst&uuml;tzung durch:</p>
1275<p><img src="../../images/spk_berlin_hr.png" alt="Berliner Sparkasse" width="120" /></p>
1276            </div>
1277        
1278        
1279                    <div class="article-question-box mb-5 rounded">
1280                <h2>Sie haben Fragen?</h2>
1281<p>
1281Alle Antworten erhalten Sie hier im <a href="https://www.zoo-berlin.de/de/service/besuch-planen-faq" target="_blank">FAQ</a>.</p>
1282            </div>
1283        
1284    </div>
1285                    </div>
1286                </div>
1287            </section>
1288
1289                                                <section id="Upselling" class="bg-primary-lighter">
1290    <div class="container">
1291        <div class="row">
1292            <div class="col">
1293                                    <h3 class="pt-3 pt-md-4 mb-3 mb-md-4">Noch mehr tierischer Spaß!</h3>
1294                            </div>
1295        </div>
1296        <div class="row row-cols-1 row-cols-xxl-5 row-cols-lg-4 row-cols-md-3 row-cols-sm-2">
1297                                                                        <div id="Up-Selling-Item-1" class="col mb-4">
1298                            <div class="card h-100 article-upselling overflow-hidden article-upselling hi-vis-able">
1299                                                                    <img src="/uploads/category/62/6a9a889aefcaf9.50774539.jpeg" class="card-img-top" alt="Taschenlampen-Touren">
1300                                
1301                                <div class="card-body">
1302                                                                            <h4 class="h5 card-title">Taschenlampen-Touren</h4>
1303                                                                                                                                                                                                                                <div class="card-text">Durch das dunkle Aquarium!</div>
1304                                                                    </div>
1305                                <div class="card-footer d-grid border-top-0 bg-transparent">
1306                                                                            <a class="btn btn-primary stretched-link" href="/de/category/62" role="button">Anzeigen<svg xmlns="http://www.w3.org/2000/svg" class="svg-inline icon-sm ms-2" style="height: 1em;" viewBox="0 0 320 512" aria-label="Chevron right"><path fill="currentColor" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"></path></svg></a>
1307                                                                    </div>
1308                            </div>
1309                        </div>
1310                                                                                <div id="Up-Selling-Item-2" class="col mb-4">
1311                            <div class="card h-100 article-upselling overflow-hidden article-upselling hi-vis-able">
1312                                                                    <img src="/uploads/category/64/64ad07a54c1678.99451136.jpeg" class="card-img-top" alt="Lieblingstierbesuche">
1313                                
1314                                <div class="card-body">
1315                                                                            <h4 class="h5 card-title">Lieblingstierbesuche</h4>
1316                                                                                                                                                                                                                                <div class="card-text">Kommen Sie Ihrem Lieblingstier ganz nah!</div>
1317                                                                    </div>
1318                                <div class="card-footer d-grid border-top-0 bg-transparent">
1319                                                                            <a class="btn btn-primary stretched-link" href="/de/categories/64" role="button">Anzeigen<svg xmlns="http://www.w3.org/2000/svg" class="svg-inline icon-sm ms-2" style="height: 1em;" viewBox="0 0 320 512" aria-label="Chevron right"><path fill="currentColor" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"></path></svg></a>
1320                                                                    </div>
1321                            </div>
1322                        </div>
1323                                                                                <div id="Up-Selling-Item-3" class="col mb-4">
1324                            <div class="card h-100 article-upselling overflow-hidden article-upselling hi-vis-able">
1325                                                                    <img src="/uploads/category/30/6a8801f5897f91.81822404.jpeg" class="card-img-top" alt="Jahreskarten">
1326                                
1327                                <div class="card-body">
1328                                                                            <h4 class="h5 card-title">Jahreskarten</h4>
1329                                                                                                                                                                                                                                <div class="card-text">365 Tage gültig!</div>
1330                                                                    </div>
1331                                <div class="card-footer d-grid border-top-0 bg-transparent">
1332                                                                            <a class="btn btn-primary stretched-link" href="/de/categories/30" role="button">Anzeigen<svg xmlns="http://www.w3.org/2000/svg" class="svg-inline icon-sm ms-2" style="height: 1em;" viewBox="0 0 320 512" aria-label="Chevron right">
1332<path fill="currentColor" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"></path></svg></a>
1333                                                                    </div>
1334                            </div>
1335                        </div>
1336                                                                                <div id="Up-Selling-Item-4" class="col mb-4 d-none d-sm-block d-md-none d-lg-block">
1337                            <div class="card h-100 article-upselling overflow-hidden article-upselling hi-vis-able">
1338                                                                    <img src="/uploads/category/113/6a880fc914a620.49305432.jpeg" class="card-img-top" alt="Tageskartengutscheine">
1339                                
1340                                <div class="card-body">
1341                                                                            <h4 class="h5 card-title">Tageskartengutscheine</h4>
1342                                                                                                                                                                                                                                <div class="card-text">Verschenken Sie einen Aquarium-Besuch!</div>
1343                                                                    </div>
1344                                <div class="card-footer d-grid border-top-0 bg-transparent">
1345                                                                            <a class="btn btn-primary stretched-link" href="/de/category/113" role="button">Anzeigen<svg xmlns="http://www.w3.org/2000/svg" class="svg-inline icon-sm ms-2" style="height: 1em;" viewBox="0 0 320 512" aria-label="Chevron right"><path fill="currentColor" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"></path></svg></a>
1346                                                                    </div>
1347                            </div>
1348                        </div>
1349                                                                                <div id="Up-Selling-Item-5" class="col mb-4 d-none d-xxl-block">
1350                            <div class="card h-100 article-upselling overflow-hidden article-upselling hi-vis-able">
1351                                                                    <img src="/uploads/category/65/6a548740644e42.77541990.jpeg" class="card-img-top" alt="Ferienprogramm">
1352                                
1353                                <div class="card-body">
1354                                                                            <h4 class="h5 card-title">Ferienprogramm</h4>
1355                                                                                                                                                                                                                                <div class="card-text">Im Zoo Berlin: Erlebnistage in den Schulferien!</div>
1356                                                                    </div>
1357                                <div class="card-footer d-grid border-top-0 bg-transparent">
1358                                                                            <a class="btn btn-primary stretched-link" href="https://shop.zoo-berlin.de/de/category/61" role="button">Anzeigen<svg xmlns="http://www.w3.org/2000/svg" class="svg-inline icon-sm ms-2" style="height: 1em;" viewBox="0 0 320 512" aria-label="Chevron right"><path fill="currentColor" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"></path></svg></a>
1359                                                                    </div>
1360                            </div>
1361                        </div>
1362                                                        </div>
1363    </div>
1364</section>
1365                            
1366                            <!-- eslint-disable -->
1367                <template
1368                    x-data="cartCalendarUpdater()"
1369                    x-init="
1370                        initHandler({
1371                            isDynamicallyPriced: '1',
1372                            reslingArticle: '1',
1373                            isSeatsioItem: '',
1374                        });
1375                        $watch('$store.cartArticleContents.items', () => { cartQuantitiesChangeHandler() })
1376                    ">
1377                </template>
1378                                        </main>
1379                        
1380    <footer id="footer">
1381        <div class="container pt-5 pb-4">
1382            <div class="row">
1383                <div class="col-md-3 d-flex flex-column border-end border-green-light mb-5">
1384                                        <div>
1385                                                                                                    <div class="dropdown" id="language-dropdown">
1386                                <button class="btn btn-link dropdown-toggle" id="language-selection" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
1387                                    <i class="fas fa-globe-africa me-2"></i>Deutsch
1388                                </button>
1389                                <div class="dropdown-menu" aria-labelledby="language-selection">
1390                                                                                                                        <a class="dropdown-item" href="/de/article/189" title="Deutsch">
1391                                                Deutsch
1392                                            </a>
1393                                                                                                                                                                <a class="dropdown-item" href="/en/article/189" title="English">
1394                                                English
1395                                            </a>
1396                                                                                                            </div>
1397                            </div>
1398                                            </div>
1399                                        <div>
1400                        <p class="mt-3 mb-0"><strong>Ihre Zahlungsmöglichkeiten:</strong></p>
1401                        <div class="row row-cols-3 no-gutters">
1402                            <div class="col d-flex align-items-center justify-content-left my-2"><img src="/images/payments/logo-visa-white.svg" class="logo-pp logo-visa" alt="VISA"></div>
1403                            <div class="col d-flex align-items-center justify-content-left my-2"><img src="/images/payments/logo-mc.svg" class="logo-pp logo-mastercard" alt="MasterCard"></div>
1404                            <div class="col d-flex align-items-center justify-content-left my-2"><img src="/images/payments/logo-ms-white.svg" class="logo-pp logo-maestro" alt="Maestro"></div>
1405                            <div class="col d-flex align-items-center justify-content-left my-2"><img src="/images/payments/logo-wero-white.svg" class="logo-pp logo-klarna" alt="Wero"></div>
1406                            <div class="col d-flex align-items-center justify-content-left my-2"><img src="/images/payments/logo-applepay.svg" class="logo-pp logo-apple-pay" alt="Apple Pay"></div>
1407                            <div class="col d-flex align-items-center justify-content-left my-2"><img src="/images/payments/logo-paypal-white.svg" class="logo-pp logo-paypal" alt="PayPal"></div>
1408                        </div>
1409                    </div>
1410                </div>
1411                <div class="col-md-3 border-end border-green-light mb-5">
1412                                                                                <!--btn btn-primary btn-primary-dark btn-sm ms-0 wtf-->
1413                                        <ul class="nav flex-column">
1414                                                                                                                                                                                                            <li class="nav-item">
1415                                                <a class="nav-link"
1416                                                   href="https://www.zoo-berlin.de/de/agb"
1417                                                    target="_blank" rel="noopener noreferer">
1418                                                   AGB
1419                                               </a>
1420                                            </li>
1421                                                                                                                                                                                                                                    <li class="nav-item">
1422                                                <a class="nav-link"
1423                                                   href="https://www.zoo-berlin.de/de/datenschutz"
1424                                                    target="_blank" rel="noopener noreferer">
1425                                                   Datenschutz
1426                                               </a>
1427                                            </li>
1428                                                                                                                                                                                                                                    <li class="nav-item">
1429                                                <a class="nav-link"
1430                                                   href="https://www.zoo-berlin.de/de/impressum"
1431                                                    target="_blank" rel="noopener noreferer">
1432                                                   Impressum
1433                                               </a>
1434                                            </li>
1435                                                                                                                                                                                                                                    <li class="nav-item">
1436                                                <a class="nav-link"
1437                                                   href="/de/accessibility/"
1438                                                   >
1439                                                   Barrierefreiheitserklärung
1440                                               </a>
1441                                            </li>
1442                                                                                                                                                                                                                                    <li class="nav-item">
1443                                                <a class="nav-link"
1444                                                   href="https://www.zoo-berlin.de/de/kuendigung-jahreskarten-abo"
1445                                                    target="_blank" rel="noopener noreferer">
1446                                                   Abo kündigen
1447                                               </a>
1448                                            </li>
1449                                                                                                                                                                                                                                    <li class="nav-item">
1450                                                <a class="nav-link"
1451                                                   href="https://partnershop.zoo-berlin.de/"
1452                                                    target="_blank" rel="noopener noreferer">
1453                                                   Partnershop
1454                                               </a>
1455                                            </li>
1456                                                                                                                                                                                                                                            <li class="nav-item">
1457                                <a class="btn btn-primary btn-primary-dark btn-sm ms-0 wtf"
1458                                   href="/de/order-revocation-form">
1459                                    Vertrag widerrufen
1460                                </a>
1461                            </li>
1462                                            </ul>
1463                    
1464                </div>
1465                <div class="col-md-3 border-end border-green-light mb-5">
1466                    <p><a href="mailto:[email protected]"><i class="fas fa-envelope me-2"></i>[email protected]</a></p>
1467                    <p><i class="fas fa-map-marker-alt me-2"></i><span class="d-inline-block align-top">Zoologischer Garten Berlin AG<br>Hardenbergplatz 8, 10787 Berlin</span></p>
1468                    <p><a href="javascript:Cookiebot.renew()"><i class="fas fa-cookie-bite me-2"></i>Cookie-Einwilligung</a></p>
1469                    <p class="mb-0">
1470                        <a href="https://facebook.com/zooberlin" target="_blank" rel="noopener noreferrer" class="me-4" aria-label="Facebook"><i class="fab fa-lg fa-square-facebook"></i></a>
1471                        <a href="https://www.instagram.com/zooberlin" target="_blank" rel="noopener noreferrer" class="me-4" aria-label="Instagram"><i class="fab fa-lg fa-instagram"></i></a>
1472                        <a href="https://www.tiktok.com/@zoo.berlin" target="_blank" rel="noopener noreferrer" class="me-4" aria-label="TikTok"><i class="fab fa-lg fa-tiktok"></i></a>
1473                        <a href="https://de.linkedin.com/company/zoologischer-garten-berlin" target="_blank" rel="noopener noreferrer" class="me-4" aria-label="LinkedIn"><i class="fab fa-lg fa-linkedin"></i></a>
1474                        <a href="https://www.youtube.com/channel/UC6ldBFsHEU-8D7Hb6KCFgCA" target="_blank" rel="noopener noreferrer" class="me-4" aria-label="YouTube"><i class="fab fa-lg fa-youtube"></i></a>
1475                    </p>
1476                </div>
1477                <div class="col-md-3 mb-5">
1478                    <form id="newsletter_form" action="/ui/maileon/add" method="post">
1479                        <div>
1480                            <div class="form-group p-0">
1481                                <label class="h5 mb-3 text-white text-reset" for="newsletter_email_box">Jetzt Newsletter abonnieren</label>
1482                                <input type="email" placeholder="E-Mail" id="newsletter_email_box" name="email" class="form-control border-0" required/>
1483                            </div>
1484                            <input type="hidden" name="subscription[field][HKS_Subscription]" value="zoo_shop_footer">
1485                            <div class="form-check my-2">
1486                                <input type="checkbox" id="newsletter_data_protection_box" name="data_protection_box" class="form-check-input" required>
1487                                <label for="newsletter_data_protection_box" class="form-check-label small">Hiermit bestätige ich, dass ich die <u><a href="https://www.zoo-berlin.de/de/datenschutz" target="_blank">Datenschutzbestimmungen</a></u> zur Kenntnis genommen habe.</label>
1488                            </div>
1489                            <button type="submit" id="newsletter_submit_button" class="btn btn-primary btn-primary-dark">Newsletter abonnieren</button>
1490                        </div>
1491                    </form>
1492                </div>
1493                            </div>
1494        </div>
1495    </footer>
1496
1497    <div class="mobile-nav d-lg-none">
1498        <div class="mobile-nav-container container-fluid">
1499            <div class="header-mobile row">
1500                <div class="col-auto d-flex align-items-center">
1501                    <ul class="shop-switch list-inline mb-0">
1502                        <li class="list-inline-item active">
1503                            <a href="https://www.zoo-berlin.de/" title="Zurück zur Zoo-Webseite">
1504                                <svg width="28" height="9" xmlns="http://www.w3.org/2000/svg" style="margin-bottom: 1px;">
1505                                    <path d="M23.5 0C26.109 0 28 1.949 28 4.445 28 7.003 26.109 9 23.5 9 20.89 9 19 7.003 19 4.44
15055 19 1.95 20.89 0 23.5 0zm-11 0C15.109 0 17 1.949 17 4.445 17 7.003 15.109 9 12.5 9S8 7.003 8 4.445C8 1.95 9.891 0 12.5 0zM6.851 0v1.36l-3.79 5.462c-.174.252-.397.428-.397.428v.025l.093-.01.082-.009c.102-.009.235-.018.358-.018h1.945V5.916H7V9H0V7.615l3.779-5.437c.173-.252.396-.428.396-.428v-.026l-.093.011L4 1.743c-.102.01-.235.02-.358.02H1.908v1.27H.05V0H6.85zM23.5 1.888c-1.257 0-2.286 1.096-2.286 2.557 0 1.523 1.03 2.667 2.286 2.667 1.257 0 2.286-1.144 2.286-2.667 0-1.461-1.03-2.557-2.286-2.557zm-11 0c-1.257 0-2.286 1.096-2.286 2.557 0 1.523 1.03 2.667 2.286 2.667 1.257 0 2.286-1.144 2.286-2.667 0-1.461-1.03-2.557-2.286-2.557z" fill="#F5F0D7" fill-rule="evenodd"></path>
1506                                </svg>
1507                            </a>
1508                        </li>
1509                        <li class="list-inline-item">
1510                            <a href="https://www.aquarium-berlin.de/" title="Zur Aquarium-Website">
1511                                <svg width="67" height="10" xmlns="http://www.w3.org/2000/svg">
1512                                    <path d="M12.755 5.002l.363.075c1.816.38 2.377 1.332 2.92 2.253.48.818.935 1.59 2.288 1.993l.641.19-.63.226A4.134 4.134 0 0116.94 10c-1.87-.004-3.228-1.513-4.035-4.484l-.044-.162-.106-.352zM13.04 0c2.632 0 4.557 1.935 4.557 4.415 0 1.201-.43 2.277-1.163 3.079l-.119-.201c-.332-.564-.67-1.137-1.208-1.625.18-.367.285-.792.285-1.253 0-1.416-1.048-2.48-2.352-2.48-1.303 0-2.352 1.064-2.352 2.48 0 1.475 1.049 2.588 2.352 2.588.047 0 .093-.004.138-.007.3.708.64 1.31 1.019 1.805a4.904 4.904 0 01-1.157.137c-2.632 0-4.557-1.983-4.557-4.523C8.483 1.935 10.408 0 13.04 0zm8.015.073V5.54c0 .906.597 1.39 1.51 1.39.914 0 1.512-.484 1.512-1.39V.073h2.132V5.54c0 1.947-1.438 3.326-3.631 3.326-2.218 0-3.656-1.38-3.656-3.326V.073h2.133zm29.647 0V5.54c0 .906.597 1.39 1.51 1.39.915 0 1.512-.484 1.512-1.39V.073h2.132V5.54c0 1.947-1.438 3.326-3.63 3.326-2.218 0-3.656-1.38-3.656-3.326V.073h2.132zm-45.5 0L8.164 8.72H5.97l-.536-1.815H2.717l-.524 1.815H0L2.96.073h2.243zm26.913 0l2.96 8.648h-2.193l-.536-1.815H29.63l-.524 1.815h-2.193l2.96-8.648h2.243zm7.04 0c.89 0 1.315.06 1.693.205.987.375 1.609 1.258 1.609 2.516 0 .92-.439 1.923-1.304 2.358v.025s.122.157.33.52l1.693 3.024H40.8l-1.548-2.915h-.999V8.72h-2.132V.073zm7.415 0V8.72h-2.132V.073h2.132zm13.972 0l1.267 3.652c.195.557.44 1.427.44 1.427h.023l.013-.043c.052-.183.257-.902.426-1.384L63.978.073h2.315L67 8.72h-2.132L64.6 4.826a8.528 8.528 0 01-.021-.536v-.257c.003-.371.02-.659.02-.659h-.024l-.014.046c-.062.19-.304.934-.473 1.406l-.914 2.503h-1.828l-.913-2.503a56.422 56.422 0 01-.456-1.353l-.028-.087-.004-.012h-.024s.048.799 0 1.452l-.268 3.895h-2.145l.72-8.648h2.314zM4.094 2.044h-.025s-.194.944-.353 1.488l-.5 1.681h1.719l-.488-1.681a10.602 10.602 0 01-.097-.364l-.065-.264a34.07 34.07 0 01-.191-.86zm26.912 0h-.025s-.194.944-.353 1.488l-.5 1.681h1.718l-.487-1.681a10.615 10.615 0 01-.097-.364l-.065-.264c-.104-.44-.191-.86-.191-.86zm7.966-.157h-.719V3.99h.926c.683 0 1.109-.375 1.109-1.064 0-.653-.244-1.04-1.316-1.04z" fill="#3C5724" fill-rule="evenodd"></path>
1513                                </svg>
1514                            </a>
1515                        </li>
1516                    </ul>
1517                    <a href="https://www.zoo-berlin.de/" target="_blank" rel="noopener noreferrer" class="link-arrow-green-back">Zurück zur Zoo-Webseite</a>
1518                </div>
1519                <div class="col d-none align-items-center justify-content-center">
1520
1521                </div>
1522                <div class="col d-flex align-items-center justify-content-end">
1523                    <ul class="list-inline mb-0">
1524                        <li class="list-inline-item mobile-nav-item cart-item" title="0 Artikel">
1525                            <a href="/de/cart" class="mobile-nav-link cart-link" title="Warenkorb aufrufen">
1526                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="20" viewBox="0 0 25 20">
1527                                    <path fill="currentColor" fill-rule="evenodd" d="M1262.99768,169 L1267.69868,164.298 C1267.89768,164.1 1268.15868,164 1268.41968,164 C1269.03268,164 1269.43968,164.505 1269.43968,165.029 C1269.43968,165.279 1269.34768,165.533 1269.14068,165.74 L1265.88068,169 L1262.99768,169 Z M1274.99868,169 L1277.88168,169 L1273.17968,164.298 C1272.98168,164.1 1272.72068,164 1272.45968,164 C1271.84668,164 1271.43968,164.505 1271.43968,165.029 C1271.43968,165.279 1271.53168,165.533 1271.73868,165.74 L1274.99868,169 Z M1282.43968,171 L1282.43968,173 L1281.79768,173 C1281.26368,173 1280.77568,173.305 1280.54068,173.786 L1276.43968,184 L1264.43968,184 L1260.33868,173.784 C1260.10468,173.304 1259.61668,173 1259.08268,173 L1258.43968,173 L1258.43968,171 L1282.43968,171 Z M1267.43968,175 C1267.43968,174.448 1266.99168,174 1266.43968,174 C1265.88768,174 1265.43968,174.448 1265.43968,175 L1265.43968,180 C1265.43968,180.552 1265.88768,181 1266.43968,181 C1266.99168,181 1267.43968,180.552 1267.43968,180 L1267.43968,175 Z M1271.43968,175 C1271.43968,174.448 1270.99168,174 1270.43968,174 C1269.88768,174 1269.43968,174.448 1269.43968,175 L1269.43968,180 C1269.43968,180.552 1269.88768,181 1270.43968,181 C1270.99168,181 1271.43968,180.552 1271.43968,180 L1271.43968,175 Z M1275.43968,175 C1275.43968,174.448 1274.99268,174 1274.43968,174 C1273.88668,174 1273.43968,174.448 1273.43968,175 L1273.43968,180 C1273.43968,180.552 1273.88668,181 1274.43968,181 C1274.99268,181 1275.43968,180.552 1275.43968,180 L1275.43968,175 Z" transform="translate(-1258 -164)"/>
1528                                </svg>
1529                            </a>
1530                        </li>
1531                        <li class="list-inline-item mobile-nav-item menu-item" title="Navigation">
1532                            <a href="#" class="mobile-nav-link menu-link ms-3" data-bs-toggle="mobile-nav" aria-label="Toggle navigation">
1533                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewB
1533ox="0 0 352 512">
1534                                    <path fill="currentColor" d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path>
1535                                </svg>
1536                            </a>
1537                        </li>
1538                    </ul>
1539                </div>
1540            </div>
1541            <div class="row">
1542                <div class="col">
1543                        <ul class="nav navbar-nav me-auto my-2 my-lg-0">
1544                                                                            
1545    
1546                    
1547    
1548
1549
1550    
1551
1552
1553
1554
1555    <li class="nav-item rounded-0 ">
1556            
1557
1558
1559
1560    
1561
1562
1563
1564
1565    <a class="nav-link "
1566       href="/de/categories/7"
1567       
1568       data-seo="/de/categories/7"
1569       data-type=""
1570       target="_self"
1571       data-cy="Tageskarten"
1572       rel="">
1573        Tageskarten
1574            </a>
1575
1576            </li>
1577                                                                    
1578    
1579                    
1580    
1581
1582
1583    
1584
1585
1586
1587
1588    <li class="nav-item rounded-0 ">
1589            
1590
1591
1592
1593    
1594
1595
1596
1597
1598    <a class="nav-link "
1599       href="/de/categories/8"
1600       
1601       data-seo="/de/categories/8"
1602       data-type=""
1603       target="_self"
1604       data-cy="Jahreskarten"
1605       rel="">
1606        Jahreskarten
1607            </a>
1608
1609            </li>
1610                                                                    
1611    
1612                    
1613    
1614
1615
1616    
1617
1618
1619
1620
1621    <li class="nav-item rounded-0 ">
1622            
1623
1624
1625
1626    
1627
1628
1629
1630
1631    <a class="nav-link "
1632       href="/de/categories/51"
1633       
1634       data-seo="/de/categories/51"
1635       data-type=""
1636       target="_self"
1637       data-cy="Erlebnisse"
1638       rel="">
1639        Erlebnisse
1640            </a>
1641
1642            </li>
1643                                                <li class="nav-item cart-item rounded-start-0" title="0 Artikel">
1644        <a href="/de/cart" class="nav-link cart-link" title="Warenkorb aufrufen">
1645            <svg xmlns="http://www.w3.org/2000/svg" width="25" height="20" viewBox="0 0 25 20">
1646                <path fill-rule="evenodd" d="M1262.99768,169 L1267.69868,164.298 C1267.89768,164.1 1268.15868,164 1268.41968,164 C1269.03268,164 1269.43968,164.505 1269.43968,165.029 C1269.43968,165.279 1269.34768,165.533 1269.14068,165.74 L1265.88068,169 L1262.99768,169 Z M1274.99868,169 L1277.88168,169 L1273.17968,164.298 C1272.98168,164.1 1272.72068,164 1272.45968,164 C1271.84668,164 1271.43968,164.505 1271.43968,165.029 C1271.43968,165.279 1271.53168,165.533 1271.73868,165.74 L1274.99868,169 Z M1282.43968,171 L1282.43968,173 L1281.79768,173 C1281.26368,173 1280.77568,173.305 1280.54068,173.786 L1276.43968,184 L1264.43968,184 L1260.33868,173.784 C1260.10468,173.304 1259.61668,173 1259.08268,173 L1258.43968,173 L1258.43968,171 L1282.43968,171 Z M1267.43968,175 C1267.43968,174.448 1266.99168,174 1266.43968,174 C1265.88768,174 1265.43968,174.448 1265.43968,175 L1265.43968,180 C1265.43968,180.552 1265.88768,181 1266.43968,181 C1266.99168,181 1267.43968,180.552 1267.43968,180 L1267.43968,175 Z M1271.43968,175 C1271.43968,174.448 1270.99168,174 1270.43968,174 C1269.88768,174 1269.43968,174.448 1269.43968,175 L1269.43968,180 C1269.43968,180.552 1269.88768,181 1270.43968,181 C1270.99168,181 1271.43968,180.552 1271.43968,180 L1271.43968,175 Z M1275.43968,175 C1275.43968,174.448 1274.99268,174 1274.43968,174 C1273.88668,174 1273.43968,174.448 1273.43968,175 L1273.43968,180 C1273.43968,180.552 1273.88668,181 1274.43968,181 C1274.99268,181 1275.43968,180.552 1275.43968,180 L1275.43968,175 Z" transform="translate(-1258 -164)"/>
1647            </svg>
1648        </a>
1649    </li>
1650    </ul>
1651                </div>
1652            </div>
1653            <div class="social-media py-2">
1654                <a href="https://facebook.com/zooberlin" target="_blank" rel="noopener noreferrer" class="mx-3 ms-auto text-white" aria-label="Facebook"><i class="fab fa-lg fa-square-facebook"></i></a>
1655                <a href="https://www.instagram.com/zooberlin" target="_blank" rel="noopener noreferrer" class="mx-3 text-white" aria-label="Instagram"><i class="fab fa-lg fa-instagram"></i></a>
1656                <a href="https://www.tiktok.com/@zoo.berlin" target="_blank" rel="noopener noreferrer" class="mx-3 text-white" aria-label="TikTok"><i class="fab fa-lg fa-tiktok"></i></a>
1657                <a href="https://de.linkedin.com/company/zoologischer-garten-berlin" target="_blank" rel="noopener noreferrer" class="mx-3 text-white" aria-label="LinkedIn"><i class="fab fa-lg fa-linkedin"></i></a>
1658                <a href="https://www.youtube.com/channel/UC6ldBFsHEU-8D7Hb6KCFgCA" target="_blank" rel="noopener noreferrer" class="mx-3 me-auto text-white" aria-label="YouTube"><i class="fab fa-lg fa-youtube"></i></a>
1659            </div>
1660        </div>
1661    </div>
1662
1663    
1663<script type="module">
1664    HKS.Shop.footer({
1665        newsletterUrl: '/ui/maileon/add',
1666    });
1667</script>
1667
1668                
1669                            
1669<script type="module">
1670                const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
1671                const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
1672
1673                const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]');
1674                const popoverList = [...popoverTriggerList].map(popoverTriggerEl => new bootstrap.Popover(popoverTriggerEl));
1675            </script>
1675
1676            
1677    
1677<script crossorigin="anonymous" type="module" src="/build/assets/fullcalendar-2HgZGOQb.js"></script>
1677
1678            
1678<script>
1679            window.itemData = {"id":189,"type":"grouped","name":"Kombi-Tickets (Zoo + Aquarium)","items":[{"id":421,"name":"Kombi-Tageskarte Zoo + Aquarium - Erwachsener","external_id":"1.1.31.101.1.0","unit_price":0},{"id":440,"name":"Kombi-Tageskarte Zoo + Aquarium - Kind","external_id":"1.1.31.101.3.0","unit_price":0},{"id":427,"name":"Kombi-Tageskarte Zoo + Aquarium - Kind","external_id":"1.1.31.101.4.0","unit_price":0},{"id":623,"name":"Zoo Entdeckerplan","external_id":"1.1.470.10.0.0","unit_price":100},{"id":428,"name":"Kombi-Tageskarte Zoo + Aquarium - Erm\u00e4\u00dfigt","external_id":"1.1.31.101.5.0","unit_price":0},{"id":452,"name":"Kombi-Tageskarte Zoo + Aquarium - Kind (schwerbehindert)","external_id":"1.1.31.149.3.0","unit_price":0},{"id":455,"name":"Kombi-Tageskarte Zoo + Aquarium - Begleitperson","external_id":"1.1.31.150.1.0","unit_price":0}]};
1680        </script>
1680
1681    
1682    
1682<script crossorigin="anonymous" type="module" src="/build/assets/v10-reservation-CRu4X79U.js"></script>
1682
1683
1684    
1685                            
1686                    
1687                    
1688                    
1689                                        
1690    
1691    <div id="browser-warning" class="global-site-notice browser-warning fixed-top" style="z-index: 2020; display: none;" hidden>
1692        <div class="alert alert-danger rounded-0" role="alert">
1693            <h2 class="h4 alert-heading"><i class="bi bi-exclamation-octagon-fill me-2"></i>Achtung, wichtiger Hinweis!</h2>
1694            <p class="alert-message">Der von Ihnen genutzte Browser ist leider nicht mit diesem Webshop kompatibel! Wir empfehlen Ihnen dringend, Ihren Browser zu aktualisieren oder einen anderen, modernen Browser zu nutzen.</p>
1695            <hr>
1696            <p class="mb-0">Bitte verwenden Sie einen der folgenden Web-Browser um diesen Webshop nutzen zu können:
1697                <a href="https://www.microsoft.com/de-de/edge" target="_blank" rel="noreferrer" class="alert-link">Edge<i class="fas fa-link alert-link ms-1"></i></a>,
1698                <a href="https://www.google.de/chrome/" target="_blank" rel="noreferrer" class="alert-link">Chrome<i class="fas fa-link alert-link ms-1"></i></a>,
1699                <a href="https://www.mozilla.org/de/firefox/new/" target="_blank" rel="noreferrer" class="alert-link">Firefox<i class="fas fa-link alert-link ms-1"></i></a>,
1700                <a href="https://www.opera.com/de/download" target="_blank" rel="noreferrer" class="alert-link">Opera<i class="fas fa-link alert-link ms-1"></i></a>
1701            </p>
1702        </div>
1703    </div>
1704                        </body>
1705</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.