PageSourceSearch

https://www.aohostels.com/en/shop/

html aohostels.com collected 2026-10-02 03:24:51 UTC 205,542 bytes, 4,001 lines download raw bytes

1<!DOCTYPE html>
2<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
3
4<head>
5    
6    
6<script>
7        var params = new URLSearchParams(window.location.search);
8        if (params.get('isApp') === 'true') {
9            sessionStorage.setItem('isApp', 'true');
10        }
11        if (params.get('isApp') === 'true' || sessionStorage.getItem('isApp') === 'true') {
12            document.documentElement.classList.add('is-app');
13            if (document.body) {
14                document.body.classList.add('is-app');
15            } else {
16                document.addEventListener('DOMContentLoaded', function () {
17                    document.body.classList.add('is-app');
18                });
19            }
20        }
21    </script>
21
22    <style>
23    html.is-app #bs-example-navbar-collapse-3,
24    body.is-app #bs-example-navbar-collapse-3{
25        display: none !important;
26    }
27    </style>
28    
28<script>
29        window.isLocalStorageNameSupported = function () {
30            var testKey = '__ao_session_storage_test__';
31            try {
32                window.sessionStorage.setItem(testKey, '1');
33                window.sessionStorage.removeItem(testKey);
34                return true;
35            } catch (error) {
36                return false;
37            }
38        };
39    </script>
39
40    
40<script type="text/javascript">window.kameleoonQueue = window.kameleoonQueue || [];</script>
40
41    
41<script type="text/javascript" src="//f5n62yn3hz.kameleoon.eu/engine.js" async="true"></script>
41
42    
42<script src="https://aohostels.app.baqend.com/v1/speedkit/install.js" async crossorigin="anonymous"></script>
42
43
44    <link rel="dns-prefetch" href="//cdn.aohostels.com"/>
45
46    <link rel="dns-prefetch" href="//www.googletagmanager.com"/>
47    <link rel="dns-prefetch" href="//www.google-analytics.com"/>
48
49    
49<script>
50        (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
51                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
52            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
53            'https://metrics.aohostels.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
54        })(window,document,'script','dataLayer','GTM-WXGSQ69');
55    </script>
55
56
57    
58    <link rel="preconnect" href="//cdn.aohostels.com"/>
59    <link rel="preconnect" href="https://www.googletagmanager.com">
60    <link rel="preconnect" href="https://adservice.google.com">
61    <link rel="preconnect" href="https://www.google.de">
62    <link rel="preconnect" href="https://www.google.com">
63    <link rel="preconnect" href="https://www.googleadservices.com">
64    <link rel="preconnect" href="https://googleads.g.doubleclick.net">
65    <link rel="preconnect" href="https://wwww.google-analytics.com">
66    <link rel="preconnect" href="https://px.ads.linkedin.com">
67    <link rel="preconnect" href="https://snap.licdn.com">
68    <link rel="preconnect" href="https://consentmanager.mgr.consensu.org">
69    <link rel="preconnect" href="https://9242349.fls.doubleclick.net">
70    <link rel="preconnect" href="https://stats.g.doubleclick.net">
71    <link rel="preconnect" href="https://connect.facebook.net">
72    <link rel="Preconnect" href="https://www.facebook.com">
73    
74
75    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
76    <meta charset="utf-8">
77    <meta http-equiv="content-language" content="en" />
78    <meta name="csrf-token" content="apA13d4xK5e5aMmKJUnzV56J1cjEm9YApTiIP7T5">
79        <link rel="canonical" href="https://www.aohostels.com/en/shop/" />
80            <link rel="alternate" href="https://www.aohostels.com/de/shop/" hreflang="de-DE" />
81            <link rel="alternate" href="https://www.aohostels.com/en/shop/" hreflang="en" />
82            <link rel="alternate" href="https://www.aohostels.com/cz/shop/" hreflang="cs" />
83            <link rel="alternate" href="https://www.aohostels.com/pl/shop/" hreflang="pl" />
84            <link rel="alternate" href="https://www.aohostels.com/cn/shop/" hreflang="zh" />
85            <link rel="alternate" href="https://www.aohostels.com/at/shop/" hreflang="de-AT" />
86            <link rel="alternate" href="https://www.aohostels.com/it/shop/" hreflang="it" />
87            <link rel="alternate" href="https://www.aohostels.com/nl/shop/" hreflang="nl" />
88            <link rel="alternate" href="https://www.aohostels.com/ru/shop/" hreflang="ru" />
89            <link rel="alternate" href="https://www.aohostels.com/es/shop/" hreflang="es" />
90            <link rel="alternate" href="https://www.aohostels.com/fr/shop/" hreflang="fr" />
91            <link rel="alternate" href="https://www.aohostels.com/hu/shop/" hreflang="hu" />
92            <link rel="alternate" href="https://www.aohostels.com/dk/shop/" hreflang="da" />
93            <link rel="alternate" href="https://www.aohostels.com/tr/shop/" hreflang="tr" />
94        <link rel="alternate" href="https://www.aohostels.com/en/shop/" hreflang="x-default" />
95                            <meta property="og:title" content="a&o Hostels & Hotels - central, affordable and comfortable" />
96            <meta property="og:description" content="Discover our cheap hotels & hostels in Germany & Europe. Enjoy comfortable rooms in central locations at the best price. Discover & Book Now!" />
97                <meta property="og:site_name" content="a&o Hostels" />
98        <meta property="og:type" content="website" />
99        <meta property="og:url" content="https://www.aohostels.com" />
100        <meta property="og:image" content="http://cdn.aohostels.com/img/socialMediaTags/AOVeneziaMestreLobby4.jpg" />
101        <meta property="og:locale" content="de" />
102        <meta property="fb:app_id" content="839873292835700" />
103        <meta name="twitter:card" content="summary">
104        <meta name="twitter:site" content="@aohostels">
105        <meta name="twitter:title" content="a&o Hostels & Hotels - central, affordable and comfortable">
106        <meta name="twitter:description" content="Content here">
107        <meta name="twitter:image" content="http://cdn.aohostels.com/img/socialMediaTags/AOVeneziaMestreLobby4.jpg">
108        <meta name="viewport" content="width=device-width, initial-scale=1" />
109    <link rel="shortcut icon" href="https://www.aohostels.com/favicon.ico" />
110    <link rel="apple-touch-icon" href="https://cdn.aohostels.com/img/appletouchicon.png"/>
111
112    
113    <title>Your a&amp;o Online Shop
114</title>
115    
115<script type="text/javascript" src="https://www.aohostels.com/js/jquery.min.js"></script>
115
116
117
118    <!--  CSS -->
119    <link rel="stylesheet" href="https://www.aohostels.com/font-awesome/css/font-awesome.min.css">
120    <link rel="stylesheet" href="https://www.aohostels.com/js/jquery-ui/jquery-ui.min.css" />
121
122<!-- Don't delete old CSS. Will be needed for editing!
123    <link rel="stylesheet" href="https://www.aohostels.com/css/bootstrap.css" />
124    <link rel="stylesheet" href="https://www.aohostels.com/css/style.css" />
125    -->
126    
127    <link rel="preload" as="style" href="https://www.aohostels.com/build/css/masterRework-C0BpRhx0.css" /><link rel="stylesheet" href="https://www.aohostels.com/build/css/masterRework-C0BpRhx0.css" />
128    <link rel="preload" as="style" href="https://www.aohostels.com/build/css/daterangepicker-CXHZq8Sf.css" /><link rel="stylesheet" href="https://www.aohostels.com/build/css/daterangepicker-CXHZq8Sf.css" />
129
130
131        <!-- Latest compiled and minified CSS -->
132    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
133    <link rel="stylesheet" href="https://www.aohostels.com/js/bxslider/jquery.bxslider.css"/>
134    <!-- ao_shop.css loaded here to ensure it overrides masterRework.css -->
135    <link rel="preload" as="style" href="https://www.aohostels.com/build/css/ao_shop-DDZGOzQ_.css" /><link rel="stylesheet" href="https://www.aohostels.com/build/css/ao_shop-DDZGOzQ_.css" />
136    <style>
137        .benefits_content {
138            width: 100%;
139        }
140        .header-menu-icon{
141            margin-bottom: 0;
142        }
143        .card-img-top {
144            object-fit: cover;
145        }
146        #app {
147            display: flex;
148            justify-content: center;align-content: center;
149        }
150        .fullsizeHeader {
151        }
152        .fullsizeHeader{
153            background: url("https://cdn.aohostels.com/img/ao_shop/header-desktop.jpg");
154            background-size: cover;
155            height: 60.5vh;
156        }
157        .webp .fullsizeHeader{
158            background: url("https://cdn.aohostels.com/img/ao_shop/header-desktop.webp");
159            background-size: cover;
160            height: 60.5vh;
161        }
162        .breadcrumb_inner {
163            display: none;
164        }
165        #aoMainWrapper {
166            padding-top: 20px;
167        }
168        .top-1 {
169            top: 1vh;
170        }
171        @media (max-width: 768px) {
172            .hide-breadcrumb-mobile {
173                display: none;
174            }
175        }
176    </style>
177    <link rel="preload" as="style" href="https://www.aohostels.com/build/css/Loader-UcpaMaeL.css" /><link rel="preload" as="style" href="https://www.aohostels.com/build/css/aoshop-BfcBjlv2.css" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/aoshop-Dc3-nyxq.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/vendor-vue-DSVczLiO.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/index-BuNY4Ty6.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/_plugin-vue2_normalizer-p4i_2SC9.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/vendor-vee-validate-BmE8cSL3.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/index-DDWnWlIn.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/i18n-D0iyxJ9w.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/vendor-bootstrap-vue-NfVoszzB.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/vue-gtm.min-Xy1avHv0.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/tracking-DqLomjQ8.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/Loader-CnOtL_Rr.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/vendor-pdf-83slQlIl.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/ao-logo-CUVkzD1H.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-de-DM8H5oQ8.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-en-CBf7ktfJ.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-at-Dwl5jsWy.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-es-BdgDlTkC.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-fr-qBugGNEy.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-it-B4EdK4qP.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-pl-CMMoeSoQ.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-nl-cOoLxgKC.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-dk-ClmXqP-n.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-tr-t_vFCWls.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-cn-C5DesX2F.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-cz-CehdkJeJ.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-hu-CP7Jz5Dt.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-ru-COgwT9ct.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/vendor-moment-DvpPwjx9.js" /><link rel="stylesheet" href="https://www.aohostels.com/build/css/Loader-UcpaMaeL.css" /><link rel="stylesheet" href="https://www.aohostels.com/build/css/aoshop-BfcBjlv2.css" />
177<script type="module" src="https://www.aohostels.com/build/assets/aoshop-Dc3-nyxq.js"></script>
177    <style></style>
178
179        
179<script>
vendor: 398 bytes, lines 179-184
179
180            (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
181                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
182                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
183                '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
184            })(window,document,'script','dataLayer','
184GTM-T7VCRD
vendor: 12 bytes, lines 184-185
184');
185        
185</script>
185
186
187<!-- End Google Tag Manager -->
188
189        <style type="text/css">
190            @media (min-width: 992px){
191                .container-fluid{padding-right:0;}
192                .clear{clear:both;}
193                .navbar{margin-bottom:0px;}
194                .navigation_header{text-align:right;padding-top:0;padding-left:0;}
195                .navigation_header .navbar{margin-bottom:0px !important;}
196                .navigation_header .navbar{display:inline-block;}
197                .header-top .nav > li{padding:0 5px;}
198                .header-top .nav > li.mainLi{font-size:10px;font-weight:700;color:#234692 !important;}
199                .header-top .nav > li > a{padding:0;font-size:11px;color:#fff !important;line-height:140%;font-weight:700;}
200                .header-top .nav > li > a:hover{color: #293a88;}
201                .header-top .dropdown-menu > li > a{padding:3px 5px;color:#234692 !important;line-height:140%;font-size:11px;font-weight:700;}
202                .dropdown_language{padding-right:3px !important;}
203                .dropdown_language .btn{padding:0;}
204                .dropdown_language .btn .language_flag_text{font-size:11px;color:#005ea8 !important;line-height:140%;font-weight:700;text-decoration:underline;text-transform:capitalize;padding-left:10px;}
205                .dropdown_language ul.dropdown-menu.language_menu{font-size:11px;}
206                ul.dropdown-menu.language_menu li a{padding-left:6px !important;padding-right:10px !important;}
207                .dropdown_language ul.dropdown-menu.language_menu .language_flag_text{font-size:11px;color:#005ea8 !important;line-height:140%;font-weight:700;text-transform:capitalize;padding-left:10px;}
208                .header-top .caret{background:url("https://cdn.aohostels.com/img/master/white-arrow.png") no-repeat;background-size: 12px 12px;width:12px;height:12px;vertical-align:top;border:0;margin-top:2px;margin-left: 2px; margin-right:3px}
209                .header-top .caret.active{background-position: 0 -5px !important;}
210                .btn-group.language_button{float:none;margin-top:0;border:0;border-radius:0;}
211                a.hbFirstNavElement, a.hbNavElement{line-height:20px !important;padding:0 !important;margin-bottom: 5px;}
212            }
213            .benefits_content{background: #293a88;text-align:left;border-bottom: 2px solid #4d60a2;padding: 0px 15px;margin-bottom: 10px;margin-top: -20px;}
214            .benefits_content ul{list-style-type:none;padding:0;margin:0;}
215            .benefits_content ul li.benefit{
216                float: left;
217                font-size: 12px;
218                color: #fff;
219                margin: 0;
220                padding: 6px 0;
221                width: 33%;
222            }
223            .benefits_content ul li.benefit_green{
224                text-align: center;
225            }
226            .benefits_content ul li.benefit_numberone{
227                text-align: right;
228            }
229            .benefits_content ul li.benefit_guest{
230                text-align: right;
231            }
232                    </style>
233        <style>
234            /*buttons */
235            .clear{clear:both;}
236            .cl_newChoicebox{width:100%;}
237            .anz_less{display:inline-block;width:33%;border:1px solid #293a88;border-radius:5px 0 0 5px;text-align:center;background:#293a88;color:#fff;height:35px;line-height:33px;float:left;font-size:28px;cursor:pointer;position:relative;}
238            .anz_less:before {content:"";background:url(https://cdn.aohostels.com/img/minus-icon.png) no-repeat;width:12px;height:2px;position:absolute;top:50%;left:50%;margin-left:-6px;margin-top:-1px;}
239            .input_choice{display:inline-block;width:34%;border:1px solid #c5c9d9;border-left-color:#fff;border-right-color:#fff;text-align:center;background:#fff;color:#293a88;height:35px;line-height:33px;font-size:14px;float:left;}
240            .input_choice:focus{outline:none;}
241            .anz_more {display:inline-block;width:33%;border:1px solid #293a88;border-radius:0 5px 5px 0;text-align:center;background:#293a88;color:#fff;height:35px;line-height:33px;float:left;font-size:28px;cursor:pointer;position:relative;}
242            .anz_more:before {content:"";background:url(https://cdn.aohostels.com/img/plus-icon.png) no-repeat;width:12px;height:12px;position:absolute;top:50%;left:50%;margin-left:-6px;margin-top:-6px;}
243            .cl_headline span{font-size:11px;font-weight:400;}
244            .dropdown {
245                cursor: pointer!important;
246            }
247            .anz_person {
248                border: 0;
249                cursor: default;
250                background: #aaaaaa;
251                -o-background-size: 100% 100%;
252                -moz-background-size: 100% 100%;
253                -webkit-background-size: 100% 100%;
254                background-size: 100% 100%;
255                filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFc0c0c0, endColorstr=#FFaaaaaa);
256                background-image: -webkit-gradient(
257                        linear,
258                        left top, left bottom,
259                        from(#c0c0c0),
260                        to(#aaaaaa)
261                );
262                background-image: -webkit-linear-gradient(
263                        top,
264                        #c0c0c0,
265                        #aaaaaa
266                );
267                background-image: -moz-linear-gradient(
268                        top,
269                        #c0c0c0,
270                        #aaaaaa
271                );
272                background-image: -o-linear-gradient(
273                        top,
274                        #c0c0c0,
275                        #aaaaaa
276                );
277                background-image: linear-gradient(
278                        top,
279                        #c0c0c0,
280                        #aaaaaa
281                );
282            }
283
284            .nw_fc {
285                white-space: nowrap;
286                min-width: fit-content;
287            }
288
289        </style>
290    
291    
292    </head>
293
294
295<body class="">
296
297<div id="loginOverlay">
298<div id="loginPopup">
299        <i class="fa fa-close" role="button" aria-label="Close" tabindex="0"></i>
300    <div class="login-menu ">
301                    <div style="width: 100%;">
302                <p class="login-title">Sign in</p>
303
304                <form method="POST" action="https://www.aohostels.com/en/topmenu
304-login/" accept-charset="UTF-8" class="form">
305                    <input type="hidden" name="_token" value="apA13d4xK5e5aMmKJUnzV56J1cjEm9YApTiIP7T5" autocomplete="off">
306                    <div class="form-group">
307                            <input maxlength="40" name="inputEmail" placeholder="Email address" size="20" type="email" aria-label="Email address" required>
308                    </div>
309                    <div class="form-group">
310                            <input maxlength="40" name="inputPassword" placeholder="Password" size="20" type="password" aria-label="Password" required>
311                            <span class="show-hide-password" onclick="toggleShowPassword()" aria-label="Show password">
312                                                <i class="fa fa-eye" aria-hidden="true"></i>
313                                                <i class="fa fa-eye-slash" aria-hidden="true"></i>
314                                            </span>
315                    </div>
316                    <div class="form-group">
317                        <div class="help-block text-right"><a class="forgot-password" href="https://www.aohostels.com/en/forgot/" aria-label="Forgot password?">Forgot password?</a></div>
318                    </div>
319                    <div>
320                        <button type="submit" class="btn btn-primary btn-block loginMenuLoginButton" aria-label="Login">Login</button>
321                    </div>
322
323                    <div class="sso-login-section">
324                        <p class="sso-login-text">or sign in with</p>
325
326                        <div class="sso-login-options">
327                            <a href="https://www.aohostels.com/en/google/redirect/" class="sso-login-btn" data-option="google" aria-label="Google">Google</a>
328                            <a href="https://www.aohostels.com/en/facebook/redirect/" class="sso-login-btn" data-option="facebook" aria-label="Facebook">Facebook</a>
329                            <a href="https://www.aohostels.com/en/apple/redirect/" class="sso-login-btn" data-option="apple" aria-label="Apple">Apple</a>
330                            <a href="https://www.aohostels.com/en/klarna/redirect/" class="sso-login-btn" data-option="klarna" aria-label="Klarna">Klarna</a>
331                        </div>
332                    </div>
333
334                    <div id="topmenu-login-error"></div>
335                </form>
336            </div>
337                    </div>
338
339            <div class="clubRegisterPromo">
340        <div class="clubImageContainer">
341            <img src="https://cdn.aohostels.com/img/club/ao-club-blue-logo_blue.svg" alt="a&amp;o Club Blue Logo" />
342        </div>
343        <p>Not yet a member? Register for free and unlock instant discounts with our a&amp;o Club membership</p>
344        <a href="https://www.aohostels.com/en/club/signup/?refId=start" id="clubRegisterLink" aria-label="Become a member now - for free!">Become a member now - for free!</a>
345        <ul role="list" aria-label="index.club_benefits_list">
346            <li class="row" role="listitem"><div class="col-xs-1"><img src="https://cdn.aohostels.com/img/club/new/percent.svg" alt="a&amp;o Club Percent" /></div>
347                <div class="col-xs-11">Receive up to 25% discount on bookings</div>
348            </li>
349            <li class="row" role="listitem"><div class="col-xs-1"><img src="https://cdn.aohostels.com/img/club/new/secret-deal.svg" alt="a&amp;o Club Secret Deal" /></div>
350                <div class="col-xs-11">Get priority access to our Secret Deals</div>
351            </li>
352            <li class="row" role="listitem"><div class="col-xs-1"><img src="https://cdn.aohostels.com/img/club/new/ao-club-plus_yellow.svg" alt="a&amp;o Club Plus" /></div>
353                <div class="col-xs-11">Earn free Early Check-in and free Late Check-out</div>
354            </li>
355            <li class="row" role="listitem"><div class="col-xs-1"><img src="https://cdn.aohostels.com/img/club/new/ao-club-plus_yellow.svg" alt="a&amp;o Club Plus" /></div>
356                <div class="col-xs-11">Earn free breakfast on every trip</div>
357            </li>
358        </ul>
359    </div>
360            </div>
361</div>
362<noscript>
363        <iframe src="//www.googletagmanager.com/ns.html?id=GTM-T7VCRD" height="0" width="0" style="display:none;visibility:hidden" tabindex="-1" title="GTM Iframe"></iframe>
364        <iframe src="https://metrics.aohostels.com/ns.html?id=GTM-WXGSQ69" height="0" width="0" style="display:none;visibility:hidden" tabindex="-1" title="Metrics Iframe"></iframe>
365</noscript>
366
367<div id="mobileResult"></div>
368<div id="overlayContainer"></div>
369
370<!-- Pop up for user to enable/disable notifications -->
371<div id="notification" style="display: none;" role="dialog" aria-labelledby="notification-title" aria-describedby="notification-description">
372    <div class="row">
373        <div class="col-sm-4 col-md-4 hidden-xs">
374            <img data-src="https://cdn.aohostels.com/img/logo/blau/ao_RGB_BLAU_Schriftzug%2BURL.png" width="80" height="46" class="register-icon lazyload" alt="a&amp;o Logo">
375        </div>
376        <div class="col-sm-8 col-md-8">
377            <div>
378                <span id="notification-title">a&o Hostels</span><br>
379                <a href="https://www.aohostels.com/" aria-label="a&amp;o Hostels Website">https://www.aohostels.com/</a>
380            </div>
381            <div id="notification-description">
382                <span><i class="fa fa-bell-o" aria-hidden="true"></i> Show notifications</span>
383            </div>
384            <div class="row" role="group">
385                <div class="col-sm-6 col-md-6">
386                    <button id="register-urban" class="urban-buttons" aria-label="Allow notifications" role="button">Allow notifications</button>
387                </div>
388                <div class="col-sm-6 col-md-6">
389                    <button id="block-urban" class="urban-buttons" aria-label="Don&#039;t allow notifications" role="button">Don&#039;t allow notifications</button>
390                </div>
391            </div>
392        </div>
393    </div>
394</div>
395<!-- Error Messages [START] -->
396
397<style>
398    /* menuButtonContainer is now inside header-right-div flex flow */
399    .menuButtonContainer {
400        position: relative !important;
401        top: auto !important;
402        right: auto !important;
403        z-index: auto !important;
404        display: flex !important;
405        flex-direction: column;
406        align-items: center;
407        padding: 0 0 0 15px;
408    }
409    .menuButtonContainer button {
410        flex-shrink: 0;
411        padding: 0 !important;
412        margin-bottom: -20px !important;
413    }
414    .bar1.rotate, .bar3.rotate {
415        position: static !important;
416        top: auto !important;
417    }
418    .bar1.rotate {
419        transform: translateY(11px) rotate(45deg) !important;
420    }
421    .bar3.rotate {
422        transform: translateY(-11px) rotate(-45deg) !important;
423    }
424    .menuButtonContainer .menu-label {
425        visibility: hidden !important;
426        display: block !important;
427        position: static !important;
428        top: auto !important;
429        background-color: transparent !important;
430        font-size: 13px;
431        margin-top: 2px;
432    }
433    .header-right-div {
434        margin-right: 0 !important;
435        align-items: center;
436    }
437
438    /* Resize-Animationen fuer Header-Icons deaktivieren (not overlay grid flags) */
439    span.language_flag:not(.ao-language-overlay__flag) {
440        transform: none !important;
441        transition: none !important;
442    }
443    @media (max-width: 360px) {
444        .warningMoreInfoLink {
445            font-size: smaller;
446        }
447    }
448    @media (max-width: 309px) {
449        .warningMoreInfoLink {
450            font-size: xx-small;
451        }
452    }
453.redCircle{
454    top:0!important;
455}
456    .language_flag.language_xs_active {
457        transition: none !important;
458        transform: none !important;
459    }
460    .bar1, .bar2, .bar3 {
461        transition: transform 0.4s, opacity 0.4s !important;
462    }
463    .user-login-container {
464        transition: none !important;
465        margin: 0 !important;
466        padding: 0 10px !important;
467    }
468    .user-login-container:hover {
469        background-color: transparent !important;
470    }
471    div#bs-example-navbar-collapse-1 {
472        z-index: 998 !important;
473        transition-property: left !important;
474    }
475
476    /* Tabs laenger sichtbar lassen (vorher 1279px) */
477    @media (min-width: 1200px) {
478        .header_bottom_div {
479            display: inline-block !important;
480        }
481    }
482
483    @media (max-width: 769px) {
484        .header-right-div {
485            margin-right: 0 !important;
486            align-items: stretch !important;
487        }
488        .menuButtonContainer .menu-label {
489            display: none !important;
490        }
491        .user-login-container {
492            order: 0 !important;
493            margin: 0 !important;
494            padding: 0 10px !important;
495            display: flex;
496            align-items: center;
497            align-self: stretch !important;
498            gap: 0 !important;
499        }
500        .user-login-container .user-icon {
501            width: 36px !important;
502            height: 36px !important;
503        }
504        .menuButtonsDiv {
505            display: flex;
506            align-items: center;
507            padding: 0 10px !important;
508            gap: 5px !important;
509        }
510        .menuButtonsDiv .currencySwitchSmall {
511            padding: 0 !important;
512            margin: 0 !important;
513        }
514        .menuButtonsDiv .currencySwitchSmall li.firstLevel {
515            padding: 0 !important;
516        }
517        .menuButtonsDiv #language_dropdown {
518            padding: 0 !important;
519        }
520        .menuButtonsDiv .languageSwitcher {
521            margin: 0 !important;
522            padding: 0 !important;
523        }
524        .menuButtonContainer {
525            order: 99;
526            padding: 0 0 0 10px !important;
527        }
528        .menuButtonContainer .header-menu-icon {
529            padding: 0 !important;
530        }
531        .bar1, .bar2, .bar3 {
532            width: 35px !important;
533        }
534        .currencySwitchSmall li.firstLevel,
535        .language_flag.language_xs_active,
536        .a_langauge_dropdown .language_flag {
537            width: 30px !important;
538            height: 30px !important;
539            min-height: 30px !important;
540        }
541        .logo {
542            width: 95px !important;
543        }
544        /* Kevin auf Mobile unsichtbar bis im Header (verhindert Logo-Sprung) */
545        #Kevin.kevin_container {
546            opacity: 0 !important;
547            pointer-events: none !important;
548        }
549        /* Kevin-Wrapper als Flex-Item im Header */
550        .header-right-div > .kevin-in-header {
551            order: -1;
552            flex-shrink: 0;
553            border-right: 2px solid #4d60a2;
554            padding: 0 10px;
555            display: flex;
556            align-items: center;
557        }
558        .header-right-div > .kevin-in-header > #Kevin.kevin_container {
559            position: relative !important;
560            top: auto !important;
561            right: auto !important;
562            width: 30px !important;
563            height: 30px !important;
564            border-radius: 50%;
565            z-index: auto !important;
566            overflow: visible !important;
567            opacity: 1 !important;
568            pointer-events: auto !important;
569        }
570    }
571
572    /* Shop-Icon als Flex-Item im Header */
573    .header-right-div > .shop-in-header {
574        flex-shrink: 0;
575        border-right: 2px solid #4d60a2;
576        padding: 0 10px;
577        display: flex;
578        align-items: center;
579        order: -2;
580    }
581    .header-right-div > .shop-in-header .basketTopContainer {
582        position: relative !important;
583        right: auto !important;
584        top: auto !important;
585        z-index: auto !important;
586    }
587    .header-right-div > .shop-in-header .fa.fa-shopping-cart {
588        width: 36px !important;
589        height: 36px !important;
590        font-size: 22px !important;
591        padding-top: 7px !important;
592    }
593    .header-right-div > .shop-in-header .basketTopContainer .basketCount.activeCount {
594        width: 17px !important;
595        height: 17px !important;
596    }
597    @media (max-width: 769px) {
598        .header-right-div > .shop-in-header .fa.fa-shopping-cart {
599            width: 30px !important;
600            height: 30px !important;
601            font-size: 18px !important;
602            padding-top: 5px !important;
603        }
604    }
605
606    /* ao_shop.css Overrides - deren feste Positionen/Groessen kollidieren mit Flex-Layout */
607    .header-right-div > .kevin-in-header > #Kevin.kevin_container {
608        right: auto !important;
609        top: auto !important;
610    }
611    .user-login-container {
612        max-width: unset !important;
613    }
614    @media (min-width: 770px) {
615        .user-login-container .user-icon {
616            width: 40px !important;
617            height: 40px !important;
618        }
619    }
620
621    #marqueeWarningContainer {
622        max-height: 45px;
623        overflow: hidden;
624    }
625    #marqueeWarningContainer .content-main > a {
626        white-space: nowrap;
627    }
628
629    .navbar-default .navbar-nav>.active>a {
630        background-color: transparent !important;
631    }
632
633    nav.navbar.header-bottom .nav li.active a::after {
634        background-color: transparent !important;
635        border-bottom: solid 4px #fff;
636        width: 100%;
637        transition: width 0.3s ease;
638    }
639
640    /* Hervorgehobener Menüpunkt (Uber Arena Events): gelb statt weiß, auch der Unterstrich. */
641    nav.navbar.header-bottom .nav li a.hbNavElement--highlight {
642        color: #ffcc00 !important;
643        font-weight: 700 !important;
644    }
645    nav.navbar.header-bottom .nav li a.hbNavElement--highlight:hover::after,
646    nav.navbar.header-bottom .nav li.active a.hbNavElement--highlight::after {
647        border-bottom-color: #ffcc00;
648    }
649
650    a.language-overlay-trigger,
651    a.currency-overlay-trigger {
652        cursor: pointer;
653    }
654    .currencySwitchSmall li.firstLevel > .currency-overlay-trigger {
655        position: absolute;
656        left: 0;
657        top: 0;
658        right: 0;
659        bottom: 0;
660        display: flex;
661        align-items: center;
662        justify-content: center;
663        text-decoration: none !important;
664        color: inherit !important;
665    }
666    .currencySwitchSmall li.firstLevel > .currency-overlay-trigger .currencySymbol {
667        position: static !important;
668        transform: none !important;
669        top: auto !important;
670        left: auto !important;
671    }
672
673    /* Language / currency overlay (modal on desktop, full viewport on mobile) */
674    body.ao-language-overlay-open,
675    body.ao-currency-overlay-open {
676        overflow: hidden;
677    }
678    .ao-language-overlay {
679        position: fixed;
680        inset: 0;
681        z-index: 10000000;
682        display: flex;
683        align-items: center;
684        justify-content: center;
685        padding: 16px;
686        box-sizing: border-box;
687        visibility: hidden;
688        opacity: 0;
689        pointer-events: none;
690        transition: opacity 0.2s ease, visibility 0.2s ease;
691    }
692    .ao-language-overlay.is-open {
693        visibility: visible;
694        opacity: 1;
695        pointer-events: auto;
696    }
697    .ao-language-overlay__backdrop {
698        position: absolute;
699        inset: 0;
700        background: rgba(0, 0, 0, 0.5);
701    }
702    .ao-language-overlay__panel {
703        position: relative;
704        z-index: 1;
705        width: 100%;
706        max-width: 720px;
707        max-height: calc(100vh - 32px);
708        overflow: auto;
709        background: #fff;
710        border-radius: 12px;
711        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
712        padding: 48px 28px 28px;
713        box-sizing: border-box;
714    }
715    .ao-language-overlay__close {
716        position: absolute;
717        top: 12px;
718        right: 12px;
719        width: 44px;
720        height: 44px;
721        border: none;
722        background: transparent;
723        color: #293a88;
724        font-size: 28px;
725        line-height: 1;
726        cursor: pointer;
727        padding: 0;
728    }
729    .ao-language-overlay__title {
730        margin: 0 0 24px;
731        padding: 0 40px 0 0;
732        text-align: center;
733        font-size: 18px;
734        font-weight: 700;
735        color: #293a88;
736    }
737    .ao-language-overlay__grid {
738        display: grid;
739        grid-template-columns: repeat(5, minmax(0, 1fr));
740        gap: 12px 10px;
741    }
742    .ao-language-overlay__item {
743        display: flex;
744        flex-direction: column;
745        align-items: center;
746        justify-content: flex-start;
747        text-align: center;
748        text-decoration: none;
749        padding: 10px 6px;
750        border-radius: 10px;
751        color: #293a88;
752        font-size: 13px;
753        font-weight: 600;
754        transition: background 0.15s ease;
755        box-sizing: border-box;
756        min-width: 0;
757    }
758    .ao-language-overlay__item:hover,
759    .ao-language-overlay__item:focus {
760        background: rgba(41, 58, 136, 0.08);
761        text-decoration: none;
762        color: #293a88;
763    }
764    .ao-language-overlay__item.is-active {
765        background: rgba(91, 155, 213, 0.35);
766        cursor: default;
767    }
768    .ao-language-overlay__flag {
769        width: 44px !important;
770        height: 44px !important;
771        min-height: 44px !important;
772        margin: 0 0 8px !important;
773        border-radius: 50%;
774        overflow: hidden;
775        background-size: cover !important;
776        flex-shrink: 0;
777        transform: scale(1);
778        transition: transform 0.2s ease;
779    }
780    .ao-language-overlay__label {
781        display: block;
782        line-height: 1.25;
783        word-break: break-word;
784    }
785
786    /* Desktop: subtle hover (scale only) */
787    @media (min-width: 770px) {
788        /* 3D raised tiles (desktop only) */
789        .ao-language-overlay__item {
790            background: linear-gradient(180deg, #ffffff 0%, #f4f6fa 100%);
791            border: 1px solid rgba(197, 201, 212, 0.65);
792            box-shadow:
793                0 3px 0 rgba(41, 58, 136, 0.12),
794                0 8px 18px rgba(41, 58, 136, 0.12);
795        }
796        .ao-language-overlay__item:hover,
797        .ao-language-overlay__item:focus {
798            box-shadow:
799                0 4px 0 rgba(41, 58, 136, 0.14),
800                0 10px 22px rgba(41, 58, 136, 0.14);
801        }
802        .ao-language-overlay__item.is-active {
803            box-shadow:
804                0 2px 0 rgba(91, 155, 213, 0.45),
805                0 6px 16px rgba(91, 155, 213, 0.22);
806        }
807        /* 3D circular flags: depth + drop shadow (desktop only) */
808        .ao-language-overlay__flag {
809            box-shadow:
810                0 5px 12px rgba(0, 0, 0, 0.22),
811                0 2px 4px rgba(0, 0, 0, 0.12),
812                inset 0 3px 6px rgba(255, 255, 255, 0.45),
813                inset 0 -5px 10px rgba(0, 0, 0, 0.18);
814        }
815        .ao-language-overlay__item:not(.is-active) .ao-language-overlay__flag {
816            transform-origin: 50% 50%;
817            transition: transform 0.2s ease;
818        }
819        .ao-language-overlay__item:not(.is-active):hover .ao-language-overlay__flag {
820            transform: scale(1.1);
821        }
822        .ao-language-overlay__item.is-active .ao-language-overlay__flag {
823            transform: scale(1);
824            transform-origin: 50% 50%;
825        }
826    }
827
828    @media (max-width: 769px) {
829        .ao-language-overlay {
830            padding: 0;
831        }
832        .ao-language-overlay__backdrop {
833            display: none;
834        }
835        .ao-language-overlay__panel {
836            max-width: none;
837            max-height: none;
838            width: 100%;
839            height: 100%;
840            min-height: 100vh;
841            min-height: 100dvh;
842            border-radius: 0;
843            background: #293a88;
844            padding: 56px 16px 24px;
845            box-shadow: none;
846        }
847        .ao-language-overlay__close {
848            color: #fff;
849        }
850        .ao-language-overlay__title {
851            color: #fff;
852            padding: 0 44px;
853        }
854        .ao-language-overlay__grid {
855            grid-template-columns: repeat(3, minmax(0, 1fr));
856            gap: 14px 10px;
857        }
858        .ao-language-overlay__item {
859            color: #fff;
860            font-size: 12px;
861        }
862        .ao-language-overlay__item:hover,
863        .ao-language-overlay__item:focus {
864            background: rgba(255, 255, 255, 0.1);
865            color: #fff;
866        }
867        .ao-language-overlay__item.is-active {
868            background: rgba(91, 155, 213, 0.45);
869            color: #fff;
870        }
871    }
872
873    /* Currency overlay (modal on desktop, full viewport on mobile) */
874    .ao-currency-overlay {
875        position: fixed;
876        inset: 0;
877        z-index: 10000000;
878        display: flex;
879        align-items: center;
880        justify-content: center;
881        padding: 16px;
882        box-sizing: border-box;
883        visibility: hidden;
884        opacity: 0;
885        pointer-events: none;
886        transition: opacity 0.2s ease, visibility 0.2s ease;
887    }
888    .ao-currency-overlay.is-open {
889        visibility: visible;
890        opacity: 1;
891        pointer-events: auto;
892    }
893    .ao-currency-overlay__backdrop {
894        position: absolute;
895        inset: 0;
896        background: rgba(0, 0, 0, 0.5);
897    }
898    .ao-currency-overlay__panel {
899        position: relative;
900        z-index: 1;
901        width: 100%;
902        max-width: 520px;
903        max-height: calc(100vh - 32px);
904        overflow: auto;
905        background: #fff;
906        border-radius: 12px;
907        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
908        padding: 48px 28px 28px;
909        box-sizing: border-box;
910    }
911    .ao-currency-overlay__close {
912        position: absolute;
913        top: 12px;
914        right: 12px;
915        width: 44px;
916        height: 44px;
917        border: none;
918        background: transparent;
919        color: #293a88;
920        font-size: 28px;
921        line-height: 1;
922        cursor: pointer;
923        padding: 0;
924    }
925    .ao-currency-overlay__title {
926        margin: 0 0 12px;
927        padding: 0 40px 0 0;
928        text-align: center;
929        font-size: 18px;
930        font-weight: 700;
931        color: #293a88;
932    }
933    .ao-currency-overlay__intro {
934        margin: 0 0 22px;
935        padding: 0 8px;
936        text-align: center;
937        font-size: 13px;
938        line-height: 1.45;
939        color: #293a88;
940    }
941    .ao-currency-overlay__grid {
942        display: grid;
943        grid-template-columns: repeat(2, minmax(0, 1fr));
944        grid-template-rows: repeat(5, auto);
945        grid-auto-flow: column;
946        gap: 12px 10px;
947    }
948    .ao-currency-overlay__option {
949        display: flex;
950        align-items: center;
951        gap: 10px;
952        width: 100%;
953        margin: 0;
954        padding: 0;
955        border: none;
956        background: transparent;
957        font: inherit;
958        text-align: left;
959        cursor: pointer;
960        box-sizing: border-box;
961    }
962    .ao-currency-overlay__option:focus-visible {
963        outline: 2px solid #5b9bd5;
964        outline-offset: 2px;
965    }
966    .ao-currency-overlay__code {
967        flex-shrink: 0;
968        min-width: 56px;
969        padding: 8px 10px;
970        border: 1px solid #c5c9d4;
971        border-radius: 8px;
972        font-size: 15px;
973        font-weight: 700;
974        text-align: center;
975        color: #293a88;
976        background: #fff;
977        box-sizing: border-box;
978        transform: scale(1);
979        transition: transform 0.2s ease, border-color 0.15s ease;
980    }
981    .ao-currency-overlay__name {
982        flex: 1;
983        min-width: 0;
984        font-size: 14px;
985        font-weight: 600;
986        color: #293a88;
987        line-height: 1.25;
988    }
989    .ao-currency-overlay__option.is-active {
990        cursor: default;
991    }
992    .ao-currency-overlay__option.is-active .ao-currency-overlay__code {
993        background: #293a88;
994        border-color: #293a88;
995        color: #fff;
996    }
997    /* Desktop: subtle hover (scale only) */
998    @media (min-width: 770px) {
999        /* 3D raised currency code buttons (desktop only) */
1000        .ao-currency-overlay__code {
1001            background: linear-gradient(180deg, #ffffff 0%, #eef0f5 100%);
1002            box-shadow:
1003                0 3px 0 #b8bcc8,
1004                0 6px 14px rgba(41, 58, 136, 0.14),
1005                inset 0 1px 0 rgba(255, 255, 255, 0.95);
1006        }
1007        .ao-currency-overlay__option.is-active .ao-currency-overlay__code {
1008            background: linear-gradient(180deg, #3547a0 0%, #293a88 100%);
1009            box-shadow:
1010                0 3px 0 #1a2458,
1011                0 6px 16px rgba(0, 0, 0, 0.22),
1012                inset 0 1px 0 rgba(255, 255, 255, 0.18);
1013            transform: scale(1);
1014            transform-origin: 50% 50%;
1015        }
1016        .ao-currency-overlay__option:not(.is-active) .ao-currency-overlay__code {
1017            transform-origin: 50% 50%;
1018            transition: transform 0.2s ease, border-color 0.15s ease, box-shadow 0.2s ease;
1019        }
1020        .ao-currency-overlay__option:not(.is-active):hover .ao-currency-overlay__code {
1021            border-color: #293a88;
1022            transform: scale(1.1);
1023            box-shadow:
1024                0 4px 0 #9aa0b0,
1025                0 8px 18px rgba(41, 58, 136, 0.2),
1026                inset 0 1px 0 rgba(255, 255, 255, 1);
1027        }
1028    }
1029
1030    @media (max-width: 769px) {
1031        .ao-currency-overlay {
1032            padding: 0;
1033        }
1034        .ao-currency-overlay__backdrop {
1035            display: none;
1036        }
1037        .ao-currency-overlay__panel {
1038            max-width: none;
1039            max-height: none;
1040            width: 100%;
1041            height: 100%;
1042            min-height: 100vh;
1043            min-height: 100dvh;
1044            border-radius: 0;
1045            background: #293a88;
1046            padding: 56px 16px 24px;
1047            box-shadow: none;
1048        }
1049        .ao-currency-overlay__close {
1050            color: #fff;
1051        }
1052    
1052    .ao-currency-overlay__title {
1053            color: #fff;
1054            padding: 0 44px;
1055        }
1056        .ao-currency-overlay__intro {
1057            color: #fff;
1058            opacity: 0.95;
1059            margin-bottom: 20px;
1060        }
1061        .ao-currency-overlay__grid {
1062            grid-template-columns: 1fr;
1063            grid-template-rows: none;
1064            grid-auto-flow: row;
1065            gap: 10px;
1066        }
1067        .ao-currency-overlay__option {
1068            padding: 12px 14px;
1069            border-radius: 10px;
1070            background: rgba(255, 255, 255, 0.28);
1071        }
1072        .ao-currency-overlay__option:not(.is-active) .ao-currency-overlay__code,
1073        .ao-currency-overlay__option:not(.is-active) .ao-currency-overlay__name {
1074            color: #293a88;
1075        }
1076        .ao-currency-overlay__option:not(.is-active) .ao-currency-overlay__code {
1077            border: none;
1078            background: transparent;
1079            padding: 0;
1080            min-width: 52px;
1081            font-size: 18px;
1082            text-align: left;
1083        }
1084        .ao-currency-overlay__option:not(.is-active) .ao-currency-overlay__name {
1085            font-size: 14px;
1086            font-weight: 600;
1087        }
1088        .ao-currency-overlay__option.is-active {
1089            background: #fff;
1090        }
1091        .ao-currency-overlay__option.is-active .ao-currency-overlay__code {
1092            background: transparent;
1093            border: none;
1094            color: #293a88;
1095            padding: 0;
1096            min-width: 52px;
1097            font-size: 18px;
1098            text-align: left;
1099        }
1100        .ao-currency-overlay__option.is-active .ao-currency-overlay__name {
1101            color: #293a88;
1102        }
1103    }
1104
1105    /* Der schwarze Ring, der beim Klick auf das Logo kurz aufblitzt.
1106       Er kommt aus Bootstrap 3 (css/bootstrap.css):
1107           a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
1108       Das ist `:focus` und nicht `:focus-visible` — die Regel greift also auch beim MAUSKLICK,
1109       nicht nur bei Tastaturbedienung. Chrome zeichnet diesen Ring seit Version 94 als schwarze
1110       Linie mit weissem Innenrand; weil die Seite unmittelbar danach neu laedt, sieht man ihn nur
1111       kurz aufblitzen.
1112
1113       `outline:none` allein waere die falsche Loesung: dann faende sich niemand mehr zurecht, der
1114       mit der Tabulatortaste navigiert. Also der uebliche Zweischritt — den Ring beim Klick
1115       abschalten, ihn bei Tastaturfokus wiederherstellen, und zwar in a&o-Blau statt im
1116       Browser-Schwarz. `-webkit-tap-highlight-color` nimmt dasselbe Aufblitzen auf dem Telefon. */
1117    .logo a {
1118        -webkit-tap-highlight-color: transparent;
1119    }
1120    .logo a:focus {
1121        outline: none;
1122    }
1123    .logo a:focus-visible {
1124        outline: 3px solid #4d60a2;
1125        outline-offset: 4px;
1126        border-radius: 4px;
1127    }
1128</style>
1129
1130<!-- HEADER -->
1131<div class="headerContainer container">
1132    
1133    <!-- HEADER TOP CONTENT (Benefits) -->
1134        <div class="row" role="region" aria-label="Benefits and announcements">
1135        <div class="benefits_content" style="border-bottom: 2px solid #4d60a2;">
1136            <ul>
1137                <li class="benefit benefit_club" aria-label="a&o Club" role="button">
1138                    <a href="https://www.aohostels.com/en/club/" style="text-decoration: none;">
1139                    <picture>
1140                        <source media="(min-width: 999px)" srcset="https://cdn.aohostels.com/img/index/ao-club-blue_white.svg">
1141                        <img src="https://cdn.aohostels.com/img/index/ao-club-blue_blue.svg" alt="A&O Club Icon" style="width:25px; margin-right:8px;">
1142                    </picture>
1143
1144                    <strong>Save up to 25%</strong> - Register for free
1145                    </a>
1146                </li>
1147                <li class="benefit benefit_green hidden-xs hidden-sm"><a style="color:#fff;text-decoration: none" href="https://www.aohostels.com/en/sustainability/"><img style="width: 25px;margin-right: 8px;" src="https://cdn.aohostels.com/img/index/icon-green.png" alt="a&o Sustainability" />stay affordable, <strong>sleep sustainable</strong> – Ø 3.58 kg CO<sub>2</sub>e per guest per night</a></li>
1148                <li class="benefit benefit_numberone hidden-xs hidden-sm"><img style="width: 25px;margin-right: 8px;" src="https://cdn.aohostels.com/img/index/icon-award.png" alt="a&o Awards" /><strong>World’s largest Hostel Chain</strong> - With 30,000 Beds</li>
1149
1150            </ul>
1151            <br class="clear"/>
1152                                    <!-- Error Messages [END] -->
1153        </div>
1154    </div>
1155
1156    <!-- HEADER MAIN CONTENT -->
1157    <div class="center-header">
1158
1159        <!-- LOGO-->
1160                <div class="logo" role="banner" aria-label="a&o logo">
1161                <a class="htDropdownElement" href="https://www.aohostels.com/en/"><img id="logoImg" data-src="https://cdn.aohostels.com/img/index/aoLogoH.svg" width="110" height="80" class="img-responsive lazyload" alt="a&amp;o Hotels and Hostels"></a>
1162        </div>
1163
1164        <!-- NAVIGATION-->
1165        <div class="header_bottom_div">
1166            <nav class="navbar header-bottom navbar-default">
1167                <ul class="nav navbar-nav">
1168                    <li><a class="hbFirstNavElement" href="https://www.aohostels.com/en/bookingtool/">Express Booking</a></li>
1169                    <li><a class="hbNavElement" href="https://www.aohostels.com/en/all-locations/">Cities</a></li>
1170                    <li><a class="hbNavElement" href="https://www.aohostels.com/en/hotel/">Hotel</a></li>
1171                    <li><a class="hbNavElement" href="https://www.aohostels.com/en/hostel/">Hostel</a></li>
1172                    <li><a class="hbNavElement" href="https://www.aohostels.com/en/groups/">Groups</a></li>
1173                    <li><a class="hbNavElement" href="https://www.aohostels.com/en/study-trips/">School Trips</a></li>
1174
1175                    <li><a class="hbNavElement" href="https://www.aohostels.com/en/families/">Families</a></li>
1176                    <li><a class="hbNavElement" href="https://www.aohostels.com/en/club/login/">Club</a></li>
1177                    <li><a class="hbNavElement hbNavElement--highlight" href="https://www.aohostels.com/en/uber-arena/">Uber Arena Events</a></li>
1178                </ul>
1179            </nav>
1180        </div>
1181
1182        
1182<script>
1183        (function() {
1184            var currentPath = window.location.pathname;
1185            var navLinks = document.querySelectorAll('.header-bottom .hbNavElement');
1186
1187            navLinks.forEach(function(link) {
1188                var linkPath = new URL(link.href).pathname;
1189                var normalizedCurrent = currentPath.replace(/\/$/, '');
1190                var normalizedLink = linkPath.replace(/\/$/, '');
1191
1192
1193                if (normalizedCurrent === normalizedLink || normalizedCurrent.indexOf(normalizedLink + '/') === 0) {
1194                    link.closest('li').classList.add('active');
1195                }
1196            });
1197        })();
1198        </script>
1198
1199
1200        <!-- RIGH SIDE OF MENU (Buttons)-->
1201        <div class="header-right-div">
1202            <!-- USER/LOGIN BUTTON-->
1203            <div class="user-login-container " role="button" tabindex="0" aria-label="User account and login">
1204                <div class="user-icon">
1205                                            <img src="https://cdn.aohostels.com/img/index/icon-user-nT.svg" alt="a&o User Icon"/>
1206                                    </div>
1207                            </div>
1208
1209            <!-- MENU BUTTONS-->
1210            <div class="menuButtonsDiv">
1211                                    
1212                    <ul class="currencySwitchSmall">
1213                        <li class="firstLevel">
1214                            <a href="#" id="currency_overlay_trigger" class="currency-overlay-trigger" role="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="aoCurrencyOverlay" aria-label="Select currency:">
1215                                <span class="currencySymbol">€</span>
1216                            </a>
1217                        </li>
1218                    </ul>
1219
1220                    <ul class="nav navbar-nav languageSwitcher">
1221                        <li class="dropdown language">
1222        <a href="#" id="language_dropdown" class="language-overlay-trigger" role="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="aoLanguageOverlay" aria-label="Language">
1223            <span class="language_flag language_xs_active lc_en"></span>
1224        </a>
1225    </li>
1226                    </ul>
1227
1228                    <div id="aoLanguageOverlay" class="ao-language-overlay" aria-hidden="true">
1229    <div class="ao-language-overlay__backdrop"></div>
1230    <div class="ao-language-overlay__panel" role="dialog" aria-modal="true" aria-labelledby="aoLanguageOverlayTitle">
1231        <button type="button" class="ao-language-overlay__close" aria-label="Close">&times;</button>
1232        <h2 id="aoLanguageOverlayTitle" class="ao-language-overlay__title">Select language:</h2>
1233        <div class="ao-language-overlay__grid">
1234                                                                                                                        <a href="https://www.aohostels.com/de/shop/" class="ao-language-overlay__item">
1235                            <span class="language_flag ao-language-overlay__flag lc_de"></span>
1236                            <span class="ao-language-overlay__label">Deutsch</span>
1237                        </a>
1238                                                                                                                                                            <div class="ao-language-overlay__item is-active" aria-current="true">
1239                            <span class="language_flag ao-language-overlay__flag lc_en"></span>
1240                            <span class="ao-language-overlay__label">English</span>
1241                        </div>
1242                                                                                                                                                            <a href="https://www.aohostels.com/at/shop/" class="ao-language-overlay__item">
1243                            <span class="language_flag ao-language-overlay__flag lc_at"></span>
1244                            <span class="ao-language-overlay__label">Deutsch (AT)</span>
1245                        </a>
1246                                                                                                                                                            <a href="https://www.aohostels.com/cn/shop/" class="ao-language-overlay__item">
1247                            <span class="language_flag ao-language-overlay__flag lc_cn"></span>
1248                            <span class="ao-language-overlay__label">简体中文</span>
1249                        </a>
1250                                                                                                                                                            <a href="https://www.aohostels.com/cz/shop/" class="ao-language-overlay__item">
1251                            <span class="language_flag ao-language-overlay__flag lc_cz"></span>
1252                            <span class="ao-language-overlay__label">Čeština</span>
1253                        </a>
1254                                                                                                                                                            <a href="https://www.aohostels.com/nl/shop/" class="ao-language-overlay__item">
1255                            <span class="language_flag ao-language-overlay__flag lc_nl"></span>
1256                            <span class="ao-language-overlay__label">Nederlands</span>
1257                        </a>
1258                                                                                                                                                            <a href="https://www.aohostels.com/fr/shop/" class="ao-language-overlay__item">
1259                            <span class="language_flag ao-language-overlay__flag lc_fr"></span>
1260                            <span class="ao-language-overlay__label">Français</span>
1261                        </a>
1262                                                                                                                                                            <a href="https://www.aohostels.com/it/shop/" class="ao-language-overlay__item">
1263                            <span class="language_flag ao-language-overlay__flag lc_it"></span>
1264                            <span class="ao-language-overlay__label">Italiano</span>
1265                        </a>
1266                                                                                                                                                            <a href="https://www.aohostels.com/pl/shop/" class="ao-language-overlay__item">
1267                            <span class="language_flag ao-language-overlay__flag lc_pl"></span>
1268                            <span class="ao-language-overlay__label">Polski</span>
1269                        </a>
1270                                                                                                                                                            <a href="https://www.aohostels.com/ru/shop/" class="ao-language-overlay__item">
1271                            <span class="language_flag ao-language-overlay__flag lc_ru"></span>
1272                            <span class="ao-language-overlay__label">Русский</span>
1273                        </a>
1274                                                                                                                                                            <a href="https://www.aohostels.com/es/shop/" class="ao-language-overlay__item">
1275                            <span class="language_flag ao-language-overlay__flag lc_es"></span>
1276                            <span class="ao-language-overlay__label">Español</span>
1277                        </a>
1278                                                                                                                                                            <a href="https://www.aohostels.com/hu/shop/" class="ao-language-overlay__item">
1279                            <span class="language_flag ao-language-overlay__flag lc_hu"></span>
1280                            <span class="ao-language-overlay__label">Magyar</span>
1281                        </a>
1282                                                                                                                                                            <a href="https://www.aohostels.com/dk/shop/" class="ao-language-overlay__item">
1283                            <span class="language_flag ao-language-overlay__flag lc_dk"></span>
1284                            <span class="ao-language-overlay__label">Dansk</span>
1285                        </a>
1286                                                                                                                                                            <a href="https://www.aohostels.com/tr/shop/" class="ao-language-overlay__item">
1287                            <span class="language_flag ao-language-overlay__flag lc_tr"></span>
1288                            <span class="ao-language-overlay__label">Türkçe</span>
1289                        </a>
1290                                                        </div>
1291    </div>
1292</div>
1293<script>
1294(function () {
1295    var overlay = document.getElementById('aoLanguageOverlay');
1296    var trigger = document.getElementById('language_dropdown');
1297    if (!overlay || !trigger) return;
1298
1299    function openOverlay(e) {
1300        if (e) {
1301            e.preventDefault();
1302            e.stopPropagation();
1303        }
1304        overlay.classList.add('is-open');
1305        overlay.setAttribute('aria-hidden', 'false');
1306        trigger.setAttribute('aria-expanded', 'true');
1307
1308        var nav = document.getElementById('bs-example-navbar-collapse-1');
1309        if (nav && nav.classList.contains('opened')) {
1310            if (window.jQuery) {
1311                window.jQuery('#bs-example-navbar-collapse-1').removeClass('opened');
1312                window.jQuery('#overlayContainer').removeClass('opened');
1313                window.jQuery('.menuButtonContainer').removeClass('open');
1314                window.jQuery('.menuButtonContainer .bar1, .menuButtonContainer .bar2, .menuButtonContainer .bar3').removeClass('rotate');
1315            } else {
1316                nav.classList.remove('opened');
1317                var oc = document.getElementById('overlayContainer');
1318                if (oc) oc.classList.remove('opened');
1319                var menuBtn = document.querySelector('.menuButtonContainer');
1320                if (menuBtn) {
1321                    menuBtn.classList.remove('open');
1322                    var bars = menuBtn.querySelectorAll('.bar1, .bar2, .bar3');
1323                    for (var b = 0; b < bars.length; b++) bars[b].classList.remove('rotate');
1324                }
1325            }
1326        }
1327        var curOverlay = document.getElementById('aoCurrencyOverlay');
1328        if (curOverlay && curOverlay.classList.contains('is-open')) {
1329            curOverlay.classList.remove('is-open');
1330            curOverlay.setAttribute('aria-hidden', 'true');
1331            var curTrigger = document.getElementById('currency_overlay_trigger');
1332            if (curTrigger) curTrigger.setAttribute('aria-expanded', 'false');
1333            document.body.classList.remove('ao-currency-overlay-open');
1334        }
1335    }
1336
1337    function closeOverlay() {
1338        overlay.classList.remove('is-open');
1339        overlay.setAttribute('aria-hidden', 'true');
1340        trigger.setAttribute('aria-expanded', 'false');
1341    }
1342
1343    trigger.addEventListener('click', openOverlay);
1344
1345    var closeBtn = overlay.querySelector('.ao-language-overlay__close');
1346    if (closeBtn) closeBtn.addEventListener('click', closeOverlay);
1347
1348    var backdrop = overlay.querySelector('.ao-language-overlay__backdrop');
1349    if (backdrop) {
1350        backdrop.addEventListener('click', function () {
1351            if (window.matchMedia('(min-width: 770px)').matches) closeOverlay();
1352        });
1353    }
1354
1355    document.addEventListener('keydown', function (e) {
1356        if (e.key === 'Escape' && overlay.classList.contains('is-open')) {
1357            closeOverlay();
1358        }
1359    });
1360})();
1361</script>
1361
1362                    <div id="aoCurrencyOverlay" class="ao-currency-overlay" aria-hidden="true">
1363    <div class="ao-currency-overlay__backdrop"></div>
1364    <div class="ao-currency-overlay__panel" role="dialog" aria-modal="true" aria-labelledby="aoCurrencyOverlayTitle">
1365        <button type="button" class="ao-currency-overlay__close" aria-label="Close">&times;</button>
1366        <h2 id="aoCurrencyOverlayTitle" class="ao-currency-overlay__title">Select currency:</h2>
1367        <p class="ao-currency-overlay__intro">Prices are converted at the daily rate; payment is taken in the local currency of the country. Bank service fees or differing exchange rates may apply.</p>
1368        <div class="ao-currency-overlay__grid" role="list">
1369                                                                <div class="ao-currency-overlay__option is-active" role="listitem" aria-current="true">
1370                        <span class="ao-currency-overlay__code">EUR</span>
1371                        <span class="ao-currency-overlay__name">Euro</span>
1372                    </div>
1373                                                                                <button type="button" class="ao-currency-overlay__option" role="listitem" data-currency="USD">
1374                        <span class="ao-currency-overlay__code">USD</span>
1375                        <span class="ao-currency-overlay__name">U.S. dollar</span>
1376                    </button>
1377                                                                                <button type="button" class="ao-currency-overlay__option" role="listitem" data-currency="GBP">
1378                        <span class="ao-currency-overlay__code">GBP</span>
1379                        <span class="ao-currency-overlay__name">Pound sterling</span>
1380                    </button>
1381                                                                                <button type="button" class="ao-currency-overlay__option" role="listitem" data-currency="DKK">
1382                        <span class="ao-currency-overlay__code">DKK</span>
1383                        <span class="ao-currency-overlay__name">Danish krone</span>
1384                    </button>
1385                                                                                <button type="button" class="ao-currency-overlay__option" role="listitem" data-currency="CHF">
1386                        <span class="ao-currency-overlay__code">CHF</span>
1387                        <span class="ao-currency-overlay__name">Swiss Franc</span>
1388                    </button>
1389                                                                                <button type="button" class="ao-currency-overlay__option" role="listitem" data-currency="HUF">
1390                        <span class="ao-currency-overlay__code">HUF</span>
1391                        <span class="ao-currency-overlay__name">Hungarian Forint</span>
1392                    </button>
1393                                                                                <button type="button" class="ao-currency-overlay__option" role="listitem" data-currency="CZK">
1394                        <span class="ao-currency-overlay__code">CZK</span>
1395                        <span class="ao-currency-overlay__name">Czech koruna</span>
1396                    </button>
1397                                                                                <button type="button" class="ao-currency-overlay__option" role="listitem" data-currency="NOK">
1398                        <span class="ao-currency-overlay__code">NOK</span>
1399                        <span class="ao-currency-overlay__name">Norwegian Krone</span>
1400                    </button>
1401                                                                                <button type="button" class="ao-currency-overlay__option" role="listitem" data-currency="PLN">
1402                        <span class="ao-currency-overlay__code">PLN</span>
1403                        <span class="ao-currency-overlay__name">Polish Zloty</span>
1404                    </button>
1405                                    </div>
1406    </div>
1407</div>
1408<script>
1409(function () {
1410    var overlay = document.getElementById('aoCurrencyOverlay');
1411    var trigger = document.getElementById('currency_overlay_trigger');
1412    if (!overlay || !trigger) return;
1413
1414    function closeLanguageOverlay() {
1415        var lo = document.getElementById('aoLanguageOverlay');
1416        if (!lo || !lo.classList.contains('is-open')) return;
1417        lo.classList.remove('is-open');
1418        lo.setAttribute('aria-hidden', 'true');
1419        var langTrigger = document.getElementById('language_dropdown');
1420        if (langTrigger) langTrigger.setAttribute('aria-expanded', 'false');
1421        document.body.classList.remove('ao-language-overlay-open');
1422    }
1423
1424    function openOverlay(e) {
1425        if (e) {
1426            e.preventDefault();
1427            e.stopPropagation();
1428        }
1429        closeLanguageOverlay();
1430        overlay.classList.add('is-open');
1431        overlay.setAttribute('aria-hidden', 'false');
1432        trigger.setAttribute('aria-expanded', 'true');
1433
1434        var nav = document.getElementById('bs-example-navbar-collapse-1');
1435        if (nav && nav.classList.contains('opened')) {
1436            if (window.jQuery) {
1437                window.jQuery('#bs-example-navbar-collapse-1').removeClass('opened');
1438                window.jQuery('#overlayContainer').removeClass('opened');
1439                window.jQuery('.menuButtonContainer').removeClass('open');
1440                window.jQuery('.menuButtonContainer .bar1, .menuButtonContainer .bar2, .menuButtonContainer .bar3').removeClass('rotate');
1441            } else {
1442                nav.classList.remove('opened');
1443                var oc = document.getElementById('overlayContainer');
1444                if (oc) oc.classList.remove('opened');
1445                var menuBtn = document.querySelector('.menuButtonContainer');
1446                if (menuBtn) {
1447                    menuBtn.classList.remove('open');
1448                    var bars = menuBtn.querySelectorAll('.bar1, .bar2, .bar3');
1449                    for (var b = 0; b < bars.length; b++) bars[b].classList.remove('rotate');
1450                }
1451            }
1452        }
1453    }
1454
1455    function closeOverlay() {
1456        overlay.classList.remove('is-open');
1457        overlay.setAttribute('aria-hidden', 'true');
1458        trigger.setAttribute('aria-expanded', 'false');
1459    }
1460
1461    trigger.addEventListener('click', openOverlay);
1462
1463    var closeBtn = overlay.querySelector('.ao-currency-overlay__close');
1464    if (closeBtn) closeBtn.addEventListener('click', closeOverlay);
1465
1466    var backdrop = overlay.querySelector('.ao-currency-overlay__backdrop');
1467    if (backdrop) {
1468        backdrop.addEventListener('click', function () {
1469            if (window.matchMedia('(min-width: 770px)').matches) closeOverlay();
1470        });
1471    }
1472
1473
1474
1475
1476
1477    document.addEventListener('keydown', function (e) {
1478        if (e.key === 'Escape' && overlay.classList.contains('is-open')) {
1479            closeOverlay();
1480        }
1481    });
1482
1483    overlay.addEventListener('click', function (e) {
1484        var btn = e.target.closest('.ao-currency-overlay__option[data-currency]');
1485        if (!btn || typeof window.jQuery === 'undefined') return;
1486        var currency = btn.getAttribute('data-currency');
1487        if (!currency) return;
1488        e.preventDefault();
1489        window.jQuery.ajax({
1490            dataType: 'json',
1491            url: "https://www.aohostels.com/en/currency/?value=" + encodeURIComponent(currency),
1492            success: function (data) {
1493                if (data && data.message === 'success') {
1494                    location.reload();
1495                }
1496            },
1497            error: function () {
1498                console.log('error');
1499            }
1500        });
1501    });
1502})();
1503</script>
1503
1504
1505                            </div>
1506
1507            <!-- BURGER MENU BUTTON -->
1508            <div class="menuButtonContainer">
1509                <button class="header-menu-icon" aria-label="toggle header menu">
1510                    <div style="position: relative;">
1511                        <div class="bar1"></div>
1512                        <div class="bar2"></div>
1513                        <div class="bar3"></div>
1514                    </div>
1515                </button>
1516                <span class="menu-label" role="text" aria-label="Menu">Menu</span>
1517            </div>
1518
1519        </div>
1520    </div>
1521
1522</div>  <!-- Header [END] -->
1523
1524<script>
1525(function() {
1526    function updateSidebarPosition() {
1527        var header = document.querySelector('.headerContainer');
1528        var sidebar = document.getElementById('bs-example-navbar-collapse-1');
1529        if (!header || !sidebar) return;
1530        sidebar.style.setProperty('top', header.offsetHeight + 'px', 'important');
1531        sidebar.style.setProperty('padding-top', '20px', 'important');
1532    }
1533    document.addEventListener('DOMContentLoaded', updateSidebarPosition);
1534    window.addEventListener('resize', updateSidebarPosition);
1535})();
1536</script>
vendor: 1 bytes, line 1536
1536
1537<script>
1538(function() {
1539    var moved = false;
1540    var originalParent = null;
1541    var originalNext = null;
1542
1543    function moveKevin() {
1544        var kevin = document.getElementById('Kevin');
1545        var headerRight = document.querySelector('.header-right-div');
1546        if (!kevin || !headerRight) return;
1547
1548        var wrapper = kevin.parentNode;
1549
1550        if (window.innerWidth < 770 && !moved) {
1551            originalParent = wrapper.parentNode;
1552            originalNext = wrapper.nextSibling;
1553            wrapper.classList.add('kevin-in-header');
1554            headerRight.insertBefore(wrapper, headerRight.firstChild);
1555            moved = true;
1556        } else if (window.innerWidth >= 770 && moved && originalParent) {
1557            wrapper.classList.remove('kevin-in-header');
1558            originalParent.insertBefore(wrapper, originalNext);
1559            moved = false;
1560        }
1561    }
1562
1563    var observer = new MutationObserver(function() {
1564        if (document.getElementById('Kevin')) {
1565            observer.disconnect();
1566            moveKevin();
1567            window.addEventListener('resize', moveKevin);
1568        }
1569    });
1570    observer.observe(document.body, { childList: true, subtree: true });
1571})();
1572</script>
vendor: 1 bytes, line 1572
1572
1573<script>
1574(function() {
1575    function moveShopIcon() {
1576        var headerRight = document.querySelector('.header-right-div');
1577        if (!headerRight) return;
1578
1579        var baskets = document.querySelectorAll('.basketTopContainer');
1580        var newBasket = null;
1581        for (var i = 0; i < baskets.length; i++) {
1582            if (!baskets[i].closest('.shop-in-header')) {
1583                newBasket = baskets[i];
1584                break;
1585            }
1586        }
1587        if (!newBasket) return;
1588
1589        var wrapper = headerRight.querySelector('.shop-in-header');
1590        if (!wrapper) {
1591            wrapper = document.createElement('div');
1592            wrapper.classList.add('shop-in-header');
1593            headerRight.insertBefore(wrapper, headerRight.firstChild);
1594        }
1595
1596        while (wrapper.firstChild) {
1597            wrapper.removeChild(wrapper.firstChild);
1598        }
1599        wrapper.appendChild(newBasket);
1600    }
1601
1602    var shopObserver = new MutationObserver(function() {
1603        var baskets = document.querySelectorAll('.basketTopContainer');
1604        for (var i = 0; i < baskets.length; i++) {
1605            if (!baskets[i].closest('.shop-in-header')) {
1606                moveShopIcon();
1607                return;
1608            }
1609        }
1610    });
1611    shopObserver.observe(document.body, { childList: true, subtree: true });
1612
1613    if (window.jQuery) {
1614        jQuery(function () {
1615            document.querySelectorAll('.input_adult, .input_children').forEach(function (el) {
1616                if (el.getAttribute('data-ao-guest-shim') === '1') {
1617                    return;
1618                }
1619                el.setAttribute('data-ao-guest-shim', '1');
1620                el.addEventListener('keyup', function (e) {
1621                    if (e.isTrusted === false) {
1622                        return;
1623                    }
1624                    if (String(el.value == null ? '' : el.value).trim() !== '') {
1625                        return;
1626                    }
1627                    if (e.which === 13) {
1628                        return;
1629                    }
1630                    e.stopImmediatePropagation();
1631                }, true);
1632                el.addEventListener('blur', function () {
1633                    if (String(el.value == null ? '' : el.value).trim() !== '') {
1634                        return;
1635                    }
1636                    setTimeout(function () {
1637                        if (String(el.value == null ? '' : el.value).trim() !== '') {
1638                            return;
1639                        }
1640                        var d = el.defaultValue;
1641                        el.value = (d !== '' && d != null) ? d : (el.classList.contains('input_adult') ? '2' : '0');
1642                        jQuery(el).trigger('change');
1643                    }, 0);
1644                });
1645            });
1646        });
1647    }
1648})();
1649</script>
1649
1650
1651
1652<div id="ao-club-auth" ></div>
1653
1654<script>window.__AO_COUNTRIES__ = ["AD","AE","AF","AG","AI","AL","AM","AO","AQ","AR","AS","AT","AU","AW","AX","AZ","BA","BB","BD","BE","BF","BG","BH","BI","BJ","BM","BN","BO","BQ","BR","BS","BT","BV","BW","BY","BZ","CA","CC","CD","CF","CG","CH","CI","CK","CL","CM","CN","CO","CR","CU","CV","CW","CX","CY","CZ","DE","DJ","DK","DM","DO","DZ","EC","EE","EG","EH","ER","ES","ET","FI","FJ","FK","FM","FO","FR","GA","GB","GD","GE","GF","GG","GH","GI","GL","GM","GN","GP","GQ","GR","GS","GT","GU","GW","GY","HK","HM","HN","HR","HT","HU","ID","IE","IL","IM","IN","IO","IQ","IR","IS","IT","JE","JM","JO","JP","KE","KG","KH","KI","KM","KN","KP","KR","KW","KY","KZ","LA","LB","LC","LI","LK","LR","LS","LT","LU","LV","LY","MA","MC","MD","ME","MG","MH","MK","ML","MM","MN","MO","MP","MQ","MR","MS","MT","MU","MV","MW","MX","MY","MZ","NA","NC","NE","NF","NG","NI","NL","NO","NP","NR","NU","NZ","OM","PA","PE","PF","PG","PH","PK","PL","PM","PN","PR","PS","PT","PW","PY","QA","RE","RO","RS","RU","RW","SA","SB","SC","SD","SE","SG","SH","SI","SJ","SK","SL","SM","SN","SO","SR","SS","ST","SV","SY","SZ","TC","TD","TF","TG","TH","TJ","TK","TL","TM","TN","TO","TR","TT","TV","TW","TZ","UA","UG","UM","US","UY","UZ","VA","VC","VE","VG","VI","VN","VU","WF","WS","XK","YE","YT","ZA","ZM","ZW"];</script>
1654
1655<link rel="preload" as="style" href="https://www.aohostels.com/build-club-auth/assets/main-5PoXEJ-4.css" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build-club-auth/assets/main-BNmKGDC1.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build-club-auth/assets/vendor-vue3-5dIDDCtY.js" /><link rel="stylesheet" href="https://www.aohostels.com/build-club-auth/assets/main-5PoXEJ-4.css" />
1655<script type="module" src="https://www.aohostels.com/build-club-auth/assets/main-BNmKGDC1.js"></script>
1655<script>
1656(function () {
1657    var el = document.querySelector('.user-login-container');
1658    if (!el) return;
1659    // Der Klick wird IMMER abgefangen, nicht nur wenn das Fenster schon bereit ist.
1660    //
1661    // Vorher stand das preventDefault INNERHALB der Pruefung: war das Bundle noch nicht geladen —
1662    // beim ersten Aufruf, nach einem Deploy, bei langsamer Verbindung —, lief der Klick durch zum
1663    // alten jQuery-Handler in master.blade.php und das ALTE Login-Fenster ging auf. Genau das war
1664    // sporadisch zu sehen, und es sah nach einem Rueckschritt aus, war aber ein Wettlauf.
1665    //
1666    // Jetzt wird die Absicht gemerkt; das Widget holt sie beim Mounten ab (ClubAuthWidget.vue).
1667    var pendingTimer = null;
1668    // Reseller-Logins (usernumber 1) sind im Club-Code-Login Blocked: altes Popup gelten lassen.
1669    var toolLoginExceptions = ["reseller"];
1670    function openNew(e) {
1671        if (window.TOOL && toolLoginExceptions.indexOf(String(window.TOOL)) !== -1) {
1672            return; // Legacy-Popup aus master.blade.php oeffnen lassen
1673        }
1674        e.preventDefault();
1675        e.stopImmediatePropagation();
1676
1677        if (window.aoClubAuth && typeof window.aoClubAuth.open === 'function') {
1678            window.aoClubAuth.open('login');
1679            return;
1680        }
1681
1682        window.__aoClubAuthPending = 'login';
1683
1684        // Rueckfall, falls das Bundle GAR nicht kommt (404, Skriptfehler): lieber das alte Fenster
1685        // als gar keine Anmeldung. Zwei Sekunden sind lang genug, dass ein normal ladendes Bundle
1686        // es vorher schafft, und kurz genug, dass niemand vor einer toten Schaltflaeche sitzt.
1687        if (pendingTimer) return;
1688        pendingTimer = setTimeout(function () {
1689            if (window.aoClubAuth && typeof window.aoClubAuth.open === 'function') return;
1690            window.__aoClubAuthPending = null;
1691            if (window.jQuery) {
1692                window.jQuery('#loginOverlay').fadeIn('fast').addClass('open');
1693            }
1694        }, 2000);
1695    }
1696    // Capture phase so this runs BEFORE the legacy click handler and can stop it.
1697    el.addEventListener('click', openNew, true);
1698    el.addEventListener('keydown', function (e) {
1699        if (e.key === 'Enter' || e.key === ' ' || e.key === 'Spacebar') openNew(e);
1700    }, true);
1701})();
1702</script>
1702
1703<div class="fullsizeHeader">
1704    <picture class="visible-xs hidden-sm hidden-md hidden-lg">
1705        <source alt="a&amp;o Shop Header Image" class="img-responsive" srcset="https://cdn.aohostels.com/img/ao_shop/header-mobil.webp" title="a&amp;o Shop Header Image" type="image/webp" />
1706        <source alt="a&amp;o Shop Header Image" class="img-responsive" srcset="https://cdn.aohostels.com/img/ao_shop/header-mobil.jpg" title="a&amp;o Shop Header Image" type="image/jpeg" />
1707        <img alt="a&amp;o Shop Header Image" class="img-responsive" src="https://cdn.aohostels.com/img/ao_shop/header-mobil.jpg" title="a&amp;o Shop Header Image" />
1708    </picture>
1709    <div class="row">
1710        <div class="col-xs-12 col-sm-12 col-md-12 breadcrumb_inner_dif top-1 hide-breadcrumb-mobile">
1711            You are here: <a href="https://www.aohostels.com/en/"><b>a&o Hostels</b></a> » <a href="https://www.aohostels.com/en/shop/">a&o shop</a>
1712        </div>
1713    </div>
1714</div>
1715<div id="aoMainWrapper" role="main" aria-label="index.main_content">
1716    <div id="aoMainContainer" class="container">
1717
1718                            <div class="navbar-collapse hidden-sm hidden-md hidden-lg fixed small" id="bs-example-navbar-collapse-3" role="navigation">
1719                <div style="padding-right: 15px;">
1720                    <form method="POST" action="https://www.aohostels.com/en/express/" id="btool" accept-charset="UTF-8" enctype="multipart/form-data" class="form" role="search">
1721                        <div class="col-xs-12 booking_xs houseContainer">
1722                            <i class="fa fa-map-marker" style="color:#293a88;left: 25px!important;position: absolute;top: 50%;font-size: 20px;margin-top: -5px;"></i>
1723                            
1724                            <select class="house_select" name="houseXs" id="houseXs"><option value="0" selected="selected">Select destination</option><option value="28">a&amp;o Aachen Hauptbahnhof</option><option value="32">a&amp;o Amsterdam Zuidoost</option><option value="50">a&amp;o Antwerpen Centraal</option><option value="1">a&amp;o Berlin Friedrichshain</option><option value="17">a&amp;o Berlin Hauptbahnhof</option><option value="34">a&amp;o Berlin Kolumbus</option><option value="4">a&amp;o Berlin Mitte</option><option value="39">a&amp;o Bremen Hauptbahnhof</option><option value="49">a&amp;o Brighton Beach</option><option value="51">a&amp;o Brussel Centrum</option><option value="43">a&amp;o Budapest City</option><option value="18">a&amp;o Dortmund Hauptbahnhof</option><option value="11">a&amp;o Dresden Hauptbahnhof</option><option value="14">a&amp;o D&uuml;sseldorf Hauptbahnhof</option><option value="46">a&amp;o Edinburgh City</option><option value="48">a&amp;o Firenze Campo di Marte</option><option value="27">a&amp;o Frankfurt Galluswarte</option><option value="40">a&amp;o Frankfurt Ostend</option><option value="25">a&amp;o Graz Hauptbahnhof</option><option value="21">a&amp;o Hamburg City</option><option value="9">a&amp;o Hamburg Hammer Kirche</option><option value="10">a&amp;o Hamburg Hauptbahnhof</option><option value="16">a&amp;o Hamburg Reeperbahn </option><option value="19">a&amp;o K&ouml;ln Dom</option><option value="33">a&amp;o K&ouml;ln Hauptbahnhof</option><option value="15">a&amp;o K&ouml;ln Neumarkt</option><option value="38">a&amp;o K&oslash;benhavn N&oslash;rrebro</option><option value="44">a&amp;o K&oslash;benhavn Sydhavn</option><option value="12">a&amp;o Leipzig Hauptbahnhof</option><option value="53">a&amp;o London Docklands Riverside</option><option value="54">a&amp;o Manchester City Centre</option><option value="52">a&amp;o Milano Ca Granda</option><option value="7">a&amp;o M&uuml;nchen Hackerbr&uuml;cke</option><option value="5">a&amp;o M&uuml;nchen Hauptbahnhof</option><option value="30">a&amp;o M&uuml;nchen Laim</option><option value="20">a&amp;o N&uuml;rnberg Hauptbahnhof</option><option value="35">a&amp;o Praha Rhea</option><option value="47">a&amp;o Rotterdam City</option><option value="36">a&amp;o Salzburg Hauptbahnhof</option><option value="31">a&amp;o Stuttgart City</option><option value="37">a&amp;o Venezia Mestre</option><option value="41">a&amp;o Warszawa Wola</option><option value="29">a&amp;o Weimar</option><option value="26">a&amp;o Wien Hauptbahnhof</option><option value="13">a&amp;o Wien Stadthalle</option></select>
1725                            <div class ="error_menu_xs" id="error_menu_house_xs" role="alert" aria-live="polite" style="height:0px;">Please select a destination!</div>
1726                            <i class="fa fa-chevron-down" style="position: absolute;right: 10px;top: 50%!important;margin-top: -3px;z-index:1000;left: unset!important;font-size: 14px!important;pointer-events:none;"></i>
1727                        </div>
1728                        <div class="col-xs-12 booking_xs calendarContainer" style="display: none;">
1729                            <i class="fa fa-calendar" style="color:#293a88;"></i>
1730                            <input class="" required="required" name="daterangeMaster" readonly="readonly" id="newCalendar" placeholder="Select travel period" type="text">
1731                            <i class="fa fa-chevron-down" style="position: absolute;right: 10px;top: 50%!important;margin-top: -3px;z-index:1000;left: unset!important;font-size: 14px!important;pointer-events:none;"></i>
1732                            <input type="hidden" class="hiddenDeparture" value="" name="departureXs">
1733                            <input type="hidden" class="hiddenArrival" value="" name="arrivalXs">
1734                        </div>
1735                        <div class="col-xs-12 booking_xs adultContainer" style="display: none;">
1736                            <i class="fa fa-user" style="color:#293a88;"></i>
1737                            <input type="text" placeholder="Select the number of travellers" readonly="readonly" class="peoplesInput" aria-label="Select the number of travellers" />
1738                            <i class="fa fa-chevron-down" style="position: absolute;right: 10px;top: 50%!important;margin-top: -8px;z-index:1000;left: unset!important;font-size: 14px!important;pointer-events:none;"></i>
1739                            <div class="personChoiceContainer" role="group" aria-labelledby="adults-label">
1740                                <label class="cl_headline chooseAdults" for="adultsXs" id="adults-label">Adults</label>
1741                                <div class="cl_newChoicebox" style="padding: 0 15px;" role="group" aria-label="index.adult_selection">
1742                                    <div class="col-xs-2"><span class="anz_less anz_adult" aria-label="Less adults" role="button" tabindex="0"></span></div>
1743                                    <div class="col-xs-8"><input type="number" value="2" name="adultsXs" id="adultsXs" class="input_adult input_choice" maxlength="3" /></div>
1744                                    <div class="col-xs-2"><span class="anz_more anz_adult" aria-label="More adults" role="button" tabindex="0"></span></div>
1745                                    <br class="clear" />
1746                                </div>
1747                                <div id="additionalKids2" class="additionalKids2" role="group" aria-labelledby="children-label">
1748                                    <div class="col-xs-12 booking_xs childContainer">
1749                                        <label class="cl_headline chooseChilds" for="childrenXs" id="children-label">Children under 18 years</label>
1750                                        <div class="cl_newChoicebox" role="group" aria-label="index.children_selection">
1751                                            <div class="col-xs-2"><span class="anz_less anz_person remove_kids" aria-label="Less children" role="button" tabindex="0"></span></div>
1752                                            <div class="col-xs-8">
1752<input type="number" value="0" name="childs" id="childs" data-max="999" class="input_children input_choice" maxlength="3" /></div>
1753                                            <div class="col-xs-2"><span class="anz_more anz_person add_kids" aria-label="More children" role="button" tabindex="0"></span></div>
1754                                            <br class="clear" />
1755                                        </div>
1756                                    </div>
1757                                    <input type="hidden" value="0" name="children1" id="child1" data-max="999" class="input_children input_choice" maxlength="3" />
1758                                    <input type="hidden" value="0" name="children2" id="child2" data-max="999" class="input_children input_choice" maxlength="3" />
1759                                    <input type="hidden" value="0" name="children3" id="child3" data-max="999" class="input_children input_choice" maxlength="3" />
1760                                    <input type="hidden" value="0" name="children4" id="child4" data-max="999" class="input_children input_choice" maxlength="3" />
1761                                    <br style="clear:both;" />
1762                                </div>
1763                                <div id="ageKidContainer"></div>
1764                                <br style="clear: both;"/>
1765                                <p class='notice' style='color:red;display:none;font-size:14px;' role="alert" aria-live="polite">No individual information is required for groups of more than 9 people!</p>
1766                                <br style="clear:both;" />
1767                                <div class="col-xs-6 visible-xs hidden-md">
1768                                    <a class="personCloseButton cancelBtn btn btn-sm btn-default" aria-label="Cancel" role="button" tabindex="0">Cancel</a>
1769                                </div>
1770                                <div class="col-xs-6 col-md-12">
1771                                    <a class="personSaveButton" aria-label="index.save" role="button" tabindex="0">Save</a>
1772                                </div>
1773                            </div>
1774                        </div>
1775                        <div class ="col-xs-12 error_menu_xs" id="error_menu_child_xs" role="alert" aria-live="polite">Unfortunately, your request cannot be processed online at the moment, since you plan to travel with more children than adults. Of course, we also have a good offer for you but we would like to give you some personal consultation in order to offer you the best room constellation possible. </div>
1776                        <div class="col-xs-12 booking_xs">
1777                            <button class="btn_check" type="submit" onclick="javascript:submit_form();" role="button">Check rooms and rates</button>
1778                        </div>
1779                    </form>
1780                </div>
1781            </div>
1782                <!-- Responsive Menu XS [Start] -->
1783        <div class="row">
1784
1785            <div class="col-xs-12 col-sm-12 responsive_menu">
1786                <div class="responsive_navbar">
1787                    <div class="container-fluid">
1788
1789                    <!-- SIDEBAR -->
1790                    <style>
1791    /*-------- Sidebar Nav Styles Override (Dark colors) --------*/
1792    :root {
1793        --nav-backgroound: #3E4E94;
1794        --nav-link-hover: #7F88B7;
1795        --nav-link-active: #54629F;
1796    }
1797
1798    .bar1.rotate, .bar3.rotate {
1799        background: white;
1800    }
1801
1802    /* Hervorgehobener Menüpunkt (Uber Arena Events): gelb statt weiß — dasselbe Gelb wie im
1803       Hauptmenü (headerRework.blade.php, .hbNavElement--highlight). Die Regel steht HIER und
1804       nicht dort, weil das Buchungstool diese Seitenleiste ohne den anderen Include einbindet
1805       und der Punkt sonst dort weiß bliebe. */
1806    .header_menu--highlight,
1807    a.header_menu--highlight:link,
1808    a.header_menu--highlight:visited {
1809        color: #ffcc00;
1810        font-weight: 700;
1811    }
1812
1813    div#bs-example-navbar-collapse-1 {
1814        background-color: var(--nav-backgroound);
1815        position: fixed;
1816        display: block!important;
1817        width: 30%;
1818        padding: 84px 0 20px 0;
1819        left: 120%;
1820        -webkit-transition: all 0.35s ease-out;
1821        -moz-transition: all 0.35s ease-out;
1822        -ms-transition: all 0.35s ease-out;
1823        -o-transition: all 0.35s ease-out;
1824        transition: all 0.35s ease-out;
1825        overflow: visible!important;
1826        top: 0;
1827        bottom: 0;
1828        z-index: 9999999;
1829    }
1830
1831    .sidebarMenuTitle {
1832        position: absolute;
1833        top: 34px;
1834        left: 38px;
1835        color: white;
1836        font-size: 21px;
1837        font-weight: bold;
1838        border-bottom: solid 4px white;
1839        padding-bottom: 5px;
1840    }
1841
1842    .scrollMenuContainer {
1843        box-shadow: inset 0px 8px 11px 0px rgba(44, 48, 100, 0.17);
1844    }
1845
1846    .responsive_navbar .navbar-nav>li>a,
1847    .responsive_navbar .navbar-nav>li>span,
1848    .responsive_navbar .navbar-nav > .open > a {
1849        font-size: 16px;
1850        font-weight: 700;
1851        /*text-transform: uppercase;*/
1852        text-transform: none;
1853        color: white;
1854        background: var(--nav-backgroound);
1855        line-height: 24px;
1856        padding: 15px 40px !important;
1857        transition: background 0.3s;
1858        border-top: solid 1px rgba(255, 255, 255, 0.1);
1859    }
1860    .responsive_navbar .navbar-nav>li:first-child > a {
1861        border-top: solid 1px rgba(255, 255, 255, 0);
1862    }
1863
1864    .responsive_menu .navbar-nav .fakeNav li span {
1865        text-transform: none;
1866    }
1867
1868    .responsive_menu .navbar-nav>li>a:hover {
1869        background: var(--nav-link-hover) !important;
1870        color: #fff !important;
1871        border-top: solid 1px rgba(255, 255, 255, 0.1);
1872    }
1873
1874    .responsive_menu .navbar-nav>li>a.opened {
1875        background: var(--nav-link-active) !important;
1876        color: #fff !important;
1877        border-top: solid 1px rgba(255, 255, 255, 0.1);
1878    }
1879
1880    /* ---- Second Level Menu ----*/
1881
1882    .responsive_menu .navbar-nav .secondLevel {
1883        /*background: #3c4a8d;*/
1884        box-shadow: inset -5px 0px 15px 3px rgba(44, 48, 100, 0.25);
1885    }
1886
1887    .responsive_menu .navbar-nav .secondLevel li a,
1888    .responsive_menu .navbar-nav .secondLevel li span {
1889        padding: 12px 40px 12px 60px !important;
1890        color: #e7e7e7 !important;
1891        font-size: 14px;
1892        transition: background 0.3s;
1893        background: inherit !important;
1894        text-transform: none;
1895    }
1896    .responsive_menu .navbar-nav .secondLevel a.opened,
1897    .responsive_menu .navbar-nav .secondLevel li a:hover,
1898    .responsive_menu .navbar-nav .secondLevel span.opened,
1899    .responsive_menu .navbar-nav .secondLevel li span:hover {
1900        background: var(--nav-link-hover) !important;
1901        color: #fff !important;
1902        color: #fff !important;
1903        border: none;
1904        /*border-top: solid 1px rgba(255, 255, 255, 0.1);*/
1905    }
1906    .responsive_menu .navbar-nav .secondLevel a.opened,
1907    .responsive_menu .navbar-nav .secondLevel a.opened:hover {
1908        background: var(--nav-link-active) !important;
1909    }
1910
1911    /* ---- Third Level Menu ----*/
1912
1913    .responsive_menu .navbar-nav .thirdLevel {
1914        /*background: #394688;*/
1915        box-shadow: inset 5px 2px 15px 3px rgba(44, 48, 100, 0.2);
1916    }
1917
1918    .responsive_menu .navbar-nav .thirdLevel li a,
1919    .responsive_menu .navbar-nav .thirdLevel li span {
1920        padding: 11px 40px 11px 90px !important;
1921        font-size: 14px;
1922        color: #e7e7e7 !important;
1923        transition: background 0.3s;
1924    }
1925
1926    .responsive_menu .navbar-nav .thirdLevel li a:hover,
1927    .responsive_menu .navbar-nav .thirdLevel li span:hover {
1928        background: var(--nav-link-hover) !important;
1929        color: #fff !important;
1930        border: none;
1931    }
1932
1933    #bs-example-navbar-collapse-1 li a .fa.fa-angle-down{
1934        transition: 0.5s;
1935        font-size: 25px;
1936        color: white;
1937    }
1938    #bs-example-navbar-collapse-1 li a.opened .fa.fa-angle-down{
1939        transform: rotate(180deg);
1940    }
1941
1942    @media (max-width: 992px) {
1943        .responsive_navbar .navbar-nav>li>a,
1944        .responsive_navbar .navbar-nav>li>span {
1945            font-size: 14px !important;
1946            color: white !important;
1947        }
1948
1949        .responsive_menu .navbar-nav .secondLevel li a,
1950        .responsive_menu .navbar-nav .secondLevel li span {
1951            font-size: 13px;
1952        }
1953
1954        a.dropdown-toggle.header_menu {
1955            font-size: 13px !important;
1956        }
1957
1958        .responsive_menu .navbar-nav .thirdLevel li a,
1959        .responsive_menu .navbar-nav .thirdLevel li span {
1960            font-size: 13px;
1961        }
1962    }
1963
1964    @media (max-width: 768px) {
1965        div#bs-example-navbar-collapse-1.opened {
1966            width: 100%;
1967        }
1968        .scrollMenuContainer {
1969            margin-right: -20px;
1970        }
1971    }
1972
1973
1974</style>
1975
1976
1977<!-- SIDEBAR -->
1978<div class="navbar-collapse" id="bs-example-navbar-collapse-1">
1979
1980    <div class="scrollMenuContainer">
1981        <ul class="nav navbar-nav">
1982
1983            <!-- [L1] Express-Buchung -->
1984            <li class="dropdown no_hover"><a href="https://www.aohostels.com/en/bookingtool/">Express Booking</a></li>
1985
1986            <!-- [L1] Standorte -->
1987            <li class="dropdown no_hover">
1988                <a class="dropdown-toggle header_menu" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Locations <i class="fa fa-angle-down" aria-hidden="true"></i></a>
1989                <ul class="menu secondLevel fakeNav">
1990                    <!-- [L2] Standorte / Alle Standorte -->
1991                    <li><a class="htDropdownElement" href="https://www.aohostels.com/en/all-locations/">All Locations</a></li>
1992
1993                    <!-- [L2] Standorte / City -->
1994                                                                                                        <li class="">
1995                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/aachen/">Aachen</a>
1996                                </li>
1997                                                                                                                                                                    <li class="">
1998                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/antwerp/">Antwerp</a>
1999                                </li>
2000                                                                                                                <li class="">
2001                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/berlin/">Berlin</a>
2002                                </li>
2003                                                                                                                <li class="">
2004                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/bremen/">Bremen</a>
2005                                </li>
2006                                                                                                                <li class="">
2007                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/brighton/">Brighton</a>
2008                                </li>
2009                                                                                                                <li class="">
2010                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/brussels/">Brussels</a>
2011                                </li>
2012                                                                                                                <li class="">
2013                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/budapest/">Budapest</a>
2014                                </li>
2015                                                                                                                <li class="">
2016                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/cologne/">Cologne</a>
2017                                </li>
2018                                                                                                                <li class="">
2019                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/copenhagen/">Copenhagen</a>
2020                                </li>
2021                                                                                                                <li class="">
2022                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/dortmund/">Dortmund</a>
2023                                </li>
2024                                                                                                                <li class="">
2025                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/dresden/">Dresden</a>
2026                                </li>
2027                                                                                                                <li class="">
2028                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/dusseldorf/">Dusseldorf</a>
2029                                </li>
2030                                                                                                                <li class="">
2031                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/edinburgh/">Edinburgh</a>
2032                                </li>
2033                                                                                                                <li class="">
2034                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/florence/">Florence</a>
2035                                </li>
2036                                                                                                                <li class="">
2037                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/frankfurt/">Frankfurt</a>
2038                                </li>
2039                                                                                                                <li class="">
2040                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/graz/">Graz</a>
2041                                </li>
2042                                                                                                                <li class="">
2043                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/hamburg/">Hamburg</a>
2044                                </li>
2045                                                                                                                <li class="">
2046                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/leipzig/">Leipzig</a>
2047                                </li>
2048                                                                                                                <li class="">
2049                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/london/">London</a>
2050                                </li>
2051                                                                                                                <li class="">
2052                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/manchester/">Manchester</a>
2053                                </li>
2054                                                                                                                <li class="">
2055                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/milan/">Milan</a>
2056                                </li>
2057                                                                                                                <li class="">
2058                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/munich/">Munich</a>
2059                                </li>
2060                                                                                                                <li class="">
2061                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/nuremberg/">Nuremberg</a>
2062                                </li>
2063             
2063                                                                                                   <li class="">
2064                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/prague/">Prague</a>
2065                                </li>
2066                                                                                                                <li class="">
2067                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/rotterdam/">Rotterdam</a>
2068                                </li>
2069                                                                                                                <li class="">
2070                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/salzburg/">Salzburg</a>
2071                                </li>
2072                                                                                                                <li class="">
2073                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/stuttgart/">Stuttgart</a>
2074                                </li>
2075                                                                                                                <li class="">
2076                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/venice/">Venice</a>
2077                                </li>
2078                                                                                                                <li class="">
2079                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/vienna/">Vienna</a>
2080                                </li>
2081                                                                                                                <li class="">
2082                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/warsaw/">Warsaw</a>
2083                                </li>
2084                                                                                                                <li class="">
2085                                    <a class="htDropdownElement" href="https://www.aohostels.com/en/weimar/">Weimar</a>
2086                                </li>
2087                                                                                        </ul>
2088            </li>
2089
2090            <!-- [L1] Unterkunftkategorie -->
2091            <li class="dropdown no_hover">
2092                <a class="dropdown-toggle header_menu" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Accommodation Categories <i class="fa fa-angle-down" aria-hidden="true"></i></a>
2093                <ul class="menu secondLevel fakeNav">
2094
2095                    <!-- [L2] Unterkunftkategorie / Hotel -->
2096                    <li class=""><a href="https://www.aohostels.com/en/hotel/">Hotel</a></li>
2097
2098                    <!-- [L2] Unterkunftkategorie / Hostel -->
2099                    <li class=""><a href="https://www.aohostels.com/en/hostel/">Hostel</a></li>
2100
2101                    <!-- [L2] Unterkunftkategorie / Familienzimmer -->
2102                    <li class=""><a href="https://www.aohostels.com/en/families/">Families</a></li>
2103
2104                    <!-- [L2] Unterkunftkategorie / Klassenfahrten -->
2105                                            <li class=""><a href="https://www.aohostels.com/en/study-trips/">Study Trips</a></li>
2106                    
2107
2108                    <!-- [L2] Unterkunftkategorie / Gruppenreisen -->
2109                    <li class=""><a href="https://www.aohostels.com/en/groups/">Groups</a></li>
2110
2111                    <!-- [L2] Unterkunftkategorie / Jugendherberge -->
2112                                            <li class="dropdown no_hover">
2113                            <a class="dropdown-toggle header_menu" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Youth Hostel <i class="fa fa-angle-down" aria-hidden="true"></i></a>
2114                            <ul class="menu thirdLevel fakeNav">
2115                                <li class=""><a href="https://www.aohostels.com/en/youth-hostel/">Youth Hostel</a></li>
2116
2117                                <!-- [L3] Unterkunftkategorie / Jugendherberge / Jugendherberge-City -->
2118                                                                                                        <li class="">
2119                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-aachen/">Youth Hostel Aachen</a>
2120                                    </li>
2121                                                                                                                                                                                                                <li class="">
2122                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-antwerp/">Youth Hostel Antwerpen</a>
2123                                    </li>
2124                                                                                                                                            <li class="">
2125                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-berlin/">Youth Hostel Berlin</a>
2126                                    </li>
2127                                                                                                                                            <li class="">
2128                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-bremen/">Youth Hostel Bremen</a>
2129                                    </li>
2130                                                                                                                                            <li class="">
2131                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-brighton/">Youth Hostel Brighton</a>
2132                                    </li>
2133                                                                                                                                            <li class="">
2134                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-brussel/">Youth Hostel Brüssel</a>
2135                                    </li>
2136                                                                                                                                            <li class="">
2137                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-budapest/">Youth Hostel Budapest</a>
2138                                    </li>
2139                                                                                                                                            <li class="">
2140                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-cologne/">Youth Hostel Köln</a>
2141                                    </li>
2142                                                                                                                                            <li class="">
2143                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-copenhagen/">Youth Hostel Kopenhagen</a>
2144                                    </li>
2145                                                                                                                                            <li class="">
2146                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-dortmund/">Youth Hostel Dortmund</a>
2147                                    </li>
2148                                                                                                                                            <li class="">
2149                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-dresden/">Youth Hostel Dresden</a>
2150                                    </li>
2151                                                                                                                                            <li class="">
2152                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-dusseldorf/">Youth Hostel Düsseldorf</a>
2153                                    </li>
2154                                                                                                                                            <li class="">
2155                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-florence/">Youth Hostel Florenz</a>
2156                                    </li>
2157                                                                                                                                            <li class="">
2158                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-frankfurt/">Youth Hostel Frankfurt</a>
2159                                    </li>
2160                                                                                                                                            <li class="">
2161                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-graz/">Youth Hostel Graz</a>
2162                                    </li>
2163                                                                                                                                            <li class="">
2164                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-hamburg/">Youth Hostel Hamburg</a>
2165                                    </li>
2166                                                                                                                                            <li class="">
2167                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-leipzig/">Youth Hostel Leipzig</a>
2168                                    </li>
2169                                                                                                                                            <li class="">
2170                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-london/">Youth Hostel London</a>
2171                                    </li>
2172                                                                                                                                            <li class="">
2173                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-milan/">Youth Hostel Mailand</a>
2174                                    </li>
2175                                                                                                                                            <li class="">
2176                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-munich/">Youth Hostel München</a>
2177                                    </li>
2178                                                                                                                                            <li class="">
2179                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-nuremberg/">Youth Hostel Nürnberg</a>
2180                                    </li>
2181                                                                                                                                            <li class="">
2182                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-prague/">Youth Hostel Prag</a>
2183                                    </li>
2184                                                                                                                                            <li class="">
2185                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-rotterdam/">Youth Hostel Rotterdam</a>
2186                                    </li>
2187                                                                                                                                            <li class="">
2188                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-salzburg/">Youth Hostel Salzburg</a>
2189                                    </li>
2190                                                                                                                                            <li class="">
2191                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-stuttgart/">Youth Hostel Stuttgart</a>
2192                                    </li>
2193                                                                                                                                            <li class="">
2194                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-venice/">Youth Hostel Venedig</a>
2195                                    </li>
2196                                                                                                                                            <li class="">
2197                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-vienna/">Youth Hostel Wien</a>
2198                                    </li>
2199                                                                                                                                            <li class="">
2200                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-warsaw/">Youth Hostel Warsaw</a>
2201                                    </li>
2202                                                                                                                                            <li class="">
2203                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/youth-hostel/youthhostel-weimar/">Youth Hostel Weimar</a>
2204                                    </li>
2205                                                                                                </ul>
2206                        </li>
2207                    
2208                    <!-- [L2] Unterkunftkategorie / Jugendhotels -->
2209                    
2210                    <!-- [L2] Unterkunftkategorie / Langzeitaufenthalte -->
2211                    <li class="dropdown no_hover">
2212                        
2213                                                    
2214                            <a class="dropdown-toggle header_menu " data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Long-Stay <i class="fa fa-angle-down" aria-hidden="true"></i></a>
2215                            <ul class="menu thirdLevel fakeNav">
2216                                <!-- [L3] Unterkunftkategorie / Langzeitaufenthalte / Langzeitaufenthalte -->
2217                                <li class=""><a class="htDropdownElement" href="https://www.aohostels.com/en/longstay/">Long-Stay</a></li>
2218
2219                                <!-- [L3] Unterkunftkategorie / Langzeitaufenthalte / Monteurzimmer -->
2220                                <li class=""><a class="htDropdownElement" href="https://www.aohostels.com/en/monteurzimmer/">Assembler Room</a></li>
2221
2222                                                            <!-- [L3] Unterkunftkategorie / Langzeitaufenthalte / Studentenangebot -->
2223                                    <li class=""><a class="htDropdownElement" href="https://www.aohostels.com/en/studentenangebot/">Student Offer</a></li>
2224                                
2225                            </ul>
2226                        
2227         
2227           </li>
2228
2229                    <!-- [L2] Unterkunftkategorie / Tagungsräume -->
2230                                            <li class="dropdown no_hover">
2231                            <a class="dropdown-toggle header_menu" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Conferences <i class="fa fa-angle-down" aria-hidden="true"></i></a>
2232                            <ul class="menu thirdLevel fakeNav">
2233                                <li class=""><a href="https://www.aohostels.com/en/conferences/">Conferences</a></li>
2234                                <!-- [L3] Unterkunftkategorie / Tagungsräume / Tagungsräume-City -->
2235                                                                                                                                                                            <li class="">
2236                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/conferences/conferences-berlin/">Conferences Berlin</a>
2237                                    </li>
2238                                                                                                                                            <li class="">
2239                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/conferences/conferences-brighton/">Conferences Brighton</a>
2240                                    </li>
2241                                                                                                                                            <li class="">
2242                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/conferences/conferences-cologne/">Conferences Cologne</a>
2243                                    </li>
2244                                                                                                                                            <li class="">
2245                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/conferences/conferences-dortmund/">Conferences Dortmund</a>
2246                                    </li>
2247                                                                                                                                            <li class="">
2248                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/conferences/conferences-dresden/">Conferences Dresden</a>
2249                                    </li>
2250                                                                                                                                            <li class="">
2251                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/conferences/conferences-dusseldorf/">Conferences Dusseldorf</a>
2252                                    </li>
2253                                                                                                                                            <li class="">
2254                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/conferences/conferences-frankfurt/">Conferences Frankfurt</a>
2255                                    </li>
2256                                                                                                                                            <li class="">
2257                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/conferences/conferences-graz/">Conferences Graz</a>
2258                                    </li>
2259                                                                                                                                            <li class="">
2260                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/conferences/conferences-hamburg/">Conferences Hamburg</a>
2261                                    </li>
2262                                                                                                                                            <li class="">
2263                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/conferences/conferences-kopenhagen/">Conferences Kopenhagen</a>
2264                                    </li>
2265                                                                                                                                            <li class="">
2266                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/conferences/conferences-leipzig/">Conferences Leipzig</a>
2267                                    </li>
2268                                                                                                                                            <li class="">
2269                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/conferences/conferences-munich/">Conferences Munich</a>
2270                                    </li>
2271                                                                                                                                            <li class="">
2272                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/conferences/conferences-nuremberg/">Conferences Nuremberg</a>
2273                                    </li>
2274                                                                                                                                            <li class="">
2275                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/conferences/conferences-stuttgart/">Conferences Stuttgart</a>
2276                                    </li>
2277                                                                                                                                            <li class="">
2278                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/conferences/conferences-venice/">Conferences Venice</a>
2279                                    </li>
2280                                                                                                                                            <li class="">
2281                                        <a class="htDropdownElement" href="https://www.aohostels.com/en/conferences/conferences-vienna/">Conferences Vienna</a>
2282                                    </li>
2283                                                                                                </ul>
2284                        </li>
2285                    
2286                    <!-- [L2] Unterkunftkategorie / Geschäftsreisen -->
2287                    <li class=""><a href="https://www.aohostels.com/en/business/">Business</a></li>
2288
2289                    <!-- [L2] Unterkunftkategorie / Hostel für Frauen -->
2290                    <li class=""><a href="https://www.aohostels.com/en/service/female-dorm/">Female Dorms</a></li>
2291
2292                     <!-- [L2] Unterkunftkategorie / Backpacker -->
2293                                            <li class=""><a href="https://www.aohostels.com/en/backpacker/">Backpacker</a></li>
2294                    
2295                </ul>
2296            </li>
2297
2298            <!-- [L1] Infos -->
2299            <li class="dropdown no_hover">
2300                <a class="dropdown-toggle header_menu" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Infos <i class="fa fa-angle-down" aria-hidden="true"></i></a>
2301                <ul class="menu secondLevel fakeNavAway">
2302                    <!-- [L2] Infos / Infos -->
2303                    <li class=""><a href="https://www.aohostels.com/en/infos/">Infos</a></li>
2304
2305                    <!-- [L2] Infos / FAQ -->
2306                    <li><a class="htDropdownElement" href="https://www.aohostels.com/en/services/faq/">FAQ</a></li>
2307
2308                    <!-- [L2] Infos / Verpflegung -->
2309                    <li><a class="htDropdownElement" href="https://www.aohostels.com/en/infos/catering/">Catering</a></li>
2310
2311                    <!-- [L2] Infos / Standards -->
2312                    <li><a class="htDropdownElement" href="https://www.aohostels.com/en/infos/standards/">Standards</a></li>
2313
2314                    <!-- [L2] Infos / Allergiker -->
2315                    <li><a class="htDropdownElement" href="https://www.aohostels.com/en/infos/allergiker/">Allergies</a></li>
2316
2317                    <!-- [L2] Infos / Lehrerbereich -->
2318                    <li><a class="htDropdownElement" href="https://www.aohostels.com/en/infos/teachers-area/">Teachers-Area</a></li>
2319
2320                    <!-- [L3] Info / Geschenkgutscheine -->
2321                    <li><a class="htDropdownElement" href="https://www.aohostels.com/en/services/vouchers/">Vouchers</a></li>
2322
2323                    <!-- [L2] Infos / Angebote -->
2324                    <li class="dropdown no_hover">
2325                        <a class="dropdown-toggle header_menu " data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Offers <i class="fa fa-angle-down" aria-hidden="true"></i></a>
2326                        <ul class="menu thirdLevel">
2327                            <!-- [L3] Info / Geschenkgutscheine & Angebote/ Geschenkgutscheine -->
2328                            <li><a class="htDropdownElement" href="https://www.aohostels.com/en/deals/">Special offer</a></li>
2329                            <!-- [L3] Info / Geschenkgutscheine & Angebote / Stammgastvorteil -->
2330                            <li><a class="htDropdownElement" href="https://www.aohostels.com/en/services/frequent-guest-advantage/">Frequent Guest Advantage</a></li>
2331
2332                            <!-- [L3] Info / Geschenkgutscheine & Angebote / Rail Pass Rabatt -->
2333                            <li><a class="htDropdownElement" href="https://www.aohostels.com/en/services/rail-pass-discount/">Rail Pass discount</a></li>
2334
2335                                                            <!-- [L3] Unterkunftkategorie / Langzeitaufenthalte / Studentenangebot -->
2336                                    <li class=""><a class="htDropdownElement" href="https://www.aohostels.com/en/studentdiscount/">Student discount</a></li>
2337                                                    </ul>
2338                    </li>
2339
2340                    <!-- [L2] Info / Bestpreisgarantie -->
2341                    <li><a class="htDropdownElement" href="https://www.aohostels.com/en/infos/best-price-guarantee/">Price Guarantee</a></li>
2342
2343                    <!-- [L2] Info / Haustiere -->
2344                    <li><a class="htDropdownElement" href="https://www.aohostels.com/en/infos/pets/">Pets</a></li>
2345
2346                    <!-- [L2] Info / Kundenmeinung -->
2347                    <li><a class="htDropdownElement" href="https://www.aohostels.com/en/services/guest-reviews/">Reviews</a></li>
2348
2349                    <!-- [L2] Info / Barrierefreie Hotels -->
2350                    
2351                    <!-- [L2] Info / Bett & Bike -->
2352                                            <li><a class="htDropdownElement" href="https://www.aohostels.com/en/infos/bikehotel/">Bett &amp; Bike</a></li>
2353                                                                <li><a class="htDropdownElement" href="https://www.aohostels.com/en/infos/public-transport/">Train tickets &amp; public transport</a></li>
2354                                        <!-- [L2] Info / Bett & Bike -->
2355                                            <li><a class="htDropdownElement" href="https://www.aohostels.com/en/gtc/#houserule">Houserules</a></li>
2356                    
2357                </ul>
2358            </li>
2359
2360        <!-- [L1] APP -->
2361                    <li class="dropdown no_hover"><a class="dropdown-toggle header_menu" href="https://www.aohostels.com/en/traveltips/">Traveltips</a></li>
2362                     <!-- [L1] Service & Kontakt -->
2363            <li class="dropdown no_hover">
2364                <a class="dropdown-toggle header_menu" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Service &amp; Contact <i class="fa fa-angle-down" aria-hidden="true"></i></a>
2365                <ul class="menu secondLevel">
2366                    <!-- [L2] Service & Kontakt / Service -->
2367                    <li><a class="htDropdownElement" href="https://www.aohostels.com/en/services/">Services</a></li>
2368                    <!-- [L2] Service & Kontakt / Buchung ändern -->
2369                    <li><a class="htDropdownElement" href="https://www.aohostels.com/en/change/">Change booking</a></li>
2370                    <!-- [L2] Service & Kontakt / Checkin -->
2371                    <li><a class="htDropdownElement" href="https://www.aohostels.com/en/infos/checkin/">Check-In</a></li>
2372                    <!-- [L2] Service & Kontakt / Bahnticket -->
2373                                        <!-- [L2] Service & Kontakt / Kontakt -->
2374                    <li><a class="htDropdownElement" href="https://www.aohostels.com/en/contact/">Contact</a></li>
2375                </ul>
2376            </li>
2377            <!-- [L1] APP -->
2378            <li class="dropdown no_hover"><a class="dropdown-toggle header_menu" href="https://www.aohostels.com/en/ao-app/">App</a></li>
2379            <!-- [L1] CLUB -->
2380            <li class="dropdown no_hover"><a class="dropdown-toggle header_menu" href="https://www.aohostels.com/en/club/">Club</a></li>
2381            <!-- [L1] Shop -->
2382            <li class="dropdown no_hover"><a class="dropdown-toggle header_menu" href="https://www.aohostels.com/en/shop/">Shop</a></li>
2383            <!-- [L1] Voucher -->
2384            <li class="dropdown no_hover"><a class="dropdown-toggle header_menu" href="https://www.aohostels.com/en/voucher/">Voucher</a></li>
2385            <!-- [L1] Uber Arena Events — gelb wie im Hauptmenü, gleicher Text, gleiche Adresse. -->
2386            <li class="dropdown no_hover"><a class="dropdown-toggle header_menu header_menu--highlight" href="https://www.aohostels.com/en/uber-arena/">Uber Arena Events</a></li>
2387        </ul>
2388
2389    </div>
2390    <!-- /.navbar-collapse -->
2391</div>
2392<!-- End of SIDEBAR -->
2393                </div><!-- /.container-fluid -->
2394                </div>
2395            </div>
2396        </div>
2397        <!-- Responsive Menu XS [END] -->
2398        
2399
2400        <!-- Content [START] -->
2401        <!-- Content mit voller Breite-->
2402        
2403            <div class="row">
2404                <div class="shopFix">
2405                        <div id="app1">
2406    </div>
2407                </div>
2408            </div>
2409        
2410    <!-- Content mit linker Navbar -->
2411            <!-- Content [END] -->
2412
2413        <!-- Newsletter [END] -->
2414
2415        <!-- Footer [START] -->
2416
2417
2418        <!-- Footer Navigation [START] -->
2419
2420        <!-- Footer Navigation [END] -->
2421
2422
2423        <!-- Footer [END] -->
2424        <div class="hidden-md hidden-lg btool_down" id="btool_down" role="complementary">
2425                    </div>
2426
2427
2428    </div>
2429</div>
2430</div>
2431<!-- Partner [START] -->
2432
2433<!-- Partner [END] -->
2434
2435<!-- FOOTER -->
2436<style>
2437
2438    .footer-container {
2439        /*max-width: 1300px;*/
2440        max-width: 1200px;
2441        margin: 0 auto;
2442        padding: 0 15px;
2443        box-sizing: content-box;
2444    }
2445
2446    .footer-title {
2447        font-size: 16px;
2448        color: #333333;
2449        font-weight: bold;
2450    }
2451
2452    .footer-container ul.footer-nav-links {
2453        list-style-type: none;
2454    }
2455
2456    .footer-container p,
2457    .footer-container ul li {
2458        font-size: 12px;
2459        font-weight: normal;
2460    }
2461
2462    .footer-container a {
2463        color: inherit;
2464        text-decoration: none;
2465    }
2466    @media(max-width:768px){
2467        .footer-container .footer-important-links a,
2468        .footer-container .footer-esg-links a {
2469            font-size: 14px;
2470        }
2471    }
2472    .footer-nav-links a {
2473        border-bottom: 2px solid transparent;
2474        transition: width .72s, border .5s;
2475    }
2476    .footer-nav-links a:hover{
2477        transition: width .2s ease-in-out, border .05s ease-in-out;
2478        border-color:#293a88;
2479    }
2480
2481    .footer-container a:focus {
2482        text-decoration: none;
2483        outline: none;
2484        border: none;
2485    }
2486
2487
2488    /*------- Footer Top - Grey Footer -------*/
2489
2490    .footer-top {
2491        background-color: #f2f4fa;
2492        padding: 20px 0 15px;
2493    }
2494
2495    .footer-top ul.footer-nav-links {
2496        display: grid;
2497        grid-template-columns: repeat(6, 1fr);
2498        row-gap: 10px;
2499        column-gap: 20px;
2500        padding: 15px 2px;
2501    }
2502
2503    .footer-top .footer-nav-l
2503ocations ul.footer-nav-links {
2504        grid-auto-flow: column;
2505        grid-template-rows: repeat(5, 1fr);
2506    }
2507
2508    .footer-top .footer-additional-links ul.footer-nav-links {
2509        display: grid;
2510        grid-auto-flow: row;
2511    }
2512
2513    .footer-top .footer-nav-links a:hover::after {
2514        border-bottom: 2px solid #383e42;
2515    }
2516
2517
2518    /*------- Footer Main - Blue Footer -------*/
2519
2520    .footer-main ul.footer-nav-links {
2521        display: flex;
2522        flex-direction: column;
2523        flex-wrap: wrap;
2524        row-gap: 10px;
2525        column-gap: 40px;
2526        padding: 15px 2px;
2527    }
2528
2529    .footer-main {
2530        background-color: #293b87;
2531        padding: 20px 0 15px;
2532    }
2533
2534    .footer-main * {
2535        color: white;
2536    }
2537
2538    .footer-breakline {
2539        border-bottom: 1px solid rgba(255, 255, 255, 0.7);
2540        width: 100%;
2541        margin: 10px 0;
2542    }
2543
2544    .footer-important-links {grid-area: impLinks}
2545    .footer-esg-links {grid-area: esgLinks}
2546    .footer-newsletter {grid-area: newsletter}
2547    .footer-social-links {grid-area: socials}
2548    .footer-ao-app-links {grid-area: app}
2549    .footer-payment-options {grid-area: payments}
2550    .footer-seals {grid-area: seals}
2551    .footer-copyright {grid-area: copyright}
2552
2553    .footer-breakline.bl1 {grid-area: bl1; display: none}
2554    .footer-breakline.bl2 {grid-area: bl2; display: none}
2555    .footer-breakline.bl3 {grid-area: bl3; margin: 25px 0}
2556
2557    .footer-main .footer-container {
2558        display: grid;
2559        grid-template-columns: 1fr 1fr 1fr;
2560        grid-template-rows: auto;
2561        grid-template-areas:
2562            "impLinks esgLinks newsletter"
2563            "socials app payments"
2564            "bl3 bl3 bl3"
2565            "seals seals seals"
2566            "copyright copyright copyright";
2567    }
2568
2569    .footer-social-links,
2570    .footer-ao-app-links,
2571    .footer-payment-options {
2572        align-self: end
2573    }
2574
2575    .footer-main .footer-nav-links a:hover::after {
2576        border-bottom: 2px solid #fff;
2577    }
2578
2579
2580    /* ---- Newsletter ---- */
2581
2582    .footer-newsletter form {
2583        display: flex;
2584        flex-direction: column;
2585        padding: 15px 2px;
2586    }
2587
2588    .footer-newsletter form input {
2589        color: #333333;
2590        border: solid 2px transparent;
2591        outline: solid 2px transparent;
2592        padding: 8px 11px;
2593        border-radius: 5px;
2594        margin: 5px 0 15px;
2595        font-size: 13px;
2596        transition: .15s;
2597    }
2598    .footer-newsletter form input::placeholder,
2599    .footer-newsletter form input::-moz-placeholder,
2600    .footer-newsletter form input::-webkit-input-placeholder{
2601        color: #333333 !important;
2602    }
2603
2604    .footer-newsletter form input:focus {
2605        /*transform: scale(1.025);*/
2606        box-shadow: 0 4px 8px rgba(21, 37, 109, 0.4);
2607        outline: solid 2px rgba(255, 213, 203, 0.75);
2608        border: solid 2px rgba(235, 90, 53, 0.75);
2609    }
2610
2611    .form-buttons {
2612        display: flex;
2613        flex-direction: column;
2614        gap: 10px;
2615    }
2616
2617    .footer-newsletter .subscribe-btn {
2618        padding: 7px;
2619        font-size: 15px;
2620        background-color: #FFCC00;
2621        color:#3C3C3B;
2622        font-weight:bold;
2623        border: none;
2624        outline: transparent;
2625        border-radius: 5px;
2626        transition: .35s;
2627    }
2628    .footer-newsletter button:hover {
2629        background-color: #D8B306;
2630        color: #3C3C3B;
2631    }
2632
2633    .footer-newsletter .unsubscribe-link,
2634    .footer-newsletter .unsubscribe-link:visited {
2635        align-self: flex-end;
2636        color: #cdcdcd;
2637        font-size: 13px;
2638        text-decoration: underline;
2639        margin: 0 2px;
2640        transition: .3s;
2641    }
2642    .footer-newsletter .unsubscribe-link:hover {
2643        color:#fff;
2644    }
2645
2646
2647    /* ---- Social Media ---- */
2648
2649    .footer-social-links ul {
2650        padding: 15px 2px;
2651        list-style-type: none;
2652        display: flex;
2653        gap: 13px;
2654    }
2655
2656    .footer-social-links img {
2657        width: 40px;
2658        height: 40px;
2659    }
2660
2661    .footer-social-links li{
2662        transition: .55s;
2663        box-shadow: 0 2px 5px 0 rgba(19, 27, 38, 0.12);
2664    }
2665    .footer-social-links li:hover {
2666        transform: translateY(-5px);
2667        transition: .18s;
2668        box-shadow: 0 6px 13px 0 rgba(19, 27, 38, 0.25);
2669    }
2670
2671
2672    /* ---- a&o App ---- */
2673
2674    .footer-ao-app-links ul {
2675        padding: 15px 2px;
2676        list-style-type: none;
2677        display: flex;
2678        flex-direction: column;
2679        gap: 15px;
2680    }
2681
2682    .footer-ao-app-links li {
2683        max-width: 135px;
2684        box-shadow: 0 2px 5px 0 rgba(19, 27, 38, 0.12);
2685        transition: .4s;
2686    }
2687    .footer-ao-app-links li:hover {
2688        transform: translateX(4px);
2689        box-shadow: -4px 2px 13px 0 rgba(19, 27, 38, 0.25);
2690        transition: .18s;
2691    }
2692
2693    .footer-ao-app-links img {
2694        width: 100%;
2695    }
2696
2697
2698    /* ---- Payments ---- */
2699
2700    .footer-payment-options ul {
2701        padding: 15px 2px 4px 2px;
2702        list-style-type: none;
2703        display: grid;
2704        grid-template-columns: repeat(5, 1fr);;
2705        gap: 15px;
2706    }
2707
2708    .footer-icon-wrapper-bg {
2709        background: #fff;
2710        border-radius: 4px;
2711        text-align: center;
2712        padding: 4px 0;
2713    }
2714
2715    .footer-payment-options ul:hover .footer-icon-wrapper-bg {
2716        background: rgb(255 255 255 / 60%);;
2717    }
2718
2719    .footer-payment-options ul:hover .footer-icon-wrapper-bg:hover {
2720        background: #fff;
2721    }
2722
2723    .payment-icon-svg {
2724        max-width: 50px;
2725        display: inline;
2726    }
2727
2728    .payment-icon-bling {
2729        object-fit: cover;
2730        max-height: 28px;
2731    }
2732
2733    .payment-icon-apay {
2734        padding-top: 5px;
2735    }
2736
2737    .payment-icon-gpay {
2738        padding-top: 3px;
2739        padding-left: 1px;
2740    }
2741
2742    @media (min-width: 768px) {
2743        .payment-icon-apay {
2744            padding-top: 10px;
2745        }
2746
2747        .payment-icon-gpay {
2748            padding-top: 8px;
2749            padding-left: 1px;
2750        }
2751
2752        .payment-icon-bling {
2753            padding-top: 5px;
2754            max-height: 36px;
2755        }
2756    }
2757
2758    .footer-payment-options ul:hover li img {
2759        filter: grayscale(1);
2760        opacity: 0.6;
2761    }
2762    .footer-payment-options ul li:hover img {
2763        filter: grayscale(0);
2764        opacity: 1;
2765    }
2766    .footer-payment-options ul li img {transition: .3s}
2767
2768    .footer-payment-options li .alt-text {
2769        opacity: 0;
2770        visibility: hidden;
2771        background-color: #ffffff !important;
2772        color: #293a88 !important;
2773        text-align: center;
2774        border-radius: 6px;
2775        padding: 8px 16px;
2776        white-space: nowrap;
2777        pointer-events: none;
2778        transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
2779        font-weight: bold !important;
2780        position: absolute;
2781        z-index: 1;
2782        top: 50%;
2783        left: 50%;
2784        transform: translate(-50%, -208%) scale(0.5);
2785        transform-origin: bottom center;
2786        box-shadow: 0 4px 12px 3px rgba(0, 0, 0, 0.4) !important;
2787        text-shadow: none !important;
2788        font-size: 12px !important;
2789        line-height: 1.2 !important;
2790    }
2791
2792
2793    .footer-payment-options .footer-payment-methods-link {
2794        display: inline-block;
2795        margin-top: 2px;
2796        font-size: 12px;
2797        text-decoration: underline;
2798    }
2799
2800
2801
2802    /*------------- Media Queries -------------*/
2803
2804    @media (max-width: 1120px) {
2805
2806        .footer-top ul.footer-nav-links {
2807            grid-template-columns: repeat(4, 1fr);
2808        }
2809
2810        .footer-top .footer-nav-locations ul.footer-nav-links {
2811            grid-template-rows: repeat(7, 1fr);
2812        }
2813
2814        .footer-main .footer-container {
2815            display: grid;
2816            grid-template-columns: 1fr 1fr;
2817            grid-template-rows: auto;
2818            grid-template-areas:
2819            "newsletter newsletter"
2820            "impLinks esgLinks"
2821            "app socials"
2822            "payments payments"
2823            "bl3 bl3"
2824            "seals seals"
2825            "copyright copyright";
2826            column-gap: 12vw;
2827        }
2828
2829        .footer-ao-app-links ul {
2830            flex-direction: row;
2831        }
2832
2833        .footer-social-links, .footer-ao-app-links, .footer-payment-options {
2834            align-self: unset;
2835        }
2836
2837        .footer-payment-options ul {
2838            grid-template-columns: repeat(10, 1fr);
2839        }
2840
2841        .footer-main .footer-container .payment-icon-wrapper {
2842            width: 100%;
2843            max-width: 54px;
2844            max-height: 34px;
2845        }
2846
2847        .footer-ao-app-links img,
2848        .footer-social-links img {
2849            width: 100%;
2850            height: auto;
2851        }
2852    }
2853
2854    @media (max-width: 768px) {
2855        .footer-top ul.footer-nav-links {
2856            grid-template-columns: repeat(3, 1fr);
2857        }
2858
2859        .footer-top .footer-nav-locations ul.footer-nav-links {
2860            grid-template-rows: repeat(9, 1fr);
2861        }
2862    }
2863
2864    @media (max-width: 500px) {
2865        .footer-top .footer-nav-locations ul.footer-nav-links {
2866            grid-template-columns: repeat(2, 1fr);
2867            grid-template-rows: repeat(13, 1fr);
2868        }
2869        .footer-top .footer-nav-locations.youthFooter ul.footer-nav-links {
2870            grid-template-columns: repeat(2, 1fr);
2871            grid-template-rows: repeat(12, 1fr);
2872        }
2873        .footer-top .footer-nav-locations.cityFooter ul.footer-nav-links {
2874            grid-template-columns: repeat(2, 1fr);
2875            grid-template-rows: repeat(13, 1fr);
2876        }
2877        .footer-top .footer-nav-locations.conferenceFooter ul.footer-nav-links {
2878            grid-template-columns: repeat(2, 1fr);
2879            grid-template-rows: repeat(9, 1fr);
2880        }
2881
2882        .footer-top .footer-additional-links ul.footer-nav-links {
2883            grid-template-columns: 1fr;
2884            grid-template-rows: auto;
2885        }
2886
2887        .footer-title {
2888            font-size: 18px;
2889        }
2890
2891        .footer-main .footer-container {
2892            grid-template-columns: 1fr 1fr;
2893            grid-template-areas:
2894            "newsletter newsletter"
2895            "bl1 bl1"
2896            "impLinks esgLinks"
2897            "bl2 bl2"
2898            "app app"
2899            "socials socials"
2900            "payments payments"
2901            "bl3 bl3"
2902            "seals seals"
2903            "copyright copyright";
2904            gap: 15px;
2905        }
2906
2907        .footer-payment-options li {
2908            max-height: 34px;
2909            max-width: 49px;
2910        }
2911
2912        .footer-ao-app-links img,
2913        .footer-social-links img {
2914            width: 100%;
2915            height: auto;
2916        }
2917
2918        .footer-payment-options ul {
2919            max-width: unset;
2920            grid-template-columns: repeat(5, 1fr);
2921        }
2922
2923        .footer-breakline.bl1 {grid-area: bl1; display: block}
2924        .footer-breakline.bl2 {grid-area: bl2; display: block}
2925    }
2926    @media(min-width: 320px) and (max-width: 366px){
2927        .footer-container ul li {
2928            font-size: 10px;
2929            font-weight: normal;
2930            letter-spacing: -0.25px;
2931        }
2932        .footer-top ul.footer-nav-links {
2933            display: grid;
2934            grid-template-columns: repeat(6, 1fr);
2935            row-gap: 10px;
2936            column-gap: 5px;
2937            padding: 15px 2px;
2938        }
2939    }
2940    @media(min-width: 366px) and (max-width: 400px){
2941        .footer-container ul li {
2942            font-size: 11px;
2943            font-weight: normal;
2944        }
2945    }
2946    @media(min-width: 500px) and (max-width: 580px){
2947        .footer-container ul li {
2948            font-size: 11px;
2949            font-weight: normal;
2950        }
2951
2952        .footer-top .footer-nav-locations.youthFooter ul.footer-nav-links {
2953            grid-template-columns: repeat(2, 1fr);
2954            grid-template-rows: repeat(13, 1fr);
2955        }
2956    }
2957
2958    .hidden-button {
2959        position: absolute;
2960        left: -9999px;
2961        width: 1px;
2962        height: 1px;
2963        overflow: hidden;
2964        clip: rect(0, 0, 0, 0);
2965        border: 0;
2966        padding: 0;
2967        margin: 0;
2968        top:-5px;
2969    }
2970    #whatsappNLImageContainer,
2971    #whatsappNLTextContainer{
2972        position:unset;
2973    }
2974    .footer-esg-links .footer-nav-links a:hover,
2975    .footer-important-links .footer-nav-links a:hover{
2976        border-color:#fff;
2977    }
2978
2979</style>
2980<div id="dialog" title="Dialog Title">
2981    <h2>Unlock Exclusive Deals!</h2>
2982    <p>Join our WhatsApp Newsletter today!</p>
2983    <img class="hidden-xs hidden-sm" width="500px" src="https://cdn.aohostels.com/img/index/WebsiteQRCodeNewsLetter.png" alt="a&o Hostels Newsletter QR Code"/>
2984    <br />
2985    <a class="booking-button" href="https://wa.me/4915140659245?text=Register!" target="_blank">Sign up here</a>
2986</div>
2987<div id="footer">
2988    <!-- Footer Top (Grey Footer) -->
2989    <div class="footer-top">
2990        <div class="footer-container">
2991
2992            <!-- All Locations -->
2993                                        <div class="footer-nav-locations">
2994                    <h2 class="footer-title">Locations of our a&amp;o Hostels</h2>
2995                    <ul class="footer-nav-links">
2996                                                                                <li><a href="https://www.aohostels.com/en/aachen/" title="a&amp;o Hostel Aachen: Dorm from €12 | Double room from €49"> Hostel Aachen</a></li>
2997                                                                                                                                                                <li><a href="https://www.aohostels.com/en/antwerp/" title="a&amp;o Hostel Antwerp: Dorm from €12 | Double room from €49"> Hostel Antwerp</a></li>
2998                                                                                                            <li><a href="https://www.aohostels.com/en/berlin/" title="a&amp;o Hostel Berlin: Dorm from €12 | Double room from €49 | central"> Hostel Berlin</a></li>
2999                                                                                                            <li><a href="https://www.aohostels.com/en/bremen/" title="a&amp;o Hostel Bremen: Dorm from €12 | Double room from €49 | Wi-Fi"> Hostel Bremen</a></li>
3000                                                                                                            <li><a href="https://www.aohostels.com/en/brighton/" title="a&amp;o Hostel Brighton: Dorm from €12 | Double room from €49"> Hostel Brighton</a></li>
3001                                                                                                            <li><a href="https://www.aohostels.com/en/brussels/" title="a&amp;o Hostel Brussels: Dorm from €12 | Double room from €49"> Hostel Brussels</a></li>
3002                                                                                                            <li><a href="https://www.aohostels.com/en/budapest/" title="a&amp;o Hostel Budapest: Dorm from €12 | Double room from €49"> Hostel Budapest</a></li>
3003                                                                                                            <li><a href="https://www.aohostels.com/en/cologne/" title="a&amp;o Hostel Cologne: Dorm from €12 | Double room from €49"> Hostel Cologne</a></li>
3004                                                                                                            <li><a href="https://www.aohostels.com/en/copenhagen/" title="a&amp;o Hostel Copenhagen: Dorm from €12 | Double room from €49"> Hostel Copenhagen</a></li>
3005                                                                                                            <li><a href="https://www.aohostels.com/en/dortmund/" title="a&amp;o Hostel Dortmund: Dorm from €12 | Double room from €49"> Hostel Dortmund</a></li>
3006                                                                                                            <li><a href="https://www.aohostels.com/en/dresden/" title="a&amp;o Hostel Dresden: Dorm from €12 | Double room from €49"> Hostel Dresden</a></li>
3007                                                                                                            <li><a href="https://www.aohostels.com/en/dusseldorf/" title="a&amp;o Hostel Düsseldorf: Dorm from €12 | Double room from €49"> Hostel Dusseldorf</a></li>
3008                                                                                                            <li><a href="https://www.aohostels.com/en/edinburgh/" title="a&amp;o Hostel Edinburgh: Dorm from €12 | Double room from €49"> Hostel Edinburgh</a></li>
3009                                                                                                            <li><a href="https://www.aohostels.com/en/florence/" title="a&amp;o Hostel Florence: Dorms from €12 | Double rooms from €49"> Hostel Florence</a></li>
3010                                                                                                            <li><a href="https://www.aohostels.com/en/frankfurt/" title="a&amp;o Hostel Frankfurt: Dorm from €12 | Double room from €49"> Hostel Frankfurt</a></li>
3011                                                                                                            <li><a href="https://www.aohostels.com/en/graz/" title="a&amp;o Hostel Graz: Dorm from €12 | Double room from €49 | central"> Hostel Graz</a></li>
3012                                                                                                            <li><a href="https://www.aohostels.com/en/hamburg/" title="a&amp;o Hostel Hamburg: Dorm from €12 | Double room from €49"> Hostel Hamburg</a></li>
3013                                                                                                            <li><a href="https://www.aohostels.com/en/leipzig/" title="a&amp;o Hostel Leipzig: Dorm from €12 | Double room from €49 | Wi-Fi"> Hostel Leipzig</a></li>
3014                                                                                                            <li><a href="https://www.aohostels.com/en/london/" title="a&amp;o Hostel London: Dorm from €12 | Double room from €49 | Ferry"> Hostel London</a></li>
3015                                                                                                            <li><a href="https://www.aohostels.com/en/manchester/" title="a&amp;o Hostel Manchester: Dorm from €12 | Double room from €49"> Hostel Manchester</a></li>
3016                                                                                                            <li><a href="https://www.aohostels.com/en/milan/" title="a&amp;o Hostel Milan: Dorm from €12 | Double room from €49 | Wi-Fi"> Hostel Milan</a></li>
3017                                                                                                            <li><a href="https://www.aohostels.com/en/munich/" title="a&amp;o Hostel Munich: Dorm from €12 | Double room from €49 | Wi-Fi"> Hostel Munich</a></li>
3018                                                                                                            <li><a href="https://www.aohostels.com/en/nuremberg/" title="a&amp;o Hostel Nuremberg: Dorm from €12 | Double room from €49"> Hostel Nuremberg</a></li>
3019                                                                                                            <li><a href="https://www.aohostels.com/en/prague/" title="a&amp;o Hostel Prague: Dorm from €12 | Double room from €49 | Wi-Fi"> Hostel Prague</a></li>
3020                                                                                                            <li><a href="https://www.aohostels.com/en/rotterdam/" title="a&amp;o Hostel Rotterdam: Dorm from €12 | Double room from €49"> Hostel Rotterdam</a></li>
3021                                                                                                            <li><a href="https://www.aohostels.com/en/salzburg/" title="a&amp;o Hostel Salzburg: Dorm from €12 | Double room from €49"> Hostel Salzburg</a></li>
3022                                                                                                            <li><a href="https://www.aohostels.com/en/stuttgart/" title="a&amp;o Hostel Stuttgart: Dorm from €12 | Double room from €49"> Hostel Stuttgart</a></li>
3023                                                                                                            <li><a href="https://www.aohostels.com/en/venice/" title="a&amp;o Hostel Venice: Dorm from €12 | Double room from €49 | central"> Hostel Venice</a></li>
3024                                                                                                            <li><a href="https://www.aohostels.com/en/vienna/" title="a&amp;o Hostel Vienna: Dorm from €12 | Double room from €49 | Wi-Fi"> Hostel Vienna</a></li>
3025                                                                                                            <li><a href="https://www.aohostels.com/en/warsaw/" title="a&amp;o Hostel Warsaw: Dorm from €12 | Double room from €49 | bar"> Hostel Warsaw</a></li>
3026                                                                                                            <li><a href="https://www.aohostels.com/en/weimar/" title="a&amp;o Hostel Weimar: Dorm from €12 | Double room from €49 | Wi-Fi"> Hostel Weimar</a></li>
3027                                                                        </ul>
3028                </div>
3029            
3030            <!-- Additional Links / Other Houses -->
3031                                </div>
3032    </div>
3033
3034    <!-- Footer Main (Blue Footer) -->
3035    <div class="footer-main">
3036        <div class="footer-container">
3037            <!-- Main Links -->
3038            <div class="footer-important-links">
3039                <h2 class="footer-title">Important Links</h2>
3040
3041                                    <ul class="footer-nav-links">
3042                        <li><a href="https://www.aohostels.com/en/contact/">Contact</a></li>
3043                        <li><a href="https://www.aohostels.com/en/sales-cooperations/">Cooperations</a></li>
3044                        <li><a href="https://www.aohostels.com/en/services/faq/">FAQ</a></li>
3045                        <li><a href="https://www.aohostels.com/en/about-ao/expansion/">Expansion</a></li>
3046                        <li><a href="https://www.aohostels.com/en/gtc/">GTC</a></li>
3047                        <li><a href="https://www.aohostels.com/en/imprint/">Imprint</a></li>
3048                        <li><a href="https://www.aohostels.com/en/creatorclub/">Creator Club</a></li>
3049                        <li><a href="https://www.aohostels.com/en/career/ao-jobs/">Jobs</a></li>
3050                        <li><a href="https://www.aohostels.com/en/press/press-releases/">Press - Downloads</a></li>
3051                        <li><a href="https://www.aohostels.com/en/website-privacy-statement/">Website Privacy Statement</a></li>
3052                        <li><a href="https://www.aohostels.com/en/about-ao/">About a&amp;o</a></li>
3053                        <li><a href="https://www.aohostels.com/en/about-ao/management/">Management</a></li>
3054                    </ul>
3055                            </div>
3056
3057            <!-- ESG Links -->
3058            <div class="footer-esg-links">
3059                <h2 class="footer-title">ESG</h2>
3060                <ul class="footer-nav-links">
3061                                            <li><a href="https://www.aohostels.com/en/sustainability/">Sustainability</a></li>
3062                    
3063                                            <li><a href="https://www.aohostels.com/en/press/company-profile/">Company Profile</a></li>
3064                                        
3065                    <li><a href="https://www.aohostels.com/en/about-ao/sponsoring/">Sponsoring</a></li>
3066
3067                                                                <li><a href="https://www.aohostels.com/en/press/vision-mission-values/">Vision, Mission &amp; Values</a></li>
3068                                    </ul>
3069            </div>
3070
3071            <!-- ESG Newsletter -->
3072            <div class="footer-newsletter">
3073                <h2 class="footer-title">Newsletter</h2>
3074
3075                <form action="https://www.aohostels.com/en/newsletter/subscribe/" method="POST">
3076                    <p>Subscribe to the a&amp;o newsletter for free and be the first to know about great offers and voucher promotions. You can unsubscribe at any time.</p>
3077
3078                    <input type="email" name="email" placeholder="Your email address" aria-label="Your email address">
3079
3080                    <div class="form-buttons">
3081                        <button type="submit" class="subscribe-btn">Subscribe</button>
3082                        <a class="unsubscribe-link" href="https://www.aohostels.com/en/newsletter/unsubscribe/">
3082Unsubscribe here</a>
3083                    </div>
3084                </form>
3085
3086                <form style="padding: 0" action="https://www.aohostels.com/en/newsletter/unsubscribe/" method="POST" class="index-newsletter-unsubscribe-form">
3087                    <input type="hidden" name="email">
3088                </form>
3089                <form style="padding: 0" action="https://www.aohostels.com/en/newsletter/subscribe/" method="POST" class="index-newsletter-subscribe-form">
3090                    <input type="hidden" name="email">
3091                </form>
3092            </div>
3093
3094            <!-- Social Media Links -->
3095            <div class="footer-social-links">
3096                <h2 class="footer-title">Follow Us</h2>
3097                <ul class="fakeNavAway">
3098                    <li><span data-link="aHR0cHM6Ly93d3cuZmFjZWJvb2suY29tL2FvaG9zdGVscw==" target="_blank"><img src="https://cdn.aohostels.com/img/footer/social-media/facebook.svg" alt="a&o Hostels Facebook"/></span></li>
3099                    <li><span data-link="aHR0cHM6Ly93d3cuaW5zdGFncmFtLmNvbS9hb2hvc3RlbHMvP2hsPWRl" target="_blank"><img src="https://cdn.aohostels.com/img/footer/social-media/instagram.svg" alt="a&o Hostels Instagram"/></span></li>
3100                    <li><span data-link="aHR0cHM6Ly93d3cudGlrdG9rLmNvbS9AYW9ob3N0ZWxz" target="_blank"><img src="https://cdn.aohostels.com/img/footer/social-media/tiktok.svg" alt="a&o Hostels TikTok"/></span></li>
3101                    <li><a href="https://www.linkedin.com/company/aohostels" target="_blank"><img src="https://cdn.aohostels.com/img/footer/social-media/linkedin.svg" alt="a&o Hostels Linkedin"/></a></li>
3102                    <li><a href="https://open.spotify.com/user/mh4i4gnxzkb2klf3tuyye5qou" target="_blank"><img src="https://cdn.aohostels.com/img/footer/social-media/spotify.svg" alt="a&o Hostels Spotify"/></a></li>
3103                    <li><a href="https://www.youtube.com/user/aohostels" target="_blank"><img src="https://cdn.aohostels.com/img/footer/social-media/youtube.svg" alt="a&o Hostels Youtube"/></a></li>
3104                </ul>
3105                <div id="whatsappNL">
3106                    <div class="row">
3107                        <div id="whatsappNLImageContainer" class="col-xs-2 col-sm-3">
3108                            <img src="https://cdn.aohostels.com/img/index/whatsappNL-logo.svg" alt="a&o Hostels Whatsapp"/>
3109                        </div>
3110                        <div id="whatsappNLTextContainer" class="col-xs-10 col-sm-9">
3111                            <h2>Unlock Exclusive Deals!</h2>
3112                            <p>Join our WhatsApp Newsletter today!</p>
3113                        </div>
3114                    </div>
3115                </div>
3116            </div>
3117
3118            <!-- a&o App -->
3119            <div class="footer-ao-app-links">
3120                <h2 class="footer-title">Our a&amp;o app</h2>
3121                <ul>
3122                    <li><a href="https://apps.apple.com/de/app/a-o-hostels/id1454270965" target="_blank"><img src="https://cdn.aohostels.com/img/footer/stores/apple-app-store.svg" alt="a&o Hostels Apple App Store"/></a></li>
3123                    <li><a href="https://play.google.com/store/apps/details?id=com.aohostels.doors" target="_blank"><img src="https://cdn.aohostels.com/img/footer/stores/google-play-store.svg" alt="a&o Hostels Google Play Store"/></a></li>
3124                </ul>
3125            </div>
3126
3127            <!-- Payment Options -->
3128            <div class="footer-payment-options">
3129                <h2 class="footer-title">Our payment methods</h2>
3130                <ul>
3131                    <li class="payment-icon-wrapper">
3132                        <img src="https://cdn.aohostels.com/img/footer/payment-methods/mastercard.svg"
3133                             title="Mastercard" alt="Mastercard icon"/>
3134                        <span class="alt-text" aria-label="Mastercard">Mastercard</span>
3135                    </li>
3136                    <li class="payment-icon-wrapper">
3137                        <img src="https://cdn.aohostels.com/img/footer/payment-methods/visa.svg" title="Visa"
3138                             alt="Visa icon"/>
3139                        <span class="alt-text" aria-label="Visa">Visa</span>
3140                    </li>
3141                    <li class="payment-icon-wrapper">
3142                        <img src="https://cdn.aohostels.com/img/footer/payment-methods/paypal.svg" title="Paypal"
3143                             alt="Paypal icon"/>
3144                        <span class="alt-text" aria-label="Paypal">Paypal</span>
3145                    </li>
3146                    <li class="payment-icon-wrapper">
3147                        <img src="https://cdn.aohostels.com/img/footer/payment-methods/amazon-pay.svg"
3148                             title="Amazon Pay" alt="Amazon pay icon"/>
3149                        <span class="alt-text" aria-label="Amazon Pay">Amazon Pay</span>
3150                    </li>
3151                    <li class="payment-icon-wrapper">
3152                        <img src="https://cdn.aohostels.com/img/footer/payment-methods/gift-voucher.svg"
3153                             title="Gift Voucher" alt="A&O voucher icon"/>
3154                        <span class="alt-text"
3155                              aria-label="Gift Voucher">Gift Voucher</span>
3156                    </li>
3157                    <li class="payment-icon-wrapper footer-icon-wrapper-bg">
3158                        <img class="payment-icon-svg payment-icon-bling"
3159                             src="https://cdn.aohostels.com/img/footer/payment-methods/bling_logo_blue.svg"
3160                             title="Bling" alt="Bling icon">
3161                        <span class="alt-text" aria-label="Bling">Bling</span>
3162                    </li>
3163                    <li class="payment-icon-wrapper footer-icon-wrapper-bg">
3164                        <img src="https://cdn.aohostels.com/img/master/payment_options/list/18.svg" title="Ap
3164ple Pay"
3165                             alt="Apple Pay icon" class="payment-icon-svg payment-icon-apay"/>
3166                        <span class="alt-text" aria-label="Apple Pay">Apple Pay</span>
3167                    </li>
3168                    <li class="payment-icon-wrapper footer-icon-wrapper-bg">
3169                        <img src="https://cdn.aohostels.com/img/master/payment_options/list/19.svg" title="Google Pay"
3170                             alt="Google Pay icon" class="payment-icon-svg payment-icon-gpay"/>
3171                        <span class="alt-text" aria-label="Google Pay">Google Pay</span>
3172                    </li>
3173                    <li class="payment-icon-wrapper">
3174                        <img class="footer-icon" src="https://cdn.aohostels.com/img/footer/payment-methods/klarna.svg"
3175                             title="Klarna" alt="Klarna icon"/>
3176                        <span class="alt-text" aria-label="Klarna">Klarna</span>
3177                    </li>
3178                    <li class="payment-icon-wrapper">
3179                        <img src="https://cdn.aohostels.com/img/footer/payment-methods/ideal-NL.svg" title="iDeal"
3180                             alt="iDeal icon"/>
3181                        <span class="alt-text" aria-label="iDeal">iDeal</span>
3182                    </li>
3183                    <li class="payment-icon-wrapper">
3184                        <img src="https://cdn.aohostels.com/img/payment-methods/wero.svg" title="Wero"
3185                             alt="Wero icon"/>
3186                        <span class="alt-text" aria-label="Wero">Wero</span>
3187                    </li>
3188                </ul>
3189                                <a class="footer-payment-methods-link" href="https://www.aohostels.com/en/infos/payment-options/">More about our payment methods</a>
3190                            </div>
3191
3192            <!-- Horizontal breaklines -->
3193            <div class="footer-breakline bl1"></div>
3194            <div class="footer-breakline bl2"></div>
3195            <div class="footer-breakline bl3"></div>
3196
3197            <!-- Seals -->
3198            <div class="footer-seals">
3199                <div class="seals-container fakeNavAway">
3200                    <div class="seals-item social_icon">
3201                            <span data-link="aHR0cHM6Ly93d3cuYW9ob3N0ZWxzLmNvbS9lbi9pbmZvcy9iZXN0LXByaWNlLWd1YXJhbnRlZS8=" target="_blank" >
3202                                <img data-src="https://cdn.aohostels.com/img/index/seals/seal2-best-price-guarantee-WHITE.svg" width="85" class="lazyload" alt="Best Price Guarantee" />
3203                            </span>
3204                    </div>
3205                    <div class="seals-item social_icon">
3206                            <span data-link="aHR0cHM6Ly93d3cuYW9ob3N0ZWxzLmNvbS9lbi9ncmVlbi8=" target="_blank">
3207                                <img data-src="https://cdn.aohostels.com/img/index/seals/ESG Logo_weiss.png" width="140" class="lazyload" alt="Green - Mission Zero Emissions"/>
3208                            </span>
3209                    </div>
3210                    <div class="seals-item social_icon">
3211                            <span data-link="aHR0cHM6Ly93d3cuYW9ob3N0ZWxzLmNvbS9lbi93ZWJzaXRlLXByaXZhY3ktc3RhdGVtZW50Lw==" target="_blank" >
3212                                <img data-src="https://cdn.aohostels.com/img/index/seals/seal3-data-protection-guarantee-WHITE.svg" width="85" class="lazyload" alt="Data Protection Security" />
3213                            </span>
3214                    </div>
3215                                    </div>
3216                            </div>
3217
3218            <!-- Copyright text -->
3219            <div class="footer-copyright">
3220                <div class="copyright">
3221                        Copyright © 2026 a&amp;o hostels Marketing GmbH                </div>
3222            </div>
3223        </div>
3224    </div>
3225</div>
3226
3227
3228<!-- Fake Nav Form (for preventing SEO indexing) -->
3229<form action="https://www.aohostels.com/en/redirectcities/" method="POST" id="citynavLink">
3230    <input type="hidden" class="link" name="link">
3231    <button type="submit" class="hidden-button">Submit</button>
3232</form>
3233
3234<!-- Social Media Form (for preventing SEO indexing) -->
3235<form target="_blank" action="https://www.aohostels.com/en/redirectaway/" method="POST" id="redirectaway">
3236    <input type="hidden" class="link" name="link">
3237    <input type="hidden" id="redirect" name="target" value="0">
3238    <button type="submit" class="hidden-button">Submit</button>
3239</form>
3240
3241<!-- JS -->
3242
3243<script type="text/javascript" src="https://www.aohostels.com/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 3243
3243
3244<script type="text/javascript" src="https://www.aohostels.com/js/min/moment.js"></script>
vendor: 1 bytes, line 3244
3244
3245<script type="text/javascript" src="https://www.aohostels.com/js/min/lazysizes.min.js"></script>
vendor: 1 bytes, line 3245
3245
3246<script>
3247    var parent = " Adults";
3248    var parents = " Adult";
3249    var children = " Children";
3250    var child = " Child";
3251    var ageRequired = "Age required";
3252</script>
vendor: 1 bytes, line 3252
3252
3253<script type="text/javascript" src="https://www.aohostels.com/js/daterangeLocale/daterangepicker.min.js"></script>
3253
3254    
3254<script src="https://www.aohostels.com/js/daterangeLocale/daterange_en_master.js"></script>
vendor: 1 bytes, line 3254
3254
3255<script src="https://www.aohostels.com/js/calenderHouse.js"></script>
3255
3256
3257
3258<!-- Newsletter [Start] -->
3259
3260<script type="text/javascript">
3261
3262    $( "#whatsappNL" ).click(function() {
3263        $( "#dialog" ).show();
3264        $( "#overlayContainer" ).show().addClass("opened");
3265    });
3266    if($(window).height() <= 1040){
3267        $("#dialog").css("overflow-y","scroll");
3268    }else{
3269        $("#dialog").removeAttr("style");
3270    }
3271    $(document).click(function(e) {
3272        if ( $(e.target).closest("#whatsappNL").length === 0  && $(e.target).closest('#dialog').length === 0){
3273            $( "#overlayContainer" ).removeClass("opened").hide();
3274            $( "#dialog" ).hide();
3275        }
3276    });
3277    $(".menuButtonContainer").click(function(){
3278        $(this).toggleClass("open");
3279        $(this).css("border","none");
3280        $('#bs-example-navbar-collapse-1').toggleClass('opened');
3281        $('.bar1, .bar2, .bar3').toggleClass("rotate");
3282        $('.menuButtonContainer span').toggle();
3283    });
3284    $(".calendarContainer").click(function(){
3285        if($(this).hasClass("focus")){
3286            $(this).removeClass("focus");
3287            $('.daterangepicker').find('.cancelBtn').click();
3288        }else{
3289            $(this).addClass("focus");
3290        }
3291    });
3292    $(".daterangepicker .applyBtn").click(function(){
3293            $(".calendarContainer").removeClass("focus");
3294    });
3295    $(".peoplesInput").click(function(){
3296        if($(this).parent().hasClass("focus")){
3297            $(this).parent().removeClass("focus");
3298        }else{
3299            $(this).parent().addClass("focus");
3300        }
3301    });
3302    $(".personSaveButton").click(function(){
3303        $(".peoplesInput").parent().removeClass("focus");
3304        var cityName = "Berlin";
3305        var child1Val = 0;
3306        var child2Val = 0;
3307        var child3Val = 0;
3308        var child4Val = 0;
3309        $("#child1, input[name=children1]").val(child1Val);
3310        $("#child2, input[name=children2]").val(child2Val);
3311        $("#child3, input[name=children3]").val(child3Val);
3312        $("#child4, input[name=children4]").val(child4Val);
3313        var adultsVal = parseInt($("input[name=adultsXs]").val());
3314        var childsVal = parseInt($("#childs").val());
3315        if($("body").find('.select-options li.active').length > 0){
3316            cityName = $('.select-options li.active').attr("id");
3317        }
3318        if(cityName != "Venedig" && cityName != "Graz" && cityName != "Salzburg" && cityName != "Amsterdam"&& cityName != "Rotterdam"){
3319            $("#ageKidContainer select").each(function(){
3320                if($(this).val() <= 6){
3321                    child1Val = child1Val + 1;
3322                    $("#child1").val(child1Val);
3323                }
3324                if($(this).val() > 6){
3325                    child2Val = child2Val + 1;
3326                    $("#child2").val(child2Val);
3327                }
3328            });
3329        }else if(cityName == "Venedig"){
3330            $("#ageKidContainer select").each(function(){
3331                if($(this).val() <= 6){
3332                    child1Val = child1Val + 1;
3333                    $("#child1").val(child1Val);
3334                }
3335                if($(this).val() > 6 && $(this).val() <= 9){
3336                    child2Val = child2Val + 1;
3337                    $("#child2").val(child2Val);
3338                }
3339                if($(this).val() > 9 && $(this).val() <= 15){
3340                    child3Val = child3Val + 1;
3341                    $("#child3").val(child3Val);
3342                }
3343                if($(this).val() > 15 && $(this).val() <= 17){
3344                    child4Val = child4Val + 1;
3345                    $("#child4").val(child4Val);
3346                }
3347            });
3348        }else if(cityName == "Florenz"){
3349            $("#ageKidContainer select").each(function(){
3350                if($(this).val() <= 6){
3351                    child1Val = child1Val + 1;
3352                    $("#child1").val(child1Val);
3353                }
3354                if($(this).val() > 6 && $(this).val() <= 11){
3355                    child2Val = child2Val + 1;
3356                    $("#child2").val(child2Val);
3357                }
3358                if($(this).val() > 11 && $(this).val() <= 15){
3359                    child3Val = child3Val + 1;
3360                    $("#child3").val(child3Val);
3361                }
3362                if($(this).val() > 15 && $(this).val() <= 17){
3363                    child4Val = child4Val + 1;
3364                    $("#child4").val(child4Val);
3365                }
3366            });
3367        }else if(cityName == "Graz" || cityName == "Salzburg"){
3368            $("#ageKidContainer select").each(function(){
3369                if($(this).val() <= 6){
3370                    child1Val = child1Val + 1;
3371                    $("#child1").val(child1Val);
3372                }
3373                if($(this).val() > 6 && $(this).val() <= 14){
3374                    child2Val = child2Val + 1;
3375                    $("#child2").val(child2Val);
3376                }
3377                if($(this).val() > 14 && $(this).val() <= 17){
3378                    child3Val = child3Val + 1;
3379                    $("#child3").val(child3Val);
3380                }
3381            });
3382        }else if(cityName == "Amsterdam" || cityName == "Rotterdam"){
3383            $("#ageKidContainer select").each(function(){
3384                if($(this).val() <= 6){
3385                    child1Val = child1Val + 1;
3386                    $("#child1").val(child1Val);
3387                }
3388                if($(this).val() > 6 && $(this).val() <= 15){
3389                    child2Val = child2Val + 1;
3390                    $("#child2").val(child2Val);
3391                }
3392                if($(this).val() > 15 && $(this).val() <= 17){
3393                    child3Val = child3Val + 1;
3394                    $("#child3").val(child3Val);
3395                }
3396            });
3397        }
3398        //$(".input_children").val(inputVal);
3399        sessionStorage.setItem("childs",childsVal);
3400        //store the val of the input in the index page
3401        if( $("#adultsXs").val() >0) {
3402            sessionStorage.setItem("adults", $("#adultsXs").val());
3403        }
3404
3405        if($('#child1').val() >0)
3406        {
3407            sessionStorage.setItem('childs1',child1Val);
3408        }else{
3409            sessionStorage.setItem('childs1',0);
3410        }
3411        if($('#child2').val() >0)
3412        {
3413            sessionStorage.setItem('childs2',child2Val);
3414        }else{
3415            sessionStorage.setItem('childs2',0);
3416        }
3417
3418        // **********************************************
3419        if($('#child3').val() >0)
3420        {
3421            sessionStorage.setItem('childs3',child3Val);
3422        }else{
3423            sessionStorage.setItem('childs3',0);
3424        }
3425        if($('#child4').val() >0)
3426        {
3427            sessionStorage.setItem('childs4',child4Val);
3428        }else{
3429            sessionStorage.setItem('childs4',0);
3430        }
3431    });
3432    $(document).click(function(e) {
3433        if ( $(e.target).closest('.adultContainer').length === 0 && $(e.target).closest('.personChoiceContainer').length === 0 ){
3434            $('.adultContainer').removeClass("focus");
3435        }
3436    });
3437    $(document).click(function(e) {
3438        if ( $(e.target).closest('.calendarContainer').length === 0  && $(e.target).closest('.daterangepicker').length === 0  && $(e.target).closest('.drp-calendar').length === 0  && $(e.target).closest('.table-condensed').length === 0){
3439            $('.calendarContainer').removeClass("focus");
3440        }
3441    });
3442    $('.user-login-container').click(function(){
3443        $("#loginOverlay").fadeIn("fast");
3444        $('#loginOverlay').toggleClass("open");
3445    });
3446     $('#loginOverlay').click(function(){
3447    var loginPopup = document.getElementById('loginPopup');
3448        if(!loginPopup.contains(event.target)) {  
3449        $("#loginOverlay").fadeOut("fast");
3450        $('#loginOverlay').removeClass("open");
3451        }
3452    });
3453    $('#loginPopup i.fa-close').click(function(){
3454        $("#loginOverlay").fadeOut("fast");
3455        $('#loginOverlay').removeClass("open");
3456    });
3457    function toggleShowPassword() {
3458        var passwordField = $('input[name="inputPassword"]');
3459        var showHidePassBtn = $('.show-hide-password');
3460
3461        if(passwordField.attr('type') === 'password'){
3462            // show password
3463            passwordField.attr('type', 'text');
3464            showHidePassBtn.addClass('show')
3465        }else{
3466            // hide password
3467            passwordField.attr('type', 'password');
3468            showHidePassBtn.removeClass('show')
3469        }
3470
3471        passwordField.focus(); //avoid text highlight when toggling
3472    }
3473    $(document).click(function(e) {
3474        if ( $(e.target).closest('#loginOverlay').length === 0 && $(e.target).closest('.user-login-container').length === 0 ){
3475            $("#loginOverlay").fadeOut("fast");
3476            $(".user-login-container").removeClass("open");
3477            $("#loginOverlay").removeClass("open");
3478        }
3479    });
3480
3481    $(document).on('click', '.fakeNav span', function () {
3482        var linkform = $("#citynavLink");
3483        var encodedLink = $(this).data("link");
3484
3485        if(encodedLink){
3486            linkform.children().val(encodedLink);
3487            linkform.submit();
3488        }
3489    });
3490    $(document).on('click', '.fakeNavAway span', function () {
3491        var linkform = $("#redirectaway");
3492        var encodedLink = $(this).data("link");
3493
3494        if(encodedLink){
3495            linkform.children().val(encodedLink);
3496            linkform.submit();
3497        }
3498    });
3499
3500
3501    $(".sidebar_titles.dropdownMenu").click(function(){
3502        if($(this).hasClass("opened")){
3503            $(this).children("ul").slideUp("slow");
3504            $(this).removeClass("opened");
3505        }else{
3506            $(".dropdownMenu").removeClass("opened");
3507            $(".dropdownMenu").next("ul").slideUp("slow");
3508            $(this).children("ul").slideDown("slow");
3509            $(this).addClass("opened");
3510        }
3511    });
3512    (function(window, $) {
3513        $(document).ready(function() {
3514            $(".unsubscribeButton").click(function(e){
3515                e.preventDefault();
3516                var mainForm = $(this).closest('form.newsletter-form');
3517                var form = mainForm.siblings('form.index-newsletter-unsubscribe-form');
3518                var email = mainForm.find('input[name="email"]').val();
3519                $(form).find('input[name="email"]').val(email);
3520                $(form).submit();
3521            });
3522
3523            $(".subscribeButton").click(function(e){
3524                e.preventDefault();
3525                var mainForm = $(this).closest('form.newsletter-form');
3526                var form = mainForm.siblings('form.index-newsletter-subscribe-form');
3527                var email = mainForm.find('input[name="email"]').val();
3528                $(form).find('input[name="email"]').val(email);
3529                $(form).submit();
3530            });
3531
3532        }); // Document ready [End]
3533    })(window, jQuery);
3534</script>
3534
3535<!-- Newsletters [End] -->
3536
3537<script>
3538    $(".personCloseButton").click(function(){
3539        $(".personChoiceContainer, .moreHouses, #bs-example-navbar-collapse-3").removeClass("open");
3540        $(".personChoiceContainer").hide();
3541    });
3542    function border(e){
3543        $(e).css("border-bottom-color","#ebebeb");
3544        $(e).next().val($(e).children("option:selected").val());
3545    }
3546    $(".personCloseButton").click(function(){
3547        $(".adultContainer").removeClass("focus");
3548    });
3549    $(document).click(function(e) {
3550        if ( $(e.target).closest('.peoplesInput').length === 0 && $(e.target).closest('.anz_adult').length === 0 && $(e.target).closest('.anz_person').length === 0 && $(e.target).closest('.input_choice').length === 0 && $(e.target).closest('#ageKidContainer').length === 0 && $(e.target).closest('.personChoiceContainer').length === 0) {
3551            $(".personChoiceContainer").hide();
3552            if($(".personChoiceContainer").hasClass("open")){
3553                var childrenNumber = 0;
3554                var parents = "";
3555                var children = "";
3556                $($(".personChoiceContainer").find("input")).each(function(index){
3557                    if(index == 0){
3558                        if($(this).val() > 1){
3559                            parents = $(this).val() + " Adults";
3560                        }else{
3561                            parents = $(this).val() + " Adult";
3562                        }
3563                    }else if(index == 1){
3564                        childrenNumber += parseInt($(this).val());
3565                    }
3566                    if(childrenNumber != 0){
3567                        if(childrenNumber > 1){
3568                            children = ", " + childrenNumber + " Children";
3569                        }else{
3570                            children = ", " + childrenNumber + " Child";
3571                        }
3572                    }
3573                });
3574                $(".peoplesInput").val(parents + children);
3575                $(".peoplesInput").removeAttr("style");
3576            }
3577            $(".personChoiceContainer,.moreHouses,#bs-example-navbar-collapse-3").removeClass("open");
3578            $(".booking-container").removeClass("zindex");
3579        }
3580    });
3581    $(".peoplesInput").click(function(){
3582        $(".personChoiceContainer").toggle();
3583        $(".personChoiceContainer").outerWidth($('.peoplesInput').outerWidth() - 1);
3584        $(".personChoiceContainer, .moreHouses, #bs-example-navbar-collapse-3").toggleClass("open");
3585        $(".booking-container").addClass("zindex");
3586        if(!$(this).next().hasClass("open")){
3587            var childrenNumber = 0;
3588            var parents = "";
3589            var children = "";
3590            $($(".personChoiceContainer").find("input")).each(function(index){
3591                if(index == 0){
3592                                            if($(this).val() > 1){
3593                            parents = $(this).val() + " Adults";
3594                        }else{
3595                            parents = $(this).val() + " Adult";
3596                        }
3597                                        if(sessionStorage.getItem("adults") !== null){
3598                        if($(this).val() > 1){
3599                            parents = sessionStorage.getItem("adults") + " Adults";
3600                        }else{
3601                            parents = sessionStorage.getItem("adults") + " Adult";
3602                        }
3603                    }
3604                }else if(index == 1){
3605                    childrenNumber += parseInt($(this).val());
3606                }
3607                if(childrenNumber != 0){
3608                    if(childrenNumber > 1){
3609                        children = ", " + childrenNumber + " Children";
3610                    }else{
3611                        children = ", " + childrenNumber + " Child";
3612                    }
3613                }
3614            });
3615            $(this).val(parents + children);
3616            $(".peoplesInput").removeAttr("style");
3617        }
3618    });
3619    $(".personSaveButton").click(function(){
3620        $(".personChoiceContainer").hide();
3621        if($(".personChoiceContainer").hasClass("open")){
3622            var childrenNumber = 0;
3623            var parents = "";
3624            var children = "";
3625            $($(".personChoiceContainer").find("input")).each(function(index){
3626                if(index == 0){
3627                    if($(this).val() > 1){
3628                        parents = $(this).val() + " Adults";
3629                    }else{
3630                        parents = $(this).val() + " Adult";
3631                    }
3632                }else if(index == 1){
3633                    childrenNumber += parseInt($(this).val());
3634                }
3635                if(childrenNumber != 0){
3636                    if(childrenNumber > 1){
3637                        children =  ", " + childrenNumber + " Children";
3638                    }else{
3639                        children =  ", " + childrenNumber + " Child";
3640                    }
3641                }
3642            });
3643            $(".peoplesInput").val(parents + children);
3644            $(".peoplesInput").removeAttr("style");
3645        }
3646        $(".personChoiceContainer").removeClass("open");
3647    });
3648    // Validierung
3649    $("#btool").submit(function(){
3650        var error = 0;
3651
3652
3653        // Ermittle Input-Variablen
3654        house = $( "#houseXs").val()
3655        adults = $( "#adultsXs").val();
3656        childs = $( "#childrenXs").val();
3657        arrival = $( ".hiddenArrival").val();
3658        departure = $( ".hiddenDeparture").val();
3659        arr = moment(arrival,"DD.MM.YYYY");
3660        dep = moment(departure ,"DD.MM.YYYY");
3661        nights = dep.diff(arr, 'days');
3662
3663        children1 =  $("[name='children1']").val();
3664        children2 =  $("[name='children2']").val();
3665        children3 =  $("[name='children3']").val();
3666        children4 =  $("[name='children4']").val();
3667
3668        mobile = 1;
3669        if(house == 0) {
3670            $( "#error_menu_house_xs").show();
3671            error++;
3672        } else {
3673            $( "#error_menu_house_xs").hide();
3674        }
3675
3676        if(arrival == "" || departure == "") {
3677            // Fehler, wenn eines der Datenfelder leer ist
3678            $( "#error_menu_date_xs").show();
3679            error++;
3680        } else {
3681            $( "#error_menu_date_xs").hide();
3682            myDate = arrival.split(".");
3683            var arrivalTstamp= myDate[1] +"/"+ myDate[0] +"/"+ myDate[2];
3684            arrivalTstamp = new Date(arrivalTstamp).getTime() / 1000;
3685
3686            myDate = departure.split(".");
3687            var departureTstamp= myDate[1] +"/"+ myDate[0] +"/"+ myDate[2];
3688            departureTstamp = new Date(departureTstamp).getTime() / 1000;
3689
3690            if((departureTstamp - arrivalTstamp ) / 86400 > 14) {
3691                // Fehler, wenn Zeitraum größer als 30 ist
3692                $( "#error_menu_30_xs").show();
3693                error++;
3694            } else {
3695                $( "#error_menu_30_xs").hide();
3696            }
3697        }
3698
3699        guests = +adults + +childs;
3700
3701        if(+guests > 9 && +guests < 86 && error==0 && +nights <= 13) {
3702
3703            $(function() {
3704                $("#btool").attr("action","https://www.aohostels.com/en/group-bookingtool/get-group_categories/?house=" + house + "&adults=" + adults + "&childs=" + childs + "&arrival="
3705                    + arrivalTstamp + "&departure=" + departureTstamp + "&error=" + error+"&mobile=" +mobile, true);
3706            });
3707
3708        }
3709
3710        if(+guests > 85 || (+nights > 13 && +guests > 9)) {
3711            var mobile =1;
3712            $(function () {  // this is a shortcut to using $(document).ready()
3713
3714                $("#btool").attr("action","https://www.aohostels.com/en/group-bookingtool/group_form/?house=" + house + "&adults=" + adults + "&childs=" + childs + "&arrival="
3715                    + arr.format("DD.MM.YYYY") + "&departure=" + dep.format("DD.MM.YYYY") + "&error=" + error+"&mobile="+mobile, true);
3716
3717            });
3718
3719        }
3720
3721        if(error == 0) {
3722            return true;
3723        } else {
3724            return false;
3725        }
3726
3727    });
3728    $(window).scroll(function(){
3729        if($(window).scrollTop() > 6){
3730            $(".headerContainer").addClass("fixed");
3731        }else{
3732             if (window.location.href.indexOf('reseller') === -1) {
3733                 $(".headerContainer").removeClass("fixed");
3734             }
3735        }
3736    });
3737    $(document).click(function(e){
3738        if($("#bs-example-navbar-collapse-1").hasClass("opened")){
3739            if($(e.target).closest("#bs-example-navbar-collapse-1").length === 0 && $(e.target).closest(".dropdownButton").length === 0 && $(e.target).closest(".menuButtonContainer").length === 0){
3740                $("#bs-example-navbar-collapse-1").removeClass("opened");
3741                $("#overlayContainer").removeClass("opened");
3742                $(".menuButtonContainer").removeClass("open");
3743                $('.bar1, .bar2, .bar3').removeClass("rotate");
3744                $('.menuButtonContainer span').toggle();
3745            }
3746        }
3747    });
3748    //Tooglen der Responsive Menus
3749    $( document ).ready(function() {
3750        //$(".navbar-collapse").hide();
3751        var currency = "eur";
3752        $(".currency."+currency).addClass("active");
3753    });
3754    $(".searchButton").click(function(){
3755        if($("#bs-example-navbar-collapse-1").hasClass("opened")) {
3756            $("#bs-example-navbar-collapse-1").removeClass("opened");
3757            $("#overlayContainer").removeClass("opened");
3758            $(".content").removeClass("opened");
3759            $(".nlBox").removeClass("opened");
3760        }
3761        if($(this).hasClass("opened")){
3762            $("#bs-example-navbar-collapse-4").slideUp("slow");
3763            $(this).removeClass("opened");
3764        }else{
3765            $("#bs-example-navbar-collapse-4").slideDown("slow");
3766            $(this).addClass("opened");
3767        }
3768    });
3769    $(".dropdownButton").click(function(){
3770        if($(".searchButton").hasClass("opened")){
3771            $(".searchButton").removeClass("opened");
3772            $("#bs-example-navbar-collapse-4").slideUp("slow");
3773        }
3774        $(this).toggleClass("opened");
3775        $("#bs-example-navbar-collapse-1").toggleClass("opened");
3776        $("#overlayContainer").toggleClass("opened");
3777        $(".content").toggleClass("opened");
3778        $(".nlBox").toggleClass("opened");
3779    });
3780    $(".header_menu").click(function(){
3781        if($(this).hasClass("opened")){
3782            $(this).next(".menu").slideUp("slow");
3783            $("#bs-example-navbar-collapse-1").css("overflow","visible");
3784        }else{
3785            $("#bs-example-navbar-collapse-1").css("overflow","scroll");
3786            $(this).next(".menu").slideDown("slow");
3787        }
3788        $(this).toggleClass("opened");
3789    });
3790    if($(window).scrollTop() > 80){
3791        $('.navbar-header').addClass("fixed");
3792        $("#bs-example-navbar-collapse-3 .calendarContainer").css("display","none");
3793        $("#bs-example-navbar-collapse-3 .adultContainer").css("display","none");
3794    }
3795    $(window).scroll(function() {
3796        var wS = $(this).scrollTop();
3797        if (wS > 80){
3798            $('.navbar-header').addClass("fixed");
3799            $("#bs-example-navbar-collapse-3").addClass("fixed");
3800            $("#bs-example-navbar-collapse-3").addClass("small");
3801            if(!$("#bs-example-navbar-collapse-3").hasClass("smallCollapsed")){
3802                $("#bs-example-navbar-collapse-3 .calendarContainer").css("display","none");
3803                $("#bs-example-navbar-collapse-3 .adultContainer").css("display","none");
3804            }
3805        }else{
3806            $('.navbar-header').removeClass("fixed");
3807            if (screen.width < 992) {
3808                $("#aoMainContainer").css("margin-top", "0px");
3809            }
3810        }
3811    });
3812    $("#houseXs").click(function(){
3813        if($("#bs-example-navbar-collapse-3").hasClass("small")){
3814            $("#bs-example-navbar-collapse-3").animate({
3815                height: "190px"
3816            });
3817            $("#bs-example-navbar-collapse-3").addClass("smallCollapsed");
3818            $("#bs-example-navbar-collapse-3 .calendarContainer").css("display","block");
3819            $("#bs-example-navbar-collapse-3 .adultContainer").css("display","block");
3820        }
3821    });
3822</script>
3822
3823
3824
3825
3826<!-- Google Analytics [START]-->
3827<script type="text/javascript">
3828
3829    var gaProperty = 'UA-775035-1';
3830    var disableStr = 'ga-disable-' + gaProperty;
3831    if (document.cookie.indexOf(disableStr + '=true') > -1) {
3832        window[disableStr] = true;
3833    }
3834
3835    function gaOptout() {
3836        alert("Google Analytics has been stopped!")
3837        document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/';
3838        window[disableStr] = true;
3839    }
3840
3841</script>
3841
3842
3843<!-- Add Link -->
3844<script>
3845    /*    function addLink() {
3846            //Get the selected text and append the extra info
3847            var selection = window.getSelection();
3848            pagelink = " - always best price on aohostels.com";
3849            copytext = selection + pagelink;
3850            //Create a new div to hold the prepared text
3851            newdiv = document.createElement('div');
3852
3853            //hide the newly created container
3854            newdiv.style.position = 'absolute';
3855            newdiv.style.left = '-99999px';
3856
3857            //insert the container, fill it with the extended text, and define the new selection
3858            document.body.appendChild(newdiv);
3859            newdiv.innerHTML = copytext;
3860            selection.selectAllChildren(newdiv);
3861
3862            window.setTimeout(function () {
3863                document.body.removeChild(newdiv);
3864            }, 100);
3865        }
3866        var url = window.location.href;
3867        var res = url.split("/");
3868        if(window.location != "https://www.aohostels.com/de/edyoutain/blog/beitrag/berlin-hotspots/" && res[5] != "ao-jobs" && res[5] != "ao-jobboerse" ) {
3869            document.addEventListener('copy', addLink);
3870        }*/
3871    window.setTimeout(function () {
3872        $(".headerErrorMessageContainer").fadeOut("fast");
3873    }, 5000);
3874
3875</script>
3875
3876
3877<!-- Set cookies for hiding notifications -->
3878<script>
3879    function setCookie(cname, cvalue, exdays) {
3880        var d = new Date();
3881        d.setTime(d.getTime() + (exdays*24*60*60*1000));
3882        var expires = "expires=" + d.toGMTString();
3883        document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
3884    }
3885
3886    function getCookie(cname) {
3887        var name = cname + "=";
3888        var decodedCookie = decodeURIComponent(document.cookie);
3889        var ca = decodedCookie.split(';');
3890        for(var i = 0; i < ca.length; i++) {
3891            var c = ca[i];
3892            while (c.charAt(0) == ' ') {
3893                c = c.substring(1);
3894            }
3895            if (c.indexOf(name) == 0) {
3896                return c.substring(name.length, c.length);
3897            }
3898        }
3899        return "";
3900    }
3901
3902    if (getCookie("showNotifications") === "") {
3903        setCookie("showNotifications","no-notification", 1);
3904
3905        UA.then(function(sdk) {
3906            sdk.register();
3907        })
3908    }
3909</script>
3909
3910
3911<!-- Script for language dropdown to include also url params when changing language -->
3912<script>
3913
3914    //prevent default and add an onclick function for each language dropdown item
3915    $('.languageSwitcher .dropdown-menu li a').click(function(e) {
3916        e.preventDefault();
3917
3918        //switch language for webcheckin tool
3919        let actual_url = (window.location).toString();
3920        let next_url = $(this).attr('href');
3921        if(actual_url.indexOf("/wci/#/") !== -1){
3922            let splitau = actual_url.split("/");
3923            let splitnu = next_url.split("/");
3924            splitau[3] = splitnu[3];
3925            let join_next_url = splitau.join("/");
3926            console.log(join_next_url);
3927            window.location = join_next_url;
3928            return;
3929        }
3930
3931        let itemUrl = new URL($(this).attr('href')) //get item href attribute as URL
3932
3933        itemUrl.search = window.location.search //add current search params
3934
3935        window.location = itemUrl.href //redirect
3936    })
3937</script>
3937
3938
3939    
3939<script type="text/javascript" src="https://www.aohostels.com/js/modernizr-custom-webp.js"></script>
3939
3940            
3940<script src="https://pp.payengine.de/widgetjs/payengine.widget.min.js" title="Payengine Widget"></script>
3940
3941        
3941<script type="text/javascript" src="https://www.aohostels.com/js/bxslider/jquery.bxslider.js"></script>
3941
3942    
3942<script>
3943        window.ENV = "https://www.aohostels.com";
3944        window.LANG = "en";
3945        window.TOOL = "shop";
3946    </script>
3946
3947
3948
3949
3950
3951    
3951<script>
3952        document.addEventListener('DOMContentLoaded', function() {
3953            function adjustShopHeader() {
3954                var header = document.querySelector('.headerContainer');
3955                var hero = document.querySelector('.fullsizeHeader');
3956                if (!header || !hero) return;
3957                hero.style.marginTop = header.offsetHeight + 'px';
3958            }
3959            adjustShopHeader();
3960            window.addEventListener('resize', function() {
3961                adjustShopHeader();
3962                requestAnimationFrame(adjustShopHeader);
3963            });
3964        });
3965    </script>
3965
3966
3967
3968<script>
3969    addEventListener('fetch', event => {
3970        event.respondWith(handleRequest(event.request))
3971    })
3972
3973
3974    /**
3975     * Respond to the request
3976     * @param {Request} request
3977     */
3978    async function handleRequest(request) {
3979        let response = await fetch(request)
3980        let setCookie = response.headers.get('Set-Cookie') || ""
3981        if (setCookie != "") {
3982            // recreate the response to make it writable
3983            response = new Response(response.body, response)
3984            // update all SameSite=None cookies to contain Secure
3985            setCookie = setCookie.replace(/SameSite=None/gi,'Secure; SameSite=None')
3986            response.headers.set('Set-Cookie', setCookie)
3987        }
3988        return response
3989    }
3990
3991</script>
3991
3992    <div id="app"></div>
3993<script>
3994    window.ENV = "https://www.aohostels.com";
3995    window.LANG = "en";
3996    </script>
3996
3997<link rel="preload" as="style" href="https://www.aohostels.com/build/css/main-BelT4kbp.css" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/main-BWp1G9qO.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/vendor-vue-DSVczLiO.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/index-CGdcAg2R.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/chatBot-CdpNy5a2.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/vendor-moment-DvpPwjx9.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/_plugin-vue2_normalizer-p4i_2SC9.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/i18n-D0iyxJ9w.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/vendor-pdf-83slQlIl.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-de-DM8H5oQ8.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-en-CBf7ktfJ.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-at-Dwl5jsWy.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-es-BdgDlTkC.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-fr-qBugGNEy.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-it-B4EdK4qP.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-pl-CMMoeSoQ.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-nl-cOoLxgKC.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-dk-ClmXqP-n.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-tr-t_vFCWls.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-cn-C5DesX2F.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-cz-CehdkJeJ.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-hu-CP7Jz5Dt.js" /><link rel="modulepreload" as="script" href="https://www.aohostels.com/build/assets/locale-ru-COgwT9ct.js" /><link rel="stylesheet" href="https://www.aohostels.com/build/css/main-BelT4kbp.css" />
3997<script type="module" src="https://www.aohostels.com/build/assets/main-BWp1G9qO.js"></script>
vendor: 1 bytes, line 3997
3997
3998<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a44098b00a81fe20',t:'MTc5MDkxMTQ5MA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
3998<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"b6073b737d394161b1d44d3a50ebb99f","spa":2}' crossorigin="anonymous"></script>
3998
3999</body>
4000
4001</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.