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&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&o Club Blue Logo" /> 342 </div> 343 <p>Not yet a member? Register for free and unlock instant discounts with our a&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&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&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&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&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&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&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't allow notifications" role="button">Don'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&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">×</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">×</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&o Shop Header Image" class="img-responsive" srcset="https://cdn.aohostels.com/img/ao_shop/header-mobil.webp" title="a&o Shop Header Image" type="image/webp" /> 1706 <source alt="a&o Shop Header Image" class="img-responsive" srcset="https://cdn.aohostels.com/img/ao_shop/header-mobil.jpg" title="a&o Shop Header Image" type="image/jpeg" /> 1707 <img alt="a&o Shop Header Image" class="img-responsive" src="https://cdn.aohostels.com/img/ao_shop/header-mobil.jpg" title="a&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&o Aachen Hauptbahnhof</option><option value="32">a&o Amsterdam Zuidoost</option><option value="50">a&o Antwerpen Centraal</option><option value="1">a&o Berlin Friedrichshain</option><option value="17">a&o Berlin Hauptbahnhof</option><option value="34">a&o Berlin Kolumbus</option><option value="4">a&o Berlin Mitte</option><option value="39">a&o Bremen Hauptbahnhof</option><option value="49">a&o Brighton Beach</option><option value="51">a&o Brussel Centrum</option><option value="43">a&o Budapest City</option><option value="18">a&o Dortmund Hauptbahnhof</option><option value="11">a&o Dresden Hauptbahnhof</option><option value="14">a&o Düsseldorf Hauptbahnhof</option><option value="46">a&o Edinburgh City</option><option value="48">a&o Firenze Campo di Marte</option><option value="27">a&o Frankfurt Galluswarte</option><option value="40">a&o Frankfurt Ostend</option><option value="25">a&o Graz Hauptbahnhof</option><option value="21">a&o Hamburg City</option><option value="9">a&o Hamburg Hammer Kirche</option><option value="10">a&o Hamburg Hauptbahnhof</option><option value="16">a&o Hamburg Reeperbahn </option><option value="19">a&o Köln Dom</option><option value="33">a&o Köln Hauptbahnhof</option><option value="15">a&o Köln Neumarkt</option><option value="38">a&o København Nørrebro</option><option value="44">a&o København Sydhavn</option><option value="12">a&o Leipzig Hauptbahnhof</option><option value="53">a&o London Docklands Riverside</option><option value="54">a&o Manchester City Centre</option><option value="52">a&o Milano Ca Granda</option><option value="7">a&o München Hackerbrücke</option><option value="5">a&o München Hauptbahnhof</option><option value="30">a&o München Laim</option><option value="20">a&o Nürnberg Hauptbahnhof</option><option value="35">a&o Praha Rhea</option><option value="47">a&o Rotterdam City</option><option value="36">a&o Salzburg Hauptbahnhof</option><option value="31">a&o Stuttgart City</option><option value="37">a&o Venezia Mestre</option><option value="41">a&o Warszawa Wola</option><option value="29">a&o Weimar</option><option value="26">a&o Wien Hauptbahnhof</option><option value="13">a&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 & Bike</a></li> 2353 <li><a class="htDropdownElement" href="https://www.aohostels.com/en/infos/public-transport/">Train tickets & 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 & 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&o Hostels</h2> 2995 <ul class="footer-nav-links"> 2996 <li><a href="https://www.aohostels.com/en/aachen/" title="a&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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&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 & 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&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&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&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.